発行
超軽量のCSS in JSライブラリgooberを解説します。まずはスタイルの記述形式や、ライブラリやフレームワークと組み合わせて使う方法を見てみましょう。
GitHub Actionsのアクションを独自に作成してみます。基本的な事項を押さえつつ、任意のチェックリストを設定したPull Requestを自動作成するアクションを設定します。
GraphCMSでコンテンツを公開するには、コンテンツの公開状態をコントロールするための「ステージ」を理解する必要があります。編集中のコンテンツを誤って公開しないための仕組みです。
発行
このシリーズでは、Jamstackとはどういうものかという基本を、Jamstackの最新の動向を交えながら解説します。まずはJamstackの特徴のうち、静的なHTMLにすることと、ビルドプロセスで事前にHTMLを作成する、ということを見てみましょう。
v-show、v-ifディレクティブによる条件付き描画や、修飾子を用いたイベントハンドリングの効率的な実装を解説します。
静的ページを配信するトレンドがある一方で、更新が頻繁に必要になるページはSSRの検討も必要です。使い分けのポイントも含め、基本的事項を解説します。
発行
普段、プログラムをメインに実装を担当しているスタッフ2名が独自の視点からプログラマが押さえておきたいマークアップ系の記事をチョイスしました。専門外の知識をさらっと効率的に押さえましょう。
レスポンシブなウェブサイトを作るときに、セクションやブロックの空白を調整するというのがよくあります。今回はメディアクエリーを使わずに、clamp()とvwを使った調整方法を紹介します。
GitHub Actions内には通常、データを保持することができませんが、必要に応じて、永続的にデータを保存することもできます。データ保存に必要な2つの機能について解説します。
発行
コロナ禍以前から、ピクセルグリッドのクライアントとのやり取りはオンラインが中心でした。そこであらためてクライアントとのチャットを通したコミュニケーションのコツを探ってみます。
SSRでのページ生成の基礎的な方法を解説します。内部的にデータを受け取る方法と、外部のAPIや、別途用意したJSONファイルからの取得など、いくつかの方法があります。
前回に引き続き、GraphCMSに雛形となるモデルを新しく作成し、フィールドを登録していきます。画像を扱うためのフィールド、選択肢から選べるフィールドなど、GraphCMSに用意されているいろいろな種類のフィールドを使い、コンテンツを登録できるようにしましょう。