Liquid GlassとApp Intents
by
touyou
Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
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