📖 使い方ガイドに戻る

🤖 AIに頼んで自分だけの入力ツールを作ろう!

この「言葉蔵(Kotobagura)」は、裏側でクラウド&ローカルのハイブリッド漢字変換を行う「強力な変換サーバー(API)」です。プログラミングの知識がなくても、ChatGPTやClaude、GeminiなどのAIに「仕様書」を渡すだけで、この言葉蔵の脳みそを使ったあなた専用のオリジナル入力ツールを一瞬で作ることができます。

🤔 そもそも、なぜアプリ作りに「言葉蔵」が必要なの?

「普通にパソコンの変換機能を使えばいいのでは?」「AIに変換も全部作らせればいいのでは?」と思うかもしれません。しかし、自分だけの入力アプリを作ろうとすると3つの大きな壁にぶつかります。

💻 1. 自作アプリからは「OSの標準IME」が使えないから

画面上のボタンをマウスクリックしたり、独自の画面キーボードやミニエディタを作ったりした場合、Webブラウザの制限により、WindowsやMacの標準IMEをプログラムから直接操作することができません。そのため、アプリと通信して変換を行ってくれる「独立した変換エンジン」が必要になります。

📚 2. 高精度な漢字変換には「巨大な辞書とクラウドAPI」が必要だから

AIはコードを書くのが得意ですが、何十万語という辞書データやGoogle/Yahoo!等のクラウドAPI連携機能を1つの自作アプリにすべて自前で実装するのは大変です。言葉蔵が裏側で「変換サーバー」として控えているおかげで、AI製のシンプルなアプリでも本格的で滑らかな変換が可能になります。

🧠 3. 面倒な処理を「丸投げ」できるから

文節の区切り、ローマ字変換、学習履歴の自動優先といった複雑な日本語入力の処理をゼロから作らせるとAIでもエラーが起きやすくなりますが、言葉蔵という「完成した脳みそ」に通信で丸投げするだけで済むため、AIは「画面の見た目や使い勝手」の制作に集中でき、完璧なアプリが素早く完成します。

⚙️ 言葉蔵連携で「できること」と「できないこと」

⭕ できること(APIで操作可能な機能)

  • 「ひらがな」や「ローマ字」を投げて、文脈に合った「漢字変換の候補(フルセンテンス・文節)」をもらうこと
  • 入力途中の文字から「予測変換の候補」をもらうこと
  • ユーザーが確定した単語を言葉蔵に「学習(記憶)」させること
  • クラウドAPIやローカルエンジンの接続状態(ステータス)を確認すること

❌ できないこと(セキュリティ保護のため制限)

  • ユーザー辞書に新しい単語をプログラムから勝手に一括登録・削除すること(※管理パネルから手動で行う必要があります)
  • ユーザーが蓄積した学習履歴やカスタム辞書の中身を直接丸ごと読み出すこと

⚠️ 制限事項と注意点

  • 連携するアプリは、他のChrome拡張機能であるか、ローカル環境(http://localhosthttp://127.0.0.1)で動くWebアプリである必要があります。
  • 言葉蔵の拡張機能側で「拡張機能外部からのメッセージ受信」が許可されている必要があります。

💡 AIに作ってもらえるアプリの「作成イメージ」

「どんなアプリを作ればいいか思いつかない…」という方へ、言葉蔵をバックエンドにした具体的な作成イメージをご紹介します。

🖱️ 特製の「カスタム画面キーボード」

【画面イメージ】
ゲームのチャット用や、特定の文字だけを素早く打てるオリジナルの50音・フリック風画面。

【使い道】
言葉蔵のキーボードとは一味違う、自分だけのUIを持つ入力デバイスを作りたい時に。

📝 専用の「ミニブログ・チャットエディタ」

【画面イメージ】
文字数カウンターやオートセーブ付きで、入力しながらリアルタイムに漢字変換をサジェストしてくれる投稿用エディタ。

【使い道】
特定のWebサービスの入力欄を快適にする専用ツールとして。

🗣️ 音声認識 + 漢字ブラッシュアップ

【画面イメージ】
マイク音声で入力されたひらがなテキストを、言葉蔵のAPIに投げて綺麗な漢字文章に自動変換するツール。

【使い道】
音声入力の変換精度を言葉蔵の強力な辞書で補強したい時に。

🌐 ローカル環境の専用メモ帳アプリ

【画面イメージ】
ブラウザのタブやローカルサーバーで単体で起動し、外部にデータを一切漏らさず執筆できる高セキュリティメモ。

【使い道】
極秘のメモやパスワードの下書きなどを完全にオフライン&プライベートで書く時に。

🚀 AIにアプリを作ってもらう 3つのステップ

1

AIに「言葉蔵のAPI仕様書」を読み込ませる

AIに「言葉蔵とはどうやって通信するのか」を教える必要があります。以下のテキストボックス内をすべてコピーして、ChatGPTやClaudeなどのAIに送信(貼り付け)してください。

【役割の定義】 あなたは優秀なフロントエンドエンジニアです。 これから提示する「言葉蔵 (Kotobagura)(Chrome拡張機能)」のAPI仕様書を理解し、この拡張機能と連携して動作するWebアプリケーション(HTML/CSS/JavaScript)のコードを作成してください。 【拡張機能の概要】 ・拡張機能ID: 「ご自身の言葉蔵の拡張機能ID、またはアプリ側で設定可能な入力欄を用意してください」 ・通信方法: chrome.runtime.sendMessage(extensionId, requestObject, callback) を使用します。 ・環境: http://localhost または http://127.0.0.1 のローカルWebサーバー環境で動作させる前提でコードを記述してください。 【API仕様書】 1. 変換リクエスト (CONVERT) ひらがなまたはローマ字を漢字に変換します。 [リクエスト] { "action": "CONVERT", "text": "きょうはいいてんき", "mode": "auto", // "segmented" (文節分割) または "auto" (全体結合) "useRomaji": true } [レスポンス] { "success": true, "full_sentence_candidates": [ { "candidate": "今日はいい天気", "sources": ["Google", "内部辞書"], "yomi": "きょうはいいてんき" } ] } 2. 予測変換リクエスト (SUGGEST) 入力途中の文字から予測候補を取得します。 [リクエスト] { "action": "SUGGEST", "text": "かかみ", "limit": 10 } [レスポンス] { "success": true, "suggestions": [ { "yomi": "かかみ", "word": "各務", "source": "builtin" } ] } 3. 学習リクエスト (LEARN) ユーザーが確定した単語を言葉蔵に学習させます。 [リクエスト] { "action": "LEARN", "yomi": "かかみがはら", "kanji": "各務原" } [レスポンス] { "success": true } 【実装時の必須ルール】 1. 拡張機能との通信(chrome.runtime.sendMessage)は、必ず Promise または async/await でラップし、1500ms 程度のタイムアウト処理を実装してください。 2. エラー時(拡張機能が未インストール、またはID間違いなど)は、ユーザーに「言葉蔵が接続されていません。拡張機能のインストールとIDを確認してください」と分かりやすくUI上に表示してください。 3. コードブロックの中に などの引用記号を絶対に入れないでください。構文エラーを防ぐためです。 上記の仕様を完全に理解した上で、ユーザーからの次の要望に応えるアプリのコードを生成してください。
2

どんなアプリを作りたいか「お願い(プロンプト)」を書く

仕様書を読み込ませたAIに対して、続けてあなたが作りたいアプリのイメージを日本語で伝えます。

【プロンプトの例】 上記の仕様を持つ「言葉蔵」と連携する、Web上で動くシンプルな入力支援エディタを作ってください。 ・画面上部に「言葉蔵の拡張機能IDを入力するテキストボックス」と、文字を入力する「テキストエリア」を配置してください。 ・テキストエリアに入力中、または変換ボタンを押したときに言葉蔵へ「CONVERT」通信を送り、取得した変換候補をリスト表示してください。 ・リストから候補をクリックして確定させると、テキストエリアに反映され、同時に言葉蔵へ「LEARN」通信を送って単語を学習させてください。 ・言葉蔵と通信できない場合はエラーメッセージを表示し、全体的にモダンでクリーンなデザインにしてください。
3

実際の作り方・動かし方は「AIに質問」する!

AIがコード(HTMLやJavaScriptなど)を書いてくれますが、動かし方に迷ったらそのままAIに「ファイルの保存方法と動かし方を教えて」と質問してください。

🌐 AIが作ったHTMLをローカルでカンタンに動かす方法

AIが書いてくれたコードをそのままダブルクリックして開いても、セキュリティ制限で拡張機能と通信できません。Simple Web Server(無料)などを使うと数秒でローカルサーバーとして動かせます。

1

パソコンの好きな場所にフォルダ(例: kotobagura-app)を作ります。

2

AIが作ったコードを index.html という名前でその中に保存します。

3

「Simple Web Server」を起動し、作ったフォルダをドラッグ&ドロップします。

4

表示されたリンク(例: http://127.0.0.1:8080/)を開けば、言葉蔵と連携するアプリが完璧に動作します!