サービスと組み合わせたチャットボットアプリを開発します。Lexとの統合までを紹介します。Lexの設定を行います。記事は下記リンクから確認ください。Lex設定編)https://press.monaca.io/hirose/8671関数の作成Lambdaサービスを利用して、Lexのチャットボットにユーザーが応答する度に呼ばれる関数を作成します。AWSコンソールからLambdaのサービスを開きます。次のリンクからLambdaへアクセスできます。https://ap-northeast-1.console.aws.amazon.com/lambda/home「関数の作成」ボタンをクリックし、「一から作成」を選択します。デフォルトのままにします。入力が完了したら、画面右下の「関数の作成」ボタンをクリックします。コードソースコードソースに次のコードを入力してください。入力したら、「Deploy」ボタンをクリックします。};}dispatch関数コードの解説をしていきます。内で呼んでいる、dispatch関数がメイン関数です。取得できるので、変数に設定しています。そのため、未設定であれば、elicitSlot関数を呼び、戻り値をコールバック関数「callback」に渡して終了します。elicitSlot関数の戻り値で取得されるオブジェクトがLexへのレスポンスとなります。}elicitSlot関数elicitSlot関数を見てみましょう。この関数では、第一引数に次に発動するするスロット名、第二引数に現在のスロットを渡します。この関数の戻り値では、「sessionState」をキーとするオブジェクトを返します。};}このオブジェクトの「dialogAction」には、Lexへの次の指示が含まれます。「type」を'ElicitSlot'、slotToElicitに次に発動させるスロット名(「IsForEnterprise」または「UseEnterprisePlugins」)を指定すると、Lex側で次の質問を表示します。会話のクローズユーザーとLexの対話が進み、UseEnterprisePluginsとIsForEnterpriseに値が設定されたら、プランを決定できます。今度はclose関数の戻り値をコールバック関数に渡します。slots));close関数close関数では、今度は「dialogAction」の「type」を'Close'にします。引数で渡したmessegesオブジェクトをsessionStateオブジェクトに渡します。};}messagesには条件に応じて3つのプランを提案するメッセージを設定します。Lexに組み込むそれでは、作成したLambdaの関数をLexに組み込んでみます。AWSコンソールからLexのサービスを開きます。次のリンクからアクセスできます。https://ap-northeast-1.console.aws.amazon.com/lexv2/homeそして、前回作成した「MonacaSampleBot」をクリックします。(Japan)」をクリックします。次に「インテントの表示」をクリックし、「SuggestMonacaPlan」をクリックします。関数を使用」にチェックを入れ、画面下部から「インテントの保存」と「構築」をクリックしてください。構築が終わったら、「テスト」ボタンを押し、歯車マークをクリックします。オプション」のソースは、「MonacaPlanSuggestProcessor」を選択します。他の項目はデフォルトのままにしておき、保存ボタンをクリックします。テストそれでは、前回同様に「こんにちは」と入力してみてください。スロットに設定した質問の「法人でのご利用ですか?」が表示されます。この質問に回答すると、「アプリのソースコードやストレージの暗号化に興味はありますか?」という2つ目の質問が表示されます。回答すると、今度はプランの提案をするメッセージが表示されました。以上で、LexとLambdaの連携の設定は完了です。最終回となる次回ではMonacaでアプリに組み込む方法を紹介します。(JavaScript基礎構文)iOS16から導入された「デベロッパモード」についてhtmx:JavaScriptなしでサーバーとの通信を実現する見やすい、メンテナンスしやすいJavaScriptのために。