ポートフォリオサイトの考え方
"何が作れる人なのか" を 30 秒で伝えることがゴール。量より "見せ方"。
📌 【ポートフォリオ 実装注釈】
要確認・仮テキスト。本公開版では実際のポートフォリオサイト事例（許諾済み）を 2〜3 枚スクショで掲載予定。
自己紹介
何ができる人か／どんな案件を受けたいかを明記。
実績
少なくて OK。役割・期間・成果を添える。
声・プロセス
作ったモノだけでなく "なぜそうしたか" を語る。
お問い合わせ導線
連絡先 / SNS / メールフォームをわかりやすく。
副業・フリーランスの始め方
"いきなり独立" はリスクが高い。まずは本業を続けながらの副業からが現実的。
📌 【副業フロー 実装注釈】
要確認・仮テキスト。税務面（開業届・青色申告）は最終版で税理士監修コピーに差し替え予定。
- まず副業で 1〜2 案件受ける（友人・知人経由が現実的）
- 対応できる案件の種類と料金感を把握する
- 月収の 50% を副業で賄える見込みが立ったら独立検討
- 開業届・青色申告・インボイス等の事務手続き
- 独立後 3 ヶ月分の生活費を確保したうえで踏み切る
コミュニティ・情報収集先
"1 人で学ばない" が長続きのコツ。情報源は定期的に見直す。
📌 【コミュニティ 実装注釈】
要確認・仮テキスト。具体サービス名は流動的なので、本公開時に最新の人気どころに差し替える。
SNSX（旧 Twitter）
デザイナー／エンジニアの発信が集まる中心地。
LEARNINGUdemy / Schoo
体系的に学びたい時に。
COMMUNITYDesign Scramble / BONO
勉強会・Slack コミュニティ。
TECH NEWSZenn / Qiita
実装系のナレッジ。
INSPIRATIONAwwwards / SANKOU!
デザイン事例の宝庫。
学習ロードマップ
0 → 1 を目安にしたステップ。焦らず順番に。
📌 【ロードマップ 実装注釈】
要確認・仮テキスト。期間感（1 ヶ月／3 ヶ月）を入れるかどうかは社内レビュー後に決定。
Figma でトレース模写（3 作品）
好きなサイトを観察し、同じものを作る練習。デザイン眼と操作に慣れる。
本ガイドを通読する
Web 制作の全体像・ワークフロー・クライアントワークを理解。
社内研修（vol.08〜11）で AI 実装に触れる
Cursor / Claude Code / Stitch を実際に動かしてみる。
ポートフォリオサイトを自作
1 枚ものでも OK。AI を活用して公開までやり切る。
友人・知人案件で実戦経験
有料 or 体験価格で 1 件。フィードバックを得ることが最重要。
継続 / 副業として回す
月 1〜2 案件を安定して回せる状態を目指す。
📌 【締めメッセージ 実装注釈】
要確認・仮テキスト。本公開版ではディレクターから署名入りメッセージに差し替え予定。
デザインはできる。あとは Web を知るだけ。
コードが書けなくても、Web デザイナーという仕事は成立します。
"どう使うか／誰に渡すか" を考えられる人が、これからの主役です。
一歩ずつで大丈夫。応援しています。