Lock in $30 Savings on PRO—Offer Ends Soon! ⏳

Compose Shadow Alternative

Avatar for Masatoshi Kubode Masatoshi Kubode
November 14, 2023
Technology
0
600

Compose Shadow Alternative

Talked in https://potatotips.connpass.com/event/299247/

Avatar for Masatoshi Kubode

Masatoshi Kubode

November 14, 2023
Tweet

More Decks by Masatoshi Kubode

See All by Masatoshi Kubode
ウォンテッドリーの「ココロオドル」モバイル開発 / Wantedly's "kokoro odoru" mobile development
Avatar for Masatoshi Kubode kubode
2
1.2k
Firebase Dynamic Linksの代替手段を自作する / Create your own Firebase Dynamic Links alternative
Avatar for Masatoshi Kubode kubode
0
610
技術を根付かせる / How to make technology take root
Avatar for Masatoshi Kubode kubode
1
420
WantedlyでのKotlin Multiplatformの導入と課題 / Kotlin Multiplatform Implementation and Challenges at Wantedly
Avatar for Masatoshi Kubode kubode
0
540
Google Play Consoleデベロッパー アカウントの確認 / Verifying your Play Console developer account
Avatar for Masatoshi Kubode kubode
1
1.3k
Make your Android app into Multiplatform app
Avatar for Masatoshi Kubode kubode
0
190
ウォンテッドリーにおけるモバイルアプリ開発 / iOSDC Japan 2024 Sponsor Session
Avatar for Masatoshi Kubode kubode
1
1.3k
Jetpack ComposeのBottomSheetとの戦い / Fight with BottomSheet of Jetpack Compose
Avatar for Masatoshi Kubode kubode
0
980
Mobile Chapterが目指すところと技術 / Vision and Technology of Mobile Chapter at Wantedly
Avatar for Masatoshi Kubode kubode
0
390

Other Decks in Technology

See All in Technology
生成AIでテスト設計はどこまでできる？ 「テスト粒度」を操るテーラリング術
Avatar for ks shota_kusaba
0
760
技術以外の世界に『越境』しエンジニアとして進化を遂げる 〜Kotlinへの愛とDevHRとしての挑戦を添えて〜
Avatar for subroh_0508 subroh0508
1
450
グレートファイアウォールを自宅に建てよう
Avatar for 綿糸てせ ctes091x
0
150
Jakarta Agentic AI Specification - Status and Future
Avatar for Reza Rahman reza_rahman
0
100
エンジニアとPMのドメイン知識の溝をなくす、 AIネイティブな開発プロセス
Avatar for Michiru Kato applism118
4
1.3k
mairuでつくるクレデンシャルレス開発環境 / Credential-less development environment using Mailru
Avatar for Issei Naruta mirakui
5
480
評価駆動開発で不確実性を制御する - MLflow 3が支えるエージェント開発
Avatar for Databricks Japan databricksjapan
1
180
.NET 10の概要
Avatar for tomokusaba tomokusaba
0
110
AIと二人三脚で育てた、個人開発アプリグロース術
Avatar for ZOZO Developers zozotech
PRO
1
730
品質のための共通認識
Avatar for KAKEHASHI kakehashi
PRO
3
260
Kiro Autonomous AgentとKiro Powers の紹介 / kiro-autonomous-agent-and-powers
Avatar for tomoki10 tomoki10
0
480
IAMユーザーゼロの運用は果たして可能なのか
Avatar for Yuuki Yamashita yama3133
1
280

Featured

See All Featured
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
31
5.7k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
How To Stay Up To Date on Web Technology
Avatar for Chris Coyier chriscoyier
791
250k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
432
66k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1371
200k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
Avatar for Chris Coyier chriscoyier
508
140k
Producing Creativity
Avatar for Steve Smith orderedlist
PRO
348
40k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
39k
It's Worth the Effort
Avatar for 3n 3n
187
29k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k

Transcript

  1. © 2023 Wantedly, Inc. Compose Shadow Alternative potatotips #85 2023/11/14

    久保出 雅俊

  2. wantedly.com/id/kubode © 2023 Wantedly, Inc. X: @swiz_ard GitHub: @kubode

  3. 今日の目的 © 2023 Wantedly, Inc.

  4. 目的 © 2023 Wantedly, Inc. https://github.com/kubode/compose-shadow-alternative の宣伝

  5. 影の表現 © 2023 Wantedly, Inc.

  6. CSS © 2023 Wantedly, Inc.

  7. SwiftUI © 2023 Wantedly, Inc.

  8. Compose © 2023 Wantedly, Inc.

  9. モチベ Composeでも DropShadow | BoxShadowし たい！ © 2023 Wantedly, Inc.

  10. BoxShadow © 2023 Wantedly, Inc.

  11. BoxShadow © 2023 Wantedly, Inc.

  12. BoxShadowの実装 © 2023 Wantedly, Inc. ブラー効果のPaint（影の実体 shapeの部分をくり抜き x,yずらす 影を描画

  13. DropShadow © 2023 Wantedly, Inc.

  14. DropShadow © 2023 Wantedly, Inc.

  15. DropShadowの実装 © 2023 Wantedly, Inc.

  16. DropShadowの実装 © 2023 Wantedly, Inc.

  17. DropShadowの実装 © 2023 Wantedly, Inc. BitmapとCanvasを保持

  18. DropShadowの実装 © 2023 Wantedly, Inc. Compose 1.6で追加されたAPI 別のCanvasに描画できる

  19. DropShadowの実装 © 2023 Wantedly, Inc. ContentのImageを描画 ブラーをかける

  20. 1. Android 12以降じゃないと動作しない 2. コンテンツ内のIndicationなどが効かない 3. パフォーマンスは悪い 制約 © 2023

    Wantedly, Inc.

  21. まとめ © 2023 Wantedly, Inc.

  22. • Composeでもリッチな影表現は可能 • 公式でサポートしてほしい まとめ © 2023 Wantedly, Inc.

  23. © 2023 Wantedly, Inc. https://github.com/kubode/compose-shadow-alternative