本日の体験を振り返り、作ったアプリを社内で活用するまでの道筋と、学び続けるためのリソースを確認します。
従来の開発、AI支援開発、AI駆動開発の3段階を理解しました。コードを書く代わりに日本語で指示を出す、という発想の転換がポイントです。
VSCode、Node.js、Claude Codeをセットアップし、ターミナルの基本操作（cd / ls / mkdir）を覚えました。開発環境が手元に整っています。
設備点検チェックリストを Claude Code で開発しました。「具体的に / 一度にひとつ / 結果を確認」の3原則を体験済みです。
サーバーとClaude APIを使った本格アプリをセットアップし、カスタマイズしました。HTML単体のアプリからサーバー構成のアプリへのステップアップを体験しています。
Session 3のチェックリストはHTMLファイルをブラウザで直接開きました。Session 4のPDF比較ツールはlocalhostでサーバーを動かしました。どちらも「自分のPCだけで動く」状態です。同僚や部署の人にも使ってもらうには、段階を踏む必要があります。
HTMLファイルをブラウザで開く形式。自分のPC上でだけ動きます。プロトタイプの検証やアイデアの確認はこれで十分です。
社内の共有フォルダにHTMLファイルを置けば、同僚もブラウザで開けます。Windowsの場合はIIS（Webサーバー）を使う方法もあります。情報システム部門に相談してみてください。
社外のユーザーにも公開したい、あるいは社内でも本格運用したい場合は、AWSやAzureにデプロイ（公開）する選択肢があります。
たとえばAWSの場合、Elastic BeanstalkやS3を使えば、サーバー構築の知識がなくてもウェブアプリを公開できます。
Terraformというツールを使えば、インフラの構築もコードで管理できます。Claude Codeに「AWSにデプロイするためのTerraformの設定を作って」と頼むことも可能です。
ただし、セキュリティやネットワーク設定は専門知識が必要です。社内のインフラ担当と連携して進めることを推奨します。
チェックリストのようなHTML単体アプリなら、社内の共有フォルダに置くだけで同僚もブラウザで使えます。PDF比較ツールのようなサーバーアプリは、社内サーバーへの配置が必要ですが、動くプロトタイプを見せるだけでもデジタル化の議論が始まるきっかけになります。
AIへの指示（プロンプト）の書き方を体系的に学べるサイトです。研修で学んだ3原則を深掘りできます。
Anthropic Prompt EngineeringHTML、CSS、JavaScriptの公式リファレンスです。Claude Codeが生成したコードの意味を調べたいときに役立ちます。
developer.mozilla.org本日の体験を活かして、ぜひ身近な業務課題に取り組んでみてください。