Discover Flow 体験

Discovering Assets を参考に、Discover Flow からインポートして WEB アプリを体験します。

Discover Flow とは

5698686e5cf6c1b0eb4de64760954650

Discoverとは何か | enebular blog

Discoverとは 自分の作ったフローを他のユーザに使ってもらうために公開する場所のことです。

このあとは、仕組みとして少し踏み込んだフローを講師の方が作っておきましたので、Discover Flow から読み込んで動かしてみます。

エディタ画面を閉じましょう

いま使っているエディタ画面の Chrome タブは閉じましょう。

image

編集ボタンをクリックした、フローの詳細画面がある Chrome タブに戻ります。

Discover Flow を開きます

e6910307238d07c0cfb0b89c6e0901a7

右上の Discover Assets というエリアをクリックして Discover ページに移動します。

5698686e5cf6c1b0eb4de64760954650

Discover ページが表示されます。

インポートするフローを検索

fa6071bacfc1a43646c0b884a74bc839

こちらの検索エリアで検索します。

c8f05e0f6f8781295c388f09cb805154

flow-simple-inject-debug と入力して、このように検索タイプ 名称 をクリックして検索しましょう。

b0e0e3f971c6239d8215740d04487c67

フローが検索されたので、クリックします。

flow-simple-inject-debug

7f2e73b55bc4118f87380b3776cb72f2

今回インポートするフローが表示されました。

bb8e44c0d1ac0b78d192d0e1baa95455

右上にあるインポートボタンをクリックします。

ee9533d1dc5d20abb9e034c787cf8cb9

インポート先というウィンドウが表示されて、インポート先のプロジェクトは今回のプロジェクトを選択し、権限は編集、デプロイ、公開選択して インポートボタンをクリックします。

a795a417e470b9f6c04d3a2a67bc0ec7

インポートが完了し、プロジェクトにインポートされたフローの詳細画面が表示されます。これでインポートは完了です。

動かしてみる

image

Edit ボタンをクリックしてエディタを起動しましょう。

f46e7da50fba744383fa8c1b79ba1421

フローが表示されます。

少し動かしてみましょう。

inject ノードの色々なデータタイプを体験でき、フローで流せるデータのイメージがより深まると思います。

このように、私がつくったフローが Discover Flow で公開されていて、インポートすることで、みなさんがすぐに持ってきて体験したり、自分の仕組みを加えたりすることができます。

次は

左のメニューから、次に進みましょう。

results matching ""

    No results matching ""