87
UX デデデデデデデデ デデデデデデデデデデ WS デ KA デデデデデデデデデ at DevLOVE デ西 2014.01.26 デデデデデ @chachaki DevLOVE: http://www.devlove.org/ 1

20140126 KA法ワークショップ@DevLOVElove関西

Embed Size (px)

DESCRIPTION

http://devlove-kansai.doorkeeper.jp/events/8044

Citation preview

Page 1: 20140126 KA法ワークショップ@DevLOVElove関西

1

UX デザインのためのユーザーの価値観分析 WS〜 KA 法を試してみよう〜

at DevLOVE 関西2014.01.26

ちゃちゃき @chachaki

DevLOVE: http://www.devlove.org/

Page 2: 20140126 KA法ワークショップ@DevLOVElove関西

ちゃちゃき @chachaki

宮城県出身 昼:エクスペリエンスアーキテクト 夜:コミュニティイベント主宰    DevLOVE( 無印 & 仙台 ) / hcdvalue

DevLOVE: http://www.devlove.org/ 2

Page 3: 20140126 KA法ワークショップ@DevLOVElove関西

Name: DevLOVEsince: 2008.06.21Concept:

開発の楽しさを発見しよう。広げよう。開発の現場を前進させよう。

Number: #153 ?

DevLOVE 3

DevLOVE

Page 4: 20140126 KA法ワークショップ@DevLOVElove関西

「現場= Gemba 」の Hub となるHangarFlight

「広さ」と「深さ」git ・ redis/ 最愛戦略 /UXD/ サービスデザイン / オブジェクト指向 / キャリアデザイン /Web 解析 /Lean Startup/etc….

DevLOVE 4

DevLOVE

Page 5: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE 5

DevLOVE

Page 6: 20140126 KA法ワークショップ@DevLOVElove関西

hcdvalue の紹介:コンセプト

コンセプト:

 現場で使える人間中心設計の実践

hcdvalue とは何か:  2011 年 2 月に発足した社外勉強会コミュニティ

hcdvalue: http://site.hcdvalue.org/ 6

Page 7: 20140126 KA法ワークショップ@DevLOVElove関西

hcdvalue の紹介:メンバー構成

hcdvalue: http://site.hcdvalue.org/ 7

hcdvalue

産業技術大学院大学履修証明プログラム「人間中心デザイン」

2010 2011 2012

HCDに興味がある方

Page 8: 20140126 KA法ワークショップ@DevLOVElove関西

hcdvalue の紹介:メンバー構成

hcdvalue: http://site.hcdvalue.org/ 8

hcdvalueエンジニアデザイナーインフォメーションアーキテクト企画・ディレクターコーダー研究開発etc.

webサービス系webメディア系

SIer系メーカー系広告系

etc.

職種 業種

Page 9: 20140126 KA法ワークショップ@DevLOVElove関西

hcdvalue 紹介:活動内容

• 交流する–懇親会 / 忘年会–他団体とコラボ

• 試す–アプリアワード応募–WS企画

• 議論する–UX白書翻訳– ISO9241-210読書会

• 発表する–HI学会など–研究会・セミナーなど

hcdvalue: http://site.hcdvalue.org/ 9

Page 10: 20140126 KA法ワークショップ@DevLOVElove関西

「人間中心デザイン」( ユーザー中心デザイン )

システム設計

Page 11: 20140126 KA法ワークショップ@DevLOVElove関西

[ 今日の目的 ]

☓KA 法を学ぶ

◯KA 法を通して–ユーザー視点の大切さを学ぶ–ユーザー視点の分析の考え方を学ぶ

DevLOVE: http://www.devlove.org/ 11

Page 12: 20140126 KA法ワークショップ@DevLOVElove関西

第一部 UX と UXD と HCD について第二部 KA 法概要とインタビュー第三部 KA カードの作成第四部 KA 価値マップの作成第五部 まとめ

DevLOVE: http://www.devlove.org/ 12

Page 13: 20140126 KA法ワークショップ@DevLOVElove関西

第一部 UX と UXD と HCD について第二部 KA 法概要とインタビュー第三部 KA カードの作成第四部 KA 価値マップの作成第五部 まとめ

DevLOVE: http://www.devlove.org/ 13

Page 14: 20140126 KA法ワークショップ@DevLOVElove関西

第一部 UX と UXD と HCD について

DevLOVE: http://www.devlove.org/ 14

Page 15: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 15

Page 16: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 16

ファッ!?

Page 17: 20140126 KA法ワークショップ@DevLOVElove関西

コンテキスト ( 利用状況 )

DevLOVE: http://www.devlove.org/ 17

ヒト画面など

システム

Webサービス

UX

UI

インタラクション (Ix)

Page 18: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 18

UX 白書 (2011) を読んでね!

http://site.hcdvalue.org/docs

現象としての UX

研究分野としての UX

実践としての UX

UX UX 研究UXD 研究

UXD

健康 医学 医療行為ex.

Page 19: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 19

予期的UX

利用前

一時的UX

利用中

エピソード的 UX

利用後

累積的UX

利用時間全体

体験を想像する

体験する ある体験を内省する

回想する

iPhone に触れる前、 CM

iPhone を使ってる間

iPhone を思い返す時

iPhone に「意味」が出る

無くてはならないものになる

UX 白書 (2011) を読んでね!

http://site.hcdvalue.org/docs

Page 20: 20140126 KA法ワークショップ@DevLOVElove関西

デザイン=設計 or 意匠

 →ここでは「設計」の意

UX のために「設計」するUX のために「計画」する

→ 設計・計画することで”再生産可能”に ( 産業革命以降の工業デザインの流れを受けています )

DevLOVE: http://www.devlove.org/ 20

Page 21: 20140126 KA法ワークショップ@DevLOVElove関西

設計・計画することで”再生産可能”に ( 産業革命以降の工業デザインの流れを受けています )

DevLOVE: http://www.devlove.org/ 21

Page 22: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 22

ソフトウェア開発に( 無理やり )

当てはめてみます

Page 23: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 23

ソフトウェアサービス

開発

ユーザー大事!

ドメイン大事!

データ大事!

その他色々大事!

Page 24: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 24

ソフトウェアサービス

開発

ユーザー大事!

ドメイン大事!

データ大事!

その他色々大事!

ふぇぇ…

Page 25: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 25

ソフトウェアサービス

開発

ユーザー大事!

ドメイン大事!

データ大事!

その他色々大事!

建築とは違い、ソフトウェアには「重力」がないため、何を下とするか、何を土台とするかを決める必要があります

Page 26: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 26

ソフトウェアサービス

開発

ユーザー大事!

ドメイン大事!

データ大事!

その他大事!

ソフトウェアやサービスをデザインする考え方の一つ

Page 27: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 27

あるUX

開発者 デザイナ 運用担当 ユーザーサポート

マーケタ

Page 28: 20140126 KA法ワークショップ@DevLOVElove関西

ユーザーを共通認識とした組織のデザイン

DevLOVE: http://www.devlove.org/ 28

ユーザーのシナリオのデザイン

ユーザーのことを考えたUI ・グラフィックのデザイン

Page 29: 20140126 KA法ワークショップ@DevLOVElove関西

ユーザーを共通認識とした組織のデザイン

DevLOVE: http://www.devlove.org/ 29

ユーザーのシナリオのデザイン

ユーザーのことを考えたUI ・グラフィックのデザイン

UX のための人工物のデザイン

UX を提供するための仕組みのデザイン

UX を提供する仕組みの仕組みのデザイン

Page 30: 20140126 KA法ワークショップ@DevLOVElove関西

[ ここまでのまとめ ]・ UX は、ヒトの感情の変化・語る人、文脈によって、 UX の指すものは変化する

・ UXD はユーザー ( ヒトとの関わり ) を軸に”再生産可能な”体験のためにデザイン・開発していこうという姿勢・考え方。仕組みのデザイン。

・グラフィックデザイン、ユーザーシナリオデザイン、組織デザインと対象が拡大中

DevLOVE: http://www.devlove.org/ 30

Page 31: 20140126 KA法ワークショップ@DevLOVElove関西

UX->UXD->HCD

DevLOVE: http://www.devlove.org/ 31

Page 32: 20140126 KA法ワークショップ@DevLOVElove関西

ユーザーを共通認識とした組織のデザイン

ユーザーのシナリオのデザイン

ユーザーのことを考えたUI ・グラフィックのデザイン

UX を提供するための

仕組みのデザイン

Page 33: 20140126 KA法ワークショップ@DevLOVElove関西

分析する

作ってみる

評価する

調べてみる

よしやろう!

いい製品だ!

Page 34: 20140126 KA法ワークショップ@DevLOVElove関西

ユーザーの要求事項の明示

ユーザーの要求を満たす解決策の作成

要求事項に対する

設計の評価

利用状況の把握と明示

人間中心設計プロセスの計

システムがユーザーの要求事項を満た

ISO9241-210 の HCD プロセス

Page 35: 20140126 KA法ワークショップ@DevLOVElove関西

HCD プロセスの手法・技法

ユーザーの要求事項の明示

ユーザーの要求事項を満たす解決策の作成

要求事項に対する設計の評価

利用状況の把握と明示

ユーザーモデリングなど

プロトタイピングなど

ユーザーテストなど

観察 / インタビューなど

DevLOVE: http://www.devlove.org/ 35

Page 36: 20140126 KA法ワークショップ@DevLOVElove関西

利用状況の把握と明示

ユーザーの要求事項の明示

設計による解決策の作成

ユーザーの要求事項に対する設計

の評価BUILD

MEASURE

LEARN

Human Centered Design

LeanStartup

Page 37: 20140126 KA法ワークショップ@DevLOVElove関西

第一部 UX と UXD と HCD について第二部 KA 法概要とインタビュー第三部 KA カードの作成第四部 KA 価値マップの作成第五部 まとめ

DevLOVE: http://www.devlove.org/ 37

Page 38: 20140126 KA法ワークショップ@DevLOVElove関西

第二部 KA 法概要とインタビュー

DevLOVE: http://www.devlove.org/ 38

Page 39: 20140126 KA法ワークショップ@DevLOVElove関西

HCD プロセスの手法・技法

DevLOVE: http://www.devlove.org/ 39

ユーザーの要求事項の明示

ユーザーの要求事項を満たす解決策の作成

要求事項に対する設計の評価

利用状況の把握と明示

ユーザーモデリングなど

プロトタイピングなど

ユーザーテストなど

観察 / インタビューなど

Page 40: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 40

KA 法とは? 当時、紀文食品に居た浅田和実(Asada Kazumi) さんが開発した手法。元々はマーケティング分野の手法として著作で公開された。それをデザイン用途で千葉工大の安藤昌也先生がモディファイした。

「小ヒット」の商品を生み出すことを目的としている。

Page 41: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 41

こんな人が こんなことをした こんな価値のために

Page 42: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 42

こんな人が こんなことをした こんな価値のために

Page 43: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 43

こんな人が こんなことをした こんな価値のために

Page 44: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 44

こんな人が こんなことをした こんな価値のために

[属性 ] [ 行動 ] [ 価値 ]

Page 45: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 45

こんな人が こんなことをした こんな価値のために

[属性 ] [ 行動 ] [ 価値 ]

今回はここ [ 価値 ]

にフォーカス

Page 46: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 46

1. 出来事集め→ 観察、インタビュー… (定性調査

2.KA カード作成 →「出来事」「心の声」「生活価値」 を書く

3.KA マップ作成 →「中分類」「大分類」を行なう

KA 法

Page 47: 20140126 KA法ワークショップ@DevLOVElove関西

KA カード作成手順

DevLOVE: http://www.devlove.org/ 47

①出来事を描く

②ユーザーの心の声を  想像して描く

③(太字で ) ユーザーの  「生活価値」を描く

④複数枚作成する

Page 48: 20140126 KA法ワークショップ@DevLOVElove関西

KA カード作成手順

DevLOVE: http://www.devlove.org/ 48

①出来事を描く

②ユーザーの心の声を  想像して描く

③(太字で ) ユーザーの  「生活価値」を描く

④複数枚作成する

「状況 + 行動」 or「行動 +結果」を必ず入れる。「〜だったので」「〜した」「〜したら」「〜だった」

Page 49: 20140126 KA法ワークショップ@DevLOVElove関西

KA カード作成手順

DevLOVE: http://www.devlove.org/ 49

①出来事を描く

②ユーザーの心の声を  想像して描く

③(太字で ) ユーザーの  「生活価値」を描く

④複数枚作成する

出来事でユーザーが言いそうな言葉を想像して描く。

ベタな表現で OK !想像しやすくするstep

Page 50: 20140126 KA法ワークショップ@DevLOVElove関西

KA カード作成手順

DevLOVE: http://www.devlove.org/ 50

①出来事を描く

②ユーザーの心の声を  想像して描く

③(太字で ) ユーザーの  「生活価値」を描く

④複数枚作成する

出来事 + 心の声で「〜する価値」と動詞+ 価値として描く

Page 51: 20140126 KA法ワークショップ@DevLOVElove関西

KA カード作成手順

DevLOVE: http://www.devlove.org/ 51

①出来事を描く

②ユーザーの心の声を  想像して描く

③(太字で ) ユーザーの  「生活価値」を描く

④複数枚作成するファッ!?

Page 52: 20140126 KA法ワークショップ@DevLOVElove関西

KA カード作成手順

DevLOVE: http://www.devlove.org/ 52

①出来事を描く

②ユーザーの心の声を  想像して描く

③(太字で ) ユーザーの  「生活価値」を描く

④複数枚作成する

練習(素振り)をしましょう!

Page 53: 20140126 KA法ワークショップ@DevLOVElove関西

例題 1 : 5 分

DevLOVE: http://www.devlove.org/ 53

それほど期待していない物件だったが、実際に内見に行ったらとても静かで居心地が良さそうだったのでそこに決めた。

②ユーザーの心の声を  想像して描く

③(太字で ) ユーザーの  「生活価値」を描く

Page 54: 20140126 KA法ワークショップ@DevLOVElove関西

例題 1 : 5 分

DevLOVE: http://www.devlove.org/ 54

それほど期待していない物件だったが、実際に内見に行ったらとても静かで居心地が良さそうだったのでそこに決めた。

②ユーザーの心の声を  想像して描く

③(太字で ) ユーザーの  「生活価値」を描く

「〜だったので」「〜した」「〜したら」「〜だった」

出来事でユーザーが言いそうな言葉を想像して描く。

「〜する価値」

Page 55: 20140126 KA法ワークショップ@DevLOVElove関西

例題 2 : 5 分

DevLOVE: http://www.devlove.org/ 55

南向きですごく安い物件があってそこに決めようとしたが、実際に内見に行ったら窓のすぐ前に建物があって、全く日がささなかったのでやめた。

②ユーザーの心の声を  想像して描く

③(太字で ) ユーザーの  「生活価値」を描く

Page 56: 20140126 KA法ワークショップ@DevLOVElove関西

例題 2 : 5 分

DevLOVE: http://www.devlove.org/ 56

南向きですごく安い物件があってそこに決めようとしたが、実際に内見に行ったら窓のすぐ前に建物があって、全く日がささなかったのでやめた。

②ユーザーの心の声を  想像して描く

③(太字で ) ユーザーの  「生活価値」を描く

「〜だったので」「〜した」「〜したら」「〜だった」

出来事でユーザーが言いそうな言葉を想像して描く。

「〜する価値」

Page 57: 20140126 KA法ワークショップ@DevLOVElove関西

例題 2 : 5 分

DevLOVE: http://www.devlove.org/ 57

南向きですごく安い物件があってそこに決めようとしたが、実際に内見に行ったら窓のすぐ前に建物があって、全く日がささなかったのでやめた。

②ユーザーの心の声を  想像して描く

③(太字で ) ユーザーの  「生活価値」を描く

未充足の価値

Page 58: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 58

1. 出来事集め→ 観察、インタビュー… (定性調査

2.KA カード作成 →「出来事」「心の声」「生活価値」 を書く

3.KA マップ作成 →「中分類」「大分類」を行なう

KA 法

Page 59: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 59

Page 60: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 60

まず「価値が似たカード」を寄せてください。

ラベルを先に考えてはいけません!

「これは 系」という言葉が◯◯出たら要注意です!

Page 61: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 61

中分類「〜する価値」というラベルにしてください

Page 62: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 62

その他の価値

中分類「〜する価値」というラベルにしてください

1つだけ「その他の価値」というラベルを作って OKです。  (「世界平和」といったレイヤが違う価値が出てきた時に無理に分類しないために作

成します」 )

Page 63: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 63

大分類

Page 64: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 64

Page 65: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 65

Page 66: 20140126 KA法ワークショップ@DevLOVElove関西

ではやってみましょう!

DevLOVE: http://www.devlove.org/ 66

Page 67: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 67

1. 出来事集め→ 観察、インタビュー… (定性調査

2.KA カード作成 →「出来事」「心の声」「生活価値」 を書く

3.KA マップ作成 →「中分類」「大分類」を行なう

KA 法

Page 68: 20140126 KA法ワークショップ@DevLOVElove関西

• ブレインマップ「脳内メーカー」

インタビューのきっかけツール

インタビューされる人に書いてもらう

DevLOVE: http://www.devlove.org/ 68

Page 69: 20140126 KA法ワークショップ@DevLOVElove関西

1. ブレインマップを書いてください。 (5分 )

2. ブレインマップとメモを 2 人 1組になって交換して、読んでください。 (3分 )

3. 気になったところを中心に、相手にインタビューしてください。メモをいっぱい書きこんでください。 (12 分 x2)

DevLOVE: http://www.devlove.org/ 69

Page 70: 20140126 KA法ワークショップ@DevLOVElove関西

第一部 UX と UXD と HCD について第二部 KA 法概要とインタビュー第三部 KA カードの作成第四部 KA 価値マップの作成第五部 まとめ

DevLOVE: http://www.devlove.org/ 70

Page 71: 20140126 KA法ワークショップ@DevLOVElove関西

第三部 KA カードの作成

DevLOVE: http://www.devlove.org/ 71

Page 72: 20140126 KA法ワークショップ@DevLOVElove関西

KA カード作成手順

DevLOVE: http://www.devlove.org/ 72

①出来事を描く

②ユーザーの心の声を  想像して描く

③(太字で ) ユーザーの  「生活価値」を描く

④複数枚作成する

Page 73: 20140126 KA法ワークショップ@DevLOVElove関西

KA カード作成手順

DevLOVE: http://www.devlove.org/ 73

①出来事を描く

②ユーザーの心の声を  想像して描く

③(太字で ) ユーザーの  「生活価値」を描く

④複数枚作成する

「状況 + 行動」 or「行動 +結果」を必ず入れる。「〜だったので」「〜した」「〜したら」「〜だった」

Page 74: 20140126 KA法ワークショップ@DevLOVElove関西

KA カード作成手順

DevLOVE: http://www.devlove.org/ 74

①出来事を描く

②ユーザーの心の声を  想像して描く

③(太字で ) ユーザーの  「生活価値」を描く

④複数枚作成する

出来事でユーザーが言いそうな言葉を想像して描く。

ベタな表現で OK !想像しやすくするstep

Page 75: 20140126 KA法ワークショップ@DevLOVElove関西

KA カード作成手順

DevLOVE: http://www.devlove.org/ 75

①出来事を描く

②ユーザーの心の声を  想像して描く

③(太字で ) ユーザーの  「生活価値」を描く

④複数枚作成する

出来事 + 心の声で「〜する価値」と動詞+ 価値として描く

Page 76: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 76

久しぶりの友人が電話をくれた瞬間、充電がなくなってスマートフォンの電池が切れてしまった。

②ユーザーの心の声を  想像して描く

③(太字で ) ユーザーの  「生活価値」を描く

未充足の価値

Page 77: 20140126 KA法ワークショップ@DevLOVElove関西

• 1 人最低 6枚以上、 10枚を目標に!• 「価値」が大事です。小さい価値で構わ

ないので、ユーザーにとっての「価値」を書きましょう!

DevLOVE: http://www.devlove.org/ 77

Page 78: 20140126 KA法ワークショップ@DevLOVElove関西

第一部 UX と UXD と HCD について第二部 KA 法概要とインタビュー第三部 KA カードの作成第四部 KA 価値マップの作成第五部 まとめ

DevLOVE: http://www.devlove.org/ 78

Page 79: 20140126 KA法ワークショップ@DevLOVElove関西

第四部 KA 価値マップの作成

DevLOVE: http://www.devlove.org/ 79

Page 80: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 80

Page 81: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 81

まず、「価値が似たカード」を寄せてください。ラベルを先に考えてはいけません!「これは◯◯系」という言葉が出たら要注意です!

Page 82: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 82

中分類「〜する価値」というラベルにしてください

Page 83: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 83

その他の価値

中分類「〜する価値」というラベルにしてください

1つだけ「その他の価値」というラベルを作って OKです。  (「世界平和」といったレイヤが違う価値が出てきた時に無理に分類しないために作

成します」 )

Page 84: 20140126 KA法ワークショップ@DevLOVElove関西

DevLOVE: http://www.devlove.org/ 84

大分類

Page 85: 20140126 KA法ワークショップ@DevLOVElove関西

第五部 まとめ

DevLOVE: http://www.devlove.org/ 85

Page 86: 20140126 KA法ワークショップ@DevLOVElove関西

[参考 ]• 質的分析手法 (定性分析 )–Grounded Theory Approach(GTA)–Modified–GTA(m-GTA)

→ 社会学、会話分析 (EMCA) ・エスノメソドロジーからのアプローチ

DevLOVE: http://www.devlove.org/ 86

Page 87: 20140126 KA法ワークショップ@DevLOVElove関西

[参考 ]私が KA 法を好きな理由

「どんな小さなコトにも価値がある」

「あるある」「ふーん」「なるほど」

DevLOVE: http://www.devlove.org/ 87