配布していたExcelシートが、Webアプリになりました ―「アイラブ♥プリキュアシート」開発・公開の記録

アイラブ♥プリキュアシート Web版見本（No.1） — 完成したシートの見本（No.1 推しキャラ・視聴歴）。ブラウザで入力して、そのまま画像にできます

中小企業のIT・AI活用を伴走支援する、NPO法人ワンダフルジャパンの望月です。

このたび、Excelシートとして無料配布していた「アイラブ♥プリキュアシート」のWebアプリ版を公開しました。初めてのWebアプリ開発・公開です。その記録を残しておきます。

制作タイムライン（11月3日夕方 → 11月4日未明）

まず、どれくらいの速さだったかを置いておきます。

11月3日夕方：Webアプリ化を決定。デザイン案を比べながら、Excel版の全項目をそのまま移す方針を固める。
11月3日夜：実装仕様がまとまり、プロトタイプが動く。続いて、長文欄のAI下書き機能まで実装。
11月4日 0時台：サーバー配置でFTPがつながらず、SSH経由に切り替え。0:49に本番サーバーへ配置し、公開URLで動作を確認。
11月4日 1時台：iPhone実機の確認を受けて、画像の保存方法を改善。長文欄の文字数上限も、実際の文章を入れて測ってから調整。
11月4日 2時台：最新シリーズのエピソードを公式情報で第39話まで補充（全1,106話）。正式公開を決め、Excel版の配布終了と案内ページへの整理まで完了。

思いついてから公開まで、実質1日かかっていません。これが一番の驚きでした。

きっかけは「Excelを開くのが、ちょっと重い」

このシートは、自分の「推し」への愛を1枚に詰め込むためのシートです。今年2月にExcel版の無料配布を始めて、全23シリーズのエピソードや映画のデータを収録し、シリーズ名と話数を入れるとエピソードタイトルが自動表示される仕掛けまで作り込みました。

ただ、配布してみて思ったのです。ダウンロードして、Excel（または互換アプリ）で開いて、入力して、画像にする。今の時代、ほとんどの人はスマホでSNSを楽しんでいます。その流れのまま、ブラウザで開いてその場で作れるほうが、ずっと自然ではないか。そう考えて、Webアプリ化を決めました。

設計は、AI秘書「みらい」と一緒に

仕様は、わたしの相棒であるAI秘書「みらい」（Meta Muse）と相談しながら固めました。入力項目はExcel版の全項目をそのまま移行すること、デザインは4つのカラーテーマから選べること、入力したデータはサーバーに保存せず端末の中で完結させること。文章を考えるのが大変な欄には、メモから下書きを作ってくれるAIアシストも付けました。

実装はAIのコーディングエージェントに任せ、みらいが検品し、わたしは判断とゴーサインに徹する。前回の記事で書いた分担の形を、今回は「モノづくり」で実践したことになります。