発行
Astroのページネーション機能を使って、お知らせ一覧ページの件数を制限し、ページネーションを実装します。各ページのデータの中身を理解しながら進めると、ページ間ナビゲーションの設置も容易です。
データを取得して読み出すためのAPI、createQuery()で指定するオプションについて解説します。queryKeyのほか、さまざまなオプション例を見てみましょう。
v1のバージョンアップに伴い、より簡単になったSVGアイコンのスプライト化と、アイコンをスタイリングする際に知っておきたいv1での変更点について見ていきます。
発行
2023年12月にastro-iconがv1として正式にリリースされました。アーキテクチャも大きく変化し、より柔軟性が増したastro-iconの新しい使い方を解説します。
タグを使ったリリースの場合や、フロントエンド以外が絡む複雑なプロジェクトの場合など、ブランチ運用のさまざまなパターンを話します。さらに、ブランチ運用管理についても話しました。
Visual Editing設定をした管理画面をデプロイし、コンテンツ管理者がURLひとつで、管理画面にアクセスできる仕組みをつくります。Tina CloudというTinaCMSのためのバックエンドサービスを利用しましょう。
発行
GitやGitHubのブランチ運用は、プロジェクトごとに異なることが多く、どのような運用が一般的なのかということはわかりにくいものです。今回は、ピクセルグリッドのディレクターに、それぞれのブランチ運用の話を聞いてみました。
テキストの折り返しに関するプロパティであるtext-wrapについて解説します。文字組表現に気を使いたい場合に役立つプロパティです。
TanStack Queryの導入から、データ表示のためのクエリ作成までを解説します。モダンなフレームワークに対応しており、それぞれのフレームワークの書き味に馴染んだ実装になっています。
発行
画面サイズに限らず縦横比を維持できるCSSの書き方を解説します。コンテンツの比率を維持したまま、すべてのUIが伸縮をしつつ、縦横比を保つには、どのような実装が必要でしょうか。
今回は、縦に並んだ記事リンク内のテキストを揃えるというレイアウトを例に、解説していきます。サブグリッドを使って実装することで、揃えたい箇所の文字数が可変である場合にでも、柔軟に揃えられます。
今回は記事を追加していける「お知らせ」ページを作っていきます。ファイルでコンテンツを管理するためのContent CollectionsというAstroの機能を使っていきましょう。