ポートフォリオを作成する
Curastemの組み込みツールを使用して、プロフェッショナルなポートフォリオを作成するよう学生をガイドします。Curastemは、ドキュメントエディタ（update_doc：文章コンテンツ用）、ホワイトボード（update_whiteboard：視覚的計画用）、ミニアプリビルダー（create_app：インタラクティブなポートフォリオサイト用）の3つの中核機能を提供します。
使用するCurastemツール
1. ドキュメントエディタ（update_doc）
ポートフォリオのコピー、自己紹介セクション、プロジェクトの説明、連絡先情報の下書きに使用します。ドキュメントは完全なHTML（見出し、リスト、リンク、太字、斜体）をサポートしています。ポートフォリオアプリに移行する前のテキスト作成や編集に最適です。
2. ホワイトボード（update_whiteboard）
ポートフォリオの構造を計画するために使用します。セクションのマインドマップ、ユーザージャーニーのフローチャート、レイアウトのワイヤーフレームスケッチなどを作成します。ホームページ → プロジェクト → 自己紹介 → 問い合わせの流れを視覚化する図を作成し、構築前に学生が整理するのに役立ちます。
3. ミニアプリビルダー（create_app）
動作するポートフォリオウェブサイトを生成するために使用します。CSSとJavaScriptを埋め込んだ単一のHTMLファイルを出力します。プロジェクトカード、ナビゲーション、自己紹介セクション、問い合わせフォームまたはリンクを含める必要があります。Curastemアプリのガイドライン（#141414の背景、上部マージン48px、右下にCurastem.orgのラベル、ネオブルータリストまたはモダンな28pxの角丸、すべてのインタラクティブ要素に一意のID）に従います。
適用タイミング
- 学生が就職やインターンシップ応募用のポートフォリオを作成したい場合
- 学生がデザイン、コーディング、またはクリエイティブな作品を展示する必要がある場合
- 学生がポートフォリオの構造、プラットフォーム、またはベストプラクティスについて質問している場合
- 学生が既存のポートフォリオに対するフィードバックを求めている、またはゼロから構築したい場合
ワークフロー
- 計画 — ホワイトボードを使用してポートフォリオのセクションと構造をマッピングします
- 下書き — ドキュメントエディタを使用して、自己紹介テキスト、プロジェクトの説明、連絡先情報を作成します
- 構築 — create_appを使用して、学生が表示して反復できるインタラクティブなポートフォリオサイトを生成します
重要なガイダンス
- 推奨構造：ヒーロー、プロジェクト（説明付き）、自己紹介、問い合わせ
- 明瞭さ、成果を伴うプロジェクトのケーススタディ、簡単な連絡手段を重視する
- create_appの場合：モバイル対応レイアウト、アクセシブルなボタン、リンクは新しいタブで開くことを保証する
- 反復：学生はアプリ、ドキュメント、またはホワイトボードに変更を依頼して、作品を洗練させることができます