---
title: Apple Pencil Proの新機能
tags:  #ios #yumemi.grow  
author: [USAMI Kosuke](https://www.docswell.com/user/usami-k)
site: [Docswell](https://www.docswell.com/)
thumbnail: https://bcdn.docswell.com/page/P7RWPQXWE9.jpg?width=480
description: YUMEMI.grow Mobile #13 - connpass https://yumemi.connpass.com/event/317381/  Apple Pencil Proの話をしました #yumemi_grow - usami-kの日記 https://usami-k.hatenablog.com/entry/2024/05/17/231752
published: May 17, 24
canonical: https://www.docswell.com/s/usami-k/5984PJ-pencil-pro
---
# Page. 1

![Page Image](https://bcdn.docswell.com/page/P7RWPQXWE9.jpg)

Apple Pencil Proの新機能
宇佐見公輔 / 株式会社ゆめみ
2024-05-17
YUMEMI.grow Mobile #13
Apple Pencil Proの新機能
1


# Page. 2

![Page Image](https://bcdn.docswell.com/page/PJXP356VEX.jpg)

自己紹介
宇佐見公輔（うさみこうすけ）
株式会社ゆめみ / iOSテックリード
2024-05-17（水）に発売された新しいiPad Proを買いました
PencilやKeyboardと合わせた一式で42万円
前モデルのiPad Proも買っていて、その時もLTをしました
Apple Pencil のホバー機能を試す
https://zenn.dev/usamik26/articles/pencil-hover
Apple Pencil Proの新機能
2


# Page. 3

![Page Image](https://bcdn.docswell.com/page/3JKDY6157D.jpg)

iPad Pro (M4)
13インチ iPad Pro (M4)
nano-textureガラス
Apple Pencil Pro
Magic Keyboard
Apple Pencil Proの新機能
3


# Page. 4

![Page Image](https://bcdn.docswell.com/page/LE3R96Q175.jpg)

Apple Pencil Pro
ホバー（Pencil 2ndからの機能）
ダブルタップ（Pencil 2ndからの機能）
バレルロール（軸を回転する）
スクイーズ（指で挟んで押す）
触覚フィードバック
「探す」アプリ対応
ref. https://www.apple.com/jp/apple-pencil/
Apple Pencil Proの新機能
4


# Page. 5

![Page Image](https://bcdn.docswell.com/page/8EDYGV9KEG.jpg)

Apple Pencil Pro対応モデル
現状、2024-05-15に発売された以下のモデルのみが対象
iPad Pro (M4) 13インチ / 11インチ
iPad Air (M2) 13インチ / 11インチ
Apple Pencil Proの新機能
5


# Page. 6

![Page Image](https://bcdn.docswell.com/page/V7P63VZ3J8.jpg)

設定
アクション変更可能
スクイーズ
ダブルタップ
Apple Pencil Proの新機能
6


# Page. 7

![Page Image](https://bcdn.docswell.com/page/2JV34ZWNEQ.jpg)

スクイーズ
ツールパレット
消しゴム
ショートカット
など
Apple Pencil Proの新機能
7


# Page. 8

![Page Image](https://bcdn.docswell.com/page/5EG314D57L.jpg)

Apple Pencil対応のための開発情報
Apple Pencil | Apple Developer Documentation
https://developer.apple.com/documentation/ApplePencil
PencilKit | Apple Developer Documentation
https://developer.apple.com/documentation/pencilkit
Apple Pencil Proの新機能
8


# Page. 9

![Page Image](https://bcdn.docswell.com/page/4JQ5DG1L7P.jpg)

SwiftUI / UIKit
Apple Pencil interactions | Apple Developer Documentation
https://developer.apple.com/documentation/uikit/apple_pencil
_interactions
iOS 17.5でAPIが追加されている
SwiftUI : Pencil対応のModifierが追加
UIKit : PencilのDelegateにスクイーズ対応が追加
Apple Pencil Proの新機能
9


# Page. 10

![Page Image](https://bcdn.docswell.com/page/K749Z5R5E1.jpg)

SwiftUI Modifier追加
var body: some View {
MyView()
.onPencilSqueeze { phase in
//
}
}
スクイーズの処理
iOS 17.5 で追加
onPencilDoubleTap(perform:)
onPencilSqueeze(perform:)
Apple Pencil Proの新機能
10


# Page. 11

![Page Image](https://bcdn.docswell.com/page/LJ1KRWQ27G.jpg)

スクイーズの処理
PencilPreferredAction
で処理を分ける
.showContextualPalette
.switchEraser
.switchPrevious
.showColorPalette
.showInkAttributes
.runSystemShortcut
.ignore
Apple Pencil Proの新機能
11


# Page. 12

![Page Image](https://bcdn.docswell.com/page/GJWD16M272.jpg)

UIKit スクイーズ対応
class ViewController: UIViewController, UIPencilInteractionDelegate {
override func viewDidLoad() {
let pencilInteraction = UIPencilInteraction(delegate: self)
view.addInteraction(pencilInteraction)
}
func pencilInteraction(_ interaction: UIPencilInteraction,
didReceiveSqueeze squeeze: UIPencilInteraction.Squeeze) {
//
}
スクイーズの処理
}
Apple Pencil Proの新機能
12


# Page. 13

![Page Image](https://bcdn.docswell.com/page/4EZGPYQ4J3.jpg)

UIKitの変更
iOS 17.5 で追加
pencilInteraction(_:didReceiveTap:)
pencilInteraction(_:didReceiveSqueeze:)
deprecated
pencilInteractionDidTap(_:)
Apple Pencil Proの新機能
13


# Page. 14

![Page Image](https://bcdn.docswell.com/page/Y76YMD6GEV.jpg)

まとめ
iOS 17.5でApple Pencil対応のAPIが追加
SwiftUI / UIKitでダブルタップやスクイーズの対応が可能
現時点での不明点
バレルロールの対応方法
分かる人がいたら教えてください
Apple Pencil Proの新機能
14


