Enviar pesquisa
Carregar
Creators'night#3今井
•
0 gostou
•
405 visualizações
Daisuke Imai
Seguir
Creators'night#3のLT資料です。
Leia menos
Leia mais
Engenharia
Denunciar
Compartilhar
Denunciar
Compartilhar
1 de 38
Baixar agora
Baixar para ler offline
Recomendados
Devとopsをつなぐpuppet
Devとopsをつなぐpuppet
yuzorock
日曜プログラマーとigoogle先生
日曜プログラマーとigoogle先生
Yuusuke Takeuchi
Touhou Project on JavaScript
Touhou Project on JavaScript
sairoutine
あたしデザイナだけど"ナントカ.js"と仲良くできたよ
あたしデザイナだけど"ナントカ.js"と仲良くできたよ
momo yagi
Jenkins study 7 2013-01-28
Jenkins study 7 2013-01-28
Ato ARAKI
JS と Canvas で作るシューティングゲーム
JS と Canvas で作るシューティングゲーム
sairoutine
RoomAlive - HoloLensに向けていまできること
RoomAlive - HoloLensに向けていまできること
c-mitsuba
Googlemaps tutorial
Googlemaps tutorial
Hiroki Kouchi
Recomendados
Devとopsをつなぐpuppet
Devとopsをつなぐpuppet
yuzorock
日曜プログラマーとigoogle先生
日曜プログラマーとigoogle先生
Yuusuke Takeuchi
Touhou Project on JavaScript
Touhou Project on JavaScript
sairoutine
あたしデザイナだけど"ナントカ.js"と仲良くできたよ
あたしデザイナだけど"ナントカ.js"と仲良くできたよ
momo yagi
Jenkins study 7 2013-01-28
Jenkins study 7 2013-01-28
Ato ARAKI
JS と Canvas で作るシューティングゲーム
JS と Canvas で作るシューティングゲーム
sairoutine
RoomAlive - HoloLensに向けていまできること
RoomAlive - HoloLensに向けていまできること
c-mitsuba
Googlemaps tutorial
Googlemaps tutorial
Hiroki Kouchi
ハマる!HoloLensアプリ開発
ハマる!HoloLensアプリ開発
Tatsuya Sakai
Tizen web app について調べたよ
Tizen web app について調べたよ
Naruto TAKAHASHI
20200216 MacBook Proで姿勢検出
20200216 MacBook Proで姿勢検出
Kenichi Kinoshita
Holo meetup3 lt_yamanaka
Holo meetup3 lt_yamanaka
daisuke yamanaka
WebRTCとHoloLens
WebRTCとHoloLens
daisuke yamanaka
Html5 でアプリを作るということ
Html5 でアプリを作るということ
Naruto TAKAHASHI
Gorilla.vim#6
Gorilla.vim#6
MasatakaHigashijima
Prottで変える開発プロセス
Prottで変える開発プロセス
Takumi Kai
20100930 DevLOVE Enagilized Work!
20100930 DevLOVE Enagilized Work!
一法 山崎
プログラマのためのPC自動化
プログラマのためのPC自動化
高見 知英
Wcan12
Wcan12
occhii105
XPagesDay 2014【B 1】最新のモバイル ui を瞬時に作成 〜x controlsのご紹介〜
XPagesDay 2014【B 1】最新のモバイル ui を瞬時に作成 〜x controlsのご紹介〜
Mitsuru Katoh
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
Mori Shingo
2016年第一回プレ卒研in山口研
2016年第一回プレ卒研in山口研
dmcc2015
Xcode bot
Xcode bot
toyship
Handson opencv! 画像処理ライブラリを使って面白いプログラムを作ろう!その2
Handson opencv! 画像処理ライブラリを使って面白いプログラムを作ろう!その2
Saya Katafuchi
Core Graphics on watchOS 2
Core Graphics on watchOS 2
Shuichi Tsutsumi
MobProgramming at ヴァル研究所 - 紹介
MobProgramming at ヴァル研究所 - 紹介
Toshiyuki Ando
GroovyなAndroidテスト #atest_hack
GroovyなAndroidテスト #atest_hack
Takahiro Yoshimura
その素敵なUI基盤を目指して・・・
その素敵なUI基盤を目指して・・・
KLab Inc. / Tech
Swiftビギナーズ倶楽部 vol.2
Swiftビギナーズ倶楽部 vol.2
Kanako Kobayashi
jOOQの紹介
jOOQの紹介
Takuya Kitamura
Mais conteúdo relacionado
Mais procurados
ハマる!HoloLensアプリ開発
ハマる!HoloLensアプリ開発
Tatsuya Sakai
Tizen web app について調べたよ
Tizen web app について調べたよ
Naruto TAKAHASHI
20200216 MacBook Proで姿勢検出
20200216 MacBook Proで姿勢検出
Kenichi Kinoshita
Holo meetup3 lt_yamanaka
Holo meetup3 lt_yamanaka
daisuke yamanaka
WebRTCとHoloLens
WebRTCとHoloLens
daisuke yamanaka
Html5 でアプリを作るということ
Html5 でアプリを作るということ
Naruto TAKAHASHI
Gorilla.vim#6
Gorilla.vim#6
MasatakaHigashijima
Prottで変える開発プロセス
Prottで変える開発プロセス
Takumi Kai
20100930 DevLOVE Enagilized Work!
20100930 DevLOVE Enagilized Work!
一法 山崎
プログラマのためのPC自動化
プログラマのためのPC自動化
高見 知英
Wcan12
Wcan12
occhii105
Mais procurados
(11)
ハマる!HoloLensアプリ開発
ハマる!HoloLensアプリ開発
Tizen web app について調べたよ
Tizen web app について調べたよ
20200216 MacBook Proで姿勢検出
20200216 MacBook Proで姿勢検出
Holo meetup3 lt_yamanaka
Holo meetup3 lt_yamanaka
WebRTCとHoloLens
WebRTCとHoloLens
Html5 でアプリを作るということ
Html5 でアプリを作るということ
Gorilla.vim#6
Gorilla.vim#6
Prottで変える開発プロセス
Prottで変える開発プロセス
20100930 DevLOVE Enagilized Work!
20100930 DevLOVE Enagilized Work!
プログラマのためのPC自動化
プログラマのためのPC自動化
Wcan12
Wcan12
Semelhante a Creators'night#3今井
XPagesDay 2014【B 1】最新のモバイル ui を瞬時に作成 〜x controlsのご紹介〜
XPagesDay 2014【B 1】最新のモバイル ui を瞬時に作成 〜x controlsのご紹介〜
Mitsuru Katoh
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
Mori Shingo
2016年第一回プレ卒研in山口研
2016年第一回プレ卒研in山口研
dmcc2015
Xcode bot
Xcode bot
toyship
Handson opencv! 画像処理ライブラリを使って面白いプログラムを作ろう!その2
Handson opencv! 画像処理ライブラリを使って面白いプログラムを作ろう!その2
Saya Katafuchi
Core Graphics on watchOS 2
Core Graphics on watchOS 2
Shuichi Tsutsumi
MobProgramming at ヴァル研究所 - 紹介
MobProgramming at ヴァル研究所 - 紹介
Toshiyuki Ando
GroovyなAndroidテスト #atest_hack
GroovyなAndroidテスト #atest_hack
Takahiro Yoshimura
その素敵なUI基盤を目指して・・・
その素敵なUI基盤を目指して・・・
KLab Inc. / Tech
Swiftビギナーズ倶楽部 vol.2
Swiftビギナーズ倶楽部 vol.2
Kanako Kobayashi
jOOQの紹介
jOOQの紹介
Takuya Kitamura
Unityの夕べ in Fukuoka
Unityの夕べ in Fukuoka
Shinobu Izumi
Debug Hacks - 第4回つくらぐ勉強会
Debug Hacks - 第4回つくらぐ勉強会
University of Tsukuba Linux User Group
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~
Atsushi Harada
MetroStyleAppsさわってみた わんくま
MetroStyleAppsさわってみた わんくま
c-mitsuba
Css nite(2010.09.23)
Css nite(2010.09.23)
Yoshiki Ushida
Androidで使えるモックフレームワーク
Androidで使えるモックフレームワーク
Koji Hasegawa
java-ja TDD 2nd
java-ja TDD 2nd
Takuto Wada
Gws in fukuoka
Gws in fukuoka
Takuma Watabiki
機械学習でテスト実行を効率化するLaunchable.pdf
機械学習でテスト実行を効率化するLaunchable.pdf
yusuke shibui
Semelhante a Creators'night#3今井
(20)
XPagesDay 2014【B 1】最新のモバイル ui を瞬時に作成 〜x controlsのご紹介〜
XPagesDay 2014【B 1】最新のモバイル ui を瞬時に作成 〜x controlsのご紹介〜
福井スマートフォンハッカソン Titanium Mobileの紹介
福井スマートフォンハッカソン Titanium Mobileの紹介
2016年第一回プレ卒研in山口研
2016年第一回プレ卒研in山口研
Xcode bot
Xcode bot
Handson opencv! 画像処理ライブラリを使って面白いプログラムを作ろう!その2
Handson opencv! 画像処理ライブラリを使って面白いプログラムを作ろう!その2
Core Graphics on watchOS 2
Core Graphics on watchOS 2
MobProgramming at ヴァル研究所 - 紹介
MobProgramming at ヴァル研究所 - 紹介
GroovyなAndroidテスト #atest_hack
GroovyなAndroidテスト #atest_hack
その素敵なUI基盤を目指して・・・
その素敵なUI基盤を目指して・・・
Swiftビギナーズ倶楽部 vol.2
Swiftビギナーズ倶楽部 vol.2
jOOQの紹介
jOOQの紹介
Unityの夕べ in Fukuoka
Unityの夕べ in Fukuoka
Debug Hacks - 第4回つくらぐ勉強会
Debug Hacks - 第4回つくらぐ勉強会
Titanium Mobile ~本当にあったこわい話~
Titanium Mobile ~本当にあったこわい話~
MetroStyleAppsさわってみた わんくま
MetroStyleAppsさわってみた わんくま
Css nite(2010.09.23)
Css nite(2010.09.23)
Androidで使えるモックフレームワーク
Androidで使えるモックフレームワーク
java-ja TDD 2nd
java-ja TDD 2nd
Gws in fukuoka
Gws in fukuoka
機械学習でテスト実行を効率化するLaunchable.pdf
機械学習でテスト実行を効率化するLaunchable.pdf
Mais de Daisuke Imai
PythonからV-Sido CONNECTで ロボットを操る ~ ハードウェアの絡んだ仕組みの制御を考える ~
PythonからV-Sido CONNECTで ロボットを操る ~ ハードウェアの絡んだ仕組みの制御を考える ~
Daisuke Imai
デブコミュ#20150312
デブコミュ#20150312
Daisuke Imai
Creators'night#15今井
Creators'night#15今井
Daisuke Imai
Creators'night#14今井
Creators'night#14今井
Daisuke Imai
Creators'night#13 tech#2今井
Creators'night#13 tech#2今井
Daisuke Imai
Creators'night#12今井
Creators'night#12今井
Daisuke Imai
Creators'night#10今井
Creators'night#10今井
Daisuke Imai
Creators'night#8今井
Creators'night#8今井
Daisuke Imai
Creators'night#7今井
Creators'night#7今井
Daisuke Imai
Creators'night#6今井
Creators'night#6今井
Daisuke Imai
Creators'night#5今井
Creators'night#5今井
Daisuke Imai
Creators'night#4今井
Creators'night#4今井
Daisuke Imai
Creators'night#1今井
Creators'night#1今井
Daisuke Imai
UI研究会#2
UI研究会#2
Daisuke Imai
UI研究会#3
UI研究会#3
Daisuke Imai
Beenos creators'night#201308今井
Beenos creators'night#201308今井
Daisuke Imai
Beenos creators'night#201307今井
Beenos creators'night#201307今井
Daisuke Imai
Ui研究会#1
Ui研究会#1
Daisuke Imai
Beenos creators' night#201305今井
Beenos creators' night#201305今井
Daisuke Imai
Beenos creators' night#201306今井
Beenos creators' night#201306今井
Daisuke Imai
Mais de Daisuke Imai
(20)
PythonからV-Sido CONNECTで ロボットを操る ~ ハードウェアの絡んだ仕組みの制御を考える ~
PythonからV-Sido CONNECTで ロボットを操る ~ ハードウェアの絡んだ仕組みの制御を考える ~
デブコミュ#20150312
デブコミュ#20150312
Creators'night#15今井
Creators'night#15今井
Creators'night#14今井
Creators'night#14今井
Creators'night#13 tech#2今井
Creators'night#13 tech#2今井
Creators'night#12今井
Creators'night#12今井
Creators'night#10今井
Creators'night#10今井
Creators'night#8今井
Creators'night#8今井
Creators'night#7今井
Creators'night#7今井
Creators'night#6今井
Creators'night#6今井
Creators'night#5今井
Creators'night#5今井
Creators'night#4今井
Creators'night#4今井
Creators'night#1今井
Creators'night#1今井
UI研究会#2
UI研究会#2
UI研究会#3
UI研究会#3
Beenos creators'night#201308今井
Beenos creators'night#201308今井
Beenos creators'night#201307今井
Beenos creators'night#201307今井
Ui研究会#1
Ui研究会#1
Beenos creators' night#201305今井
Beenos creators' night#201305今井
Beenos creators' night#201306今井
Beenos creators' night#201306今井
Creators'night#3今井
1.
スマートフォンにおける UI/UX考 ネットプライスドットコム NPLab. いまい大すけ
2.
「Clear」ってTodoアプリ
3.
Clear
4.
UIがとっても良い アプリなんだって。 (機能的にはあんまり…)
5.
模倣ライブラリ早速出た • Re:Clear • ネイティブ(UIScrollViewベース) •
ライブラリをGumroadで実験販売$5 • http://jacminik.wordpress.com/2012/02/21/reclear_1/ • JTGestureBasedTableViewDemo • ネイティブ(UITableViewベース) • ライブラリをGithubで公開 • https://github.com/mystcolor/ JTGestureBasedTableViewDemo
6.
さっそくbuild
7.
結構シンプルだなー
8.
(゚∀゚)! jQueryで実装できんじゃね?
9.
まて、やってる奴いるかも… google先生!
10.
案の定いたよ…orz
11.
JavaScript実装 •Youyuxi • ブラウザベース(iOSのみ) • jQueryではなく、zepto.jsで実装 •
http://clear.youyuxi.com/ •これがまた、よくできてる。
12.
どのくらい良くできてるか
13.
Re:Clear JTGestureBasedTableV iewDemo youyuxi ネイティブ ネイティブ
ウェブ 3つのレイヤー △(2つ) ×(アイテムのみ) △(2つ) リスト/アイテムの内包数表示 ○(表示やや違う) - ○ 文字部分タップでリスト/アイテムのテキスト変更 ○ × ○ タップで選択、下層レイヤーに遷移 ○ - ○ ピンチインで上位レイヤーへ遷移 ○ - ○ 大きくプルダウンで上位レイヤーへ遷移 × - × プルダウンでリスト/アイテム追加 ○ ○(出方が違う) ○ 空白タップでリスト/アイテム追加 ○ × ○ ピンチアウトでその場所にリスト/アイテム追加 ○ ○ × 右にスワイプでアイテム完了 × △(移動なし) ○ 左にスワイプでリスト/アイテム削除 ○ ○ ○ 完了済みアイテムを右スワイプで未完了に戻す - × ○ 完了済みアイテムを左スワイプで削除 - ○ ○ ロングタップで並び替え × × ○ 大きくプルアップで完了項目の全削除 × × × 自動カラーリング △(少しおかしい) ○ ○ 色の変更(theme) × × × サウンドレスポンス × × × バイブレーションレスポンス(完了時) × × × 評価得点 9 5.5 13.5 実装の比較してみた 13.5! 圧倒的だってばよ!
14.
でもできてないとこあるし、 forkしちまうぜ! (リスペクト)
15.
とりあえず、ソース読むか
16.
17.
…ま、そうだよね。
18.
はい、 http://jsbeautifier.org/
19.
20.
21.
よしゃんぐ!
22.
さ、コードリーディング…
23.
24.
※しばらく、かわいい動物の寝顔をお楽しみください。
25.
※しばらく、かわいい動物の寝顔をお楽しみください。
26.
※しばらく、かわいい動物の寝顔をお楽しみください。
27.
※しばらく、かわいい動物の寝顔をお楽しみください。
28.
( ゚д゚)ハッ! - AM6:00
-
29.
寝落ちしてた…
30.
\(^o^)/オワタ
31.
すまん、 次までに実装してくるから。
32.
でも、それだけではなんなので
33.
ClearのUIの思想 • ボタンメタファの排除 • これまでのボタンのメタファーは、マウスの「クリック」という 動作との親和性の高さから主流だった。 •
マウスをクリックして得られる身体フィードバックがボタンを押 す行為のフィードバックと重なる • タッチインターフェイスでの「タップ」では、ボタンを押したと いうフィードバックを得にくい。 • グラフィカルなフィードバックはアリだが、指が邪魔する。 • 「ポチッ」という音でフィードバックするのは可能 • バイブレーションでのフィードバックも可 • ボタンメタファを使わないとどういったUIになるのか、を実装し ていったら、こういう形になった、という一つの形。
34.
これからのUI/UX • 身体感覚を活かす • スマートデバイスでは、もしかしたらタップよりもスワイプなど の方が身体的な「気持ちよさ」が上かもしれない。 •
画面遷移、機能切り替えなど、タップよりもスワイプ重視の設 計で考えてみる。 • 五感に訴える(脳への刷り込み) • 画面を隠して作業することの多いスマートデバイスでは、行動 に音や振動の小さなフィードバックをつける。 • 「タスクの完了」に、音やバイブレーションを使った強いフィー ドバックを与える。 • サーバー側+クライアント側の総合的なレスポンス設計をする。
35.
お詫びにもう一つおまけを。
36.
今月の加藤さん 無限なめこ http://s6.ql.bz/ iqp/nameko/ nameko.html 無限なめかと http://ow.ly/9g94y
37.
DEMO
38.
ご清聴 ありがとうございました。 無限なめかと http://ow.ly/9g94y
Baixar agora