発行
毎年恒例でお届けする2021年の振り返りと、2022年の展望。前編では、Webフレームワーク、HTML/CSS仕様、IEのサポート終了などのトピックを中心に、各エンジニアが見た2021年のWebフロントエンド技術を振り返ります。
IE 11の正式サポートが終了することが、マイクロソフトより発表されました。IEを振り返るとともに、後継として登場したMS Edgeとどう違うのかを見ていきましょう。
Jamstackで使われる静的サイトホスティングサービス、Cloudflare Pagesを解説します。高速という特徴を持つサービスですが、その理由やその他の特徴、選択を検討するときに注意しなくてはいけないことを確認しましょう。
発行
「Every Layout」というCSS設計の方法をめぐって、「Every Layout」の日本語訳版の監訳者のお一人、安田 祐平さんとピクセルグリッドのエンジニアが、Every Layoutのポイントとなるレイアウトプリミティブという考え方について話しました。
meta要素でテーマカラーを設定すると、モバイルブラウザのツールバーなどに任意の色を割り当て可能になります。使い所を考える必要はありますが、ページを特徴づける効果があるこの機能を見てみましょう。
Composition APIのうち、リアクティブデータを生成するrefとreactiveの違いについて解説します。最終的には2つのAPIの使い分けの一助になることを目指していますが、前編では、そのデータ構造の違いに基づく影響を考えます。
発行
フォームコントロールをグループ化できるfieldset要素は便利ですが、黒い枠がつくという独自の見た目をしています。今回はこの見た目のカスタマイズを見ていきましょう。
シリーズの総まとめとして、ReactとSWRを使った実践的なアプリケーションを作成し、そのコードを解説していきます。
three.jsコアのビルトイン機能だけで実現できる、プリミティブ図形を表示してみましょう。プリミティブな図形の応用用途を知っておくと、それを組み合わせてさまざまな3Dシーンを構築することができます。
発行
フォームに関する要素は多いものですが、fieldset要素もその一つです。いくつかのフォームコントロールをグループ化するもので、グループ化したものに対してlegend要素を使って説明文を加えられます。
Jamstackアーキテクチャによる開発でも、さまざまな種類のサイトに応じて、必要とされる機能や保守しやすい設計は変わってきます。そこで今回は、JSONやマークダウンでデータを管理することでデータの管理がしやすくなる方法を紹介します。
PrismicでGraphQLとRest APIを利用する方法を解説します。それぞれ、ブラウザ上で試す環境が用意されているので、試しながら確認してみましょう。