こんにちは。Forguncyでアプリを作成していますか？
Forguncyでは、Tabキーを押したときのフォーカス移動の順序を、ページごとに設定することができます。
ただ、この設定がなかなか面倒なんです。
「ページ設定」タブの「フォーカス移動の順序」を「マニュアル設定」にしたうえで、セルを1つずつ選択しては▲▼ボタンで上下に移動して…という作業を、項目の数だけ繰り返す必要があります。
例えば、以下のように入力項目を縦方向に並べた画面を作ったとします。
この画面でTabキーを押すと、①の次は②に移動してほしいのに、実際には①→④→⑦…と横方向にフォーカスが移ってしまいます。
項目が9個ならまだ我慢できますが、数十個ある画面で1つずつ並べ替えるのは、正直やりたくありません。
そこで今回は、この地味に面倒な並べ替え作業を、AnthropicのAI「Claude」にまるごとお願いしてみました。
Claudeに「縦方向（①→②→③…）にフォーカスが移動するようにして」と頼むだけで、改修してもらえるのかを試していきます。
📖 このページの想定読者
- ForguncyのアプリづくりにAIを活用してみたい人
- Claudeを触ってみたいけれど、Forguncyで何ができるのか分からない人
💡 Claudeのプランについて
本記事では、Claudeの有償プラン（Pro）を利用しています。
今回使っているClaude Code（デスクトップアプリのCode）などの機能は、プランによって利用可否や利用できる量が異なります。料金やプランの詳細は、以下の公式ページをご確認ください。
▶ Plans & Pricing | Claude by Anthropic
Claudeでフォーカス移動の順序を変更する手順
やることはシンプルで、「フォルダを指定して、日本語でお願いする」だけです。
手順1．Claudeデスクトップアプリで作業フォルダを指定する
Claudeデスクトップアプリ（Claude Code）を開き、「ローカル」を選択したうえで、改修したいForguncyのプロジェクトファイル（.fgcp）を格納したフォルダを指定します。
今回は「Claude」というフォルダにプロジェクトファイルを入れておきました。
手順2．改修内容を指示する
入力欄に、やってほしいことを日本語で入力します。今回は以下のように指示しました。
ポイントは「Forguncyビルダーはインストール済なので、インストールしにいくようなことは行わずそのままファイルを開いて改修してください」と一言添えていることです。
前提条件を最初に伝えておくと、AIが余計な作業をせずに本題へ進んでくれます。
手順3．Claudeが改修を進める（迷ったら公式マニュアルを読ませる）
指示を出すと、Claudeはまずプロジェクトファイルの中身を確認し、元ファイルのバックアップを取ったうえで作業を始めてくれます。
ページ定義には改ざん検知用の署名があり直接編集はできないため、ClaudeはForguncy Builderの画面を実際に操作して改修する方針を選んでいました。
途中、設定場所を探して少し迷っている様子だったので、「公式マニュアルを読んで場所を確認してください」と一言追加しました。
するとClaudeはオンラインヘルプを確認し、「ページ設定」タブ →「フォーカス移動の順序」→「マニュアル設定」で並び替えればよいと判断して、設定画面を開いてくれました。
新しく入った人に「マニュアルのここに書いてあるよ」と伝えるのと同じで、AIも手がかりを渡してあげると一気に作業が進みます。
手順4．改修結果を確認する
作業が終わると、Claudeが変更内容を報告してくれます。
デバッグ実行して確認してみると、Tabキーを押すたびに①→②→③…と縦方向にフォーカスが移動するようになりました。
改修内容が正しいかをClaudeに確認させる
AIに改修を任せたときに気になるのが、「頼んでいないところまで変更されていないか？」という点です。
そこで、Forguncyの「ドキュメント生成」機能とClaudeを組み合わせて、改修前後の差分をチェックしてみました。
手順1．ドキュメント生成で改修前後のExcelを出力する
Forguncy Builderの「ファイル」タブを開きます。
「ドキュメント生成」を選択すると、プロジェクトの設定内容をExcelファイルとして出力できます。
改修前と改修後のプロジェクトで、それぞれ出力しておきます。
手順2．2つのExcelをClaudeに比較させる
出力した「改修前.xlsx」と「改修後.xlsx」をClaudeに添付し、変更点を出すように依頼します。
すると、差分を一覧にして教えてくれました。
保存場所やポート番号といった、ページの動きには影響しない違いを除けば、テーブル・他ページの設定・コマンド・画像・書式などは完全に同じで、意図しない変更が入っていないことを確認できました。
まとめ
フォーカス移動の順序のように、1つずつ手で並べ替える地味に面倒な作業こそ、AIに任せると一気に楽になります。Claudeなら「日本語でお願いする」だけで改修を進めてくれます。
うまく進まないときは公式マニュアルを読ませる、改修後はドキュメント生成＋Claudeで差分を確認する、といったひと工夫で、安心してAIに任せられるようになります。
ぜひClaudeを相棒にして、Forguncyのアプリづくりをもっと楽しく、効率的に進めていきましょう。
参考記事
ページの操作（右ペイン） | Forguncy 10 オンラインヘルプ
プロジェクト構成の文書化 | Forguncy 10 オンラインヘルプ
Plans & Pricing | Claude by Anthropic（Claudeの料金・プラン）
この記事はいかがでしたか？内容を楽しんでいただけましたか？少しでもワクワクしたり、新しい発見があれば嬉しいです！わくわくした方は、ぜひわくわくボタンをクリックしてください。
【著者】
