エンジニアなら、開発中のウェブサイトでロード時にWebフォントが適用されるまでに一瞬タイムラグがあるという現象に遭遇したことは一度くらいあるのではないだろうか。俗に言う「フォントのチラつき」問題だ。NotoSansJPなど重い日本語フォントを指定したときに発生しがちだ。 今回、私が遭遇したのはあるプロジェクトでYaku Han […]

私は今年の最初の方の日報で「フロントエンドエンジニアはモックからWordPressまで一貫して実装できた方がよい」と書いた（「エンジニアがモックからWordPress実装まで一貫して行うことの必要性」）。以前まではWordPress（以下、WP）実装の一部しか担当していなかったが、最近のプロジェクトでモック作成からWP実装まで全 […]

他人のコードはあくまで他人のもの 入社時からHTMLとCSSをコーディングする際は「汎用性高く作るべき」と教わり、認識と命名ルールの統一・再利用しやすい構造・細分化など汎用性を意識してコーディングしてきた。こうすることで別のエンジニアが作ったパーツも自分のもののように扱え、コーディングが楽になると考えていた。しかし、意識しようが […]

私が関わるとあるプロジェクトで、ページの読み込みを高速化させるためService Workerを導入した。Service Workerとは、PWA（Progressive Web Apps）などブラウザで動作するWebアプリで使用される技術だが、今回はこの技術の一部である「オフラインキャッシュ」を使用して高速化を図った。省略して […]

どの案件でも共通するが、どういう順番でコーディングを進めていくかは、スピードに大きく影響する重要なことだと思う。 フロントエンドが行うコーディングでいえば HTMLを組む PC版のCSSを書く SP版のCSSを書く PSDから画像を書き出す JavaScriptを実装する これらが主な作業だ。この順番を案件ごとに変え、どの流れが […]