ウェブデザイナーをしているのに、自分のサイトだけがずっと後回しになっていました。クライアントのサイトは作るのに、自分のポートフォリオは「そのうち」のまま。

今回ようやく重い腰を上げて、ポートフォリオサイト（nigo-web.com）を立ち上げました。ポイントは3つです。

作りながらつまずいたところも含めて、全部書いておきます。同じように「自分のサイトを作りたいけど、続く気がしない」という人の参考になれば。

なぜ作り直したのか

理由は2つありました。

ひとつは、転職やクラウドソーシングなどで「見せる場所」が必要だったこと。実績を聞かれたときに、URLを1つ渡せば良い状態にしておきたかった。

もうひとつが本題で、ポートフォリオサイトは「作って終わり」になりがちだということ。実績が増えたときに更新しようと思っても、結局そのまま放置してしまう。過去に作ったサイトが、まさにそうでした。

だから今回は、ブログを軸にしたポートフォリオにしました。毎日開いて更新する場所にしてしまえば、サイトが死なない。それに、実績一覧をきれいに並べるより、日々書いているものを読んでもらったほうが、自分がどういう人間かは伝わるんじゃないかと思ったんです。

「毎日スマホでSNSを開くみたいに、自分のサイトを開く」。それが今回の裏テーマでした。

WordPressではなくAstroを選んだ理由

最初はWordPressも普通に候補でした。案件で触ることも多いし、情報も圧倒的に多い。プラグインで何でもできる。

それでも今回 Astro を選んだのは、個人サイトとしての条件で考えたときに、こちらが有利だったからです。

1. 運用コストが0円

WordPressは基本的にレンタルサーバーが必要で、月500〜1,000円ほどかかります。Astroで作った静的サイトなら、Cloudflare Pagesの無料枠で公開できて0円。何年運用してもタダなのは、続ける前提のサイトでは大きい。

2. 表示が速い

Astroは基本的にJavaScriptを送らない設計で、コンテンツ主体のサイトだと素の状態でかなり速い。SEOを勉強したかったので、速度は最初から効かせておきたかった。

3. 保守がほぼいらない

WordPressは更新作業が定期的に発生するし、放置すると乗っ取りのリスクもあります。公開されるのが静的ファイルだけなら、そこを気にしなくていい。

意外と知られていない、ホスティングの落とし穴

無料の公開先といえばVercelも有名ですが、Vercelの無料プラン（Hobby）は広告掲載が規約で禁止されています。将来ちょっとでも収益化を考えるなら、ここは踏んではいけない地雷でした。

その点 Cloudflare Pagesは無料でも商用利用OK・帯域も無制限。「あわよくば収益化」の芽を残したかったので、最初からこちらを選びました。

念のため書いておくと、WordPressが悪いという話ではありません。案件ではWordPressのほうが需要は大きいし、ブロックエディタの書きやすさも魅力です。今回は「個人が毎日更新する・0円・速い」という条件だったので、Astroが噛み合ったという話です。

サイトの構成

最終的にこうなりました。

そして、この構成のいちばんの目的が更新フローです。

  1. スマホでmicroCMSの管理画面を開く（ホーム画面に追加してある）
  2. 記事を書いて「公開」を押す
  3. 数分後には本番サイトに反映されている

裏ではWebhookでCloudflareのビルドが走っているだけですが、体感としては「SNSに投稿する感覚」に近い。PCを開かなくていいというのが、続けるうえで想像以上に大きいです。

写真も同じで、GR IIIxで撮ったスナップをスマホから上げれば、そのままギャラリーに並びます。撮影日やF値・シャッタースピードは写真のExifから自動で読むようにしたので、入力する手間もありません。

こだわった細部

見た目の部分でも、いくつか手をかけています。

トーンの設計

好きな雰囲気のサイトを2つ選んで、フォント・字間・余白を実際の数値まで調べてから、自分のサイトのルールを決めました。「なんとなく似せる」ではなく、数値で分解すると再現性が出ます。

写真を主役にしたかったので、色は無彩色4つだけ。差し色は持たせていません。

写真を主役にする

トップのギャラリーは、写真が2列でゆっくり流れ続けるようにしました。撮った写真が増えるほど賑やかになるので、更新の動機にもなります。

速さ

Lighthouseはパフォーマンス・アクセシビリティ・ベストプラクティス・SEOの全4項目で100点。画像はビルド時にWebPへ変換して配信しているので、写真が多くても重くなりません。

これから

まだ中身はスカスカですが、ここから毎日書いていこうと思っています。Web制作とAIのこと、好きなApple製品のこと、GRで撮った写真、それとなんでもない日常のこと。

作って終わりにしないための仕組みは、ひととおり用意できました。あとは書くだけです。

制作のご依頼やご相談も受け付けているので、お気軽にどうぞ。これまでの制作実績も頑張って更新していきます。