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
いまさらだけどiOSのHapticsを学んでみた
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
jollyjoester
November 27, 2021
Technology
860
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
いまさらだけどiOSのHapticsを学んでみた
2021/11/27 Swift愛好会談義
https://love-swift.connpass.com/event/230401/
jollyjoester
November 27, 2021
More Decks by jollyjoester
See All by jollyjoester
Swift愛好会100回記念 第1回を振り返る
jollyjoester
0
26
印西市創業実践プログラム2026 【AI活用講座】
jollyjoester
0
51
AI時代でも変わらない技術コミュニティの力 ~10年続く"ゆるい"つながりが生み出す価値~
jollyjoester
0
34
AIコードアシスタントとiOS開発
jollyjoester
1
380
市民のためのセキュリティ講座
jollyjoester
0
110
コミュニティMTG in WWDC24
jollyjoester
0
390
BengaluruでLTしてきた
jollyjoester
0
410
try! Swift Tokyo 2024
jollyjoester
0
410
エンジニアが直接会う場の価値について
jollyjoester
8
4.7k
Other Decks in Technology
See All in Technology
AI時代の「OAuth認証」にどう物申すか?(OAuth/OIDC Numa (Immersion) Workshop 2026)
oidfj
PRO
0
340
Kiro Crew で始める マルチエージェント開発
miu_crescent
PRO
0
200
Master Dataグループ紹介資料
sansan33
PRO
1
4.8k
顧客の要望は2次情報である 〜アンテナを張るFDEの構造論〜
noriakioji
5
1k
RapidCopy2 Matrix I/Oエンジンによるファイルコピーソフトウェアの設計と実装
kengosawa2
1
480
暗号化?某ファイルストレージはどうなるの!? 3rd Partyとうまく付き合う秘密度ラベル設計
kasada
0
210
tamachi.goを支える技術
rymiyamoto
0
110
dbt in Microsoft Fabric
ryomaru0825
0
300
Eight Engineering Unit 紹介資料
sansan33
PRO
3
8.3k
AWSとAzureのマルチクラウド活用における強い味方___AWS_Kiroを使った二刀流スキル作成.pdf
duelist2020jp
1
140
Claude Codeで開発以外の業務も爆速化しよう!
minorun365
PRO
11
9k
Cloudflare製品を活用した AIガバナンス実践入門 / AI governance with Cloudflare Service
delta_tech
1
120
Featured
See All Featured
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
260
Product Roadmaps are Hard
iamctodd
55
12k
The Straight Up "How To Draw Better" Workshop
denniskardys
239
140k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.4k
BBQ
matthewcrist
89
10k
Leadership Guide Workshop - DevTernity 2021
reverentgeek
1
350
We Are The Robots
honzajavorek
0
310
The SEO identity crisis: Don't let AI make you average
varn
0
540
Why You Should Never Use an ORM
jnunemaker
PRO
61
10k
Navigating Weather and Climate Data
rabernat
0
490
Paper Plane (Part 1)
katiecoart
PRO
1
10k
Transcript
いまさらだけど iOSのHapticsを学んでみた 2021/11/27 Swift愛好会 jollyjoester
きっかけ Pikminのポコポコ…が気持ちいい ポコポコ ポコポコ … ポコ … ポコ … ポコ
…
Hapticsとは Haptics = 触覚 User Interfaceとして触覚(振動)を用いる iPhoneではTaptic Engineという部品で発生させている iPhone 6sの頃から搭載
細かくイジれるようになったのはiOS10から Apple WatchとHaptic Feedbackは相性がとても良い VRの世界で物体に触れた感覚を生じさせるものとして注目されてるよ
Hapticsが使われているところ アプリアイコンを長押ししたり アプリをインストールしたり SliderやSwitch, Picker, Pull to refreshなど操作したり
どうやって実装できるの? お手軽 • UIFeedbackGenerator カスタム • Core Haptics
UIFeedbackGeneratorの例 UIFeedbackGenerator • UIImpactFeedbackGenerator(触った感、ぶつかった感) • UISelectionFeedbackGenerator(UIで選んでる時) • UINotificationFeedbackGenerator(お知らせ) さぁみんなも体験してみよう! サンプル:
https://github.com/jollyjoester/HapticsSample ※prepare()呼ぶタイミング適当だから本番で使うときは気をつけてね
どこに使うと良いの? あまり多用するとうざい。 単独ではあまり使わない。視覚のフィードバックを補完するイメージ。 e.g. Bluetooth機器との接続解除をお知らせするトースト表示とともにポコッ、くらいが ちょうど良いイメージ • 必須ではない、けど気づいて欲しいくらいの温度感 • 結果が遅延してくるもののお知らせ
• 表示と音と触覚でうまく表現できるのがいいね e.g. アプリ内の何かに触った感を出すとき • Pull to refresh(UIRefreshControl)のひっかかる感 • Pikminにさわるとき
まとめ いまさらだけどHaptics素晴らしい 手触り感気持ちいいね ユーザー体験を考えるときにちゃんと意識していこう (マナーモードにせざるを得ない状況の多い日本だと音よりHapticsが重要かも)
参考 • Human Interface Guidelines: Haptics • Apple Developer Documentation:
UIFeedbackGenerator • Apple Developer Documentation: Core Haptics