Table of contents

はじめに

このWebサイトを作成した主な目的は、Web開発スキルを向上させることです。フレームワークを使用した最新のWeb開発に関する知識を深めたく、さまざまなオプションを調査した結果、Astroフレームワークを使用することにしました。Astroを選んだ理由の1つは、JavaScriptとTypeScriptで構築されていることと、このプロジェクトをTypeScriptについてさらに学ぶ機会としても利用したかったからです。最終的には、質の高いWebサイトを構築し、その過程でTypeScriptを学ぶことが目標です。

Astro.build

https://astro.build/ Astroフレームワークは、高速に読み込まれる高性能Webサイトを作成するために設計された比較的新しいWeb開発フレームワークです。Astroの主な機能の1つは、サーバーサイドレンダリング（SSR）の使用です。これにより、フレームワークはクライアントに送信する前にサーバー上でWebサイトのコンテンツのほとんどを事前レンダリングできます。つまり、クライアントはコンテンツを表示する前にサーバーがコンテンツを生成するのを待つ必要がないため、Webサイトの読み込みがはるかに速くなります。

これまでのところ、Astroフレームワークでの作業はとても簡単で、私のような初心者でも使いやすいです。数年前、同じようにWebサイトを作成しようと考え、Hugoフレームワークを試しました。しかし、HugoはGoベースであるため、特に当時Goの経験がなかった私にとっては作業がはるかに困難でした。JavaScriptを学ぶことに興味があったので、Astroは私にとってはるかに良い選択肢であることがわかりました。Webサイトを構築しながら言語を学ぶ素晴らしい方法です。

次は？

Webサイトの基本的な機能を動作させることに成功しました。当初はastro-paperのWebサイトテンプレートを使用していましたが、これは非常に役立ちました。しかし、サイトに約1週間取り組んだ後、Astro Frameworkがバージョン2.0をリリースし、組み込みたいクールな新機能がいくつか含まれていました。新しい機能を含めるためにテンプレートにいくつかの変更を加えましたが、すべてがどのように機能するかを完全には理解していませんでした。その結果、意図的にほとんどを壊して、ブログセクションをゼロから再構築し始めました。ブログは現在機能していますが、修正が必要な壊れた機能がまだいくつかあります。これらの課題にもかかわらず、このプロセスを通じて多くのことを学んでいると感じており、それは素晴らしいことです。

やることリスト

完全に満足する前に、Webサイトを改善するためにまだやるべきことがいくつかあります。これらのタスクを迅速に完了して、単純なWebサイト構築以外の他のプロジェクトに移れることを願っています。

• Webサイトのフロントページを修正する。
• 私についてのページにコンテンツを追加する。
• ブログ記事の検索機能を修正する。
• 「タグ」への言及をすべて削除する。
• 「カテゴリクラウド」機能を追加する。
• 適切なカテゴリページを作成する。
• 多言語対応を追加する。
• CSSスタイリングを改善する。
• Webサイトの全体的なコンテンツを強化する。