tech memo

デバイスにあわせて表示領域を設定する

metaタグでマークアップします PCに合わせてCSSでスタイリングしたあと、おおざっぱにでもスマホ用のCSSをスタイリングするため、HTMLのメタタグに以下を書き込みます。 <meta name="viewport" content="width=device-width, initial-scale=1"> このマークアップで、ざっくりとデバイスにあわせて表示されます。</meta>

Lenovo ThinkCentre M715q が小型で在宅仕事におすすめ

価格コムで購入しました。(アフィリエイトはAmazonでごめん) やりたいこと Adobe Photohop/XD/Premiereを同時に使いながらchromeもみたい 上記をかなえてくれます。 価格 ThinkCentre M715q Tiny:価格.com限定 パフォーマンスプラス 49,000円(税込み52,92…

divをbodyの子要素として表示

哲学の論文で、「二重の問いへの答え(のひとつ)」という文が出てきました。 この時、どれが問いなのか、どれが答えなのかということを整理したくなるのですが、前後を読んでもどれかわからず、結局要素を整理していくことになります。 同じように、html勉…

行のコピー

Shift+Alt+↓ ですね Macだったら Shift+Option+↓ です。

CSS animationでぐるぐる

.box{ width: 100px; height: 100px; background-color: #87ceeb; cursor: pointer; transition: 0.8s; } .circle{ background:pink; border-radius: 50%; transform: rotate(360deg); } ぐるぐるさせてみましたのメモ。 クロックが特にかわいいです bouncej…

「“」(かっこ)←これ単体で打つのがむずかしいので、にじゅうかっこをやめていちじゅうかっこへ…と思ったけどだめだった

追記。。。 `(Shift+@) ’(Shift+7)これだとくくられなかった・・・ また調べます!! === 自分的にずっと ”” (Shift+2)こーやって書いちゃってたんですが、 向きが反対向きだめだった `(Shift+@) ’(Shift+7) いちじゅうかっこへと移行しました。 う~~…

自分用 VSコード初期設定

オートで保存重要 もし新規職場に行くとき用。自分用 Sass コンパイル marketplace.visualstudio.com webdesign-trends.net インストール code.visualstudio.com ⌘, で設定画面を開く、またはCtrl+, Winだといいな~~。 (2)VScodeオートセーブ goldenmilk.…

ツイッターカードを確認

cards-dev.twitter.com サイト制作後、ツイッターにURLを書いてつぶやくとどんな感じでツイッターカードが出てくるかをチェックできます。 こんな感じになる予定。たぶんヘッダーに記載した画像と大きさがまだ浸透していない ツイッターカードのためにヘッダ…

読みたい本リストをサーバーに同期

読書メモを移動できました。 といってもそもそも読書メモ自体きちんととってないからフォルダを作ってローカルと同期させただけです。 goldenmilk.hatenablog.com 外付けHDDに作った design>learningフォルダをFFFTPでサーバに同期 ほぼここに書き散らしてる…

FFFTPをインストール

久々にFFFTPをインストールです。 ここからインストール。懐かしい。 私がすっかりMacユーザーからWinユーザーになったのでFFFTPが良いかなと。 キャリア的には24歳頃から仕事ではWin、家ではMacだったのでどちらも順応できてラッキーでしたね。MacのときはT…

VScodeでScssを自動コンパイル

下部の「Success!」がうれしい marketplace.visualstudio.com Live Sass CompilerとLive ServerをOnにしておけば大丈夫だと思います。

VSコード、自動保存にしておく

Ctrl+, でsettingに移動 コードを自動保存したい人にはおすすめです。 AfterDelay!

AdobeXDのプロトタイプからHTML/CSSをVSコードで書く動画を見つけた

azure.microsoft.com この人の動画を見てたら、VSCode使っていたので、さっそくダウンロードしてみました。 www.youtube.com XDに慣れてきたところで、自分でテンプレートを作ってしまって、簡易なHTMLパッケージを作ってしまいたいなと思っていたところ、ul…

AdobeXDでハンバーガーメニューを動的に表現

デザインコンペ通りました~。うれしいです。 デザインコンペがリズムよくなってきたので、アートコンペもこの調子でがんばりたい。 コンペ通過って、いわゆるデザイナー傭兵としてチームに参戦するわけで、 いろんな新しいことをすぐにプロとして使いこなし…

イラレの「自由変形」ってどこにあったっけが解決した

こんな感じで一点透視図法的に「奥行き」を出したいのですが… ショートカット「E」で解決した。 キーボードを「英数」にして「E」を押すと、自由変形が出てきました。 自由変形パネルの登場 奥行き動かしたいときはこれ。もっと自由に動かしたいときはその一…

Windows10 縦画面

画面の向きが変わった場合は、キーボードの【Ctrl】キーと【Alt】キーを押しながら、【↑】キーを押します。 キーボードの【Ctrl】キーと【Alt】キーを押しながら、【←】キーや【↓】キー、または【→】キーを押すと、画面の向きが変わります。(富士通Q&Aより) 👏

Raspberry Pi(10) ラズパイダウンロードに時間がかかるので、ミラーサイトへ

北陸先端科学技術大学院大学さんによるミラーサイト。 http://ftp.jaist.ac.jp/pub/raspberrypi/raspbian/images/ こちらの最新版からダウンロードすると、少しだけダウンロードが速いです。 (ちなみにWi-Fiが遅いのはファームウェア更新では解決されず…)

Wi-Fi バッファローお客様サポート ライン

みんな大好きバッファローお客様サポート。 こちらはLINEで相談できる窓口で、左下のお問い合わせからスタートします。 ちなみに、型番を聞かれるのでメモしておくと便利。 私の相談内容は「Wi-Fiが遅い」でした。 リンク https://www.buffalo.jp/support/fa…

Raspberry Pi(9) Wi-Fi遅すぎるんだけど… あと、「展示映像出力研究部 オープンチャット」作った

引っ越し先のWi-Fi遅すぎてお話にならないので(Raspberry Piがダウンロードできないので)すが… バッファローさんのラインにきいてみるか… ↑バッファローお客様サポート ライン そして、Wi-Fiルーターのファームウェアを更新する方法(Windows 10) を使って更…

raspberry pi(8)ラズパイの再フォーマット

ラズパイを一度入れたことのあるSDを再フォーマットします。 SDメモリカードフォーマッター - SD Association 上記をダウンロードして、PCでSDカードを再フォーマット… と思ったのですが、Windows10賢いのか、 SD入れた瞬間にフォーマット化を尋ねられる→試…

sublimetext3 インストール回り メモ

qiita.com liginc.co.jp

Lenovo ThinkCore Tiny パフォーマンスプラスを買うよ

kakaku.com カスタム内容は 1st ハード・ディスク・ドライブ : 128GB ソリッドステートドライブ 2.5インチ SATA M.2 ストレージ・カード : 256GB ソリッドステートドライブに変更(ダウングレード) 追加→HDMI 削除→Wi-Fi,マウス そしてこれを積む予定 PATRI…

『キャッシュを消してください』となるべく言いたくないときに

はじめにお伝えすると、既にブラウザに残るキャッシュを削除する方法はまだ見つけられてません。 キャッシュも必要だからあるわけで、何でも消すべきではないと思うのですが。 リニューアルなどで、『変えてもらう予定だったここ変わってないよ』と言われる…

hetemlで無料SSL化して500errorが出たら

新サーバに移設し、SSl化しましたら、500エラーが出ました。 「.htaccess」ファイルを書き換え シンプルに!「.htaccess」ファイルを書き換えます。 AddHandler php5.6-script .php 上記、最新のphpに書き換えます。 新しいFTPのサーバ情報を確認 また、新サ…

Font Awesomeのフォントデータをダウンロードする

fontawesome.com めちゃめちゃ可愛いFont Awesome https://fontawesome.com/how-to-use/on-the-desktop/setup/getting-started こちらからフォントデータがとれました。 そして、こちらのチートシートからコピーして、イラレでも使えます。 もちろんフォント…

プレミアで細かくタイムラインを刻んだり、大まかにシーンを入れ換えたりするとき

タイムライン並べてるときのシーンの入れ換えをやり易いように、大局的に編集するのと細かく編集するので、時間を単位を入れ換えるにはどうするのかな、と思ってましたが、 写真の↑部分でしたね。

IIJmio SIMカードのサイズ変更

2019年1月、SIMカードのサイズ変更をしました。 www.iijmio.jp ホーム → 会員専用ページ→(下のほうにスクロール)→SIMカードの再発行(サイズ変更) と、進んでください。 右上の「会員ページ」をクリック。 「会員ページ」にて、下へとスクロール。真ん中位…

文字起こしの再生ソフト

お仕事の配分が少しずつ変化していく今日この頃。 家で仕事することも増えました。 デザインといっしょに、取材の音声データの聞き取り(たぶん、専門用語では、「素起こし」)で奮闘中。 餃子(わりと失敗、味はおいしい!)を一緒にたべていた夫(5年雑誌編集)(…

便利なGoogle keep

最近はスケジュール管理をGooglekeepで行っています。 ・「生活」「みたい展示」「書き物」など振り分け ・タスクが発生したら、書き込む ・リマインダーをセット このリマインダー、メモごとに時間を決められるので、「生活」タスクは毎日8時に通知してくれ…

【失敗】Instagramに動画をアップするときは初めの一瞬の画像が重要【黒かった】

Instagramに、編集した動画を意気揚々とアップしたんですけどね。 最初に題字を入れていたので、最初の瞬間黒い画面なんです。 そうすると、シェアされる時もホーム画面に載る時も画面が真っ黒。 これは失敗したなあと思いました。 動画作成後のアップロード…