Webエンジニアのブログ

Processingでデジタルアートを創作するにあたり、文字やワードをデザインに取り込む中でフォントの種類にこだわりを持つことは多いでしょう。いろんなフォントを一つのスケッチで複数扱うことでデザインの幅がまた一層広がります。 Process...
続きを読む>>

Webブラウザで表示させているページから色の参考などで画面上の色を取得したいことがあります。Webブラウザの拡張機能などを利用することでスポイトツールで画面上の色を採取することができるのですが、Webブラウザの標準機能を使ってWebブラウザ...
続きを読む>>

JavaScriptの変数宣言はvar、let、constと3つありますが、プログラムのバグ発生を防ぐためにも定数のように変化させない値を扱えるconstをうまく利用してプログラムを書いていくことが多くなってきます。 そんな中で、const...
続きを読む>>

今までの画面の部分キャプチャはSnipping Tool（スニッピング ツール）を利用すればできましたが、Windowsの新機能で部分キャプチャが手軽にできるようになりました。Snipping Toolは将来的に廃止されるという話があるので...
続きを読む>>

Google Classroomでは基本的に半年または1年にかけて授業や講義を行っていきますが、授業が終わればクラスは残しておく必要もそんなにないのでクラスを削除するかと思います。しかしクラスの削除は少し手間がかかる仕様になっていますので、...
続きを読む>>

2019年4月1日より、Gmailのアップデートで送信日時を設定できる機能が追加されました。これにより、好きなタイミングでメールを送ることができるようになります。 今まではサードパーティーのサービスを利用しないとできなかったことですが、この...
続きを読む>>

Webサイトで利用する画像フォーマットとして拡大・縮小しても劣化しなく軽量なデータなので、SVGはこれからのWebサイトで多く利用されていくでしょう。そんな中、SVGの利用にあたって少し手こずるのがレスポンシブ対応です。ここではviewBo...
続きを読む>>

Webデザインでは文字だけでなく画像を使ったデザインも重要で、JPEGやPNG、GIFといった画像を利用することはよくありますが、SVGフォーマットを利用することで画像の劣化やページの表示速度を改善することができます。ここではPhotosh...
続きを読む>>

Googleアカウントがあれば教師と生徒とのやり取りが簡単で、手軽に授業や講義ができる学習管理サービス「Google Classroom」。iPhoneやiPad、Androidなどのデバイスでも利用できます。パソコンを持っていない方、また...
続きを読む>>

Web制作でよく利用されるプログラミング言語、JavaScriptの変数には基本的な変数宣言のvarの他、ECMAScript2015以降の仕様から利用可能なletやconstなどがあります。JavaScriptも構文がアップデートされてど...
続きを読む>>