## コアタスク

### タスクの背景

現代の求職環境において、職種ごとにカスタマイズされた個人プロフィールウェブサイトは、求職者のプロフェッショナルなイメージと競争力を大幅に向上させることができます。従来の履歴書は焦点が定まらず、求職者と応募職種との適合性を十分に示せない場合が少なくありません。このスキルは、AI機能を活用して求人要件を自動的に分析し、個人情報の表示を最適化し、質の高い個人向け求職ウェブサイトを生成することを目的としています。

### 具体的な目標

1. 求職者の基本的な個人情報（基本情報、学歴、職歴、スキル一覧、顔写真）をすべて収集する。

2. 対象となる職種の業界プロファイル、必要なスキル、および好みの特性について詳細な分析を行い、少なくとも5～8つの主要な側面について洞察を得る。

3. 個人の履歴書と求人要件をインテリジェントに照合し、少なくとも3～5件の的を絞った最適化提案を生成する。

4. 視覚的に魅力的で、構造が明確で、業界を問わず利用できるインタラクティブな個人ウェブサイトを作成する。

5. ウェブサイトのコンテンツが追跡可能であることを確認してください。すべての最適化提案は、実際の業務分析データに基づいています。

### 主な制約事項

個人情報は真実かつ完全でなければならず、捏造または誇張してはならない。

職務分析は、少なくとも3つの情報源を参照した、実際のインターネット検索結果に基づいて行う必要がある。

ウェブサイトのデザインスタイルは、「普遍的な美意識、洗練されたミニマリズム、そしてプロフェッショナルで記憶に残る印象」という基準を満たさなければなりません。

最終的なウェブサイトは、すべての重要な情報を1ページ内に完全に表示し、レスポンシブレイアウトに対応している必要があります。

### ステップ 1: 個人の履歴書情報を収集し、整理する

**目的:** 求職者に関する必要な情報をすべて入手し、構造化データに整理して、その後の分析とウェブサイトの生成に備える。

**アクション**：

- ユーザーに個人情報のアップロードを要求するか、または：

- YouMindで以下の必須情報を入力または編集するようユーザーに案内します。

- **基本情報**: 氏名、年齢、連絡先情報（メールアドレス、電話番号、LinkedIn/GitHubなど）

- **個人写真:** プロフェッショナルな印象の個人写真をアップロードしてください（JPG/PNG形式が推奨されます）。

- **学歴**: 学校名、専攻、学位、在籍期間、必修科目または優等学位（該当する場合）

- **職務経歴**: 会社名、役職、在籍期間、主な職務内容および実績（3～5段落程度が推奨）

- **スキル一覧**: 専門スキル、ツール/プラットフォームの習熟度、語学力、ソフトスキルなど。

- **その他の特記事項**（任意）：プロジェクト経験、受賞歴、出版物、ボランティア経験など。

収集した情報を、明確で構造化された形式に整理する（Markdownまたは表形式を推奨）。

- 情報の完全性を確認する：必須項目がすべて入力されていること、写真がアップロードされており、正しい形式であることを確認してください。

整理した個人情報をYouMindに資料またはメモとして保存しておくと、後で簡単に参照できます。

**品質基準**:

必須項目（氏名、年齢、連絡先、学歴、職業、スキル、写真）はすべて100％入力済みです。

職務経歴と学歴を詳細かつ定量的に記述してください（例：「XXプロジェクトを担当し、YYの業績指標を30%向上させた」）。

・背景がシンプルな、鮮明でプロフェッショナルな個人写真。

### 文書言語スタイル

**トーン**: プロフェッショナルで、率直かつ体系的な表現を心がけ、くだけた表現や学術的な表現は避けてください。

**声明**: 行動と結果を強調するために、能動態と動詞で始まる文（「XXを担当する」「XXを主導する」「XXを達成する」など）を使用してください。

**データ:** 結果をできる限り定量化してください（例：「コンバージョン率を30%向上させる」、「50万ドルの予算を管理する」、「10人のチームを率いる」）。

**キーワード:** 職務分析で得られた頻出キーワードを、職務経歴やスキルの説明に自然に取り入れてください。ただし、無理やりキーワードを詰め込んだり、不自然にキーワードを詰め込んだりすることは避けてください。

### ステップ2：業界プロファイルと対象職種の要件を分析する

**目的:** 包括的なオンライン検索を通じて、典型的なプロフィール、コアスキル要件、業界の嗜好、およびターゲット職種の暗黙の期待を深く理解し、履歴書の最適化のためのデータサポートを提供します。

**アクション**：

- ユーザーが入力した目標職名を取得します（例：「AI企業の海外成長マネージャー」、「製品運用エキスパート」など）。

- `googleSearch`ツールを使用して、少なくとも以下のクエリを含む多次元検索を実行します。

- "[対象職種] 職務内容と要件"

- "[目標とするポジション] スキルと資格"

- "[目標職種"面接質問」（採用担当者の重視する点を反映した面接質問）

- "[目標ポジション] キャリアパス" (キャリアパス、業界背景の理解)

- 特定の業界（AI、SaaSなど）については、検索に業界関連のキーワードを含めてください。

検索結果から以下の重要な情報を抽出し、要約してください。

- **必須の専門スキル要件**: 必須の専門スキル、ツール、プラットフォーム、およびテクノロジースタック（頻繁に使用するスキルを5～8個挙げてください）

- **ソフトスキルに関する希望**: コミュニケーション能力、リーダーシップ、異文化間コラボレーションなど。（3～5項目をリストアップしてください）

- **学歴と経験**: 学歴要件、職務経験年数、および業界の希望。

- **職務内容**: この職務で通常行われる主要な業務（3～5項目）

- **業界動向**: この職種は、現在の市場において需要が高いか、あるいは新たな要件（AIツールの使用、データ駆動型意思決定など）が生まれています。

- **企業文化の好み:** 可能であれば、対象となる業界/企業タイプの文化的特徴（起業家精神、結果重視のアプローチなど）を記録してください。

分析結果を構造化されたレポートにまとめ、各側面について元の情報源へのリンク（少なくとも3つの異なる情報源）を含める。

- 職務の中核となる特徴をまとめた「目標職務プロファイル概要」（200～300語）を作成してください。

**品質基準**:

- 少なくとも3つの異なる信頼できる情報源（LinkedIn、Glassdoor、業界レポート、求人サイトなど）から情報を入手する。

・ハードスキルリストには少なくとも5項目、ソフトスキルリストには少なくとも3項目を含める必要があります。

- 各主要な発見事項には、追跡可能性を確保するために元のリンクが添えられています。

・職務内容の要約は明確かつ具体的であり、曖昧な一般論は避けられている。

# ターゲット職種分析レポート

## 目標位置

【役職名（例：「AI企業の海外事業拡大マネージャー」）】

## 職務概要

[この職務の中核となる特徴、主な責任、および業界背景を説明する200～300語の要約]

## 必須スキル要件

1. [スキル1] - 出典: [リンク]

2. [スキル2] - 出典: [リンク]

3. [スキル3] - 出典: [リンク]

...

## ソフトスキルに関する希望

1. [スキル1] - 出典: [リンク]

2. [スキル2] - 出典: [リンク]

...

## 主な職務内容

1. [責任1]

2. [責任2]

...

## 学歴および職務経験の要件

- 学歴：[必須]

- 職務経験年数：[必須]

- 業界経験：[希望]

## 業界動向と新たなニーズ

[AIツールやデータ駆動型アプローチの活用など、この職種における最新のトレンドについて説明してください。]

## 参考文献

1. [出典1のタイトル] - [リンク]

2. [出典2のタイトル] - [リンク]

3. [出典3のタイトル] - [リンク]

### ステップ3：求人要件に合わせて個人の履歴書をインテリジェントに最適化する

**目的:** 個人情報と求人要件を綿密に照合し、強みと弱みを特定し、履歴書をよりパーソナライズするための的を絞ったコンテンツ最適化の提案を生成する。

**アクション**：

ステップ1の個人情報とステップ2の職務プロファイルを比較し、項目ごとの照合分析を実行します。

- **スキルマッチング:** あなたのスキルセットの中で、仕事の要件と重複するスキルはどれですか？不足しているスキルはどれですか？

- **経験の関連性**: あなたの職務経験の中で、どの点があなたの職務内容に特に関連していますか？それらの関連性を強調するために、どのように言い換えることができますか？

- **キーワードの一致:** 求人情報に記載されている頻出キーワード（「グロースハッキング」、「データドリブン」、「クロスボーダーオペレーション」など）は、あなたの個人プロフィールに含まれていますか？

- **ソフトスキルの実証:** この職務に必要なソフトスキル（リーダーシップ、コミュニケーションスキルなど）を実証する具体的な事例を、ご自身の経験からお聞かせいただけますか？

- 3～5つの具体的な最適化案を生成する。各案には以下が含まれる。

- **最適化ポイント:** 調整が必要な具体的な詳細（例：「職務経験にデータ分析スキルを追加する例」）。

- **最適化の理由:** この調整が行われた理由（例：「目標とするポジションでは『データに基づいた意思決定』が求められるが、現在の記述には定量的なデータが不足している」）。

- **最適化例**: 具体的な書き換え案や補足コンテンツを提供する。

- 個人の「差別化要因となる強み」を2～3つ特定する（つまり、その個人が持っている特性や経験で、求人情報には明示的に記載されていないが、プラスになる可能性があるもの）。

- スキルや経験に大きなギャップがあると判断した場合は、それを正直に指摘し、ウェブサイト上で「学習意欲」や「関連経験の移転」といった指標としてどのように提示するかを提案してください。

最適化の提案に基づき、元の情報の信憑性を維持しつつ、関連性を強調するために表現や内容の順序を調整した「最適化された個人情報」バージョンが生成されます。

**品質基準**:

少なくとも3つの具体的で実行可能な最適化案を提示してください。

各提案には、「最適化前－最適化後」の明確な比較、または具体的な例が含まれています。

最適化されたコンテンツは、真実の情報に基づいている必要があり、捏造や誇張があってはなりません。

- 少なくとも2つの差別化要因を特定する

# 履歴書最適化の提案

## マッチング分析

- **スキルマッチング**: [マッチングしたスキル] / [不足しているスキル]

- **経験の関連性**: [非常に関連性の高い経験] / [改善が必要な分野]

- **キーワードの配置**: [含まれるキーワード] / [追加するキーワード]

## 最適化に関する提案

### 提案1：[最適化ポイント]

- **理由:** [最適化が必要な理由]

- **最適化前**: [原文]

- **最適化**: [表現を改善]

### 提案2：[最適化ポイント]

...

## 差別化の優位性

1. [利点1]: [詳細説明]

2. [利点2]: [詳細説明]

## 最適化された個人情報

【最適化された個人情報（「構造化個人情報文書」と同じ形式）」

### 文書言語スタイル

**トーン**: プロフェッショナルで、率直かつ体系的な表現を心がけ、くだけた表現や学術的な表現は避けてください。

**声明**: 行動と結果を強調するために、能動態と動詞で始まる文（「XXを担当する」「XXを主導する」「XXを達成する」など）を使用してください。

**データ:** 結果をできる限り定量化してください（例：「コンバージョン率を30%向上させる」、「50万ドルの予算を管理する」、「10人のチームを率いる」）。

**キーワード:** 職務分析から得られた頻出キーワードを、職務経歴やスキルの説明に自然に組み込みますが、無理やりなキーワードの詰め込みは避けてください。

### ステップ4：ポストモダンスタイルの個人向け求職ウェブサイトを作成する

**目的:** YouMindの`generateWebpage`ツールを使用して、最適化された個人情報を完全に提示する、ポストモダンで視覚的に印象的かつ型破りなシングルページの個人求職ウェブサイトを作成します。

**アクション**：

- 以下のコマンドとパラメータを渡して、`generateWebpage`ツールを呼び出します。

- **指示**: 「求職者の履歴書情報をすべて表示する、1ページの個人向け求職ウェブサイトを作成してください。ウェブサイトは以下の要件を満たす必要があります。」

- **デザインスタイル:** ポストモダニズム。ルールを破り、様々なスタイルを融合させ、脱構築主義、皮肉、コラージュ、非対称性、大胆な色彩、そして美的要素の衝突を重視します。保守的またはありきたりなデザインを避け、視覚的に印象的で、個性的かつ挑戦的なウェブサイトを作成することが目標です。

- **レイアウト構造**: 従来のグリッドのような断片的で非対称なレイアウトから脱却します。要素を重ね合わせたり回転させたりすることで、奥行きと混沌とした感覚を生み出すことができます。モジュールの順序はシャッフルしたり、非線形的に表示したりできます。Z軸階層構造を推奨します。以下のモジュールが含まれますが、表示方法は従来とは異なります。

1. **ヒーローセクション**（最初の画面）：視覚的にインパクトのあるオープニングで、コラージュ、テキストと画像の重ね合わせ、グリッチアートなどのエフェクトを使用できます。

2. **自己紹介**: このテキストは、ページの異なる領域に分割したり、複数のフォントを組み合わせてフォーマットしたりできます。

3. **体験**: 従来のタイムラインを捨て、さまざまなサイズ、不規則な形状、または視差スクロールを使用して各体験を表示します。

4. **教育**: 独立した構造化されたモジュールとしてではなく、全体的なレイアウトにおける装飾的または構造的な要素として。

5. **スキル:** 混沌としたタグクラウドを使用したり、テキストを散布用のグラフィック要素として使用したり、型破りな方法で視覚化したりします。

6. **連絡先**: アイコンやリンクは、大きくしたり小さくしたりすることができ、ページの予期しない隅に配置することもできます。

- **配色**: 大胆でコントラストが強く、彩度の高い色の組み合わせ。蛍光色、不調和な隣り合う色、強いグラデーションを使用してください。例えば、鮮やかなピンク（#FF00FF）とライムグリーン（#00FF00）を組み合わせたり、グリッチアート風のカラーブレイク効果を使用したりします。背景は、多色のコラージュやノイズ/グリッドパターンにすることができます。

- **フォントシステム**: 太字のセリフ体や幾何学的なサンセリフ体など、異なるスタイルのフォントを組み合わせます。フォントサイズの極端なコントラストも許容され、見出しは巨大に、本文は非常に小さくすることができます。テキストは回転、傾斜、重ね合わせが可能で、部分的に装飾的なグラフィック要素として使用することもできます。

- **インタラクションデザイン**: 誇張された、予期せぬインタラクティブ効果。マウスオーバーでグリッチ効果、色の反転、要素のずれなどが発生する場合があります。スクロールはジャンプのように動いたり、強い視差効果が発生したりすることがあります。ナビゲーションリンクをクリックすると、予期しないアニメーションが表示される場合があります。

**レスポンシブデザイン:** さまざまなデバイスでポストモダン的な「断片化」感を維持しつつ、コアとなる情報が読みやすい状態を保つようにします。モバイル版では一部のエフェクトを簡略化できますが、スタイルの一貫性は維持する必要があります。

- **参照**: ステップ 3 で生成された「最適化された個人情報」から資料/メモの参照と、個人の写真の URL を渡してください。

ウェブサイトを生成した後、以下の品質項目を確認してください。

- 個人情報はすべて、レイアウトが乱雑であっても、完全かつ正確に表示されていますか？

そのビジュアルスタイルは「ポストモダニズム」の要件を満たしているか？大胆でインパクトのあるものか？

各モジュールに含まれる情報は、見つけやすく理解しやすいものでしょうか？

インタラクティブな効果は、たとえ「予期せぬ」ものであっても、期待どおりに機能しますか？

生成されたウェブサイトが期待どおりでない場合は、具体的な問題を記録し、反復的な最適化のために`generateWebpage`の`webpage_id`パラメータを使用してください。

**品質基準**:

ウェブサイトには必要なモジュール（ヒーロー、会社概要、経験、学歴、スキル、連絡先）がすべて含まれていますが、フォーマットに制限はありません。

視覚的なデザインは大胆でポストモダニズムに沿ったものであり、強い個性と記憶に残る魅力を備えている。

- すべての個人情報は正確であり、最適化されたコンテンツと一致しています。

ウェブサイトの主要情報は、デスクトップとモバイルデバイスの両方で読みやすく、デザインも一貫している。

全体的な印象は「大胆で、前衛的で、創造性に溢れている」というもので、それが数多くの履歴書の中で際立つ要因となっている。

## スタイルとプレゼンテーション

### ウェブサイトのビジュアルスタイル（基本標準）

**デザイン美学:** ポストモダニズム。その核心は「モダニズムへの反逆と解体」です。混沌、矛盾、皮肉、そして遊び心を受け入れます。デザインは活気に満ち、折衷的で、やや挑発的であるべきです。ハイアートと大衆文化を融合させ、「優れたデザイン」の伝統的なルールを打ち破ります。

**配色**：

- **基本原則:** 大胆さ、対立、そして高い彩度。調和を拒否し、視覚的な緊張感を追求する。

- **色の組み合わせ**: 蛍光色、ネオンカラー、不調和な隣り合う色を使用します。例: グリッター (#FF00FF) + 明るい黄色 (#FFFF00) + シアン (#00FFFF)。

- **背景:** 純粋な白は避けてください。ノイズ、グリッド線、幾何学模様、または多色のブロックが入った背景を使用してください。強いグラデーションの背景も試してみてください。

- **二次色**: 二次色には厳密な概念はありません。どんな色でもメインカラーにすることができます。あえて「醜い」色の組み合わせを使うことで、皮肉な効果を生み出すことも可能です。

**フォントシステム**:

**基本原則:** 均一性と単一性に反対する。混合、対立、対比が鍵となる。

- **フォントの混合**: 1 つのページに異なるスタイルの複数のフォントを使用すること。たとえば、クラシックなセリフ体フォント (Times New Roman など) と、太字のサンセリフ体フォント (Arial Black など) または手書き風フォントを並置するなどです。

- **サイズコントラスト**: 極端な例。見出しが画面の半分を占めるほど巨大になる一方で、本文が小さすぎて読むのに苦労する（デザイン上の選択）。

- **テキスト処理**: テキストをグラフィックとして扱います。回転、傾斜、垂直方向の整列、反転、重ね合わせが可能です。テキストはパスに沿って配置することも、ページ全体に散在する個々の文字に分割することもできます。

**レイアウトの原則**:

- **グリッドを破る:** 従来のグリッドシステムを完全に放棄します。要素は非対称で、一見ランダムなレイアウトで配置されます。

- **コラージュと重ね合わせ**: レイヤーとZ軸を多用することで、画像、テキスト、カラーブロックを重ね合わせ、コラージュ効果を生み出します。

- **断片化**: 完全なデザイン要素（画像やテキストブロックなど）を複数の部分に分割し、それらをさまざまな場所に散在させること。

- **ホワイトスペース**: 不規則でダイナミックなホワイトスペース。ホワイトスペース自体が、単なる「呼吸空間」ではなく、形状やデザイン要素となる。

**インタラクションの詳細**:

- **ホバーエフェクト**: 誇張的で型破りな効果。マウスカーソルを要素の上に置くと、要素が劇的に変化したり、色が反転したり、グリッチ効果が発生したり、予期しないGIFアニメーションが再生されたりします。

- **スクロール**: 強い視差スクロールにより、異なるレイヤーが異なる速度で移動し、奥行き感とサイケデリックな効果を生み出します。

- **アニメーション**: 唐突で非線形なアニメーション。要素が予期しない方向から飛来したり、「間違った」方法で読み込まれたりすることがあります。

- **カーソル**: カスタムカーソル、巨大なカーソル、または常に変化するカーソルを使用して、インタラクティブな楽しさを高めることができます。

**モジュール設計仕様**:

1. **ヒーローセクション**（最初の画面）：

- コラージュスタイルを使用して、個人の写真（フィルター処理やグリッチ効果処理が可能）、名前の大きなイニシャル、回転する求人情報、幾何学的な図形などを組み合わせます。

背景は、動的なノイズ、または急速に変化するカラーブロックである可能性があります。

2. **自己紹介**:

テキストは複数の小さなブロックに分割され、それぞれ異なるフォントとサイズでページ全体に散りばめられています。一部のテキストは背景に溶け込んでいるため、ユーザーは注意深く探す必要があります。

3. **経験**（職務経験）：

それぞれの体験は、不規則な形をした鮮やかな色の「カード」で、互いに重なり合い、傾いた状態で積み重ねられています。マウスカーソルをカードの上に置くと、カードが一番上に「浮かび上がり」、詳細情報が表示されます。

4. **学歴**（教育背景）：

情報は、ページ上の装飾的な枠線に組み込んだり、非常に小さなフォントで背景テクスチャの一部として使用したりすることができる。

5. **スキル**

スキルを表す単語のサイズ、フォント、色が変化する、混沌としたダイナミックなワードクラウド。マウスカーソルを重ねると、単語が拡大したり、小刻みに揺れたりすることがあります。

6. **連絡先情報:**

- 特大サイズまたはピクセル化されたアイコンを使用し、ページの端や隅に配置してください。リンクが予期しないグラフィック要素の背後に隠れてしまう可能性があります。

**レスポンシブデザイン**:

- **コア**: さまざまなデバイス間で「秩序ある混沌」を維持する。

- **デスクトップ版**（>1200px）：重なり合う複数の列を含む複雑なレイアウトを完全に表示します。

- **フラットパネル** (768～1200ピクセル): 非対称性と断片的な印象を維持しながら、要素の重なりを減らします。

- **モバイル** (<768px): シングルカラムレイアウトに変換されますが、フォントサイズのコントラストを強調し、大胆なカラーブロックと非線形スクロールによってポストモダンスタイルを維持します。

###

### ステップ5：品質検査と配送

**目的:** 生成されたウェブサイトに対して包括的な品質チェックを実施し、正確な情報、洗練されたデザイン、スムーズなユーザーエクスペリエンスを確保し、ユーザーガイドを提供すること。

**アクション**：

- 品目ごとに品質チェックを実施する：

- **情報の正確性**: ウェブサイト上の各氏名、連絡先情報、職務経歴、学歴、スキルを綿密に検証し、元の情報との整合性を確保しました。

- **視覚的な一貫性**: フォント、色、間隔、配置の一貫性を確認し、視覚的な欠陥がないか調べます。

- **インタラクションのスムーズさ:** ナビゲーションの遷移、スクロール効果、ホバーアニメーションが正しく機能するかどうかをテストします。

- **レスポンシブ適応:** さまざまなデバイスサイズをシミュレートして、レイアウトが適切かどうかを確認します。

- **読みやすさ:** 適切な文字サイズ、十分なコントラスト、明確な情報階層を確保してください。

- 以下の内容を含む「ウェブサイトユーザーガイド」を作成する：

ウェブサイトへのアクセスリンク（YouMindが生成したウェブページURL）

ウェブサイトを共有する方法（リンクをコピーする、QRコードを生成するなど）

- さまざまな職種に応じてコンテンツを迅速に調整する方法（目標職種の変更、職務経歴の更新など）

- 今後の最適化に関する提案（コンテンツの定期的な更新、プロジェクト事例の追加など）

ユーザーに最終的なウェブサイトを見せて、調整が必要な箇所がないか尋ねてください。

- ユーザーから修正案が提示された場合は、それを記録し、`generateWebpage` を使用して反復的な最適化を行います。

**品質基準**:

- すべての情報は100％正確で、誤字脱字や書式の誤りはありません。

ウェブサイトは、少なくとも2つのデバイス（デスクトップとモバイル）でのテストに合格しています。

明確なユーザーガイドラインを提供することで、ユーザーが自主的にウェブサイトを共有・管理できるようにします。

・ユーザーは最終結果に満足している、またはフィードバックに基づいて最適化を完了した。