INIAD講演 2020/11/25

増井俊之

慶應義塾大学 環境情報学部

2020年11月25日

今日の話題

発想法など

会社いろいろ

ベンチャー話

研究と実用化

各種アドバイス

自己紹介

シャープ、ソニー、産総研などに勤務

ケータイの予測変換(POBox)などを開発

2008秋まで米国Appleに勤務

フリック入力を開発

2009より慶應義塾大学

ユーザインタフェースの研究開発

各種Webサービス運用中

仕事風景 @ Apple

http://gyazo.com/27357dbdc55a68142baee8c5d29ef075.png

http://www.applegazette.com/wp-content/uploads/applehq.jpg

Apple新社屋

https://gyazo.com/f17d5023892d09b0a1be870731dee99c

活動

ユーザインタフェースの研究開発

各種Webサービス運用中

スマホに満足してますか? - ユーザインタフェースの心理学 (2015)

http://gyazo.com/64c56d9c3e67745e95bc038487d09c98.png http://www.pitecan.com/sumaho/

煽り

http://gyazo.com/bf3bc7510fdb74c8db4bb058fd3ed6d6.png

Software Design誌

http://gyazo.com/807873e8e41db04289c5a6e5bdae6262.jpg http://gihyo.jp/dev/serial/01/masui-columbus

ブログなど

https://gyazo.com/5b221e2f5c46c5f8afc244357ab71eb5

https://gyazo.com/0de9c65c33099c81a3c8c1d0ab68f775

増井の作品いろいろ

入力システム

予測システム

視覚化検索システム

ヘルプ検索システム

実世界

コミュニケーション

簡単アクセス

認証 / 秘密管理

入力システム

POBox

フリック

50音入力

POBox

https://gyazo.com/ac2b347a7042f920edd576ee07c4b7f4.png

予測インタフェース+検索インタフェース

2000/12/26 発売

20周年!

「フリック」入力

Appleで開発

https://i.gyazo.com/1691febad27439d3bf44232c54dcb1e8.png

Gyaim: MacのIME

https://gyazo.com/648245adc6252b716db7af9f7b2022ab.gif

https://www.youtube.com/watch?v=LCkD4-BGljg

http://pitecan.com/Android/index2.html http://gyazo.com//c1d6a38e30b32a646ce7477aa68f8944.png

4本指入力

http://gyazo.com/db5fd706853d4a2e6712b431d781923e.png

視覚化システム

ズーミングシステム

WING

LensBar

WING

https://www.youtube.com/watch?v=8i1IqBXbV9g

LensBar

リストをズーミング検索

RainbowZoomer

ヘルプ検索システム

Helpfeel

http://helpfeel.com/ https://gyazo.com/6dd23b78efc5dcca777cc000ea6fb479

柔軟な単語で検索できるヘルプシステム

頭の中の言葉でそのまま検索

「ねじってひっぱる部品」

Generate & Filterでイケると思った

トップダウン営業がうまくいっている

ヘルプ / コールセンター

市場規模は1兆円以上

e.g. 宮崎市

コールセンターの人が2000人

宮崎市の人口は40万人

200人にひとりがコールセンター勤務?

導入例

https://paypayfleamarket.yahoo.co.jp/help/ https://gyazo.com/ec3cf9e8686db9c63b6a1e251cb27cc4

https://faq.pasela.co.jp/ https://gyazo.com/0859621051e288be658563bf2db89986

Helpline

個人向けHelpfeel

実世界インタフェース

Goldfish

実世界コピペ

https://www.youtube.com/watch?v=1di7_2J8X0Y

GoldFish

Android用実世界GUIフレームワーク

GoldFishクライアント

センサ+表示

GoldFishサーバ

JavaScriptプログラム

URLリダイレクト

http://gyazo.com/ab301f469b9266c3f2d2ed07db3f7c22.png

http://gyazo.com/f00aef03e85ef6b1a838c527825a21fc.png

コミュニケーションシステム

Scrapbox

本棚

QuickML

Scrapbox

大変便利なWiki

https://gyazo.com/512ba8487554d34ae2b699caa3512592.png

Scrapboxの特徴

WYSIWYGなWiki

複数ユーザ同時編集

Gyazo画像の活用

ページ代表画像の利用

ページとタグの区別が無い

階層構造なし

双方向リンク

アウトライン編集

コード記法, コードブロック記法

柔軟で簡単なScrapbox記法

強力な文字装飾記法

Web上で書籍情報共有

http://gyazo.com/4401b49e940bb988040ec683a225ef3e.png

簡単なデータマイニング

http://gyazo.com/62e317d89ba82ed207ebb0d4ec20f736.png

メーリングリストの自動作成

xxxx@quickml.com にメールを出すと自動的にMLを作成

QuickMLは現在停止中だが gyaml.com で運用中

http://gyazo.com/e71103f85b2dbf02762dfc91f56bbd29.png

簡単アクセスシステム

GoQuick

memoコマンド

Serencast

簡単なブックマーク

ブラウザのURL枠に「gomi」などと入力

GoogleのかわりにGoQuick.orgを登録しておく

memoコマンド

アプリやタイトルを考えない

Gear / Serencast

2個のスイッチだけで階層コンテンツナビゲーション

https://gyazo.com/ab4ff7c2d44f4af2bb94fae76589f495.png

デモ: Serencast

微調整インタフェース

SmoothSnap

時刻を微調整

https://gyazo.com/f0c2610a308b6e744053308d5cebf8b4 http://www.pitecan.com/SmoothSnap/clock10.html

スナッピング+予測図形編集

http://gyazo.com/1f7ad1880b5039bd855920e4c1009b46.png

認証関連の話

パスワード流出事故

使い回しパスワードが流出

Gyazoでそのパスワードを使ってた

Gyazo画像の中にTwitterのパスワードがあった

Twitterを乗っ取られた!

データ流出事故

Apacheをnginxにしたらパスワード保護がはずれてしまった

秘密ファイルが見えるようになっていた

認証などに関する考え方

なるべく色々公開したい

しかし攻撃はされるしプライバシは大事

簡単に秘密を管理する方法が必要

認証 / 秘密を管理するシステム

EpisoPass

RealURL

EPKeygen

エピソード記憶からパスワードを生成

https://i.gyazo.com/d703a1d7fa33182d850eb8a6ad5bd292.gif

EpisoPass実例

https://gyazo.com/f7b4a0cf305438ef39b0ab6fc68593a6

RealURL

存在しないURLにアクセスしたとき別のURLに移動

本当のURLを隠すことができる

他人からはNot foundにしか見えない

移動先のURLはブラウザに登録したパスワードから計算

https://gyazo.com/467d12ed9b4da922252e7685f60766a2

EPKeygen

発想術

いろいろ学習

考える

寝る

発想の条件

睡眠発想法

勉強してから寝る

クギ13本問題がとけた

3not問題がとけた

勉強してから行動するのと似ているか

クギ13本問題

https://gyazo.com/8b08f2b4dd73894df8367fe459e9c2d5

長めのクギを13本用意

1本を机に打ち込む

残りの12本をその上に乗せる

3not問題

https://www.facebook.com/yoshiyasu.takefuji/posts/1369615029912331 https://gyazo.com/380999c5db2ee91dca3620cfe39da2c3

長屋コンピューティング

制約だらけ

我慢して住めるか?

https://gyazo.com/498cf3e4b9c769d7aa35299b5c7cf213.png

これなら満足?

https://gyazo.com/498cf3e4b9c769d7aa35299b5c7cf213.png

Wifi完備

障子がスクリーン

神棚にサーバ

あちこちのセンサでKB入力

自動冷暖房

電子書籍

コンビニで冷蔵庫不要

良いレストランがいくらでも

近所にスーパー銭湯

最近のスーパーのレジ

店員はスキャンだけ実行

客は別の端末で金を払う

パイプライン処理 + 並列処理

計算機的思考があるのかもしれない

会社の話

増井の経験

いろいろ転職している

シャープ、ソニー、Apple、...

大企業の一般社員はどこも似たようなもの

トップが大事

ドッグフーディングする社長が良い

Appleの話

本はたくさんある

起業ストーリー

事例: Gyazo (Nota)

https://gyazo.com/2aac78cd0762da3f291b0084ac16b07a

Gyazo (2010/7)

http://gyazo.com/765bc52757dc9b5ce5a613aee9a1c771.png

Gyazo (2012/1)

http://gyazo.com/4c35c873fcce18c60c335d337c5e2a9c.png

Gyazo (2014/1)

http://gyazo.com/0780f93a7992fdeca48cdda7a5ca6dcf.png

Gyazo (2015/1)

http://gyazo.com/bde4e61c85ebeeb357e1705b2a0a9fb3.png

http://gyazo.com/426f5616b89d741d5edca122e4f68b26.png

Alexa info (2017/5/8)

https://gyazo.com/2595e48e8346b423d6e6c1d23daf10f4

http://www.nikkei.com/article/DGXLASDZ10HNN_Q4A111C1TJ2000/ http://gyazo.com/eaaef923b1d2a9db2f3228186772a2a6.png

Scrapbox, Helpfeel

Gyazoとともに進化中

https://gyazo.com/171158dd8084a2c0a9d4f694b3a1f7c5

ベンチャーキャピタル (VC)

スタートアップ会社に金と口を出す

エグジットして大金をせしめる

失敗すれば丸損

常に投資案件を捜している

良いアイデアがあれば投資の可能性は高い

"How to Start a Startup"

http://gyazo.com/2a75c2001e1d835813cb767358ee6732.png

起業アドバイス

成功した奴が勝手なことを言っている

誰かひとりを信用してはいけない

優秀な人材が起業するのは本当か?

米国では本当らしい

周囲では優秀な学生はベンチャーに行っている

起業している奴もいる

シリコンバレーで働く

やっぱりコネは強い

優秀な友達を引っ張ってくる

ジョブズ

ザッカーバーグ

日本からパッと行くのは辛い

進路について

最近はいくらでも変えられる

駄目ならすぐ変わるのがよい

第一印象で問題があればたぶん駄目

転職で大事なこと

外から見えることが重要

× 「課長」

○ すごい論文、学会活動

Webなどで自慢するとよい

歳をとらない方法

人生の速度は自分の経験に依存

同じことをしているとすぐ時間がたつ

転職/引越ししていると歳をとらない

満足する方法

周囲が幸せだと自分も幸せになる

e.g. 奈良や鎌倉に住む

賢い人間/変な人間の中で暮らすべき

変な奴等は大体友達

夢は持たねば実現せず

(C) 冨田勝

持っていると結構実現する

何かをずっと考えていると思いつく

良い情報を集める

賢い人/詳しい人に聞く

Webの見栄えが悪くても良い情報が有ることがある

良い情報を発信すると返ってくる

知識重要!

研究者になる方法

研究者しかわからない

出世する方法

出世した人しかわからない

e.g. Steve Jobs

HPの社長にいきなり連絡した

楽天主義

オプティミストは成功する!

嫌なことをすぐ忘れること

努力すると忘れることはできる

論文と開発

実例: 作ったものがいかに実世界で使われるようになるか

POBox

Gyazo

Scrapbox

Helpfeel

Gear

SmoothSnap

EpisoPass

いろんな苦労

論文化の苦労

商品化の苦労

営業の苦労

メーカーでの苦労

スタートアップでの苦労

大事なこと

アイデアの拙速実装

ドッグフーディング

広く配布

説得相手

トップを説得

開発者を説得

ユーザを説得

「情シス」は説得が難しい

仕事が増えるだけだから

世の中で使われているシステム

コピペ

GUI

ハイパーリンク

D3

...

普及度

table:普及度

*手法 *人物 *ユーザ数

Copy&Paste Larry Tesler 数億

リンクのアンダーライン Ben Shneiderman 数億

タグのAR 暦本純一 100万

PiMenu Bill Buxton 10万

D3.js Mark 10万

keisen.el 増井俊之 100

Goldfish 橋本翔 2

Gyaim 増井俊之 1

Slime 増井俊之 1

Helpfeel 増井俊之 1000

いろいろ Chris Harrison 0

MusicBottle 石井裕 0

論文と実世界の関係

実際に使われるものは論文にならない

論文になったものは実際に使われない

エレガントなシステムは論文にならない

論文になるシステム

論文のシステムは消える

採録後すぐに消滅

採録が最重要であって後はどうでもいいから

誰にも使われないシステムの論文が量産される

それを見て育った学生は、それで良いのだと思う

査読システムの改善が必要

採録基準に「エレガントか?」を入れる

10万ユーザ以下はリジェクト

使われるのはメーカー製のものばかり

流行りそうな新システムを作った人は論文書かずに商売を始める

あたりまえインタフェース

論文にしてもリジェクトされる

Gear, SmoothSnap, ExpandHelp, ...

インタフェースのイディオム

一度見たら忘れないようなものはあたりまえだと思われる

未来の常識を発明したら、見た瞬間にあたりまえだと思われるかも

「ボクもそれ考えてたんだけど」とか言われそう

ウィンドウやメニューもそうだったのか?

「in the wild」論文

実世界での評価を重視する論文

最近流行している?

Pico in the Wild

Gyazo + 認証

https://gyazo.com/ee31366afff71c45c812c9581f3ece11

増井の野望

Scrapboxを電子書籍の標準にする

Serencastをストリーミングの標準にする

他の資料