加藤 淳

arcatdmz

http://junkato.jp/ja

プログラミング体験 (Human-Computer Interaction, Programming Language)
プログラミングなどの創作支援のためにツールキットや環境の研究に従事
JSSST × Future Technology Design 2017
Phybots

DejaVuPicode

自己紹介
It’s
Alive!

VisionSketch

TextAlive

f3.js「データドリブンな時代、プログラミング体験の未来」
ACM DIS’12

ACM UIST’12

ACM CHI’13

ACM PLDI’13

GI’14

ACM CHI’15

ACM DIS’17

加藤淳‘14 博士（情報理工学）
東京大学 五十嵐研究室 ‘09 学士, ‘11
修士,
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/20Jun Kato, AIST. https://junkato.jp1加藤 淳

arcatdmz

http://junkato.jp/ja

プログラミング体験 (Human-Computer Interaction, Programming Language)
プログラミングなどの創作支援のためにツールキットや環境の研究に従事
Phybots

DejaVuPicodeIt’s Alive!

VisionSketch

TextAlivef3.js

ACM DIS’12

ACM UIST’12

ACM CHI’13

ACM PLDI’13

GI’14

ACM CHI’15

ACM DIS’17

東京大学 五十嵐研究室 ‘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.jp2

Phybots ACM Designing Interactive Systems ‘1220% acceptance rate

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

2017/9/20

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

3

Phybots ACM Designing Interactive Systems ‘1220% acceptance rate

2017/9/20

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

4DejaVu ACM UIST ‘1222% acceptance rate

ジェスチャは待ってくれない
ブレークポイント
仕掛けてる場合じゃない2017/9/20

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

5DejaVu ACM UIST ‘1222% acceptance rate

2017/9/20

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

6Picode ACM CHI ’13
Best Paper Honorable Mention Award名前の付けられないデータがいっぱい
どうやって参照する？

2017/9/20

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

7

Picode ACM CHI ’13
Best Paper Honorable Mention Award

2017/9/20

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

8

It’s Alive! (TouchDevelop) ACM PLDI ’13 共著
17% acceptance rate

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

2017/9/20

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

9

It’s Alive! (TouchDevelop) ACM PLDI ’13 共著
17% acceptance rate

2017/9/20

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

10

Sharedo Human-Agent Interaction ’14
Best Paper Nominee

いろいろな種類のロボット
人もその中に混じってTODOをこなす
どうやって役割分担する？

2017/9/20

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

11

Sharedo Human-Agent Interaction ’14
Best Paper Nominee

2017/9/20

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

12

f3.js ACM Designing Interactive Systems ’17
22% acceptance rate

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

2017/9/20

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

13

f3.js ACM Designing Interactive Systems ’17
22% acceptance rate

2017/9/20

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

14

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

プログラミングできる対象が広がっている
プログラミング「らしくない」
プログラマでなくても貢献できる2017/9/20Jun Kato, AIST. https://junkato.jp

16よくある二項対立• HCI的な創作支援の研究: プロ vs 素人• プログラミングの研究: プログラマ vs エンドユーザ

研究
成果

研究
成果

超えられない壁

エンドユーザ エンドユーザ +⊿2017/9/20

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

プロプロ +⊿

17

二項対立からの脱却
さまざまな背景を持つ人々を繋ぐインタラクション設計
TextAlive

コンテンツの素を作る人

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

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

動画を作る人

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

動画を楽しむ人

完成品を楽しむ人

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

コンテンツを楽しむ人
2017/9/20

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

18

Live Tuning ECOOP ‘16 LIVE• 誰でもプログラミングできるEnd-user Programmingと異なり、スキルに応じてプログラムの特定範囲だけ編集可能にする• 開発者とユーザ間を繋ぐ「カスタマイズする人」が生まれる
2017/9/20

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

19

TextAlive ACM CHI ’15
Best Paper Honorable Mention Award

2017/9/20

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

20

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

2017/9/20

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

21

TextAliveの動画閲覧画面

2017/9/20

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

22

加藤 淳

arcatdmz

http://junkato.jp/ja

プログラミング体験 (Human-Computer Interaction, Programming Language)
JSSST × Future Technology Design 2017
自己紹介

プログラミングなどの創作支援のためにツールキットや環境の研究に従事
DejaVuPicodeIt’s Alive!
VisionSketch
TextAlive
f3.js「データドリブンな時代、プログラミング体験の未来」

Phybots

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

ACM DIS’12

ACM UIST’12

ACM CHI’13

ACM PLDI’13

GI’14

ACM CHI’15

ACM DIS’17

東京大学 五十嵐研究室 ‘09 学士, ‘11 修士, ‘14 博士（情報理工学）
2. 包括的な「プログラミング体験」を考える必要がある
Microsoft Research Asia ‘12/1-4 Research Intern, Research Fellow
MicrosoftResearch ‘12/6-9 Research Intern
3.
プログラマが抱え込んできた仕事を分けて職業を作ろう
Adobe Creative Technologies Lab, Seattle ‘13/8-11 Research Intern
産業技術総合研究所 (AIST) ‘14/4- 研究員
2017/9/20

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

23

SIGPX http://sigpx.org

2016-

参加者層

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

国際会議などのイベントにあわせて集合して情報共有する場
プログラミング体験に関して誰でも相談できる窓口としての役割主宰

加藤（産総研）増原（東工大）
2017/9/20

http://sigpx.org

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

24