Gulp

メモ:ローカルフォルダに入れたGulpをGitに検知させたくない時は.gitignoreにこう追記しよう

最近、ようやくGulpを実用レベルで使える程度の知識を手に入れることができたので、作業中のサイトフォルダにGulpを入れてみました。ところが、Gulpのインストールが完了すると、Gitの管理ツールのSourceTreeには、数千レベルの「.....
Gulp

“学習しては忘れ”を繰り返してきた「Gulp」への再入門。今度こそ身につけるために記事を書いてみた

Webサイトを制作する時に細かい作業を自動化してくれる「Gulp」というツールの話をします。 数年前(2017年頃)に断片的に(時にガッツリと)Gulpのことを勉強した事があるのですが、学習した後、あまり使う機会がなく、2019年5.....
AdobeXD

メモ:Adobe XDでファイル新規作成時に「Creative Cloud同期が正しく開始しませんでした」と出た時の対策

Adobe XDは、新規でドキュメントを作成した時に、デフォルトでは保存先がローカルではなくクラウドに指定されている。 データがクラウドに保存されるのでどこでも作業ができるというメリットがあるけど、時々「Creative Cloud.....
AdobeXD

メモ:Adobe XDでクラウド上のドキュメントを読み込めない場合の対処法

Adobe XDには、作業データをローカルではなくクラウドに保存するという選択肢があります。クラウドにデータを保存することで、ファイルの転送の手間を省いていろいろなPCでファイルを編集できるメリットがあり、一見便利に見えます。 ・・.....
CSS

メモ:CSS Grid Layoutの書き方を(2019年5月になってやっと)学んでみる

2017年あたりからノウハウの紹介記事が増えてきた、Webサイトの新しいレイアウト手法「CSS Grid Layout」。今まで「まだ一部のブラウザの対応が怪しいし・・・」という理由でタッチしてこなかった領域でしたが、2019年春になって.....
未分類

メモ:Google Homeの環境音一覧(2019年5月現在)

Google Homeの環境音を室内でよく流しているのですが、公式のヘルプページに、流すことが出来る環境音の一覧がありました。扇風機の音とか、知らなかった!今後も、機会あらばバリエーションを増やしてほしいなと密かに願っています。 自.....
未分類

まとめ:オンラインホワイトボードサービス「miro」で使えるテンプレート

複数名でオンライン上のドキュメントを同時に編集できるWebサービス「miro」(旧 Realtime Board )で利用できるテンプレートをまとめてみました。 miroについての詳細はこちらが詳しいです便利なオンラインホワイトボー.....
未分類

メモ:静的サイトのホスティングサービスについて調べてみた

最近、Webサイトを高速化する手段の1つとして「静的サイトのホスティングサービス」なるものがあるのを、どこかの記事で知った。 ホスティングサービスというと、個人的には、いわゆる「レンタルサーバー」を連想してしまうのだけど、どうもそう.....
AdobeXD

Adobe XD 画像読み込み系プラグイン3点の比較

2017年あたりからWeb制作業界にてメキメキと存在感を大きくしているプロトタイピングツール「AdobeXD」。特徴の1つにあるのが、アプリに様々な機能を追加できる「プラグイン」の存在です。 プラグインの機能は2018年10月頃に実装され.....
未分類

メモ:MacでプライベートIPアドレスを固定する

インターネットにつながらない時の最初の対応として、ルーターを再起動する。原始的な方法だけど、これで問題が解決することも多いから馬鹿には出来ない。 が、先日、ルーターを再起動することでローカルのプライベートIPアドレスが変化してしまう.....
JavaScript

メモ:文字を手書きで書いているような演出をSVGとVivus.jsで実装する

英語の筆記体をサラサラっと書くようなアニメーション演出って可能なんだろうか。そんな疑問からGoogleを調べてみたら、目的に近い方法を見つけることが出来ました。 この記事では、実際に試してみた際の流れと、作業の中で気づいた要点をメモ.....
AdobeXD

AdobeXDの自動アニメーション機能を初心者なりに触ってみた

Adobeのプロトタイピングツール「Adobe XD」。2018年10月のアップデートにて、自動アニメーションという機能が実装された。 ざっくり書くと、変化前と変化後、2つのアートボードを線でつないで、待機時間、変化にかかる時間、ど.....