Liquid GlassとApp Intents

Transcript

1. Appleは何を考えているのか？Liquid GlassとApp Intents から見る未来の「アプリ」のカタチ #Goodpatch #藤井 #extension_dc ？Liquid GlassとApp Intents から 􀈂 􀍡 完了
2. 2 突然ですが
3. 3 先月のApple Event、 見ました？
4. 4 オープニング、 覚えてますか？
5. 2 「デザインは単なる見た目や感触ではない。どう機能するかだ」ー Steve Jobs https://www.youtube.com/watch?v=H3KnMyojEQU
6. 3 https://www.youtube.com/watch?v=H3KnMyojEQU 「私たちのあらゆる活動の中心にデザインがあります」
7. 4 Apple: “ should be... ?” UI
8. 3 Apple: “ should be... ?” App
9. 3 Liquid Glassが実現するのは のアクセシビリティ 真
10. 5 Liquid Glassが実現するのは のアクセシビリティ 真 アクセスの制限を解放する App Intents = +
11. 4 Liquid Glass コンテンツファースト 一貫性
12. 5 Liquid Glass
13. 6 Liquid Glass
14. 11 Liquid Glass
15. 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
16. 16 Liquid Glassを 使えるところ＝ 控えるところ＝コンテンツ
17. 17 Liquid Glassを 使えるところ＝操作するUI 控えるところ＝コンテンツ
18. 18 Liquid Glassを 使えるところ＝ 控えるところ＝ 操作するUI コンテンツ
19. 8 https://note.com/ritar/n/n0f6aad6c2560 https://developer.apple.com/design/human-interface-guidelines/tab-bars あくまで主役はコンテンツ UIは見えなくてもいいのでタブが隠れるオプション TabBarMinimizeBehaviorが存在する
20. 9 https://developer.apple.com/documentation/AppIntents
21. 14 https://developer.apple.com/documentation/AppIntents Intent=動詞 Entity=名詞
22. 15 https://developer.apple.com/documentation/AppIntents Siri Apple Pencil Shortcuts Spotlight Action Button ? Apple Intelligence
23. 11 https://www.youtube.com/watch?v=1YmmuwM8-O4
24. 12 画像：ChatGPT 5で生成したアプリとOSの境界が融けた様子
25. 13 https://developer.apple.com/documentation/TechnologyOverviews/adopting-liquid-glass https://www.apple.com/jp/os/ios/
26. 20 Liquid Glass
27. 19 https://developer.apple.com/documentation/technologyoverviews/adopting-liquid-glass https://www.apple.com/jp/os/visionos/
28. 15 多様性 　 　 　 ＝　 のアクセシビリティ 一貫性 真
29. 29 誰もが で 同じ にたどりつける 自分にあったやり方 コンテンツ Liquid Glassで保証される一貫性とApp Intentsでもたらされる多様性 Liquid Glassで強調される対象でありApp Intentsで共有されるもの
30. 16 https://developer.apple.com/documentation/AppIntents https://www.shoeisha.co.jp/book/detail/9784798182681
31. 22 Entity（名詞）を棚卸し Intent（動詞）を設計 各機能に設定 Siri, Spotlight, Interactive Widgets, Controls, Live Activities, Shortcuts Apple Intelligence, Action button, Apple Pencil ...
32. 23 Entity（名詞）を棚卸し Intent（動詞）を設計 各機能に設定 https://developer.apple.com/documentation/SwiftUI/Button/init(_:intent:)-7urde
33. 17 https://www.apple.com/jp/newsroom/2025/06/apple-introduces-a-delightful-and-elegant-new-software-design/
34. 25 Appendix 1. 自己紹介 藤井陽介 | Fujii Yosuke | touyou 2021年株式会社グッドパッチに新卒入社 iOS / React / Flutterなど幅広い案件を担当しつつ、エン ジニアリング研修の設計・運営も担当 現在はデザインシステム「Sparkle Design」チームのエ ンジニアとしても活動中 いいデザインを素早く最高のカタチにするのが好き 個人のページ https://touyou.dev/ 会社について https://goodpatch.com/ 会社テックブログ https://goodpatch-tech.hatenablog.com/
35. 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
36. 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