Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Jetpack Compose 頑張らないPreviewParameterProvider

Avatar for horie23 horie23
May 17, 2022
Programming
630
0

Jetpack Compose 頑張らないPreviewParameterProvider

Avatar for horie23

horie23

May 17, 2022

More Decks by horie23

See All by horie23
コーディングから1年離れた経験と コーディングへの再挑戦
Avatar for horie23 horie23
0
130
Custom Tabsの高さを変更しよう
Avatar for horie23 horie23
0
340

Other Decks in Programming

See All in Programming
AI に Inclusive UI を書かせよう — Design Rules Skill で Compose UI を作り直す
Avatar for テオリア・テクノロジーズ theoriatec2024
1
460
【DroidKaigi 2026】「アクセシビリティを利用するとき、 アクセシビリティもまたこちらを利用している」 〜マルウェアによる攻撃と防衛について〜
Avatar for HalunoYo. halunoyo
0
410
RSSとCodexを使ってX投稿自動化してみた
Avatar for Ochtum ochtum
0
110
Go × SIMDで高速化するベクトル検索 ~ルーフラインモデルでSIMDが効く境界を探れ！ ~
Avatar for po3rin po3rin
1
150
思考垂れ流し開発　～音声入力 × AIエージェント × 開発ハーネスによる試行錯誤～
Avatar for NPOS npostring
0
910
typoなんかねぇよ
Avatar for らすぴー raspython3
0
670
私のClaude Code活用法 （個人開発編） - PHPerKaigi mini #4（2026/08/24）
Avatar for panda_program panda_program
1
210
デプロイ直後のレイテンシスパイクを調べたら、 Railsの仕様にたどり着いた
Avatar for naohisa nhsykym
0
110
異なる設計思想のフレームワークを経験して得た学び
Avatar for amekuhideki amekuhideki
2
1.5k
AIを上手に使っていこうとしたら越境せざるを得なくなった話 〜実践1年で見えた境界を越えなければならない理由と進め方〜 / Crossing borders with AI
Avatar for TomoyaKitaura tomoyakitaura
4
1.1k
kubernetes コンポーネント開発入門 / 新卒N年目の勉強会&交流会！〜〇〇への誘い〜 #n_study
Avatar for mazrean mazrean
0
170
数年滞っていたダークモード対応をおよそ2週間で完了させる
Avatar for Kazuki Chigita chigichan24
0
680

Featured

See All Featured
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.6k
Mozcon NYC 2025: Stop Losing SEO Traffic
Avatar for Sam Torres samtorres
1
520
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
How to build an LLM SEO readiness audit: a practical framework
Avatar for Nick Samuel nmsamuel
1
890
Imperfection Machines: The Place of Print at Facebook
Avatar for Scott Boms scottboms
270
14k
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Building Better People: How to give real-time feedback that sticks.
Avatar for Will Jessup wjessup
370
20k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
672
58k
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
600
From Legacy to Launchpad: Building Startup-Ready Communities
Avatar for Dug Song dugsong
0
320

Transcript

  1. We are the future. www.team-lab.com チームラボ株式会社 teamLab inc. Jetpack Compose


    頑張らないPreviewParameterProvider
 チームラボ 堀江


  2. We are the future. www.team-lab.com チームラボ株式会社 teamLab inc. 自己紹介
 堀江

    達矢
 チームラボ 2013年入社
 スマホアプリエンジニア
 https://www.wantedly.com/id/tatsuya_horie_c
 


  3. We are the future. www.team-lab.com チームラボ株式会社 teamLab inc. Jetpack Compose

    Preview紹介
 @Previewでコンポーズ可能な関数のプレビューを表示できる


  4. We are the future. www.team-lab.com チームラボ株式会社 teamLab inc. Previewでパターンを試す場合
 @Previewで可能な範囲では簡単にPreviewできる


  5. We are the future. www.team-lab.com チームラボ株式会社 teamLab inc. Previewでパターンを試す場合
 データを入力する場合は個別に記述する必要がある


  6. We are the future. www.team-lab.com チームラボ株式会社 teamLab inc. Jetpack Compose

    PreviewPrameterProvider紹介
 @PreviewParameterアノテーション付きのパラメータを追加することで、サンプルデータを コンポーザブルのプレビュー関数に渡すことが可能


  7. We are the future. www.team-lab.com チームラボ株式会社 teamLab inc. PreviewPrameterProviderでパターンを試す場合
 EntityごとにPreviewParameterProviderを全て作成していくのは少し手間


    部品単位のコンポーズ可能な関数はStringやBooleanなどの基本の形を引数に取ること が多い


  8. We are the future. www.team-lab.com チームラボ株式会社 teamLab inc. 基本の型のPreviewPrameterProvider
 StringやBoolean等の基本の型で宣言すると、桁数の多いときの表示や表示・非表示の

    パターンを作成したPreviewPrameterProviderを利用して確認できる


  9. We are the future. www.team-lab.com チームラボ株式会社 teamLab inc. 基本の型のPreviewPrameterProvider


  10. We are the future. www.team-lab.com チームラボ株式会社 teamLab inc. PreviewPrameterProviderの制限
 複数のPreviewPrameterProviderは利用できない


  11. We are the future. www.team-lab.com チームラボ株式会社 teamLab inc. 2つ組み合わせのPreviewPrameterProvider


  12. We are the future. www.team-lab.com チームラボ株式会社 teamLab inc. 3つ組み合わせのPreviewPrameterProvider


  13. We are the future. www.team-lab.com チームラボ株式会社 teamLab inc. 基本の型のPreviewPrameterProviderを組み合わせ


  14. We are the future. www.team-lab.com チームラボ株式会社 teamLab inc. まとめ
 ・基本の型のPreviewParameterProviderを利用して簡単にPreviewでパターンを表示


    ・基本の型のPreviewParameterProviderを組み合わせるPair / Tripleの PreviewParameterProviderを利用してPreviewでパターン表示
 参考
 ・https://developer.android.com/jetpack/compose/tooling?hl=ja#previewparameter
 ・https://alexzh.com/jetpack-compose-preview/
 ・https://speakerdeck.com/mochico/title-lets-preview-jetpack-compose