発行
text-decorationプロパティは新しいプロパティというわけではありませんが、Level3では3つ、Level 4では4つのプロパティのショートハンドとして機能するようになっています。改めて見直し、新しい構文を理解しましょう。
これまで静的、あるいは動的なページ生成を解説しましたが、その両者に共通のページのメタ情報を付与する方法を解説します。
フィールドに引数を指定して、取得するコンテンツを加工する方法を解説します。これを利用することで、コンテンツを絞り込んだり、画像を扱うコンテンツの場合にはリサイズされた状態の画像URLを取得することができます。
発行
input要素のtype属性をfileにすると、ファイルを選択するためのUIになります。その見た目をカスタマイズするためのコツを解説します。
AWSのさまざまなサービスを自動で連携させ、フロントエンド中心のプロジェクトを簡単に公開できるAmplify Consoleというサービスを紹介します。まずはその概要を掴んでみましょう。
静的サイトジェネレーターEleventyを使って、microCMS上にあるコンテンツを使って、簡単なページを生成してみます。
発行
Next.js上でCSSを取り扱うには、いくつかの方法があります。この記事ではCSSを普通に書く方法に加え、CSS Modulesを用いる、CSS is JSの手法を使う方法を解説します。
Vueが用意していないDOMネイティブの機能を使う場合、DOMの参照が必要です。その際、DOMの描画が終わった時点での参照が必須となります。そのような場面での実装の定石を学びます。
GraphQLクエリによるデータの取得には、単一のコンテンツを取得する、複数のコンテンツを取得する、複数のコンテンツを取得した際にページ分けするなど、さまざまなパターンがあります。今回は、その方法を詳しく見てみます。
発行
gooberはSCSSのサブセットに近い書き味を持つ、という特徴もあります。そのため、SCSSに慣れている人なら、よりgooberに馴染みやすいでしょう。また、gooberならではの注意点についても触れます。
ヘッドレスCMSである、microCMSの特徴を解説します。実際にHobby用のアカウントを取得して、どのような手順を踏んでサイトを公開するのか、概要を押さえます。
静的HTMLで構成した静的サイトであることがJamstackのルールの一つですが、APIを持ったサービスを利用することでWebアプリケーションのような高度な機能を持たせることもできます。また、静的サイトを配信するのに利用するホスティングサービスの利点も見てみましょう。