Logo for pages

どうやってサイトを作ったの?

どうして作ったの?

この問いに対して明確に答えるのは難しいです。強いて言うならば、エンジニアだからでしょうか。 フロントエンドが得意とか好きとか関係なく、やってみたくなったわけです。 ゴリゴリのGUIツールが苦手だったり、低コストで済ませたいという思いもあります。

何を使ったの?

AstroCloudflare Pagesを使っています

以前、Nuxt.jsGitHub Pagesでウェブサイトを作ったことがあります。 次はNext.jsVercelを使う予定でした。 静的ホスティングならNetlifyもありますが、AstroCloudflare Pagesを知り、 それらでウェブサイトを作ることにしました。

Astro

Cloudflare Pages

スタイルはどうしてる?

Stylusを使ってます。CSSフレームワーク2は使いません。

Stylus

デザインはどうやって?

ドメインはどこで?

Porkbunを使いました。 当時、Google DomainsSquareSpaceに移行する段階で安定しておらず、Cloudflareは.devに対応していませんでした。 お名前.comXserver Domainは知名度と信頼はありますが、安くはないのです。加えて大量のメールを送り付けてきたり、購入直前まで価格がはっきりしないのも気に食わないです(価格表示についてお名前.comはマシな方だと思います)。 ちなみに、移行先のSquareSpaceはこの中で一番高いです。 候補にすらなりません。また、Cloudflareは現在.devに対応しています。

Porkbun

開発環境は?

Footnotes

  1. cf-build

  2. CSSフレームワークとは、標準化されたスタイルやコンポーネントを簡単に使えるツールのことです。
    また、以下も参照してください。
    Wikipedia
    デザインやスタイルを効果的かつ迅速に構築するためのツールセット。標準化されたデザインやコンポーネントを使ってスタイルを適用することができる。(ChatGPT 3.5)

  3. 主観的な意見ですが、スタイルに問題があるとき、スタイルシートのファイルに限られたが保守性は高いです。無理なくスタイルシートを記述出来れば、CSSフレームワークは必須ではないのです。(無論、チームの場合は別。)