発行
Eleventyでは、ソースとなるデータは、front-matter以外にデータファイルと呼ばれるものがあります。今回はこのデータファイルと、それぞれのルールについて解説します。
2019年のWebアクセシビリティについて振り返るシリーズです。今回は、WCAG 2.1の標準化と今後とJIS規格の対応、そしてWebグランプリの審査を通して考えた、ライブラリのWAI-ARIA対応について紹介します。
Web業界の2018年を振り返り、2019年を展望する座談会です。前編はフレームワークと各ブラウザの動向を整理しました。
発行
シリーズの最終回では、Algoliaのウィジェットの使い方を紹介します。ウィジェット内部にはさまざな処理が組み込まれているので、少ないコード量で実装できます。案件の要件に合致するなら、実装を検討してみるのもよいでしょう。
contentプロパティに指定できる値は文字列と画像だけではなく、さまざまな値を指定できます。今回は、attr()、引用記号、カウンター、::marker疑似要素を紹介します。
後編はmicroCMSを含むサービスをどのように育てていくか、またheadless CMSの使われ方から、今後、JAMstackはどのような案件で使われていくのかにも話が及びました。
発行
ローカル開発環境でプログラムを動かす際の環境変数管理に便利なdotenvライブラリを紹介します。オプションを利用し、さまざまな動作を指定することも可能です。
チームで仕事を進める際、プロジェクトの中で自身の立ち位置を把握しながら仕事を進めるということは大切なことです。本記事では、Trelloを使ってプロジェクトを円滑に進める方法を解説します。
JAMstack構成ととても相性がいいheadless CMS。このサービスを日本でも開発、提供を始めているウォンタ株式会社をピクセルグリッドの中村と宇野が訪問させていただきました。まずは、日本製のheadless CMS「microCMS」の技術の話をじっくりと。
発行
CSSからコンテンツを生成することができるcontentプロパティについて解説します。文字列を指定して使われることが多いプロパティですが、画像を直接指定することも可能です。
APIクライアントを利用して、検索データの追加や、特定のデータの書き換えを行います。Algolia側で任意の権限を持ったAPIを発行してプログラムを書くだけなので、基本機能の実装はとても簡単です。
Nunjucksを利用してfront-matterで指定した変数を出力する仕組みを見ていきます。layoutでの指定と組み合わせ、柔軟に変数を出力できる様子を見てみましょう。