SlideShare a Scribd company logo
1 of 35
Download to read offline
IT技術者が説明上手になるために
知っておくべき七つの法則
~GPS & ラベリング~
アイデアクラフト 開米瑞浩
http://ideacraft.jp
Android Bazaar & Conference 2018 Spring
Copyright アイデアクラフト 2018
開米瑞浩:自己紹介
 1967年生まれの元組み込みプログラマー
 Windows2.0のアプリ開発経験あり
 2003年頃から「説明する技術」の教育・執筆等
 難解な技術情報やビジネススキームの図解が得意
➢ (インフォグラフィックではなくロジック図解)
 Software Design誌の連載「RDB性能トラブルバスターズ奮闘
記」の執筆を担当
 IT研修のトレノケート社に「言いたいことをサクッと図で表す
技術」講座を提供
 SEプラスのSEカレッジで「エンジニアを説明上手にする図解術
」を担当
 最近はテック企業の広報文書の執筆も
➢ ホワイトペーパー、メルマガ、Web記事などの執筆にお悩み
の会社の方はご相談ください
1
Copyright アイデアクラフト 2018
著書
複雑な情報をわかりやすく表現する技術を磨きたいとき
はご一読ください
エンジニアを説明上手にする本
(翔泳社)
2
Copyright アイデアクラフト 2018
広報文書ライティング
地理情報マーケティングシステム
APIマネジメントシステム
ネットワーク最適化サービス
ホワイトペーパー
CDNサービス
組み込みシステム高速化ツール
IT資産管理システム
経費管理クラウド
AIによる医療革新の展望
メルマガやWeb原稿
Gitトレーニング講座
VPN、UTM、IoT、
BIM/CIM、 VR/AR、
特権ID管理システム
・・・などなど
3
Copyright アイデアクラフト 2018
ギャップを埋めるために必要なものは?
Tech
カンパニー
一般事業
会社
大きなギャップ …… 通訳が必要
4
Copyright アイデアクラフト 2018
「説明」の必要性と難易度は高まる一方
良好なコミュニケーションが不可欠
空気を読む力
にこやかに応対する力
ではない!!
5
Copyright アイデアクラフト 2018
広報文書ライティングの実例
 クリエーションライン社のGitトレーニング講座プレスリリース
(開米が制作に協力しました)
https://www.creationline.com/lab/gitlab/21110
6
Copyright アイデアクラフト 2018
初めに全体の構成を設計する
7
Copyright アイデアクラフト 2018
図版を制作
8
Copyright アイデアクラフト 2018
図版を制作
9
Copyright アイデアクラフト 2018
図解のススメ
文章だけでは通じない。図解しましょう。
10
Copyright アイデアクラフト 2018
図解するとイメージが伝わる
SQLのSELECT文動作イメージ図解
11
Copyright アイデアクラフト 2018
図解を考えるためのGPS
G グループ構造
P パラレル構造
S シリーズ構造
12
Copyright アイデアクラフト 2018
G:グループ構造
例文1:勝利を得るためには心技体の充実が必要です。
勝利
心
技
体
勝利
心 技 体 体 技
心
勝利
枝分かれ型 ピラー型 中心型
13
Copyright アイデアクラフト 2018
S:シリーズ構造
例文3:花粉症の初期症状は、くしゃみ・鼻水・鼻
づまり・目のかゆみ・微熱などで、風邪に似ている
ため花粉症と気づかず放置されている場合がありま
す
花粉症の初期症状
くしゃみ
鼻水
鼻づまり
目のかゆみ
風邪に似ている
花粉症と
気づかず放置
14
Copyright アイデアクラフト 2018
P:パラレル構造
例文6:自動運転の技術が進めば、一般のドライバ
ーにとって運転の負担が減るだけでなく、体の不自
由な人も自家用車で移動できるようになったり、無
人タクシーなどの新しい業態が生まれたりすること
も期待出来ます。
一般のドライバー 運転の負担が減る
体の不自由な人
自家用車で移動
できるようになる自動運転技術
の発達
輸送業界
新しい業態が
生まれる
(無人タクシー)
領域 変化
15
Copyright アイデアクラフト 2018
G/P/Sの構造に注目しよう
G型構造 (グループ、同種/同格のものの集合)
16
Copyright アイデアクラフト 2018
G/P/Sの構造に注目しよう
P型構造 (パラレル、並列的な関係)
17
Copyright アイデアクラフト 2018
G/P/Sの構造に注目しよう
S型構造 (シリーズ、因果関係/位置関係/時系列など)
18
Copyright アイデアクラフト 2018
大量の情報は分解してラベルをつけよう
語学 会計 IT
大量の情報
ラベル
分解
19
Copyright アイデアクラフト 2018
ラベリング前の原文
【Sプロジェクト業務検証報告】(原文)
Sプロジェクトで採用を予定している新しい業務フローにつき、手順
書に基づいてデータの入力・修正作業を行いました。当初は手順書に
不明瞭な部分が多く、手順書通りに作業をしても最終チェックでエ
ラーになるケースが多発しました。このままでは入力作業工数が想定
の50%増程度になると考えられます。詳しく調べてみると、作業途中
で些細な入力ミスが多く発生していることがわかりました。これらの
エラー検出や自動補正機能を持たせることで、省力化が可能になると
思われます。また、手順書も品質向上が必要と判断しました。
このままでは読みづらい・・・・
20
Copyright アイデアクラフト 2018
分解してラベリングすると・・・
【 Sプロジェクト業務検証報告】(改善例)
■タスク概要
➢ Sプロジェクトで採用予定の新業務フローが効率良く実施できるか検証する
➢ 手順書に基づいて実際にデータの入力・修正作業を行う
■問題点
➢ 手順書に不明瞭な部分が多かった
➢ 手順書通りに作業をしても最終チェックでエラーになるケースが多発した
➢ 作業途中で些細な入力ミスが多く発生していた
■予想される悪影響
➢ 入力作業工数が想定の50%増程度になると考えられる
■考えられる対応策
➢ 手順書の品質を向上させる
➢ 入力エラーの検出機能を組み込む
➢ 入力エラーの自動補正機能を組み込む
21
Copyright アイデアクラフト 2018
ラベルありのほうが読みやすい
悪影響
概要 Sプロジェクトで採用予定の業務フローを…
手順書に不明瞭な部分が多かった・・・
入力作業工数が想定の50%増程度に・・・
問題点
対応策 手順書の品質を向上させる・・・
ラベル 本文
ただし、この種のラベルだけだと結局本文も読む必要あり
22
Copyright アイデアクラフト 2018
カテゴリーとサマリーでラベリング
悪影響
サマリーカテゴリー 本文
手順書不明瞭
エラー多発
入力ミス多発
問題点
手順書に不明瞭な部分が多かった
手順書通りに作業をしても最終チェッ
クでエラーになるケースが多発した
作業途中で些細な入力ミスが多く発生
していた
対応策
サマリーがあると本文を読まなくてもよい
23
Copyright アイデアクラフト 2018
その他ちょっとしたノウハウ
 ラベル入れ替え禁止
 静的構造を探せ
 フロー&コメントを作れ
 5箇条以上ならグループ化せよ
 コピペ乱用禁止、差異表示に注意
 定型パターンを発見せよ
 スペースには意味がある
今日は省略
24
Copyright アイデアクラフト 2018
定型パターン:事故の6項目マトリックス
原因
事故
損害
対策
対処
回復
それが事故(障害)
を引き起こす
事故によって
損害が発生する
何らかの原因が
存在する
対処は拡大防止や
応急処置のこと
損害は回復/復旧
させる必要がある
原因には
対策が必要
25
Copyright アイデアクラフト 2018
事故の6項目マトリックスのイメージ
原因
事故
損害
対策
対処
回復
26
Copyright アイデアクラフト 2018
事故の6項目で整理:ある交通事故の発生
超過勤務が続いて疲れが溜まっていたKさんは、居眠り運転をし
て、ある道路で電柱に接触する事故を起こした。車は大破して1車
線を塞いで止まってしまい、走行不能となって1時間後に撤去。幸
い他の被害はなく、自分自身もほとんど怪我はなかったが、車は買
い換えが必要そうだ。
27
Copyright アイデアクラフト 2018
事故の6項目:ある交通事故の発生
超過勤務の
疲れ
居眠り
運転
電柱に接触
1車線塞ぐ
車は大破
1車線
通行止め
(なし)
1時間後
に撤去
買い換え
必要
なし
(なし)
原因
事故
損害
28
Copyright アイデアクラフト 2018
ビジネス実務者がすべき仕事とは?
制作物(文書)
材料出し
設計
仕上げ
文章 スライド
目的
情報の設計図
(図解)
• 走り書きの文章
• 箇条書き
• キーワードの羅列
対象分野の知識
コーヒー豆の原種にはアラビカ
種、ロブスタ種、リベリカ種の
3種類があります
コーヒー豆の原種
アラビカ ロブスタ リベリカ
コーヒー業界
コーヒー豆の原種
アラビカ ロブスタ リベリカ
• 内部ミーティング用資料
• 会社案内掲載用図版
(不要な場合も多い)
29
Copyright アイデアクラフト 2018
ロジック図解とイメージビジュアルの違い
当社は体と心の両面からお客さまの健康をサ
ポートし、幸せな生活に貢献することで笑顔
あふれる元気な社会をつくります
ロジック図解化
心
体
健康
幸せな
生活
笑顔
元気な
社会
サポート
イメージビジュアル化
30
Copyright アイデアクラフト 2018
A beautiful
night in
Yokohama...
31
Copyright アイデアクラフト 2018
ロジカル・コミュニケーションが求められる場面
状況把握
詳細計画
実行
現実世界
知識
意思
決定者
現場担当者
方針立案
ティーチング
ヒアリング、
レポーティング
インストラクション
プレゼン
テーション
ディレクション
概要だけでいい 詳細が必要
32
Copyright アイデアクラフト 2018
知識・実践・修正、足りていますか?
上達するためにはどんな仕事でも知識・実践・修正が必要
知識
実践
修正
1日5分~10分でも、意識的に行う
他の人からのフィードバックをもらう
知っておくと役に立つ知識を得る
33
Copyright アイデアクラフト 2018
まとめ
GPSとラベルを考えて図解しよう!!
技術文書(広報用含む)の執筆・図解にお困りの方は
ご相談ください
34

More Related Content

What's hot

強化学習の基礎と深層強化学習(東京大学 松尾研究室 深層強化学習サマースクール講義資料)
強化学習の基礎と深層強化学習(東京大学 松尾研究室 深層強化学習サマースクール講義資料)強化学習の基礎と深層強化学習(東京大学 松尾研究室 深層強化学習サマースクール講義資料)
強化学習の基礎と深層強化学習(東京大学 松尾研究室 深層強化学習サマースクール講義資料)
Shota Imai
 

What's hot (20)

プレゼン・ポスターで自分の研究を「伝える」 (How to do technical oral/poster presentation)
プレゼン・ポスターで自分の研究を「伝える」 (How to do technical oral/poster presentation)プレゼン・ポスターで自分の研究を「伝える」 (How to do technical oral/poster presentation)
プレゼン・ポスターで自分の研究を「伝える」 (How to do technical oral/poster presentation)
 
[DL輪読会]GLIDE: Guided Language to Image Diffusion for Generation and Editing
[DL輪読会]GLIDE: Guided Language to Image Diffusion  for Generation and Editing[DL輪読会]GLIDE: Guided Language to Image Diffusion  for Generation and Editing
[DL輪読会]GLIDE: Guided Language to Image Diffusion for Generation and Editing
 
Tensorflow Liteの量子化アーキテクチャ
Tensorflow Liteの量子化アーキテクチャTensorflow Liteの量子化アーキテクチャ
Tensorflow Liteの量子化アーキテクチャ
 
マッチングサービスにおけるKPIの話
マッチングサービスにおけるKPIの話マッチングサービスにおけるKPIの話
マッチングサービスにおけるKPIの話
 
統計的因果推論への招待 -因果構造探索を中心に-
統計的因果推論への招待 -因果構造探索を中心に-統計的因果推論への招待 -因果構造探索を中心に-
統計的因果推論への招待 -因果構造探索を中心に-
 
Visual Studio CodeでRを使う
Visual Studio CodeでRを使うVisual Studio CodeでRを使う
Visual Studio CodeでRを使う
 
新分野に飛び入って半年で業績を作るには
新分野に飛び入って半年で業績を作るには新分野に飛び入って半年で業績を作るには
新分野に飛び入って半年で業績を作るには
 
ChatGPTは思ったほど賢くない
ChatGPTは思ったほど賢くないChatGPTは思ったほど賢くない
ChatGPTは思ったほど賢くない
 
開発速度が速い #とは(LayerX社内資料)
開発速度が速い #とは(LayerX社内資料)開発速度が速い #とは(LayerX社内資料)
開発速度が速い #とは(LayerX社内資料)
 
GPU上でのNLP向け深層学習の実装について
GPU上でのNLP向け深層学習の実装についてGPU上でのNLP向け深層学習の実装について
GPU上でのNLP向け深層学習の実装について
 
機械学習で泣かないためのコード設計 2018
機械学習で泣かないためのコード設計 2018機械学習で泣かないためのコード設計 2018
機械学習で泣かないためのコード設計 2018
 
ナレッジグラフとオントロジー
ナレッジグラフとオントロジーナレッジグラフとオントロジー
ナレッジグラフとオントロジー
 
流行りの分散表現を用いた文書分類について Netadashi Meetup 7
流行りの分散表現を用いた文書分類について Netadashi Meetup 7流行りの分散表現を用いた文書分類について Netadashi Meetup 7
流行りの分散表現を用いた文書分類について Netadashi Meetup 7
 
データサイエンティスト養成読本の解説+書き忘れたこと
データサイエンティスト養成読本の解説+書き忘れたことデータサイエンティスト養成読本の解説+書き忘れたこと
データサイエンティスト養成読本の解説+書き忘れたこと
 
Marp Tutorial
Marp TutorialMarp Tutorial
Marp Tutorial
 
変数同士の関連_MIC
変数同士の関連_MIC変数同士の関連_MIC
変数同士の関連_MIC
 
Data-Centric AIの紹介
Data-Centric AIの紹介Data-Centric AIの紹介
Data-Centric AIの紹介
 
強化学習の基礎と深層強化学習(東京大学 松尾研究室 深層強化学習サマースクール講義資料)
強化学習の基礎と深層強化学習(東京大学 松尾研究室 深層強化学習サマースクール講義資料)強化学習の基礎と深層強化学習(東京大学 松尾研究室 深層強化学習サマースクール講義資料)
強化学習の基礎と深層強化学習(東京大学 松尾研究室 深層強化学習サマースクール講義資料)
 
「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
「のどが渇いた」というユーザーに何を出す? ユーザーの「欲しい」に惑わされない、本当のインサイトを見つけるUXデザイン・UXリサーチ
 
最適輸送の解き方
最適輸送の解き方最適輸送の解き方
最適輸送の解き方
 

Similar to IT技術者が説明上手になるための七つの法則

自己紹介にかえて-変化する企業ITと“ワクワク感” 桑原里恵
自己紹介にかえて-変化する企業ITと“ワクワク感” 桑原里恵自己紹介にかえて-変化する企業ITと“ワクワク感” 桑原里恵
自己紹介にかえて-変化する企業ITと“ワクワク感” 桑原里恵
Sapporo Sparkle k.k.
 

Similar to IT技術者が説明上手になるための七つの法則 (20)

DXコース_WS_Vol1.pptx
DXコース_WS_Vol1.pptxDXコース_WS_Vol1.pptx
DXコース_WS_Vol1.pptx
 
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKIデザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
デザイナーとしてのHTML5への向き合い方 | HTML5 Conference MIYAZAKI
 
ソフトウェア技術者のキャリアパスを考える ~ 技術者になるための戦略・戦術・作戦術
ソフトウェア技術者のキャリアパスを考える ~ 技術者になるための戦略・戦術・作戦術ソフトウェア技術者のキャリアパスを考える ~ 技術者になるための戦略・戦術・作戦術
ソフトウェア技術者のキャリアパスを考える ~ 技術者になるための戦略・戦術・作戦術
 
SDGC2018報告「ネットビジネスとサービスデザイン」
SDGC2018報告「ネットビジネスとサービスデザイン」SDGC2018報告「ネットビジネスとサービスデザイン」
SDGC2018報告「ネットビジネスとサービスデザイン」
 
SDGC2018 redux Tannaka
SDGC2018 redux TannakaSDGC2018 redux Tannaka
SDGC2018 redux Tannaka
 
AIビジネス推進人材育成プログラム
AIビジネス推進人材育成プログラムAIビジネス推進人材育成プログラム
AIビジネス推進人材育成プログラム
 
AIビジネス推進人材育成プログラムのご紹介
AIビジネス推進人材育成プログラムのご紹介AIビジネス推進人材育成プログラムのご紹介
AIビジネス推進人材育成プログラムのご紹介
 
勝てる「開発プロセス」のつくり方
勝てる「開発プロセス」のつくり方勝てる「開発プロセス」のつくり方
勝てる「開発プロセス」のつくり方
 
Vantan shinsuke miyaki_upload
Vantan shinsuke miyaki_uploadVantan shinsuke miyaki_upload
Vantan shinsuke miyaki_upload
 
事業企画
事業企画事業企画
事業企画
 
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
HTML5な今日この頃に贈る、Webデザイナーこれからの生きる道
 
NoOpsへの挑戦
NoOpsへの挑戦 NoOpsへの挑戦
NoOpsへの挑戦
 
InDesign正規表現勉強会_名古屋_0727
InDesign正規表現勉強会_名古屋_0727InDesign正規表現勉強会_名古屋_0727
InDesign正規表現勉強会_名古屋_0727
 
リクルート式ビッグデータ活用術
リクルート式ビッグデータ活用術リクルート式ビッグデータ活用術
リクルート式ビッグデータ活用術
 
クリスマスもコードを書きたいアナタに送る! 次世代エンジニアの技術の学び方とは? 〜Qiitaの投稿データから読み解く、2016年の技術トレンド〜
クリスマスもコードを書きたいアナタに送る! 次世代エンジニアの技術の学び方とは? 〜Qiitaの投稿データから読み解く、2016年の技術トレンド〜クリスマスもコードを書きたいアナタに送る! 次世代エンジニアの技術の学び方とは? 〜Qiitaの投稿データから読み解く、2016年の技術トレンド〜
クリスマスもコードを書きたいアナタに送る! 次世代エンジニアの技術の学び方とは? 〜Qiitaの投稿データから読み解く、2016年の技術トレンド〜
 
AIビジネス推進人材育成プログラムのご紹介
AIビジネス推進人材育成プログラムのご紹介AIビジネス推進人材育成プログラムのご紹介
AIビジネス推進人材育成プログラムのご紹介
 
自己紹介にかえて-変化する企業ITと“ワクワク感” 桑原里恵
自己紹介にかえて-変化する企業ITと“ワクワク感” 桑原里恵自己紹介にかえて-変化する企業ITと“ワクワク感” 桑原里恵
自己紹介にかえて-変化する企業ITと“ワクワク感” 桑原里恵
 
デブサミ2017【17-E-5】エンタープライズにおけるDevOpsの実態!Cloud Native Application Platformの選択
デブサミ2017【17-E-5】エンタープライズにおけるDevOpsの実態!Cloud Native Application Platformの選択デブサミ2017【17-E-5】エンタープライズにおけるDevOpsの実態!Cloud Native Application Platformの選択
デブサミ2017【17-E-5】エンタープライズにおけるDevOpsの実態!Cloud Native Application Platformの選択
 
初めてのWebプログラミング講座
初めてのWebプログラミング講座初めてのWebプログラミング講座
初めてのWebプログラミング講座
 
AI・データ利活用継続の鍵はビジネススキル
AI・データ利活用継続の鍵はビジネススキルAI・データ利活用継続の鍵はビジネススキル
AI・データ利活用継続の鍵はビジネススキル
 

More from Mizuhiro Kaimai

More from Mizuhiro Kaimai (20)

Fault, Error, Failure の違い
Fault, Error, Failure の違いFault, Error, Failure の違い
Fault, Error, Failure の違い
 
What man can do and AI cannot.
What man can do and AI cannot.What man can do and AI cannot.
What man can do and AI cannot.
 
Mistake, slip, lapse
Mistake, slip, lapseMistake, slip, lapse
Mistake, slip, lapse
 
ミステイク、スリップ、ラプスの違い
ミステイク、スリップ、ラプスの違いミステイク、スリップ、ラプスの違い
ミステイク、スリップ、ラプスの違い
 
伝わる書き方サポート・ネット
伝わる書き方サポート・ネット伝わる書き方サポート・ネット
伝わる書き方サポート・ネット
 
エンジニアの文章図解・情報整理術
エンジニアの文章図解・情報整理術エンジニアの文章図解・情報整理術
エンジニアの文章図解・情報整理術
 
「焦らせる」「動揺させる」を表す英単語
「焦らせる」「動揺させる」を表す英単語「焦らせる」「動揺させる」を表す英単語
「焦らせる」「動揺させる」を表す英単語
 
PDCAとOODAの違いとは?
PDCAとOODAの違いとは?PDCAとOODAの違いとは?
PDCAとOODAの違いとは?
 
Pictlet #3 ファイルレスウィルス
Pictlet #3 ファイルレスウィルスPictlet #3 ファイルレスウィルス
Pictlet #3 ファイルレスウィルス
 
Pictlet #2 音声認識ロボット
Pictlet #2 音声認識ロボットPictlet #2 音声認識ロボット
Pictlet #2 音声認識ロボット
 
Pictlet #1 IPv4/v6
Pictlet #1 IPv4/v6Pictlet #1 IPv4/v6
Pictlet #1 IPv4/v6
 
知識伝達に効く! 図解パターン共有の勧め
知識伝達に効く!図解パターン共有の勧め知識伝達に効く!図解パターン共有の勧め
知識伝達に効く! 図解パターン共有の勧め
 
ラベリング 基本6-違う部分を明示する
ラベリング 基本6-違う部分を明示するラベリング 基本6-違う部分を明示する
ラベリング 基本6-違う部分を明示する
 
プレゼンテーション練習会マニュアル
プレゼンテーション練習会マニュアルプレゼンテーション練習会マニュアル
プレゼンテーション練習会マニュアル
 
3行ラベリング 事例24-バーナム効果(原文に引きずられる)
3行ラベリング 事例24-バーナム効果(原文に引きずられる)3行ラベリング 事例24-バーナム効果(原文に引きずられる)
3行ラベリング 事例24-バーナム効果(原文に引きずられる)
 
【講座案内】エンジニアの文章図解・情報整理術
【講座案内】エンジニアの文章図解・情報整理術【講座案内】エンジニアの文章図解・情報整理術
【講座案内】エンジニアの文章図解・情報整理術
 
書く技術・話す技術 勉強会サポートプログラム
書く技術・話す技術 勉強会サポートプログラム書く技術・話す技術 勉強会サポートプログラム
書く技術・話す技術 勉強会サポートプログラム
 
3行ラベリング 事例23-数字で考える
3行ラベリング 事例23-数字で考える3行ラベリング 事例23-数字で考える
3行ラベリング 事例23-数字で考える
 
3行ラベリング 事例22-非機能
3行ラベリング 事例22-非機能3行ラベリング 事例22-非機能
3行ラベリング 事例22-非機能
 
3行ラベリング 事例21-ランサムウェア
3行ラベリング 事例21-ランサムウェア3行ラベリング 事例21-ランサムウェア
3行ラベリング 事例21-ランサムウェア
 

IT技術者が説明上手になるための七つの法則