画面遷移図

[hokoripon]

検索

graph LR
  login--メール/パスワード認証-->search
  search_featured_chef-->chef
  search_topic_recipes-->recipe
  search_chef-->chef
  search--検索 or もっとみる_話題のレシピ-->result_recipeTab
  search--もっとみる_シェフ-->result_chefTab
  result_chefTab-->chef
  result_recipeTab-->recipe
  recipe--作成者名-->chef

  subgraph login ["ログイン"]
  end

%% 検索
  subgraph search ["検索(Home)"]
    search_featured_chef["注目のシェフ"]
    search_topic_recipes["話題のレシピ"]
    search_chef["シェフ"]
  end

  subgraph result ["検索結果"]
    result_recipeTab["レシピタブ"]
    result_chefTab["シェフタブ"]
  end

  subgraph chef ["シェフ"]
    chefRecipeTab["レシピタブ"]
    chefLinkTab["リンクタブ"]
  end

  subgraph recipe ["レシピ"]
    recipea_methods["作り方タブ"]
    recipea_ingredients["材料タブ"]
  end

Loading

[hokoripon]

お気に入り

graph LR
  subgraph chef ["シェフ"]
    chefRecipeTab["レシピタブ"]
    chefLinkTab["リンクタブ"]
  end

  subgraph recipe ["レシピ"]
    recipea_methods["作り方タブ"]
    recipea_ingredients["材料タブ"]
  end

  %%個人的には分けたいが同じコンポーネントでも実現可能なため不要かも
  subgraph myRecipe ["Myレシピ(レシピと同じページにする場合は不要)"]
    myRecipea_methods["作り方タブ"]
    myRecipea_ingredients["材料タブ"]
  end

  subgraph setting ["設定"]
   ログアウトさせたり規約など表示させたり
  end

%% お気に入り
  favorite_chef-->chef
  favorite_recipe-->recipe
  favorite_new_recipe-->recipe
  favorite_createRecipe-->createRecipe
  favorite_my_recipe-->myRecipe
  favorite_setting-->setting
  favorite_new_recipe--もっとみる-->latest_recipes["新着レシピ一覧"]

  subgraph favorite ["お気に入り"]
    favorite_chef["シェフ"]
    favorite_new_recipe["新着レシピ"]
    favorite_recipe["お気に入りレシピ"]
    favorite_createRecipe["マイレシピを作成"]
    favorite_my_recipe["マイレシピ"]
    favorite_setting["設定(歯車アイコン)"]
  end

  subgraph createRecipe ["マイレシピを作成"]
  end

Loading

[hokoripon]

お買い物リスト

graph LR
  subgraph recipe ["レシピ"]
    recipea_methods["作り方タブ"]
    recipea_ingredients["材料タブ"]
  end

  %%個人的には分けたいが同じコンポーネントでも実現可能なため不要かも
  subgraph myRecipe ["Myレシピ(レシピと同じページにする場合は不要)"]
    myRecipea_methods["作り方タブ"]
    myRecipea_ingredients["材料タブ"]
  end

%% お買い物リスト
  cart--レシピ詳細を見る-->recipe
  cart--レシピ詳細を見る-->myRecipe

  subgraph cart ["お買い物リスト"]
  end

Loading