ポートフォリオができました。
hayatosc — Engineer Studying and doing research in pharmacy, and working as a student engineer on AI and web development alongside it.
といっても、サイトを見てもらえば分かりますが、まだ全然未完成です。サイトを検索エンジンに載せるために色々やらないといけないし、アイコンだってまだデフォルトのままです。
元々このhayatosc.devというドメインをCloudflareで買ったのが去年の11月なのですが、その頃からポートフォリオ的なものを作ろうと考えていました。が、テストがあったり、研究が忙しかったりして取り組むのが遅くなった結果、いつの間にか2026年の9月になってしまいました。
とはいえポートフォリオのデザイン自体は7月あたりから少しずつClaude Designを使いながら検討はしていました。AIとデザインというと、ほんの半年前までは「AIっぽいデザインのサイト」を量産するため全く使い物にならなかった認識でしたが、ここ数ヶ月でここまで高度なことができるようになるとは、全く驚くばかりです。
こだわりポイント
ポートフォリオのサイトというと、まるでプログラミングスクールに作れと言われたから作っているのかのような、簡単な自己紹介と技術スタックだけ書いた、面白みの欠片もないサイトをよく見ます。
僕はあれは作りたくなかったし、なるべく自分が特殊なことをしていると思われるようなサイトにしたかったので、オリジナリティを出すべくあれこれ苦心しました。
なかでも「Activity」という項目は結構お気に入りです。Spotifyの最近よく聴いている曲やNotionにつけている最近観た映画などをそのまま公開してみることにしました。
あとヒーロー部分のアニメーションなども凝ったものにしてみました。これもClaudeの提案を見て決めたポン出しですが、かなり良い感じに仕上がったと感じてます。
ブログ機能と使い分けについて
このポートフォリオにはブログ機能がついていて、この記事のようにMarkdownで記事が書けるようになっています。
ただ、僕は同時にしずかなインターネットとZennの媒体でそれぞれ記事を投稿しています。
hayatosc hayatoscさんのしずかなインターネット
sizu.me
zenn.dev
では、これらのサイトとこのサイトのブログをどう使い分けるのか？という話ですが、基本的にはしずかなインターネットとZennを優先して使おうと思ってます。日々の雑多なことや映画の話とかはしずかなインターネットで、技術的な話題はZennを使う、これまで通りの使い方です。
では、このブログはどうするの？という問題ですが、たまにもっとディープな話題を持ち込みたいときなどに使いたいと思ってます。例えば論文の話とか、大学の内輪ノリの話とか。アイデアはありますが実際にやるかは分かりませんけどね。
サイトを作るのは楽しい
このサイトを作っていて気づいたことは やはりサイトを作るのは楽しい ということですね。
僕は理大祭という学園祭のサイトを2年くらい作ってました。興味がある方は是非 Works のページや下のリンクを見てもらいたいです。
野田地区理大祭2024 2024年度東京理科大学野田地区理大祭公式ウェブサイトです。本年度は11月23日(土)、24日(日)に開催されます。
葛飾地区理大祭2025
2025年11月22日, 23日に行われる、葛飾地区理大祭2025の公式サイトです。
katsufes.com
う～ん、今見るとめっちゃ粗くて涙が出ますね。今ならもっとかっこいいデザイン作れたのではという気がします。とはいえ サイトを作って、公開して、実際に誰かに見てもらう、というのは最高にエキサイティングで贅沢な経験 だと思います。世の中作ったけど誰も見てくれないものっていっぱいありますから。
個人的にサイト作りが大好きなのはずっと何かを考え続けないといけない点です。Page Speed Insightsとにらめっこしながら、どうやってパフォーマンスを出すか？パフォーマンスを維持しながらアニメーションなどの目を引く表現をどうやってやるか？みたいなことを必死で考えてチューニングしてました。誰かに言われるわけでもなく、でも限界に挑戦するのが楽しくてやっていた記憶があります。
技術的な話
これは時間があるときにZennでやりましょう。
おわりに
学生がポートフォリオを出すのは大体もっと早い気がします。大学4年の9月って…