自分用のホームページを作りました。
といっても最近使い始めたCopilotの試運転として全部任せて作っていたので、Worksに入るかどうかはかなり怪しいところです。
ポートフォリオ兼作品紹介兼一応ブログも……？という感じで私に関する情報を全てここで一覧できるように運用していきます。
今までまともなポートフォリオを作っておらず何かと不便だったので、ようやく迷わず人に見せられるものを作れてよかった……
これまで作ったものをまとめていく作業は面倒なんですが、少しずつ進めていく予定です。
ドメインのalmond.redはいい感じのドメインがすでに取られてて他になかった苦肉の策です。「赤モンド」はともかく「redmond」は人名や地名として割とメジャーな単語なんですよね……これはちょっと失敗です。
赤モンドが赤アーモンドから来ていることは今まであまり言ってこなかったのですが、まあよいでしょう。
設計思想
基本的にCosense(Scrapbox)や橋本麦さんのホームページを参考にした非階層的なリンク構造を持つだけのデジタルガーデンとしています。
全ページを一覧するallのほかは全て同率に管理され、特別扱いはヘッダーのナビゲーションとトップページ(赤モンドの表示)くらいになるようにしています。
システム上で「記事」と「タグ」「カテゴリ」の区別がなく、記事をタグとしてつけることもできるしそもそも階層的なカテゴリという括りで扱っていないのでWorksかつPracticesということもあり得るのです。
技術構成はざっくり以下のような感じです。
- Next.js
- TailwindCSS
- Cloudflare Pages
正直AIが色々決めてくれたことに従ってるだけなので詳しいことがマジでわかりません。サイトが完成してからWebを学んでいる……
あと記事ファイルは全部MDXファイルとしていて、Markdownをベースにいろいろ書けるようにしました。
おまけ
せっかくなのでp5.jsを組み込んでエフェクトを作れる機能も盛り込んでみました。いつ使うかはさておき、p5.jsとGLSLは気軽に突っ込めるようになっています。