1. 単一HTMLとは?
HTML・CSS・JavaScriptを1つのファイルにまとめ、ブラウザで開くだけで利用できるアプリです。たとえば、CSVを読み込み、必要な列を抽出・加工して、結果をCSVで出力するツールを作れます。
基本的には、Webサーバーの構築、クラウドへのデプロイ、アプリのインストール、利用者ごとの開発環境が不要です。
Excel VBAやPowerShell、Power Automateとは別の方法として、ブラウザだけで動く小さな業務ツールを作る考え方をご紹介します。
HTML・CSS・JavaScriptを1つのファイルにまとめ、ブラウザで開くだけで利用できるアプリです。たとえば、CSVを読み込み、必要な列を抽出・加工して、結果をCSVで出力するツールを作れます。
基本的には、Webサーバーの構築、クラウドへのデプロイ、アプリのインストール、利用者ごとの開発環境が不要です。
会社のセキュリティポリシーで許可されていれば、社内業務向けのツールとして利用できます。特に、データを社外サーバーへ送らず、PCのブラウザ内だけで処理する構成と相性が良い方法です。
読み込み、加工、再出力まで比較的容易です。
入力値の検証や集計結果の表示に向いています。
要件に応じた実装が必要ですが、実現可能です。
フォーム入力から定型文を作成できます。
出力形式やレイアウトに応じて設計します。
ブラウザのセキュリティ制約を受けます。
◎:比較的容易 ○:実装次第 △:ブラウザの制約が大きいもの
Claude CodeやCodexに、次のような指示を出すだけで、用途に合わせたたたき台を作れます。
CSVを読み込んで加工し、結果をCSVとしてダウンロードできるアプリを作成してください。 HTML・CSS・JavaScriptをすべて1つのHTMLファイルにまとめてください。 外部ライブラリ、CDN、サーバーは使用せず、インターネット接続なしで動作するようにしてください。 WindowsのEdgeで、HTMLファイルをダブルクリックするだけで動作する構成にしてください。
社内システムから出力したCSVを加工して、別の社内業務に使う作業です。VBAのマクロ設定や、PowerShellの実行ポリシーへの対応が不要になる可能性があります。
作成したHTMLファイルを社内の共有フォルダーに置くだけで配布できる点も大きな魅力です(会社が許可している場合)。この用途なら、単一HTMLはかなり有力な選択肢です。