本文へスキップ
スライド図鑑

キーワードを入力してください。

解説・記事・用語・資料の本文から探します。語尾の変わる言葉は別の語として扱うので、名詞で探すと当たりやすいです。

図版の型

フロー図

順番に進む工程を箱と矢印で見せる図解型。どこが入口でどこが出口かを形で示すのが役割。

現物で見る

  • アマゾンウェブサービスジャパン合同会社「Kiro Crew Dive Deep」15ページ目:全体の構成図

    引用:アマゾンウェブサービスジャパン合同会社/Kiro Crew Dive Deep(15ページ目)

    全体の構成図

    枠を入れ子にする:角丸の枠を入れ子にして、層の内と外を示しています。矢印は層をまたぐところにだけ引いています。

  • アマゾンウェブサービスジャパン合同会社「Kiro Crew Dive Deep」17ページ目:仕組みの説明

    引用:アマゾンウェブサービスジャパン合同会社/Kiro Crew Dive Deep(17ページ目)

    仕組みの説明

    柱を中央に立てる:左の6つの箱と右の一覧の間へ、縦長の紫の柱を1本立てています。処理の集まる場所を、形と色で示しています。

  • アマゾンウェブサービスジャパン合同会社「Kiro Crew Dive Deep」21ページ目:起動の仕組み

    引用:アマゾンウェブサービスジャパン合同会社/Kiro Crew Dive Deep(21ページ目)

    起動の仕組み

    箱に種別の札を:左に並べた5つの箱の右上へ、角丸の小さな札を付けています。5つの違いを、本文ではなく札で示しています。

見るべきところ

  • 矢印の向き — 一方向に揃っているか
  • 箱の大きさと色 — どこを立てているか
  • 段階数 — いくつにまとめているか

よくある崩れ方

  • 戻りの矢印を足すと、一読で追えなくなる
  • 段階が6つを超えると、箱の間隔が詰まって関係が読めない

フロー図の実例

すべて見る →
アマゾンウェブサービスジャパン合同会社「Kiro Crew Dive Deep」15ページ:全体の構成図
アマゾンウェブサービスジャパン合同会社「Kiro Crew Dive Deep」17ページ:仕組みの説明
アマゾンウェブサービスジャパン合同会社「Kiro Crew Dive Deep」21ページ:起動の仕組み
慶應義塾大学「パズルゲームの作り方」5ページ:作り方の方針
慶應義塾大学「パズルゲームの作り方」9ページ:作業の流れ
慶應義塾大学「パズルゲームの作り方」11ページ:生成の手順
株式会社GENDA「ボードゲームの遊び相手をFoundation Modelsで作る」14ページ:処理の段構成
株式会社hacomono「マルチプロダクトを支えるSelf-service基盤構築の軌跡」11ページ:基盤の全体図
株式会社hacomono「マルチプロダクトを支えるSelf-service基盤構築の軌跡」14ページ:AI活用の施策
株式会社hacomono「マルチプロダクトを支えるSelf-service基盤構築の軌跡」16ページ:良い面と悪い面
株式会社SmartHR「SmartHR Engineering Team Deck」19ページ:情シスソリューションの提供機能
株式会社SmartHR「SmartHR Engineering Team Deck」41ページ:アーキテクチャ概要

関連する記事

  • フロー図のデザイン参考12選

    工程や仕組みを描くフロー図を、実際の資料から選んで12の手に整理しました。並べる向き・範囲の示し方・図の外に置く言葉に分けています。