概要

※ いくつかダミーユーザーを作成していますが、全て Pass は password にしています（確か）ので、好きに使っていただいて構いません。

<aside> ⚠️ 【OAuth認証について】

Facebook

現在、Facebook側で連携ログインができない模様です。（7/27時点）

マネーフォワード公式サイト、Twitterにて上記についてのコメントがあったため、おそらく私の実装ミスではないのでは、と考えています。

▼ マネーフォワードTwitter

https://twitter.com/MoneyForwardME/status/1683503023929303040?s=20

▼ マネーフォワード公式サイト

 https://support.me.moneyforward.com/hc/ja/articles/21018639219737
Google

テストユーザーに追加したGoogleアカウントのみ登録・ログインできる状態で、現状私のアカウントのみ追加しています。

お試しになる際は、お手数ですがGoogleアカウント（Gmail）を教えてください。

</aside>

詰まっている箇所

トップページにて、ヘッダー内にある検索フォームにキーワードを入力後フォーカスを外すと、トップページ内に配置しているコンテンツ一覧の検索結果が表示されるようにしたい

URLパラメータとCustom State（？）を使って値を渡す

→ これなら実現できそうだが、サンプルサイトではURLパラメータを使わずに実現しているように見える。その方法が知りたいので、この案は一旦放置している。
Toolboxプラグイン（JavaScript to Bubble）と、WorkflowのEvent（Do when condition is true）を使って値を渡す
- JavaScript to Bubble をトップページ内に配置
- ヘッダーのWorkflowで、Do when condition is true を設定
  - Only when：検索フォーム isn’t focused
- アクションで Run JavaScript を指定
  - 作成した JavaScript to Bubble の引数に、検索フォームの値をセット
→ トップページ内に結果を出力するためのテキスト要素を配置して確認したが、何も表示されず。

そもそも JavaScript to Bubble をちゃんと理解せずに使っているため、的外れなことをしているかもしれない。
GlobalStateプラグインを使って値を渡す

→ 無料プラグインでGlobalStateなるものを発見。WorkflowのEvent（Do when condition is true）とあわせて使ったらどうにか渡すことができるのでは？と想像している。