目標
Web公開
+α
- ブログ機能
- ドメイン（調べたら取り方出てくるので調べてクレメンス）
書く内容の決め方
- 誰に
見魅せるか <- 社会人（人事） or 知人 or 他人 - あなたは誰か
- 何をしてきたのか、何をアピールしたいのか
- 連絡先、各種SNS(facebook,twitter,github,speakerdeck,qiita,zenn,ニコニコ,faboxなどターゲット層に合わせる)
具体的なページ分け
相手に見やすくするには、用途に合わせてページを分けた方が良いです。
- 大学用(研究やサークル)
- 就活用
- 個人用(生活、旅行など)
ドメインを使う方は、portfolio.your-domein.xxx/u-aizuやworks.your-domain.xxx/などすると良いでしょう。
記述する情報
一度マークダウンで何をかくか箇条書きで表してみましょう 以下はどこでも使える情報です。
- 名前
- アイコン
- 誕生日
- 所属
- 好きなもの
- SNSリンク
- blog
- 連絡先
=== 第一回ここまでできるのが目安 ===
私の場合このようになりました。
実装
Astroがおすすめです。
AI使いましょう（諸説）
この先はあなたの美的センスに合わせてデザインしていってください。
デザインとUX
- 例 : ゲームっぽい世界観を表現したいから、ドット系のフォントを使う
- モノによりますが、グラデーションと絵文字の多用に気をつけましょう😅(AI臭する)
- 情報を絞る
ホスティング（推奨）:
- GitHub.io
- Cloudflare pages
gh,wranglerあたりがあれば、AIがCLIからデプロイしてくれる
参考事例
参考になるポートフォリオサイトを列挙します。
就活するならこういうデザインが好まれるよね
scrapboxというサービスだが、言わばwiki形式的に情報を羅列する形式 obsidian好きな人にも合いそう
web frontエンジニアの方
ブロガーのイメージ、単調だが信頼性のあるデザイン
コスプレの方、サブカル色が強い
アニメ調とエンジニアの組み合わせ
TUI風
イラストレーター
ブログ
時間余った or 思想を広めたい方向け
ホスティング
ポートフォリオと同様にセットアップしてください。 更新頻度が異なるので、ポートフォリオとブログのレポジトリは別々にすることを推奨します。
書く内容
- 記事
- 記事を探しやすくするためのリンク
- ヘッダーにabout meやsearch、archiveなど <- 好み
- ブログの名前(~‘s note, ~ブログなど検索に出るため名前はあると良い)
RSS,Ja/Enなどあげればブログは機能や情報付け足しまくれるが、筆者は「読めればいいんじゃね。」と思っている。
実装
参考事例
