00:00:00ほとんどの開発者は社内ツールを過剰に作り込んでいます。正直なところ、誰もが自覚しているはずです。
00:00:04Reactを立ち上げ、APIを繋ぎ、認証を構築し、状態管理を行う。結局、公開するのは単なる
00:00:10フォームとテーブルのダッシュボードです。これはAppSmith。39,000以上のスターを持つオープンソースツールで、
00:00:16それらの作業の大部分をわずか数分で置き換えられます。Bubbleのオープンソース版だと考えてください。
00:00:21その仕組みを、これから数分でお見せしましょう。
00:00:29さて、AppSmithは新しいものではありませんが、もっと話題になっていいはずのツールです。
00:00:34これはランディングページや顧客用アプリではなく、社内ツール専用に作られています。UIはドラッグ＆
00:00:41ドロップで作成できますが、完全なJavaScriptが使えるので、行き詰まることはありません。DBやAPI、SaaSを接続しつつ、
00:00:47通常の開発と同様にGitも使用可能です。ベンダーロックインはなく、無料で完全にセルフホストでき、
00:00:54さらにユーザー数は無制限です。では、本当に時間を節約できるのでしょうか？
00:01:00お見せしましょう。このようなオープンソースツールやコーディングのヒントがお好きなら、
00:01:04ぜひチャンネル登録をお願いします。動画は随時更新しています。さて、AppSmithを起動したら、
00:01:10簡単なアカウント作成を済ませます。ダッシュボードから、空白のキャンバスで新しいアプリを開始できます。
00:01:15今回は完全なチュートリアルではないので、プリセットのPostgres
00:01:21データベースを選択しますが、構築に利用できるオプションがいかに豊富か見て取れるでしょう。
00:01:26非常に素晴らしいです。データベース（今回はPostgres）がリンクされれば、準備完了です。
00:01:32データベース内には試せるテーブルがたくさんありますが、ここでは
00:01:36ダミーユーザーが入っている「employees（従業員）」テーブルを選びます。次に、テーブルをドロップし、
00:01:42適切なデータベーステーブルへの接続を選択します。すると即座にデータが表示されます。続けて、
00:01:47入力フォームと送信ボタンを追加できます。これらすべてがドラッグ操作で完結するのがわかるでしょう。
00:01:52サイドバーでは、クエリやJavaScriptをリンクさせることも可能です。
00:01:55すでにデータはテーブルにバインドされていますが、入力フィールドを使ってデータベース内の
00:02:01ユーザーを検索するクエリを作成してみます。これだけで完了です。ボタンに更新のトリガーや
00:02:07トースト通知を追加して「デプロイ」をクリックすれば、CRUDアプリの完成です。非常に基本的ですが、
00:02:12わずか数分でここまでできる汎用性の高さと、
00:02:17ワークフローがいかに高速化されるか伝わったはずです。Reactの設定も、API層も、認証の配線も不要。
00:02:23かかった時間は1、2分といったところでしょうか。それでいて、JavaScriptや
00:02:28テーマ、Gitを完全にコントロールできます。無料かつ高速なので、Bubble等に費用を払う必要もありません。
00:02:34素早く立ち上げるには最高のツールです。AppSmithは、片側にUI、もう片側にデータがあり、
00:02:40JavaScriptですべてを繋ぐ構成です。ウィジェットがUIを担い、データソースがDBや
00:02:46API、さらにはLLMに接続します。クエリはSQL、REST、またはJavaScriptです。核となるのは、
00:02:54JavaScriptが随所で使える点です。多くのローコードツールはロジックを隠しますが、これは公開しています。だから
00:03:00開発者が乗り換えているのです。Gitもブランチ、マージ、CI/CDと、期待通りに動作します。
00:03:06DockerやKubernetesでセルフホストできるため、データとコストを管理下に置けます。
00:03:12Reactや純粋なJavaScriptでカスタムコンポーネントを構築でき、RBACや監査ログ、
00:03:18SSOも組み込まれた本番仕様です。もちろんAI機能もありますが、
00:03:23重要なのは、AIが「実際に編集可能なコード」を生成することです。完璧に聞こえるかもしれませんが、
00:03:30そうとも限りません。開発を高速化し、時間を節約できるという点は、
00:03:36実際に使ってみて非常に正確だと感じました。オープンソースなので、
00:03:42価格モデルに縛られることもありません。JavaScriptを直接記述できるため、詰むこともないでしょう。
00:03:47セルフホストなら、ユーザー無制限で無料です。一方で、規模が大きくなると
00:03:52問題が発生することもあります。クライアント側で膨大なデータセットをレンダリングしようとすると
00:03:58動作が重くなるため、サーバーサイドのページネーションが必要です。モバイルレイアウトも自動ではなく、
00:04:04手動での調整が不可欠です。また、ノーコードの状態管理に慣れている人には、
00:04:08最初は非常に分かりにくく感じるかもしれません。UIも、Retoolのようなツールと比べると、
00:04:14豪華なダッシュボードを作るには少し見劣りします。これらは些細なことですが、用途次第では重要です。
00:04:20では、どこで活用すべきでしょうか。本当の比較対象は Retool vs AppSmith です。Retoolは
00:04:26より洗練され機能も強力ですが、高価でクローズドソースです。AppSmithは
00:04:32粗削りですが、オープンソースであり、すべてを所有できます。セルフホストならコストはゼロです。
00:04:39BubbleやWebflowは顧客向けアプリに近いので単純比較はできませんが、
00:04:44似たような優れた機能を持っています。Tooljetはより近い存在ですが、AppSmithは
00:04:49強力なGit連携において一歩リードしています。社内ツールを迅速に提供することが目的なら、
00:04:55AppSmithは最適な選択肢になるでしょう。このようなツールやヒントに興味があれば、
00:05:00BetterStackチャンネルをぜひ登録してください。また次の動画でお会いしましょう。