Astro からヘッドレスCMSとしてWordPressを使う(2)
前回作成したサイトをレスポンシブ対応していきます。 ニュース一覧部分 横並びを縦に並び替えています。 カード部分 横並びを縦に並び替え、画像部分をセンタリングしています。 ヘッダーナビゲーション部分 ハンバーガーメニュー […]
Astro からヘッドレスCMSとしてWordPressを使う
前回までで、Astroを使ってWebサイトを構築しましたが、ニュース部分についてはWordPressを使いたいと思いました。 WordPressにはREST APIがあらかじめ存在しますので、ちょっと試してみたくなりまし […]
Astro を学んでみる(6)
本記事は、書籍「Astro フロントエンド開発の教科書」によるAstroの勉強、6回目です。 記事内のコードは書籍のものではなく、独自に作成しています。 第5章 コンポーネントベースのWebサイト制作 5.1 コンポーネ […]
Astro を学んでみる(5)
本記事は、書籍「Astro フロントエンド開発の教科書」によるAstroの勉強、5回目です。 記事内のコードは書籍のものではなく、独自に作成しています。 第4章 ルーティングとレイアウト 4.1 ルーティングとルートパラ […]
Astro を学んでみる(3)
本記事は、書籍「Astro フロントエンド開発の教科書」によるAstroの勉強、3回目です。 記事内のコードは書籍のものではなく、独自に作成しています。 第2章 Astroコーディングの基本 2.1 Astroのコンポー […]
Astro を学んでみる(2)
本記事は、書籍「Astro フロントエンド開発の教科書」によるAstroの勉強、２回目（実質１回目）です。 第1章 Astroを初体験 1.1 Astroとは 1.2 Astroの環境構築 1.3 Astroプロジェクト […]
AHA Stack を試したい(6)
AHA Stack チュートリアル チュートリアルの中で一番簡単な「A little example」を試してみます。 フロントエンド UIをコンポーネントとして作成しています。 コード上部の---で囲まれた箇所はAst […]
AHA Stack を試したい(3) Astro編
前回の続きから。 index.astro ファイルを編集してみます。 前回はcomponentとして Mypage.astro を作りましたが、エラーでうまく表示出来ませんでした。 今回は2行目の import分を見直し […]
AHA Stack を試したい(2) Astro編
とりあえず、Astro から 環境について まずはインストール いろいろ設定してからの起動 からのアクセス とりあえずページにアクセス出来ました。 これからページをいじっていこうと思います。 公式ページのチュートリアルの […]