Slide 1

Slide 1 text

Appleは何を考えているのか?Liquid GlassとApp Intents から見る未来の「アプリ」のカタチ #Goodpatch #藤井 #extension_dc ?Liquid GlassとApp Intents から 􀈂 􀍡 完了

Slide 2

Slide 2 text

2 突然ですが

Slide 3

Slide 3 text

3 先月のApple Event、 見ました?

Slide 4

Slide 4 text

4 オープニング、 覚えてますか?

Slide 5

Slide 5 text

2 「デザインは単なる見た目や感触ではない。どう機能するかだ」ー Steve Jobs https://www.youtube.com/watch?v=H3KnMyojEQU

Slide 6

Slide 6 text

3 https://www.youtube.com/watch?v=H3KnMyojEQU 「私たちのあらゆる活動の中心にデザインがあります」

Slide 7

Slide 7 text

4 Apple: “ should be... ?” UI

Slide 8

Slide 8 text

3 Apple: “ should be... ?” App

Slide 9

Slide 9 text

3 Liquid Glassが実現するのは のアクセシビリティ 真

Slide 10

Slide 10 text

5 Liquid Glassが実現するのは のアクセシビリティ 真 アクセスの制限を解放する App Intents = +

Slide 11

Slide 11 text

4 Liquid Glass コンテンツファースト 一貫性

Slide 12

Slide 12 text

5 Liquid Glass

Slide 13

Slide 13 text

6 Liquid Glass

Slide 14

Slide 14 text

11 Liquid Glass

Slide 15

Slide 15 text

7 Content area 􀟉 Tab 1 􀀁 Tab 2 􀛤 Tab 3 􀊫 􀓔 Title 9:41 最低限で使う 􀟉 Tab 1 􀀁 Tab 2 􀛤 Tab 3 􀊫 􀓔 9:41 Content area Title 装飾に使う https://developer.apple.com/jp/design/human-interface-guidelines/materials

Slide 16

Slide 16 text

16 Liquid Glassを 使えるところ= 控えるところ=コンテンツ

Slide 17

Slide 17 text

17 Liquid Glassを 使えるところ=操作するUI 控えるところ=コンテンツ

Slide 18

Slide 18 text

18 Liquid Glassを 使えるところ= 控えるところ= 操作するUI コンテンツ

Slide 19

Slide 19 text

8 https://note.com/ritar/n/n0f6aad6c2560 https://developer.apple.com/design/human-interface-guidelines/tab-bars あくまで主役はコンテンツ UIは見えなくてもいいのでタブが隠れるオプション TabBarMinimizeBehaviorが存在する

Slide 20

Slide 20 text

9 https://developer.apple.com/documentation/AppIntents

Slide 21

Slide 21 text

14 https://developer.apple.com/documentation/AppIntents Intent=動詞 Entity=名詞

Slide 22

Slide 22 text

15 https://developer.apple.com/documentation/AppIntents Siri Apple Pencil Shortcuts Spotlight Action Button ? Apple Intelligence

Slide 23

Slide 23 text

11 https://www.youtube.com/watch?v=1YmmuwM8-O4

Slide 24

Slide 24 text

12 画像:ChatGPT 5で生成したアプリとOSの境界が融けた様子

Slide 25

Slide 25 text

13 https://developer.apple.com/documentation/TechnologyOverviews/adopting-liquid-glass https://www.apple.com/jp/os/ios/

Slide 26

Slide 26 text

20 Liquid Glass

Slide 27

Slide 27 text

19 https://developer.apple.com/documentation/technologyoverviews/adopting-liquid-glass https://www.apple.com/jp/os/visionos/

Slide 28

Slide 28 text

15 多様性       =  のアクセシビリティ 一貫性 真

Slide 29

Slide 29 text

29 誰もが で 同じ にたどりつける 自分にあったやり方 コンテンツ Liquid Glassで保証される一貫性とApp Intentsでもたらされる多様性 Liquid Glassで強調される対象でありApp Intentsで共有されるもの

Slide 30

Slide 30 text

16 https://developer.apple.com/documentation/AppIntents https://www.shoeisha.co.jp/book/detail/9784798182681

Slide 31

Slide 31 text

22 Entity(名詞)を棚卸し Intent(動詞)を設計 各機能に設定 Siri, Spotlight, Interactive Widgets, Controls, Live Activities, Shortcuts Apple Intelligence, Action button, Apple Pencil ...

Slide 32

Slide 32 text

23 Entity(名詞)を棚卸し Intent(動詞)を設計 各機能に設定 https://developer.apple.com/documentation/SwiftUI/Button/init(_:intent:)-7urde

Slide 33

Slide 33 text

17 https://www.apple.com/jp/newsroom/2025/06/apple-introduces-a-delightful-and-elegant-new-software-design/

Slide 34

Slide 34 text

25 Appendix 1. 自己紹介 藤井陽介 | Fujii Yosuke | touyou 2021年株式会社グッドパッチに新卒入社 iOS / React / Flutterなど幅広い案件を担当しつつ、エン ジニアリング研修の設計・運営も担当 現在はデザインシステム「Sparkle Design」チームのエ ンジニアとしても活動中 いいデザインを素早く最高のカタチにするのが好き 個人のページ https://touyou.dev/ 会社について https://goodpatch.com/ 会社テックブログ https://goodpatch-tech.hatenablog.com/

Slide 35

Slide 35 text

26 Appendix 2. 参考リンク集(ChatGPT 5にまとめさせました) Liquid Glass / HIG(公式) Liquid Glass(Technology Overview) - https://developer.apple.com/documentation/technologyoverviews/liquid-glass Adopting Liquid Glass - https://developer.apple.com/documentation/technologyoverviews/adopting-liquid-glass HIG: Materials - https://developer.apple.com/design/human-interface-guidelines/materials HIG: App Icons - https://developer.apple.com/design/human-interface-guidelines/app-icons SwiftUI: Applying Liquid Glass to custom views - https://developer.apple.com/documentation/SwiftUI/Applying-Liquid-Glass-to-custom-views アイコン(Icon Composer / 新外観) Icon Composer(ツール) - https://developer.apple.com/icon-composer/ Creating your app icon using Icon Composer - https://developer.apple.com/documentation/Xcode/creating-your-app-icon-using-icon-composer WWDC25: Say hello to the new look of app icons - https://developer.apple.com/videos/play/wwdc2025/220/ WWDC25: Create icons with Icon Composer - https://developer.apple.com/videos/play/wwdc2025/361/ App Intents / Visual Intelligence(公式) App Intents(Overview) - https://developer.apple.com/documentation/appintents/ Making actions and content discoverable and widely available - https://developer.apple.com/documentation/appintents/making-actions-and-content- discoverable-and-widely-available Making app entities available in Spotlight - https://developer.apple.com/documentation/appintents/making-app-entities-available-in-spotlight Creating your first app intent - https://developer.apple.com/documentation/appintents/creating-your-first-app-intent App intent domains - https://developer.apple.com/documentation/AppIntents/app-intent-domains Common data types(parameters / entities 用) - https://developer.apple.com/documentation/appintents/common-data-types SnippetIntent - https://developer.apple.com/documentation/appintents/snippetintent SwiftUI: Button.init(_:intent:) - https://developer.apple.com/documentation/swiftui/button/init%28_%3Aintent%3A%29

Slide 36

Slide 36 text

27 Appendix 2. 参考リンク集(ChatGPT 5にまとめさせました) Visual Intelligence(公式) Visual Intelligence(Overview) - https://developer.apple.com/documentation/VisualIntelligence Integrating your app with visual intelligence - https://developer.apple.com/documentation/VisualIntelligence/integrating-your-app-with-visual-intelligence Apple Intelligence: What’s New(スクリーン上への拡張の説明あり) - https://developer.apple.com/apple-intelligence/whats-new/ ウィジェット/Liquid Glass 関連(公式) WidgetKit: Optimizing your widget for accented rendering mode and Liquid Glass - https://developer.apple.com/documentation/WidgetKit/optimizing-your- widget-for-accented-rendering-mode-and-liquid-glass WWDC25 セッション(動画) Meet Liquid Glass - https://developer.apple.com/videos/play/wwdc2025/219/ Get to know the new design system - https://developer.apple.com/videos/play/wwdc2025/356/ Get to know App Intents - https://developer.apple.com/videos/play/wwdc2025/244/ 記事・考察(コミュニティ) ritar「UIから『白』が消える日」 - https://note.com/ritar/n/n0f6aad6c2560 Zenn(naoya_maeda)App Intents入門 - https://zenn.dev/naoya_maeda/articles/bd6cc7d3cb6154 Zenn(rockname)App Intents × Apple Intelligence概観 - https://zenn.dev/rockname/articles/c8233cb8eeb0b1 note(neality)考察 - https://note.com/neality/n/ne84f29f00cd1 MacFan記事 - https://macfan.book.mynavi.jp/article/60442/ X(rtr_dnd) - https://x.com/rtr_dnd/status/1932260801584435620 X(noppefoxwolf) - https://x.com/noppefoxwolf/status/1926818076487569757