入会金0円／契約期間の縛りなし
セミナー開催レポートブログ
Codex App Serverを使うと、ChatGPTのアカウントで動くAI機能を、自分で作る予定表アプリに組み込めます。この回では指示文を使ってアプリを起動するところまで進みました。一方、文章から予定を登録する機能は、講師の画面では修正後も期待どおりに動いたと確認できていません。
2026年10月5日21時から、KEITOが「AI機能が入った アプリを作成する ハンズオンセミナー①」を開催しました。2日連続の1日目で、配布された準備用と作成用の指示文を使い、AIスケジュール帳を各自のパソコンで作る実習です。
題材は1週間の予定を表示するカレンダーと、文章で予定を追加する欄、AIに相談する欄を備えたWebアプリです。完成例のスライドでは、アプリとCodexの裏側のやりとりも見られると紹介されました。KEITOは実用性を競うアプリではなく、Codex App Serverを使った作り方を体験するためのサンプルだと説明しています。
今回は9月30日のCodex App Serverの使い方と料金｜ChatGPTのプランで動く社内AIアプリの作り方で学んだ仕組みを、実際のアプリに使う続きの回でもあります。仕組みの説明は短めにし、参加者が自分の環境で手を動かす時間が中心でした。
Codexは質問に答えるだけでなく、ファイルの作成や編集も進めるAIエージェントです。Codex App Serverは、そのCodexと自分のアプリをつなぐ窓口。KEITOは、予定表で入力した文章が窓口を通り、Codexの処理結果が画面に戻る流れを説明しました。
流れは次の4つです。
OpenAIのCodex App Serverの解説でも、アプリとCodexの間で要求や途中経過をやり取りする仕組みが説明されています。これは2026年11月時点の公式説明です。
KEITOが挙げた大きな違いは、ChatGPTアカウントでログインし、プランの利用枠で動かせる点です。APIは「アプリからAIを呼ぶための窓口」、APIキーはその利用を認証する合鍵に当たります。
当日の説明は次の2つに分けられます。
OpenAIのChatGPTログインを使うApp Server向け資料にも、利用者のChatGPTプランに紐づく認証方法が載っています（2026年11月時点）。ただし、利用枠が減らないわけではありません。KEITOは使いすぎに注意を促し、入力内容はOpenAIへ送られるとも説明していました。
当日の準備は4つです。講師が検証した環境はMacで、Windows向けの細かな手順は用意されていませんでした。ただし実習中にはWindowsでも起動できたという参加者からの報告がありました。
権限設定には操作のたびに承認を求める方法と、広い範囲を任せる方法があります。配布スライドでは「承認を求める」が当日の設定として示されました。KEITO自身はふだんフルアクセスで進めていて、几帳面な人は「代わりに承認」を選んでもよいと話していました。
配布資料には最初に読む案内、準備用の指示文、メインの指示文、追加注文の例、完成例などが入っていました。作業ではまずZIPを展開し、フォルダをデスクトップへ置きます。
準備用の指示文は、OS、Node.jsとnpm、Codexへのログイン、作業フォルダなどを確かめるものです。Node.jsはアプリを動かすための実行環境、npmは必要な部品を入れる道具。KEITOは、不足があっても次の手順でCodexが入れてくれると説明しました。
KEITOは配布資料のメインの指示文をCodexに渡し、同じ予定表アプリを作る流れを実演しました。指示文には画面や動作の条件が細かく書かれ、環境に必要な部品が足りない場合の対応も含まれていました。
当日の操作は5つです。
KEITOによると、短い依頼でもアプリは作れるそうです。今回は参加者の画面をできるだけそろえるため、詳しく書いた指示文を配っていました。権限やインストールの確認が表示されたら、その内容を読んで進めます。
生成後、ブラウザに1週間の予定表が表示されました。画面には「文章で予定を追加」と「AIに相談」の欄があり、右上にはCodexへの接続状態も出ています。
アプリはlocalhost:3000という、自分のパソコンの中だけで使うアドレスで開きました。KEITOは、アプリを開いている間は自分のパソコン上のサーバーが動き続け、使わないときはポートを閉じるよう頼む必要があると説明しています。クラウドに置いてスマートフォンから開く話にも触れましたが、この回では実演していません。
KEITOが文章で予定の追加を試すと、最初は「予定を読み取れませんでした」と表示されました。
「AIに相談」から頼んだ場合も、返事は出ましたが予定表への登録は確認できません。
そこで、AIに相談した内容からカレンダーへ予定を追加する機能をCodexに頼み、生成されたアプリをもう一度試しました。
KEITOは原因をもう一度伝えて修正を続ける必要があると話しています。
予定表の生成を待つ間、KEITOは自作アプリも見せました。動画編集アプリ「カットスタジオ」では、指定した範囲をカットして後ろを詰める操作を実演。スライド作成アプリは、見た目の候補を選んで内容を入れる画面を紹介していました。投稿文を作り、外部サービスとつなぐアプリにも触れています。
ただし、これらは今回の実習で作ったアプリではありません。動画編集アプリには約12時間かかったとKEITOは話していました。
KEITOが最後に示したのは、入力、判断、回答の形、画面の4つを決める考え方です。予定表以外にも日報、家計簿、メール返信の下書きなどに置き換える例がスライドにありました。これらはアイデアとして紹介されたもので、当日作った成果物ではありません。
講師は指示文を長く整えるだけでなく、作りたいものを音声で説明する方法も挙げていました。ただ、今回の予定表でも最初の生成だけで動作がそろったわけではありません。完成後に実際の操作を試し、直す場所を具体的に伝えることが要ります。
1日目は、ブラウザで動く自分用の予定表アプリを作って試すところまで。続く10月6日は、作ったものをMacのデスクトップアプリにし、配布できる形を扱う予定だとKEITOは案内しました。
2日目の内容はAIアプリをMacにする方法｜Codex App BuilderでDMG配布までにつながります。
ブラウザで開けるところまでは作れました。ただし講師の画面では、文章から予定を登録する機能が修正後も期待どおりに動いたとは確認できていません。
KEITOは非エンジニアでも作れると説明し、配布された指示文を使って実演しました。環境の準備や不具合の修正は必要で、画面を確認しながら進めています。
参加者からWindowsでアプリが開いたという報告がありました。一方、講師が検証した資料はMac向けで、Windows向けの指示に書き換える必要があると案内しています。
当日の方法では、ChatGPTアカウントでログインし、プランの利用枠を使うと説明されました。APIキーを使う従量課金方式とは入口が異なります。ChatGPTアカウントでログインする方法はOpenAIの公式資料に載っています（2026年11月時点）。
はい。1日目のアプリを開いている間は自分のパソコン上でサーバーが動くため、使わないときはポートを閉じるよう頼む必要があるとKEITOは説明しました。
配れるのは2日目に作るMacアプリです。1日目に作ったブラウザ版は、まず自分用として扱いました。
アーカイブ動画はProcevoで見られます
プランは登録のあとに選べます
