日常業務やAIアプリケーション・エンジニアリングでよく使われる、キュー・ワードを使うための、とてもシンプルだがとても便利なヒントを考えてみた。
その思考プロセスは次のようなものだ：
タスク目標の定義 - 対応するドメイン専門家の知識の学習 - アウトプットの構造化 - インストラクションテンプレートの構築
ここでは、「履歴書の最適化」シナリオでデモンストレーションを行う。履歴書を直接最適化してくれる大きなモデルに頼り過ぎないように注意してください。すべての最適化テクニックは、あなた自身の学習からインストラクションに混ぜられた専門家の知識です。
https://b_9vhm6j5.v0.build/ にてプレビュー
材料の準備
- オリジナルの履歴書（できればマークダウン形式、ワードやPDFでも可）！
- オンライン履歴書作成のヒントを検索
- 履歴書のテンプレートを見つけ、AI技術を使って履歴書のテンプレートコードをHTML形式で生成する。
履歴書作成のヒント
以下の情報はネットで見つけたもので、大型モデル用にシンプルにまとめられている。
私について - あらすじ：このセクションは履歴書の自己紹介に相当し、採用担当者にあなたの職務経歴、関連するスキル、主な業績を短く簡潔に説明します。 学歴 - 学位情報 - XX年修士号：在学年月日、学校名、所在地を記載。 - 学士号：取得年月日、学校名、所在地を記入。 職歴 - 会社情報： 各職歴には、会社名、役職、勤務地、勤務時間を記載する。 - 重要： 関連する職務経験を記載することは、あなたがその職務の要件を理解していることを示すために重要です。 - 具体的な情報： 職歴欄には、あなたの職歴に関する具体的な情報を記載することで、採用担当者があなたのキャリアの軌跡を理解しやすくなります。 スキル - 主なスキル： 時間管理、コミュニケーション能力、批判的思考、分析能力、SEO、プロジェクト管理など、応募職種に関連する重要なスキルをすべて記載します。これらのスキルは、大勢の応募者の中からあなたを際立たせるのに役立ちます。 実績 - 個人的な業績：達成した目標や完了した重要なプロジェクトなど、あなたのキャリアにおける重要な業績を挙げてください。採用担当者があなたの能力と可能性を評価しやすくするため、各成果には詳細な説明、場所、日付を記載しましょう。 この履歴書テンプレートは、明確な構成と包括的な内容で、求職者が自分の強みを効果的にアピールし、面接のチャンスを広げるのに役立ちます。各項目を詳細に記入することで、プロフェッショナルで競争力のある履歴書を作成することができます。
履歴書テンプレートの作成
Claudeとv0.devをそれぞれ使ってHTMLの履歴書テンプレートを生成し、生成されたフィールドが上記の履歴書作成のヒントで述べたフィールドと一致することを要求する。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>お名前 - 履歴書</title>
<style>
body {
font-family: Arial, sans-serif;
line-height: 1.6;
margin: 0;
padding: 40px;
max-width: 800px;
margin: 0 auto;
}
.header {
text-align: center;
border-bottom: 2px solid black;
padding-bottom: 20px;
margin-bottom: 20px;
}
h1 {
margin: 0;
font-size: 48px;
font-weight: bold;
}
h2 {
font-size: 20px;
margin-top: 0;
margin-bottom: 10px;
border-bottom: 1px solid black;
padding-bottom: 5px;
}
h3 {
font-size: 16px;
margin-bottom: 5px;
}
.title {
font-size: 24px;
margin-top: 5px;
}
.contact-info {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.contact-info div {
display: flex;
align-items: center;
}
.contact-info img {
width: 20px;
height: 20px;
margin-right: 10px;
}
.main {
display: flex;
margin-top: 20px;
}
.left-column {
flex: 1;
padding-right: 20px;
}
.right-column {
flex: 2;
border-left: 1px solid black;
padding-left: 20px;
}
ul {
padding-left: 20px;
margin-top: 0;
margin-bottom: 10px;
}
.work-experience {
margin-bottom: 20px;
}
.company {
font-weight: bold;
}
.location-date {
float: right;
text-align: right;
}
p {
margin: 5px 0;
}
</style>
</head>
<body>
<div class="header">
<h1>お名前</h1>
<div class="title">タイトル</div>
</div>
<div class="main">
<div class="left-column">
<h2>私について</h2>
<p>履歴書の要約と同様、「自己紹介」は、あなたの職業上の経歴、関連するスキル、主な業績などを簡単に紹介するものです。実績などを紹介するものです。</p>
<h2>教育</h2>
<h3>XXの修士号</h3>
<p>2010年6月～2012年3月</p>
<ul>
<li>学校はこちら</li>
<li>所在地</li>
</ul>
<h3>XXの学士号</h3>
<p>2002年6月～2006年3月</p>
<ul>
<li>学校はこちら</li>
<li>所在地</li>
</ul>
<h2>スキル</h2>
<ul>
<li>時間管理</li>
<li>コミュニケーション</li>
<li>クリティカル・シンキング</li>
<li>アナリティクス</li>
<li>瀬尾</li>
<li>コミュニケーション</li>
<li>プロジェクト管理</li>
</ul>
<h2>実績</h2>
<p><strong>あなたの功績</strong></p>
<p>所在地<br>日付</p>
<p><strong>あなたの功績</strong></p>
<p>所在地<br>日付</p>
</div>
<div class="right-column">
<h2>職務経験</h2>
<div class="work-experience">
<p><span class="company">会社</span> <span class="location-date">所在地<br>日付</span></p>
<p>会社でのあなたの役割／役職をご記入ください。</p>
<p>履歴書に関連する職務経験を記載することは、採用担当者にあなたが職務の要件を理解していることを示すために重要です。</p>
<ul>
<li>履歴書の職歴欄には、あなたの職歴を具体的に記入します。</li>
<li>履歴書の職歴欄には、あなたの職歴を具体的に記入します。</li>
</ul>
</div>
<div class="work-experience">
<p><span class="company">会社</span> <span class="location-date">所在地<br>日付</span></p>
<p>会社でのあなたの役割／役職をご記入ください。</p>
<p>履歴書に関連する職務経験を記載することは、採用担当者にあなたが職務の要件を理解していることを示すために重要です。</p>
<ul>
<li>履歴書の職歴欄には、あなたの職歴を具体的に記入します。</li>
<li>履歴書の職歴欄には、あなたの職歴を具体的に記入します。</li>
</ul>
</div>
<div class="work-experience">
<p><span class="company">会社</span> <span class="location-date">所在地<br>日付</span></p>
<p>会社でのあなたの役割／役職をご記入ください。</p>
<p>履歴書に関連する職務経験を記載することは、採用担当者にあなたが職務の要件を理解していることを示すために重要です。</p>
<ul>
<li>履歴書の職歴欄には、あなたの職歴を具体的に記入します。</li>
<li>履歴書の職歴欄には、あなたの職歴を具体的に記入します。</li>
</ul>
</div>
</div>
</div>
<div class="contact-info">
<div>
<img src="/placeholder.svg" alt="電話">
<span>123-456-7890</span>
</div>
<div>
<img src="/placeholder.svg" alt="電子メール">
<span>hello@reallygreatsite.com</span>
</div>
<div>
<img src="/placeholder.svg" alt="ウェブサイト">
<span>www.reallygreatsite.com</span>
</div>
</div>
</body>
</html>
コンストラクタ命令
#ミッション
PDF、ワード、マークダウン形式で添付された履歴書を最適化し、HTML形式で履歴書を出力します。
## CV最適化のヒント
{履歴書作成のヒント}を引用する
## 制限
- 経験プロジェクト数：5
- 直近の業務ユニット数：3
- ...
## 以下のHTMLフォーマットで完全なコードブロックを出力してください。
``.
{HTML履歴書テンプレートを引用する}.
```
変数は「制限」セクションで変更されます。そうしないと、出力は厳密にHTML履歴書テンプレートのフォーマットになり、結果として元の履歴書から情報が欠落します。
アプライアンス
1.ChatGPTに添付ファイルとしてアップロードされた履歴書、クロード
2.構成されたキュー・ワードを入力する
3.さて...また、デフォルトのHTML履歴書テンプレートは、指示書の中でできるだけ文脈の長さを取らないように基本的な構造を保持するだけで、スタイルが装飾されることはありません！
4.そこで最終段階として、満足のいく内容のHTML版履歴書をv0.devに入力し、スタイルの最適化を行う：
究極
もしあなたがスペシャリストのリクルート、オフィス文書の最適化、コードを書くことが得意なら、ある部分はとても初歩的なことに感じるだろう。ここであなたがしなければならないのは、強みを活かし、大きなモデルを使って不得意な能力に磨きをかけ、強みをより強くし、弱みを補うことだ。このジェネレーティブAI能力爆発の波は、好奇心旺盛なあなたとともにある。
