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

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

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

スライドの内容

技術構成

システムの構成や使っている技術を示すスライド。読み手が製品名を知っている前提で書かれます。

現物で見る

  • アマゾンウェブサービスジャパン合同会社「Kiro Crew Dive Deep」8ページ目:製品の画面

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

    製品の画面

    左に文、右に画面:左へ見出しと箇条書き、右へ製品の画面を置いています。画面は黒い地に馴染む暗い配色のまま貼っています。

  • アマゾンウェブサービスジャパン合同会社「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」8ページ:製品の画面
アマゾンウェブサービスジャパン合同会社「Kiro Crew Dive Deep」15ページ:全体の構成図
アマゾンウェブサービスジャパン合同会社「Kiro Crew Dive Deep」17ページ:仕組みの説明
アマゾンウェブサービスジャパン合同会社「Kiro Crew Dive Deep」21ページ:起動の仕組み
アマゾンウェブサービスジャパン合同会社「Kiro Crew Dive Deep」24ページ:並列処理の図
アマゾンウェブサービスジャパン合同会社「Kiro Crew Dive Deep」28ページ:防御の層
慶應義塾大学「パズルゲームの作り方」9ページ:作業の流れ
慶應義塾大学「パズルゲームの作り方」11ページ:生成の手順
慶應義塾大学「パズルゲームの作り方」13ページ:アルゴリズムの説明
慶應義塾大学「パズルゲームの作り方」17ページ:難易度の調整
慶應義塾大学「パズルゲームの作り方」23ページ:選び方の問い
株式会社GENDA「ボードゲームの遊び相手をFoundation Modelsで作る」11ページ:画面の説明