1つのHTMLファイルで、開発スピードを10倍にする
シンプルなツールを作るのに、Reactを使うのをやめた。
Reactが悪いわけではない。ある「パターン」のせいで、小さなプロジェクトでは使わないことにしたのだ。
何か小さなものを作りたいと思ったとき、Reactのセットアップを開き、バンドラーを追加し、フォルダ構成を計画し、依存関係をインストールしていた。
ツールそのものを作るよりも、インフラを構築することに時間を費やしていた。
新しいルールを試してみた。
フレームワークなし。バックエンドなし。ビルドツールなし。npmもなし。
たった1つのHTMLファイルを使う。バニラJavaScriptとインラインCSSを使う。データを保存する必要があるときはlocalStorageを使う。
その結果、ワークフローが変わった。
アイデアがセットアップで止まることがなくなった。ファイルを開いて、すぐにコーディングを始める。アーキテクチャの決定に悩むことも、依存関係の沼にハマることもない。
プロセスは今やこうだ：
- アイデア
- コード
- 完了
この方法で請求書ジェネレーターを作った。各ツールは1つのファイルだ。ブラウザですぐに開ける。インストールも不要で、摩擦（手間）もない。
この変化は、マインドセットの変化だ。
「正しいスタックは何か」と問うのをやめ、「最もシンプルな解決策は何か」と問うようにした。
ほとんどの小さなツールにフレームワークは必要ない。ただ、存在すればいいのだ。
このアプローチには限界がある。リアルタイムのコラボレーションには向かない。しかし、ほとんどの個人用ツールにそれは必要ない。
私の新しいルールはシンプルだ： まずは1つのファイルから始める。複雑さは、どうしても必要になったときだけ追加する。エコシステムが求めているからといって、安易に追加してはいけない。
今日、これを試してみてほしい。小さなアイデアを思いつく。それを1つのHTMLファイルで作る。セットアップなし。言い訳なし。
とにかくリリースするんだ。
オプションの学習コミュニティ: https://github.com/DarkenAmber/single-file-app