Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
フィジカルインタラクションデザイン -センサーからデバイス連携まで、ブラウザの外のインタラクシ...
Search
Takuto Onishi
November 07, 2016
Programming
0
560
フィジカルインタラクションデザイン -センサーからデバイス連携まで、ブラウザの外のインタラクションデザインのコツ-
マートフォンの進化により、どんどんと扱えるセンサーの値が増えてきました。
このセッションでは、センサーを使った作例を通して、フィジカルインタラクションデザインの勘所を解説していきます。
Takuto Onishi
November 07, 2016
Tweet
Share
More Decks by Takuto Onishi
See All by Takuto Onishi
ARによる人間の認識能力拡張:掃除機の軌跡をAR化し自閉症児・者の自立活動支援へ活用
024t910
0
200
Phương pháp sử dụng AR để nắm bắt từ công nghệ và ý nghĩa(dotFes2018 VIETNAM Da Nang)
024t910
0
290
技術と意味から捉えるARの活用方法(dotFes2018VIETNAM Da Nang)
024t910
0
390
Other Decks in Programming
See All in Programming
Gemini CLIの"強み"を知る! Gemini CLIとClaude Codeを比較してみた!
kotahisafuru
2
210
AI Ramen Fight
yusukebe
0
120
Android 16KBページサイズ対応をはじめからていねいに
mine2424
0
760
Amazon Q CLI開発で学んだAIコーディングツールの使い方
licux
3
100
Go製CLIツールをnpmで配布するには
syumai
0
790
React は次の10年を生き残れるか:3つのトレンドから考える
oukayuka
40
15k
Strands Agents で実現する名刺解析アーキテクチャ
omiya0555
1
110
JetBrainsのAI機能の紹介 #jjug
yusuke
0
120
バイブコーディング超えてバイブデプロイ〜CloudflareMCPで実現する、未来のアプリケーションデリバリー〜
azukiazusa1
2
730
状態遷移図を書こう / Sequence Chart vs State Diagram
orgachem
PRO
3
300
効率的な開発手段として VRTを活用する
ishkawa
1
180
QA x AIエコシステム段階構築作戦
osu
0
220
Featured
See All Featured
A Modern Web Designer's Workflow
chriscoyier
695
190k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.4k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
8
390
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
48
2.9k
The Invisible Side of Design
smashingmag
301
51k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
45
7.5k
Automating Front-end Workflow
addyosmani
1370
200k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
138
34k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Transcript
ϑΟδΧϧΠϯλϥΫγϣϯσβΠϯ ηϯαʔ͔ΒσόΠε࿈ܞ·Ͱɺϒϥβͷ֎ͷΠϯλϥΫγϣϯσβΠϯͷίπ Δେਓ
େਓ ɺΔגࣜձࣾΛઃཱɻ͓ؔΑͼ౦ژͷ اۀސ٬ʹ͚ͨɺεϚʔτϑΥϯΞϓϦͷ։ൃɺ ϝʔΧʔలࣔձ͚ͷίϯςϯπ࡞ɺ8&#αʔ Ϗεͷ։ൃɺࢼ࡞ͷ։ൃͳͲΛडୗۀΛ த৺ʹߦ͍ͬͯΔɻ ΠϯελϨʔγϣϯͷษڧɺ੍࡞ίϛϡχςΟʮΠ ϯελ෦ʯΛӡӦ͢Δ΄͔ɺࣗͰϓϥΠϕʔ τϫʔΫΛاըɾ੍࡞͍ͯ͠Δɻ ژਫ਼՚େֶඇৗۈߨࢣɻ
Δͱ ݄ઃཱɻ͓ؔΑͼ౦ژͷاۀސ٬ʹ͚ͨɺεϚʔ τϑΥϯΞϓϦͷ։ൃɺϝʔΧʔలࣔձ͚ͷίϯςϯπ ࡞ɺ8&#αʔϏεͷ։ൃɺࢼ࡞ͷ։ൃͳͲΛडୗۀ Λத৺ʹߦ͍ͬͯΔɻ
εϚʔτϑΥϯʹࡌ͞Ε͍ͯΔηϯαʔ w ࣠Ճηϯαʔ w ࣠δϟΠϩηϯαʔ w ࣓ؾηϯαʔʢίϯύεʣ w (14ηϯαʔ w
#MVFUPPUIϞδϡʔϧ w ۙηϯαʔ w ؾѹηϯαʔ w λονσΟεϓϨΠ λονྖҬ Ϛϧνλον λονڧ w ϚΠΫ w Χϝϥ ˞J1IPOFJ04Λج४ͱͨ͠σʔλͰ͢ɻ
ϒϥβ͔Βར༻Ͱ͖Δηϯαʔ w ࣠Ճηϯαʔ w ࣠δϟΠϩηϯαʔ w ࣓ؾηϯαʔʢίϯύεʣ w (14ηϯαʔ w
#MVFUPPUIϞδϡʔϧ w ۙηϯαʔ w ؾѹηϯαʔ w λονσΟεϓϨΠ λονྖҬ Ϛϧνλον λονڧ w ϚΠΫ w Χϝϥ ˞J1IPOFJ04Λج४ͱͨ͠σʔλͰ͢ɻ
ࠓճ w ࣠Ճηϯαʔ w ࣠δϟΠϩηϯαʔ ʹߜΓɺ͜ͷͭΛͲ͏͍͔ͬͯ͢Λߟ͑Δɻ ͦΜͳηογϣϯͰ͢ɻ
࣠Ճηϯαʔ εϚϗͷ9:;࣠ͷઢํʹ͔ͬͯͷՃΛऔಘͰ͖Δɻ
࣠δϟΠϩηϯαʔ εϚϗͷ9:;࣠ͷճసʢͻͶΓʣͷ֯ΛऔಘͰ͖Δɻ
Ճηϯαʔͷੳํ๏ w ͰݟΔ w ॠؒతͳ༳Εিܸ w ࢟ͷݕग़ w ظؒͰݟΔ w
ूੵͨ͠ΛݟΔ w ฏۉͰݟΔ w ࠷େ࠷খͰݟΔ w ܗͰݟΔ w पղੳΛߦ͏ w ૬ؔͰࣅͨܗ͔Ͳ ͏͔Λ֬ೝ͢Δ w ػցֶशͰҟৗݕ
δϟΠϩηϯαʔͷੳํ๏ w ͰݟΔ w ॠؒతͳ༳Εিܸ w ࢟ͷݕग़ w ظؒͰݟΔ w
ूੵͨ͠ΛݟΔ w ฏۉͰݟΔ w ࠷େ࠷খͰݟΔ w ܗͰݟΔ w पղੳΛߦ͏ w ૬ؔͰࣅͨܗ͔Ͳ ͏͔Λ֬ೝ͢Δ w ػցֶशͰҟৗݕ w ΫΦʔλχΦϯʹม
ηϯαʔΛͬͨ ΠϯλϥΫγϣϯσβΠϯͷಛ εϚϗΛ࣋ͭखͷಈ͖͕࿈ಈ͢ΔͷͰɺ গͳ͍ΠϯετϥΫγϣϯͰ ϢʔβʔΞΫγϣϯΛଅ͢͜ͱ͕Ͱ͖Δɻ
ηϯαʔͷར༻ํ๏ͷྨ w ೳಈܕ ͦͷΠϯλϥΫγϣϯΛతʹϢʔβʔ͕ΞΫγϣϯΛߦ͏ɻήʔ ϜΤϯλʔςΠϯϝϯτܥʹ͘ɻ w Ճܕ ඞਢͰͳ͍͕ɺͦͷΠϯλϥΫγϣϯΛߦ͏͜ͱͰΑΓศརͩͬ ͨΓɺָ͘͠ͳͬͨΓ͢ΔɻπʔϧϢʔςΟϦςΟɺΤϯλϝ͚ w
જࡏܕ ϢʔβʔΠϯλϥΫγϣϯΛҙࣝͤͣɺࣗಈͰηϯαʔ͕ঢ়ଶΛऔ ಘ͢Δɻ
ೳಈܕͷྫ w ͓ͪΌ෩XFCΞϓϦ εϚϗΛৼΔͱԻ͕ͳΔɻ w δϟΠϩΛήʔϜίϯτϩʔϥʔʹ ͷ͖ͰϘʔϧΛస͕͢ήʔϜ
Ճܕͷྫ w ύϊϥϚXFCαΠτ ௨ৗͷXFCαΠτͷഎܠʹύϊϥϚը૾Λઃஔ w ը໘Λৼͬͯૢ࡞ΛΩϟϯηϧ
જࡏܕͷྫ w า͖εϚϗېࢭϓϥάΠϯ w ར༻ऀͷڥใΛऩूʢӾཡதͷ࢟า͖εϚϗதɺͳ ͕ΒεϚϗͳͲʣ
ϒϥβͷΈΛ ͑ͯߟ͑ͯΈΔ
*P5πʔϧͱͯ͠ͷεϚʔτϑΥϯ εϚʔτϑΥϯ༷ʑͳηϯαʔ௨৴Ϟδϡʔϧ͕ࡌͬͨɺ *P5ٕज़ͷๅݿɻ Θͳ͘ͳͬͨࣗͷεϚʔτϑΥϯɺձࣾͷݕূػͳͲΛ ͬͯͰ͖Δ*P5αʔϏεΛ͍͔ͭ͘ߟ͑ͯΈ·ͨ͠ɻ
ͦͦ*P5ͬͯʁ *OUFSOFUPG5IJOHʢϞϊͷΠϯλʔωοτʣͱ͍͏ߟ͑ํɻ ՈిΠϯςϦΞͳͲɺࠓ·ͰΠϯλʔωοτʹͭͳ͕͍ͬͯ ͳ͔ͬͨϞϊΛΠϯλʔωοτʹͭͳ͛Δ͜ͱͰɺ৽͍͠׆༻ ํ๏Λ͍͛ͯ͘ࢼΈɻ ࠷ۙΠϯλʔωοτʹͭͳ͕͍ͬͯͳ͍͚ͲεϚϗʹͭͳ͛ Ε*P5ͱݴͬͯ͠·͏ਓ͍ΔͷͰҙɻ
ϞϊʹεϚϗΛ͚ͬͭͯ͘*P5Խ͢Δ αϯϓϧ τΠϨͷศثʹεϚϗ ΛషΓ͚ɻࣗಈͰ֖ ͕ด·ΔλΠϓͷτΠ ϨͳΒɺ༻த͔൱͔ ͕ԕִͰΘ͔ΔΑ͏ʹ ͳΔɻ
ϞϊʹεϚϗΛ͚ͬͭͯ͘*P5Խ͢Δ Έ Ճηϯαʔ͔ΒεϚϗͷ͖Λݕɻ ͓͖ʹɺঢ়ଶΛXFCαʔόʔʹ௨͢ Δɻ
΄͔ʹ ྫྷଂݿͷυΞʹऔΓ͚ δϟΠϩηϯαʔͰ։ดΛݕɻͩͬͨΒ৯ࢭͷΞϥʔ τΛग़͢ γϟπͷഎதʹऔΓ͚ ࣄதͷೣഎΛՃηϯαʔͰ͖͔Βऔಘɻೣഎ͕ଓ͘ ͱɺը໘ʹΞϥʔτΛදࣔ ͳͲͳͲʜ
ηϯαʔΛ͏ͱ ਓͷߦಈΛτϦΨʔʹͯ͠ɺ͞·͟·ͳΠϯλϥΫγϣϯΛੜ Ή͜ͱ͕Ͱ͖·͢ɻ ϒϥβͷϚεࢦΩʔϘʔυʹଊΘΕͣɺ৽͍͠Πϯλ ϥΫγϣϯΛΈͳ͞ΜੋඇҰॹʹߟ͑ͯΈ·͠ΐ͏ɻ
ηϯαʔΛ༻͍ͨͷͮ͘ΓاըͷͨΊͷϑϨʔϜϫʔΫ ղܾ͍ͨ͠ ఏڙ͍ͨ͠Ձɾػೳ ରͱͳΔਓ ͖͔͚ͬʹͳΔߦಈ ηϯαʔͰଌΔཁૉ ηϯαʔ͕ൃಈͤ͞Δಈ࡞ ਓʹ༩͑ΔӨڹ ࠷ऴతʹఏڙ͢Δ ɾαʔϏεͷઆ໌
VALUE SOLUTION TARGET ACTION SENSING REACTION EFFECT