プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer...

24
加藤 淳 プログラミング体験 (Human-Computer Interaction, Programming Language) 1 http://junkato.jp/ja arcatdmz ACM DIS’12 ACM CHI’13 ACM PLDI’13 ACM UIST’12 GI’14 ACM CHI’15 ACM DIS’17 Phybots Picode It’s Alive! DejaVu VisionSketch TextAlive f3.js 東京大学 五十嵐研究室 ‘09 学士, ‘11 修士, ‘14 博士(情報理工学) Microsoft Research Asia ‘12/1-4 Research Intern, Research Fellow Microsoft Research ‘12/6-9 Research Intern Adobe Creative Technologies Lab, Seattle ‘13/8-11 Research Intern 産業技術総合研究所 (AIST) ‘14/4- 研究員 2017/9/20 Jun Kato, AIST. https://junkato.jp プログラミングなどの創作支援のためにツールキットや環境の研究に従事 JSSST × Future Technology Design 2017 自己紹介 「データドリブンな時代、プログラミング体験の未来」 加藤 淳 産業技術総合研究所

Transcript of プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer...

Page 1: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

加藤 淳プログラミング体験 (Human-Computer Interaction, Programming Language)

1

http://junkato.jp/jaarcatdmz

ACM DIS’12 ACM CHI’13 ACM PLDI’13ACM UIST’12 GI’14 ACM CHI’15 ACM DIS’17

Phybots Picode It’s Alive!DejaVu VisionSketch TextAlive f3.js

東京大学 五十嵐研究室 ‘09 学士, ‘11 修士, ‘14 博士(情報理工学)

Microsoft Research Asia ‘12/1-4 Research Intern, Research Fellow

Microsoft Research ‘12/6-9 Research Intern

Adobe Creative Technologies Lab, Seattle ‘13/8-11 Research Intern

産業技術総合研究所 (AIST) ‘14/4- 研究員

2017/9/20 Jun Kato, AIST. https://junkato.jp

プログラミングなどの創作支援のためにツールキットや環境の研究に従事JSSST × Future Technology Design 2017

自己紹介

「データドリブンな時代、プログラミング体験の未来」

加藤淳

産業技術総合研究所

Page 2: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

加藤 淳プログラミング体験 (Human-Computer Interaction, Programming Language)

2

http://junkato.jp/jaarcatdmz

ACM DIS’12 ACM CHI’13 ACM PLDI’13ACM UIST’12 GI’14 ACM CHI’15 ACM DIS’17

Phybots Picode It’s Alive!DejaVu VisionSketch TextAlive f3.js

東京大学 五十嵐研究室 ‘09 学士, ‘11 修士, ‘14 博士(情報理工学)

Microsoft Research Asia ‘12/1-4 Research Intern, Research Fellow

Microsoft Research ‘12/6-9 Research Intern

Adobe Creative Technologies Lab, Seattle ‘13/8-11 Research Intern

産業技術総合研究所 (AIST) ‘14/4- 研究員

2017/9/20 Jun Kato, AIST. https://junkato.jp

プログラミングなどの創作支援のためにツールキットや環境の研究に従事

Page 3: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

人の生活空間は平面だらけ日用品がそこかしこを動き回る世界どうやってプログラミングする?

Phybots ACM Designing Interactive Systems ‘12

20% acceptance rate

2017/9/20 Jun Kato, AIST. https://junkato.jp 3

Page 4: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

Phybots ACM Designing Interactive Systems ‘12

20% acceptance rate

2017/9/20 Jun Kato, AIST. https://junkato.jp 4

Page 5: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

DejaVu ACM UIST ‘12

22% acceptance rate

ジェスチャは待ってくれないブレークポイント

仕掛けてる場合じゃない

2017/9/20 Jun Kato, AIST. https://junkato.jp 5

Page 6: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

DejaVu ACM UIST ‘12

22% acceptance rate

2017/9/20 Jun Kato, AIST. https://junkato.jp 6

Page 7: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

Picode ACM CHI ’13

名前の付けられないデータがいっぱいどうやって参照する?

Best Paper Honorable Mention Award

2017/9/20 Jun Kato, AIST. https://junkato.jp 7

Page 8: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

Picode ACM CHI ’13

Best Paper Honorable Mention Award

2017/9/20 Jun Kato, AIST. https://junkato.jp 8

Page 9: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

It’s Alive! (TouchDevelop) ACM PLDI ’13 共著

17% acceptance rate

見えてるものどうしてそのまま編集できないの?

2017/9/20 Jun Kato, AIST. https://junkato.jp 9

Page 10: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

It’s Alive! (TouchDevelop) ACM PLDI ’13 共著

17% acceptance rate

2017/9/20 Jun Kato, AIST. https://junkato.jp 10

Page 11: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

Sharedo Human-Agent Interaction ’14

いろいろな種類のロボット人もその中に混じってTODOをこなす

どうやって役割分担する?

Best Paper Nominee

2017/9/20 Jun Kato, AIST. https://junkato.jp 11

Page 12: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

Sharedo Human-Agent Interaction ’14

Best Paper Nominee

2017/9/20 Jun Kato, AIST. https://junkato.jp 12

Page 13: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

f3.js ACM Designing Interactive Systems ’17

好みの実体を簡単に出力できる時代好みの情報機器はどう設計する?

22% acceptance rate

2017/9/20 Jun Kato, AIST. https://junkato.jp 13

Page 14: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

f3.js ACM Designing Interactive Systems ’17

22% acceptance rate

2017/9/20 Jun Kato, AIST. https://junkato.jp 14

Page 15: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

Programming with Examples IEEE Computer 49(7)

Special issue on the 21st Century User Interfaces

2017/9/20 Jun Kato, AIST. https://junkato.jp 15

Page 16: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

プログラミングできる対象が広がっている

プログラミング「らしくない」

プログラマでなくても貢献できる

2017/9/20 Jun Kato, AIST. https://junkato.jp 16

Page 17: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

• HCI的な創作支援の研究: プロ vs 素人

• プログラミングの研究: プログラマ vs エンドユーザ

エンドユーザ

超えられない壁

エンドユーザ +⊿

研究成果

プロ プロ +⊿

研究成果

よくある二項対立

2017/9/20 Jun Kato, AIST. https://junkato.jp 17

Page 18: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

二項対立からの脱却

さまざまな背景を持つ人々を繋ぐインタラクション設計

Jun Kato, AIST. https://junkato.jp 18

f3.js

マイコンのファームウェアと筐体のレイアウトを作る人

パラメタを調整して完成品を組み上げる人

完成品を楽しむ人

TextAlive

動画演出のためのテンプレートを作る人

動画を作る人

動画を楽しむ人

コンテンツの素を作る人

コンテンツの中身を作る人

コンテンツを楽しむ人

2017/9/20

Page 19: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

• 誰でもプログラミングできるEnd-user Programmingと異なり、スキルに応じてプログラムの特定範囲だけ編集可能にする

• 開発者とユーザ間を繋ぐ「カスタマイズする人」が生まれる

Live Tuning ECOOP ‘16 LIVE

2017/9/20 Jun Kato, AIST. https://junkato.jp 19

Page 20: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

TextAlive ACM CHI ’15

Best Paper Honorable Mention Award

2017/9/20 Jun Kato, AIST. https://junkato.jp 20

Page 21: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

TextAliveの動画編集用インタフェース

2017/9/20 Jun Kato, AIST. https://junkato.jp 21

Page 22: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

TextAliveの動画閲覧画面

2017/9/20 Jun Kato, AIST. https://junkato.jp 22

Page 23: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

加藤 淳プログラミング体験 (Human-Computer Interaction, Programming Language)

23

http://junkato.jp/jaarcatdmz

ACM DIS’12 ACM CHI’13 ACM PLDI’13ACM UIST’12 GI’14 ACM CHI’15 ACM DIS’17

Phybots Picode It’s Alive!DejaVu VisionSketch TextAlive f3.js

東京大学 五十嵐研究室 ‘09 学士, ‘11 修士, ‘14 博士(情報理工学)

Microsoft Research Asia ‘12/1-4 Research Intern, Research Fellow

Microsoft Research ‘12/6-9 Research Intern

Adobe Creative Technologies Lab, Seattle ‘13/8-11 Research Intern

産業技術総合研究所 (AIST) ‘14/4- 研究員

2017/9/20 Jun Kato, AIST. https://junkato.jp

プログラミングなどの創作支援のためにツールキットや環境の研究に従事JSSST × Future Technology Design 2017

自己紹介

「データドリブンな時代、プログラミング体験の未来」

1. プログラム開発で言語を書く以外のタスクが増えている

2. 包括的な「プログラミング体験」を考える必要がある

3. プログラマが抱え込んできた仕事を分けて職業を作ろう

Page 24: プログラミング体験 (Human-Computer Interaction, …Programming with Examples IEEE Computer 49(7) Special issue on the 21st Century User Interfaces 2017/9/20 Jun Kato, AIST.

SIGPX http://sigpx.org2016-

参加者層

加藤(産総研)増原(東工大)

主宰

国際会議などのイベントにあわせて集合して情報共有する場

プログラミング体験に関して誰でも相談できる窓口としての役割

主旨

Human-Computer Interaction, ソフトウェア工学, プログラミング言語などプログラミング体験に関する諸分野の研究者/エンジニア/教育者など

http://sigpx.org2017/9/20 Jun Kato, AIST. https://junkato.jp 24