JavaScript＋AI：ローコード自動化のための完璧なデュオ

こんにちは！Latenode - クラウドベースのローコードプラットフォームで、インフラ管理に煩わされることなく、適応性の高いビジネスプロセスの自動化やウェブサービスの構築を簡単に行うことができます。この記事では、経験豊富な自動化の専門家でも、ビジネスを自動化する方法を模索している非技術系ビジネス・オーナーでも、ローコードの旅で時間と労力を大幅に節約できるように設計された無料のAIツールを紹介します。

この記事では、AIアシスタントを内蔵したJavaScriptノードの純粋に無限の可能性を明らかにし、あなたのリクエストに応じて、数分であらゆるウェブサービスとの新しい統合をゼロから構築したり、あなたの想像力が許す限り柔軟にデータを変換したりすることができる。

視覚的、聴覚的な学習がお好きな方は、JavaScriptのAIアシスタントについての最新ビデオをご覧ください：

JavaScriptのシームレスな体験を提供します。Latenode を使えば、JavaScript で AI を探求し、JavaScript + AI で実験することもできます。私たちの目標は、JavaScriptやAIの専門知識のレベルに関係なく、すべての開発者がこれらの最先端技術にアクセスできるようにすることです。

JavaScriptモジュールに、開発に非常に役立つ新しい機能が追加された。それはAIアシスタントで、以下のような様々なコーディング作業を支援するように設計されている：

• コード作成
• デバッグ 
• コードの説明
• ご要望に応じた変更

一番の魅力は？ Latenode のすべての機能は、新年が始まるまで完全に無料です （現在ベータ版であるため）。さらに詳しく説明する前に、私たちのAIアシスタントに関する初期のユーザーフィードバックをご覧ください：

Latenode AIアシスタントの使い方

アシスタントはJavaScriptノード内に存在する。AIチャット'ウィンドウを通して対話します。その機能は以下の通りです：

• ワーク フローとノード構造を表示します。
• アシスタントが呼び出されたJavaScriptノード内の既存のコードを分析する。
• JSノードの左側にあるデータ構造にアクセスする。

使用例

Latenode 、AIアシスタントの素晴らしさは、我々のミッションの実現に向けた大きな一歩となることだ。コーディングに不慣れな人でも、独自のマイクロサービスを作成したり、複雑な自動化を構築したりできるようになった。これを3つのシナリオで実証してみよう。

シナリオ #1: HTMLタスク

WebhookのURLからアクセスできるデータ収集フォームが必要な場合を考えてみよう。これは多くの場面で役に立つだろう。最初に、あなたはフォームに入力する。その後、データはどこにでも転送することができる。Latenode 上の別のオートメーション・ブランチに転送してさらに変換するか、別のシステムに転送する。このシナリオを、コードを1行も入力せずに作るのはどうだろう？

ステップ1.AIアシスタントにリクエストを送る： 

こんにちは！「メール作成」というタイトルのフォームのHTMLを生成するスクリプトで、私のコードを追加してください。メールの件名」、「概要」、「ヘッダー」、「プラットフォームのアップデート」、「有用なリソース」、「その他のニュース」。一番下に「送信」ボタンを設置する。美しいデザインと適切なフォーマットでHTMLを美しくする。結果を "html "とラベル付けされたJSONオブジェクトとして返す。

ステップ2.現在のコードを受信した結果に置き換える。

ステップ3：新しいシナリオを一度開始する。

JavaScriptモジュールは、Webhookレスポンスに適した "html "JSONオブジェクトを返します。これに加え、入力Webhookを通してフォームを正しく表示するために、content typeパラメータをtext/htmlに切り替えます。

さて、先に示したようにWebhook URLにアクセスすると、データ収集フォームが出迎えてくれます。

ステップ4.データの提出

あとは、フォームで収集したデータを別のシナリオのウェブフックに中継して、さらに処理するだけです。もちろん、これを手作業でコーディングすることはありません。

これでフォームが完全に機能し、入力を受け付ける準備が整いました。入力された値を別のワークフローに流し、例えば収集したデータをGoogleシートに記録することができます。

方法その2 JavaScript AIインテグレーション

統合のためにJavaScriptを使用することは、より複雑に思えるかもしれないが、Latenode'JavaScriptモジュール内のAIアシスタントは、初心者にとってアクセスしやすくなっている。

AIを使って新しいTrelloカードを作成するには、アシスタントに次のように尋ねてください：

- TrelloとのAPI統合を作成するスクリプトを私のコードに追加 - "新しいカードを作成"

残りのステップはHTTPメソッドと同様である：

1. APIキーとAPIトークンを入力してください。
2. TrelloボードのidListを追加します。
3. Trelloカードの名前と説明を指定します。

あなたはこれらをコードに直接追加するが、AIはそのプロセスを簡略化し、全体を通してガイダンスを提供する。

🐞 JavaScriptエラーが発生しましたか？ご心配なく！エラーをチャットに送り返すと、AIがコードの修正を手伝ってくれます。

何が必要かを説明する必要もない。新しいコードを得るには、生のエラーを送るだけで十分だ：

この方法を使えば、思いつく限りのローコード・インテグレーションに対してセルフサービス・アプローチを選択することができる。

シナリオ #2：NPMパッケージへのアクセス

現在、120万を超えるNPMパッケージ（開発者がコードに統合するためのビルド済みアプリ）がある。Latenode'sのAIアシスタントは、これらへのアクセスを提供する。ウェブサイトの訪問者に最新の情報を提供するために、多通貨取引の現在のUSD/EUR為替レートが必要だとする。適切なAPIを探し出したり、ドキュメントに目を通したりするのに苦労する代わりに、あなたのリクエストを次のように表現する：

これを解決するために、アシスタントはNPMライブラリ「axios」を利用してExchangeRate-APIにGET HTTPリクエストを送信し、最新の為替レートを取得する。そして、1米ドルから1ユーロへの為替値を取得し、JSON形式で返します。

正しい結果を得るには、何度かトライする必要があるかもしれない。エラーや空の戻り値が発生することもある。重要なのは、デバッグはあなたの仕事ではないということを覚えておくことだ。AIにconsole.logを統合して、サーバーの詳細な応答を得るように頼んでください。そして、問題があればAIチャットに報告してください。

シナリオ #3：データ変換

データ変換作業に苦労していませんか？特に日付フォーマットのような面倒な作業とはおさらばだ。あるシステムでは "YYYY-MM-DD "フォーマットで日付が出力されるのに、別のシステムでは "DD MMM YYYY "フォーマットが要求されることはよくあることです。

変換を使うと、ウェブフックの日付が'2023-07-11'の場合は次のようになる：

同様に、AIは、文字列の操作、データの集計、フィルタリング、ソート、変換、結合、分割、重複排除、統計分析、さらにはテキスト分析を支援することができる。

代替利用方法

ここまでの説明では、ダイアログボックスを使ってアシスタントにアプローチしました。しかし、別のアプローチもあります。特に、集中してコードセグメントをデバッグするときや、コードの機能について説明が必要なときに便利です：

ローコード・エンスージアスト・コミュニティ

私たちのコミュニティは活気に満ちています。ローコード・ソリューションの波が加速するにつれ、プロフェッショナルな人々が私たちのチャットに参加しています。私たちはフィードバックをとても大切にしています！

‍私たちと一緒に Latenodeドットコムに参加し ディスコード コミュニティに参加してください！

お知らせです：AIアシスタントのパワーとプラットフォームの全機能を今年末まで無料で体験できるまたとないチャンスです。