CODEx BEGINNER WORKSHOP

はじめての
Codex 体験会

むずかしい知識は不要です。Codexと会話しながら、
日々の作業を少し便利にする体験を始めましょう。

体験をはじめる
初心者向け約110分Windows版

TODAY'S JOURNEY

今日体験すること

上から順に進めても、気になる章から始めても大丈夫です。

0 / 8 完了
0%
始める前の大切な約束

画面や写真をAIへ共有する前に、個人情報・パスワード・機密情報が写っていないか必ず確認しましょう。送信・登録・削除などの操作は、実行前に内容を確認してください。

01

STEP 01

Codexのインストール

まずはCodexをパソコンに迎え入れましょう。
1
公式ページを開く

検索する場合は「Codex インストール」と入力します。偽の配布サイトを避けるため、必ずOpenAI公式ページから進めてください。

2
Codexをダウンロードする

案内に従って、お使いのOS用のCodexアプリをインストールします。

3
ChatGPTアカウントでサインイン

Codexを開き、作業するフォルダを選択したら準備完了です。

OpenAI公式の導入ページを開く
02

STEP 02

問題にぶつかったときの対処方法

分からないことが出てきたら、まず生成AIに画面を見せて質問してみましょう。
スクリーンショットは関連する画面全体を写す

エラーだけを切り取らず、前後の状況も見えるようにすると、より正確なサポートを受けられます。共有前には個人情報を確認してください。

Windows

画面をコピーする

Shift+Windows+S

範囲を選ぶとクリップボードへコピーされ、そのままチャット欄へ貼り付けられます。

おすすめ:Snipping Tool > 設定 > 自動保存をオフ

ほかの相談方法

Gemini Live

画面やカメラを共有しながら、音声で質問する方法も有効です。

AppShots(Macのみ)

Codexアプリを開き、共有したいウィンドウを最前面にして、左右のCommandキーを同時押しします。

スクリーンショットの参考記事を開く
03

STEP 03

安全に使うための初期設定

安心して使い続けるために、最初に大切な設定を済ませます。

3-1. 学習に利用させない設定

ChatGPT設定データコントロール

「すべての人のためにモデルを改善する」のトグルスイッチをオフ(灰色)にします。表示名は「Chat History & Training」「Improve the model for everyone」の場合もあります。

3-2. 学長の呪文を設定

Codex設定パーソナライズ

次の内容をパーソナライズへ登録します。

# 社内AIアプリ開発ルール(必読)
あなたはこれから私のアプリ開発を手伝います。
私はエンジニアではないので、以下のルールをあなた側で必ず守ってください。
私が気づかなくても、ルール違反になりそうな時は必ず止めて指摘してください。

## 守るべき構成(インフラ固定)
インターネットに公開するアプリを作成する場合、以下以外の構成は提案しないでください。
別の構成を使いたい時は「エンジニアに相談してから」とだけ答えてください。

- フレームワーク: Next.js
- ホスティング: Cloudflare Workers(フロント・バック両方)
- DB: Cloudflare D1データベース
- 認証: Cloudflare Access(特定メールアドレスのみ許可)

## 絶対にやってはいけないこと
- APIキー・パスワード・トークンをソースコードに直接書かない
→ 必ず環境変数(Cloudflare の Secrets)に入れる
- 個人情報・会員情報・未公開情報をリポジトリにコミットしない
- 独自のパスワード認証やメール認証を実装しない
→ 認証は Cloudflare Access に任せる
- Cloudflare Workers の preview_urls を有効のままにしない
- 認証なしでアクセスできる状態で社外公開しない
- GitHub リポジトリを Public にしない(必ず Private)
- パスワードやPINのハッシュ値をブラウザに送られるJSコードに埋め込まない

## 困ったら
- 上記の構成では実現できない場合は「エンジニアに相談を」と答える
- 漏れると致命的な情報を扱う場合も「エンジニアに相談を」と伝える

## 私への接し方
- 私は非エンジニアです。専門用語は避け、平易な日本語で説明してください。
- 私が気づいていないリスクは、あなたから先に指摘してください。
呪文の案内を開く
04

STEP 04

ペットを設定してみよう

Codexでの作業を見守ってくれる、好きなペットを起こしてみましょう。
Codexの設定外観ペットを起こす

好きなペットを選ぶと、Codexの画面が裏側にあっても前面に出てきて作業を実況してくれます。

オリジナルペットを相談する

オリジナルのCodexペットを作りたいです。
好きなキャラクターの特徴を質問しながら、作成手順を初心者向けに案内してください。
まずは必要な画像や希望する動きについて質問してください。
05

STEP 05

ダウンロードフォルダを整理してみよう

ファイル整理を依頼し、実行前の確認が大切なことも体験します。
いきなり移動・削除しない

最初は整理案だけを作ってもらい、内容を確認してから実行しましょう。必要なファイルを誤って失うのを防げます。

ダウンロードフォルダを整理したいです。
まず現在のファイルを確認し、種類ごとの整理案を表にしてください。
私が確認するまで、ファイルの移動や削除はしないでください。
06

STEP 06

Gmail・Googleカレンダーを操作してみよう

いつものGoogleサービスと接続し、便利な使い方を試します。
ChatGPT設定アプリ

GmailとGoogleカレンダーを接続します。接続時は、表示される権限の内容を確認してください。

6-2Gmailを試す

「返信が必要なメールを検索し、返信の下書きを作って」と依頼します。

6-3カレンダーを試す

日時と予定名を伝えて、カレンダーへ予定を追加してもらいます。

送信・登録前に必ず確認

宛先、本文、日時、参加者が正しいかを確認してから実行してください。

07

STEP 07

メルカリ販売を補佐するスキルを作ってみよう

商品写真から、価格や説明文を提案するスキル作りを体験します。
自動入力・自動出品は行いません

AIによる出品画面の自動操作はBot判定やアカウント停止につながるおそれがあります。Codexには提案資料の作成までを依頼し、入力と出品は自分で行いましょう。

  1. メルカリ用のプロジェクトフォルダを作る
  2. 「設定ファイルとAGENTS.mdを作成して」と依頼する
  3. 商品写真を1商品につき3枚ほど撮り、パソコンへ保存する
  4. Codexでプロジェクトフォルダを選び、プランモードにする
  5. 次のプロンプトを実行し、提案内容を確認する
メルカリの出品画面
https://jp.mercari.com/sell/create

商品写真を参考に入力項目を提案してください。
価格は、現在出品されている同一商品の最安値と同じか少し高い価格、
または過去に落札された価格を参考に提案してください。
参考にした商品のURLも教えてください。

結果は1商品ずつPDFで出力してください。
出品画面への自動入力や自動出品は行わないでください。
メルカリの出品項目を確認する
08

STEP 08

LINEスタンプを作ってみよう

最後は、Codexと相談しながらオリジナルスタンプ作りに挑戦します。

キャラクターの特徴、表情、入れたい言葉をCodexへ伝えます。まず1枚を試作して見た目を確認してから、残りを作るとイメージを揃えやすくなります。

LINEスタンプを作りたいです。
初心者でも進められるように、キャラクター設定シートの作成から案内してください。
まず1枚だけ試作し、私が確認してから残りの作成へ進んでください。
LINEスタンプ作成の参考記事を開く
完成!

今日からCodexは、あなたの頼れる相棒です。

小さな「これ面倒だな」から、気軽に相談してみましょう。