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
TipKitTips
Search
Ryomm
February 22, 2026
Programming
0
100
TipKitTips
2026.02.22 Hakodate.swift #1
Ryomm
February 22, 2026
Tweet
Share
More Decks by Ryomm
See All by Ryomm
なあ兄弟、 余白の意味を考えてから UI実装してくれ!
ktcryomm
11
11k
iOSでQRコード生成奮闘記
ktcryomm
2
310
iOS18でQRコードが表示されなくなった🤷
ktcryomm
0
150
リョムキャットのパーフェクトSwiftネーミング教室
ktcryomm
0
2.3k
Slackを使いこなせ!Slack効率3000倍
ktcryomm
0
1.3k
クソアプリ作って煙突詰めた♪
ktcryomm
0
100
Other Decks in Programming
See All in Programming
猫の手も借りたい!ので AIエージェント猫を作って社内に放した話 Claude Code × Container Lambda の Slack Bot "DevNeko"
naramomi7
0
220
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
tjjh89017
0
200
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
tosuri13
5
900
クライアントワークでSREをするということ。あるいは事業会社におけるSREと同じこと・違うこと
nnaka2992
1
200
Rubyと楽しいをつくる / Creating joy with Ruby
chobishiba
0
200
AI時代でも変わらない技術コミュニティの力~10年続く“ゆるい”つながりが生み出す価値
n_takehata
2
530
grapheme_strrev関数が採択されました(あと雑感)
youkidearitai
PRO
1
180
20260228_JAWS_Beginner_Kansai
takuyay0ne
4
360
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
310
モジュラモノリスにおける境界をGoのinternalパッケージで守る
magavel
0
3.3k
朝日新聞のデジタル版を支えるGoバックエンド ー価値ある情報をいち早く確実にお届けするために
junkiishida
1
280
AI駆動開発の本音 〜Claude Code並列開発で見えたエンジニアの新しい役割〜
hisuzuya
3
420
Featured
See All Featured
New Earth Scene 8
popppiees
1
1.6k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
180
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
470
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
0
160
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
96
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
31
3.1k
SEO for Brand Visibility & Recognition
aleyda
0
4.3k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.1k
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
110
Agile that works and the tools we love
rasmusluckow
331
21k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
850
Optimising Largest Contentful Paint
csswizardry
37
3.6k
Transcript
None
None
None
None
None
None
None
None
None
TipKit! TipKitの話します。
TipKitはこういうヒントを表示するためのフレームワークです。
ドキュメントを見るとiOS17以上!
そういえば先週、トヨタさんがこんなツイートしてましたね
そういえば先週、トヨタさんがこんなツイートしてましたね
はい、みなさん使えますね!ガンガンTipKit使っていきましょう!
基本のTipの使い方はこんな感じです。
Tipを定義して、
popoverTipでボタンにTipを生やしています。
Tipの出し方はinlineとpopoverの2種類あり、ここではpopoverを使ってます。
ここでTip!背景色を変えたい。
これを
…こうしたい。
一部の簡単なスタイル変更は、専用のAPIが用意されています。 背景色を変更するには、tipBackgroundが使えます。
ドキュメントを見るとpopoverのTipには現在適用されないということになってますが…
使えます。
ここでTip!もっとスタイルを変えたい。
これを
…こうしたい。
もっとカスタマイズしたい場合はTipViewStyleを使います。 TipViewStyleを適用した構造体にスタイルを定義し、スタイルを適用したいTipの階層にtipViewStyleで設定すればカスタマイズできます。 こんな感じでZStackでColorを敷いて、吹き出しをプライマリーカラーになるようにして〜… …おっと。しっぽの部分に色がついてない!
None
TipViewStyleは尻尾の部分をいじることができません。 そんなときは先ほどのtipBackgroundを使うと背景をつけることだけはできます!
None
さて、TipKitの大きな特徴として、Tipの状態をTipKit側で制御してくれます。 書き方は大きく2種類あり、TipKitのマクロの@Parameterから判定する方法と、Eventを定義して、そのイベントから判定する方法です。 TipKitが状態を持ってくれるなんて便利だなぁ…アプリに新規で実装する場合はそう思うかもしれません。
問題となるのは、既存のヒントをTipKitに移行する場合です。 例えば、 アプリが制御していたものをTipKit内部のものに差し替えることになるので表示条件の状態がリセットされたり TipKit内ではAPIやUserDefaultを呼び出せなかったり Viewと状態がめちゃ密結合で既存のアーキテクチャと合わなくてキモかったり @ParameterはTipKitのマクロなので、外部の値をそのまま挿入できなかったり… つまりTipKitから状態を剥がさないと使いにくい状況になります。
ここでTip!TipKitから状態を引き剥がしたい
None
まず、普通にTipKit内で状態を管理するパラメータを定義します。
そして、Rulesでパラメータがtrueの時に表示するように設定します
@ParameterはTipKitのマクロなので、ここにそのまま値を挿入することはできません。なので、値を挿入できるようにラップしていきます。
None
挿入したい値をwrappingValueとして定義しています。ここは本来ViewModelなどもっと上層からTipKitに渡したい値になりますが、便宜上@Stateとして定義しています。
onChangeでwrappingValueの変更を監視し、MemoTipのパラメータに挿入します。
onChangeだけだと初期化時にwrappingValueの値がMemoTipのパラメータに反映されないので、onAppearでも挿入します。
こうすることで、TipKitから状態を引き剥がし、外部から値を挿入することができるようになります。 TipKitくんがよかれと思って状態管理を引き取ったことで事態が複雑化していて、世の無情さを感じることができますね。
こうすることで、TipKitから状態を引き剥がし、外部から値を挿入することができるようになります。 TipKitくんがよかれと思って状態管理を引き取ったことで事態が複雑化していて、世の無情さを感じることができますね。
TipKitの哀愁を感じたところで、TipKitTips is over! 自分ならもっとTipKitをイキイキさせてやれると思った方、TipKitチャンスです。 今回はLTなので大幅に端折ってますが、インタラクションを入れたり、結構色々な使い方ができます。 ぜひTipKitを使って快適なアプリ体験を提供しましょう!ありがとうございました〜