AIを活用した開発手法と、安心して使うためのセキュリティの仕組みをわかりやすく解説します。
近年、ソフトウェア（コンピュータのプログラム）の作り方が大きく変わりつつあります。代表的な新しい開発スタイルを紹介します。
この割勘電卓は、yujiとClaudeクロード：Anthropic社が開発した生成AI（AI）が対話を繰り返しながら、わずか1日・約2〜3時間で作り上げました。
具体的にはClaude.aiクロード・エーアイ：Webブラウザで使えるAIサービスというサービスを使い、以下のような会話のやりとりを通じて開発しました。
このような開発スタイルは、プログラミングの経験がまったくない方でも十分に実践できます。
ただし、「何を作りたいか」をAIに正確に日本語で伝えることが成否の鍵を握ります。要求する機能・動作・使い勝手などを具体的に・明確に・順序立てて伝えるほど、AIはより意図に近いものを作り上げます。曖昧な指示は曖昧な結果につながります。
※ このやりとりをClaude.aiの画面（チャット形式）上で行い、AIが書いたプログラムが即座に画面内で動作するため、パソコンとスマホの両方で操作を確認しながら改善を重ねました。
yujiが「こんな機能がほしい」をClaude.aiのチャット画面に日本語で入力する。プログラムの知識は不要。
ClaudeがHTMLエイチティエムエル：Webページを作る言語・CSSシーエスエス：見た目を整える言語・JavaScriptジャバスクリプト：動きをつける言語のコードを瞬時に作成し、チャット画面内に実際に動く画面を表示。
yujiがパソコン・スマホで実際に操作。「ここが動かない」「この機能を追加したい」などをAIに伝える。
STEP 1〜3を何度も繰り返す。1回の対話で数分〜数十分。全体で数日かけてブラッシュアップ。
完成したプログラムをClaudeがHTMLファイル（index.html）として出力。これがアプリ本体。
Netlifyネットリファイ：Webサイトを無料で公開できるサービスにHTMLファイルをアップロードするだけで、世界中からアクセスできるURLが発行される。
URLをスマホのホーム画面に追加すると、アプリのように使えるようになる。
| 項目 | 内容 |
|---|---|
| 開発期間 | 1日・約2〜3時間 |
| AIとの対話回数 | 数十回以上 |
| プログラムの行数 | 約600行（AIがすべて記述） |
| 費用 | Claude Pro月額＋Netlify無料プラン |
従来の専門家による開発では数週間〜数ヶ月・数十万円かかる規模の作業を、AIとの対話でわずか半日・低コストで実現しました。
| 操作 | 通信 | 説明 |
|---|---|---|
| URLを開く（初回） | あり | NetlifyからHTMLファイルを受け取る。暗号化済み。 |
| URLを開く（2回目以降） | ほぼなし | ブラウザのキャッシュ一時保存から読み込む。 |
| 名前・金額の入力 | なし | スマホ内に保存されるだけ。 |
| 支払い記録ボタン | なし | スマホ内で処理・保存。 |
| 割勘計算 | なし | スマホのブラウザ内で計算。 |
| コピーボタン | なし | スマホのクリップボードにコピー。 |
| リセット | なし | スマホ内のデータを消去。 |
・データは「このスマホのこのブラウザ」にだけ保存されます。別のスマホからは見えません（複数人でのリアルタイム共有はできません）。
・ブラウザの「履歴・キャッシュ・データを消去」を実行するとデータが消えます。精算後は「全データをリセット」ボタンで手動削除をお勧めします。
・Netlifyのサービスが停止した場合はURLにアクセスできなくなりますが、ブラウザにキャッシュが残っていれば引き続き使えます。
今回の割勘電卓は、「AIに任せて自分でアイデアとチェックを担当する」という新しい開発スタイルの一例です。