発行
リアクティブなデータの取り回しができるVue.jsは不要な処理が行われないよう配慮が必要です。Vue.jsを使うなら初めから意識しておかねばならないポイントを押さえます。
これまで解説したJestによるテストとGitHub Packagesの公開作業を一連の作業として自動化します。テストにパスしたら、公開するように設定してみましょう。
GraphCMSにコンテンツを入力する前に、まずはスキーマを登録しましょう。あらかじめいろいろな種類のフィールドが用意されているので、どういったコンテンツを入力するかを考えて選んで設定していきます。
発行
後編では各エンジニアが注目するさまざまな仕様の話が行き交います。現場のエンジニアが実感する「あとちょっとの足りなさ」を補充するものです。
トグルスイッチのHTML/CSSについて考えるシリーズの後編では、筆者がよりよいと考える回答を紹介します。WAI-ARIAのswitchロールを使った回答です。
Next.jsのページ間の遷移には、遷移先ページの先読み、スクロール位置の制御などさまざまな機能があります。そのうち使用頻度が高いと思われる機能を解説します。
発行
マークアップを手がけるエンジニアがチェックしている、まだ十分に使えるようにはなっていないけれど将来役立ちそうなCSSの仕様を紹介。前編はHoudiniとText Moduleの仕様です。
v-modelディレクティブを使って、双方向のデータバインドを実装します。また、readonly APIで、特定の値を読み出し専用にし、データ書き換えが行われれないようにする処理についても解説します。
GitHub Actionsを使ってGitHub Packagesにnpmでインストールできるパッケージの公開を自動化します。簡単なNode.jsで動作するツールを作り、公開してみましょう。
発行
2値の切り替えUI、いわゆるトグルスイッチのHTML/CSSについて考えます。今回はdiv要素やinput要素を使った例を見てみましょう。
Next.jsは自分でルーティング処理を書かなくても、ルールに従ったファイルの記述や配置で、ルーティングを定義することができます。その方法を解説します。
PurgeCSSを、Node.jsのライブラリとしてJavaScriptから利用する方法について説明します。この方法を使った例として、ページごとにPurgeCSSを使ってそのページで使われているCSSだけを抽出する様子も見てみましょう。