発行
静的サイトジェネレーターとしてEleventyとGatsbyの2つを取り上げ、その特徴を解説してきました。それらを踏まえ、それぞれのよい点や注意したい点を挙げ、静的サイトジェネレーター選びを考えます。また、Jamstackのセキュリティについても触れます。
テクスチャマップのうち、ほとんどのマテリアルでサポートされているカラーマップを見ていきます。マテリアルに質感を与えるほか、面の透明度も設定できます。
Cloudflare Pagesのプレビューサイト機能は、プレビューサイトが自動的に設定されて使いやすくなっています。便利とはいえ自動で行われるので、意図せず大事な情報をインターネットに公開しまわないように、きちんと仕組みを理解しておきましょう。
発行
データ容量が大きくなる日本語Webフォントを使う場合、その読み込み方法にも工夫が必要です。CanvasでWebフォントを扱う前に、まずは、unicode-rangeデスクリプタの仕組みを活かした読み込み方法を理解しましょう。
ウェブの開発プロジェクトにはドキュメントがつきものです。ドキュメントの正確性や信用性を高めるためには、表記統一が重要です。まずは参考になる表記ガイドラインやその活用方法を紹介します。
月4回お届けするCodeGridがどのような工程を経て、読者のみなさんに届けられているのか。著者や編集者のコメントを交え、リアルなCodeGridの現場をご紹介します。
発行
SSRのハイドレーションを処理をあるべき形に最適化したAstro、そもそもハイドレーションを行わないという選択をしたQwik。2つのフレームワークを通して、これからのパフォーマンス改善の考え方を探ります。
ピクセルグリッドのエンジニアがどのように開発をしているか、その一端を紹介するシリーズ。今回はJamstackエンジニアの中野です。VS Codeを中心に、できるだけキーボード操作で作業を行うことを目指しているようです。
Jamstackにおける静的サイトジェネレーターについて、前回はシンプルな機能を持つEleventyを紹介しました。今回は、単なる静的サイトジェネレーターから、モダンなフロントエンド開発の環境のような存在へと進化してきているGatsbyを解説します。
発行
CanvasでWebフォントを使うには、Webフォントの読み込み制御が必要となりますが、その実装にはWebフォントの仕組みを理解する必要があります。前編ではWebフォントの仕組みと、それに対するブラウザの対応を理解し、CanvasへWebフォントを適用してみます。
サイトのパフォーマンスやユーザー体験と、サイトのレンダリング手法は密接に関係しています。ハイドレーションをキーワードに、既存フレームワークの仕組みを概観してみます。
Jamstackにおける静的なサイト生成に関する処理を行う役割を担う静的サイトジェネレーターは、さまざまなサービスがあります。今回はその中から、シンプルな機能を持つEleventyについて解説します。