外注費0円、Appsmithセルフホスティングで構築するスタートアップ・カスタムERP

コードを一行も書かずにダッシュボードを作れる時代だと言われますが、実際のビジネスはそれほど甘くありません。ボタンを数個配置しただけでERPが機能するわけではないからです。一人開発者やCTOが外注費を節約するためにAppsmithを選択したなら、その次の悩みは必ず「このスパゲッティコードをどう管理するか」へと繋がります。ポルトガルのユーティリティ企業EDIAは、ロジックのモジュール化戦略を通じて、コラボレーションプラットフォームの構築期間を9ヶ月から2ヶ月に短縮しました。単にツールを使うのではなく、構造をしっかり整えてこそ、このようなスピードが生まれます。

スパゲッティコードを防止するJS Objectsの構造化

ウィジェットのプロパティ画面にJavaScriptを直接書き込む方式は、今は楽でも後で必ずしっぺ返しを食らいます。アプリが少し大きくなっただけで、どこに何のロジックがあるか分からなくなる技術的負債が積み重なるからです。解決策は簡単です。すべてのロジックをJS Objectsに集約し、ウィジェットはそれを呼び出すだけの構造にすることです。

• 実行: ウィジェットに断片化されたロジックを、UtilsまたはServiceという名前のJS Objectとして統合してください。
• 方法: JS Objectsで formatDate や validateInput のような共通関数を定義した後、API呼び出し部で {{ Utils.formatDate(Api1.data.date) }} のような形で呼び出します。
• 結果: 企画変更で日付形式を修正する必要があるとき、数十枚のページを探し回る代わりに、JS Objectの一箇所を直すだけで済みます。メンテナンス時間が40%以上削減されます。

async/awaitベースの堅牢なワークフロー設計

新規顧客を登録しながら同時に決済APIを叩き、メールまで送信するような複雑な作業は、順番が狂うと大惨事になります。Appsmithの run() や showAlert() はPromiseを返します。これを適切に制御しないと、「決済は失敗したのに顧客登録だけ成功する」というデータ整合性の崩壊を経験することになります。

• 実行: 依存関係のある連続したAPI呼び出しを、一つの非同期関数にまとめてください。
• 方法: JS Object内に async createOrderWorkflow() 関数を作成し、各ステップに await を付けて実行順序を強制します。全体を try-catch で囲み、エラーが発生した場合は showAlert で運用チームに正確な失敗原因を伝えます。
• 結果: 中間段階でロジックが止まり、データが混乱する事故を防ぐことができます。運用チームからの技術サポート依頼（CS）が目に見えて減少します。

Appsmith Storeを活用した安全装置の構築

現場のスタッフはシステム設計者ではありません。誤って削除ボタンを押したり、入力途中でウィンドウを閉じたりすることはよくあります。Appsmith Storeはブラウザのローカルストレージを使用して、ページをリロードしてもデータを維持してくれます。特に storeValue の persist パラメータを活用すれば、非常に優れた安全装置になります。

• 実行: ユーザーロールに応じた権限管理と一時保存システムを構築してください。
• 方法: ログイン時に部署情報を storeValue("userRole", response.role) で保存します。削除ボタンの isVisible 属性には {{ appsmith.store.userRole === 'admin' }} を入れ、管理者だけに表示されるようにします。入力フォームには onTextChanged イベントごとに自動保存ロジックを組み込みます。
• 結果: 権限のないスタッフがデータを消してしまう事故がなくなります。入力中にエラーで落ちてデータを打ち直すという、ストレスの溜まる不満を聞く必要もなくなります。

Dockerベースのセルフホスティングと自動バックアップ

セキュリティやデータ主権のためにセルフホスティングを選んだなら、次はサーバー管理という現実的な問題が残ります。Retoolのビジネスプランを25人で使うと毎月約90万ウォン（約10万円）かかりますが、Appsmithコミュニティエディションを自分で構築すれば、サーバー代の3万ウォン（約3,500円）程度で十分です。その代わり、バックアップは自分で管理しなければなりません。

• 実行: appsmithctl を活用した自動バックアップスクリプトを運用してください。
• 方法: サーバーのCron Jobに docker-compose exec -it appsmith appsmithctl backup コマンドを毎日深夜に実行するよう登録します。生成されたファイルはAWS S3などの外部ストレージに転送します。SSLはNginx Proxy Managerをリバースプロキシとして接続し、Let's Encryptを適用すれば解決です。
• 結果: サーバーがダウンしても、24時間以内の時点へ即座に復旧できます。外部ソリューションに比べてインフラコストを毎月10万ウォン以上節約できる計算です。

一貫性を維持するテーマ管理とライブラリ拡張

内部ツールのデザインに命をかける必要はありませんが、ボタンの色がバラバラだと使う側は不安になります。Appsmithのグローバルテーマ機能を使えば、ブランドカラーとフォントを一括で合わせることができます。標準ウィジェットで足りない機能は、外部のJavaScriptライブラリを読み込んで使えばいいだけです。

• 実行: グローバルテーマでUIを統一し、 date-fns のような外部ライブラリをインポートしてください。
• 方法: テーマ設定でブランドカラーをPrimary Colorに設定し、ボタンの角丸（曲率）を固定します。複雑な日付演算が必要な場合は、外部ライブラリセクションにCDNのURLを追加して使用します。
• 結果: 新しいページを作るたびにデザインで悩む時間がなくなり、開発スピードが30%以上向上します。

StrapiはAppsmith導入後、運用ツール構築のスピードを12倍も上げました。一人開発者やCTOにとって最も貴重なリソースは「時間」です。ロジックをモジュール化し、バックアップを自動化するこの構造に従うだけで、外注なしで一人で堅牢なERPを運用することが可能になります。コアバリューに集中するための時間を稼ぐことこそが、真の技術戦略です。