発行
JavaScriptのテストランナーuvuの基本的な使い方を紹介します。従来のJestやMochaに比べて機能は少ないですが、実行速度の速さがウリです。
サービスを使って開発していると、うまくいかなくて時間を要してしまうことがあります。ここでは、Amplify Consoleを使っていてハマってしまったことと、その解決をとおして利用する上で心がけておくとよいと感じたことを紹介します。
mutationを使ったクエリのリクエストで、フィールドに渡す引数により、さまざまなコンテンツ操作を行う様子を解説します。単一のコンテンツ操作だけでなく、複数のコンテンツ操作も見てみましょう。
発行
ブラウザ内の要素へフォーカスが当たっている要素に表示される、フォーカスリング。これを「消してほしい」という要望を聞くことはないでしょうか。この座談会では、フォーカスリングの役割、そしてウェブの役割について話します。
Jamstackではビルドによって静的なhtmlファイルを書き出すのが基本ですが、ビルド前にページのプレビューをすることもできます。その実装について解説します。
これまで解説したNext.jsの機能を使って、実際のサイトを組み立てる解説をします。今回はページのメタ情報編集、ページの遷移、SSGのためのデータ取得を利用しつつ、ブログのインデックスページの実装を行います。
発行
視覚的に表示されているけれどユーザーから操作できないパーツというのは、考慮事項が多く実装が大変です。そういった場合に、一括して処理できることを実現できそうな、inert属性またはプロパティを紹介します。
大量のデータのやり取りが必要になると、すべてのデータをクライアント側に保持するというのは、現実的な実装ではありません。そのようなときの実装方法を解説します。
mutationを使ったGraphQLクエリで、API経由でGraphCMSのコンテンを操作する方法を解説します。APIの権限をGraphCMS側に設定しておく必要があります。
発行
これまでシリーズで紹介してきた機能をおさらいしながら、Webサイトを作成してみます。この回では導入と、仮のトップページ、ページ間共通で使うレイアウトまでを作成します。
GitHubなどを使ってチーム開発をする際、開発の効率化に大きく寄与してくれるWeb previewsという機能を紹介します。また、Amplify Consoleの料金を確認し、どれくらいの金額がかかるサービスなのか、知っておきましょう。
microCMSでは入稿データが想定と異なっていると、ビルドが落ちることがあります。そのような不具合が起きるいくつかのケースと、その対策を紹介します。