このサイトは2023年の夏頃に制作し、何度か技術スタックの更新やリプレイスを繰り返してきたポートフォリオ用の個人サイトです。

再公開にあたりいくらか手直ししましたが、基本的にはずっと同じ内容です。ただWebで技術ブログや実績をあまり発信していないため、コンテンツは多くありません。

これからまた増やしていけたらと思っています。

デザインについて

二つの軸で考えたものです。最初に制作した時からほとんど変更していません。

• レイアウト・・・ファッション誌風
• 装飾・・・海 / 深海を連想するもの

CYAN / LaLa Begin / FUDGE / &Premium などの雑誌をPinterestで見て気に入ったので、特徴を取り入れました。

海モチーフなのは、新潟出身で海が身近にある環境だったからです。

ブログ

アイキャッチ画像がないとデザインとしてメリハリがつきづらいですが、アイキャッチ画像はどの記事にも必要とは限りません。

このサイトでは、あらかじめ海に関連するフリー写真を集めたりImageFXで生成したものを用いています。
以下の手順で画像をアイキャッチ用に加工しています。

1. Macの写真アプリで「被写体を共有」を使って切り抜き
2. 切り抜いた画像をデュオトーンに加工できるサイトで2色にする
3. microCMSにタグをつけてアップロードしておく

フリー画像探しに苦労していましたが、ImageFXの生成画像も選択肢に加えられたのが助かっています。

ソースコードはGitHubにてMITライセンスで公開しています。

技術的な詳細もそのうちZennに投稿するつもりです。