ラベル GPT-Live-1 の投稿を表示しています。 すべての投稿を表示
ラベル GPT-Live-1 の投稿を表示しています。 すべての投稿を表示

2026年9月11日金曜日

OpenAI CodexとLive音声モードのチャットで駅別乗降客数マップを表示するアプリを作成する

先日、OpenAI CodexとモデルにGPT-6 Astraで簡単なAPEXアプリケーションを作成しました。その際に「これなら音声チャットでアプリを作れそう。」と思ったので、実際にChatGPTのLive音声モードでアプリケーションを作成してみました。

Live音声モードからの指示とCodexで、以下のようなAPEXアプリケーションが作成できました。
https://github.com/ujnak/APEXlang-exports/tree/main/station-passengers-native


最初は、Oracle APEXのアプリケーションを作成する、と指示するのを忘れたため、バックエンドがPython、フロントエンドがJavaScriptでアプリケーションが作成されました。パッケージとして地図を表示するためにLeafletを使用していますが、それ以外は特にパッケージのようなものは使用せず(Oracle Databaseに接続するドライバやFast APIも使っていない)、とにかく最短で動くアプリケーションを作成したといった感じです。


このアプリケーションをAPEXアプリにしてと依頼したら、Python製のサーバー呼び出しをAPEXのAjaxコールバックに置き換えましたが、フロントエンドのJavaScriptアプリについてはAPEXに静的アプリケーション・ファイルとして保存し、まったく同じ外観のAPEXアプリが出来上がりました。
https://github.com/ujnak/APEXlang-exports/tree/main/station-passengers

そのアプリをAPEXの機能を使うように書き換えています。最初のGIF動画のAPEXアプリケーションは、第3版ということになります。

以下より作業内容を紹介します。

駅別乗降客数のデータは国土交通省の国土数値情報ダウンロードサイトから、最新の2024年度(令和6年度)版をダウンロードしています。


作業フォルダとしてNumberOfPassengersを作成し、そこにダウンロードしたファイルS12-26_GML.zipを配置し解凍しました。その後、Oracle DatabaseとAPEXのスキルをインストールしています。

作業フォルダにアプリケーションの元になるデータが配置されたので、OpenAI Codexのプロジェクトを作成しました。プロジェクト名は駅別乗降客数データとしています。


この後は、ChatGPTのデスクトップ・アプリからLive音声モードですべての作業を行いました。Live音声モードでCodexのプロジェクトで作業してと依頼すると、Codexのタスクを開始するか、または既存のタスクを見つけて、そのタスクにLive音声モードのセッションから作業依頼を出すようです。

参考までに、以下が会話履歴です。一番最初は「日本語で話して。」と指示しています。
Live音声モードのモデルGPT-Live-1のバックエンドと、CodexにAstra(軽)を使っています。ちょっとしたアプリケーションであれば表の作成からデータのロード、アプリケーションの作成まで、AIとの会話だけで出来そうです。

今回の記事は以上になります。

完