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

Compose Shadow Alternative

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

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
1k
Firebase Dynamic Linksの代替手段を自作する / Create your own Firebase Dynamic Links alternative
Avatar for Masatoshi Kubode kubode
0
470
技術を根付かせる / How to make technology take root
Avatar for Masatoshi Kubode kubode
1
370
WantedlyでのKotlin Multiplatformの導入と課題 / Kotlin Multiplatform Implementation and Challenges at Wantedly
Avatar for Masatoshi Kubode kubode
0
450
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
160
ウォンテッドリーにおけるモバイルアプリ開発 / iOSDC Japan 2024 Sponsor Session
Avatar for Masatoshi Kubode kubode
1
1.1k
Jetpack ComposeのBottomSheetとの戦い / Fight with BottomSheet of Jetpack Compose
Avatar for Masatoshi Kubode kubode
0
840
Mobile Chapterが目指すところと技術 / Vision and Technology of Mobile Chapter at Wantedly
Avatar for Masatoshi Kubode kubode
0
360

Other Decks in Technology

See All in Technology
専門分化が進む分業下でもユーザーが本当に欲しかったものを追求するプロダクトマネジメント/Focus on real user needs despite deep specialization and division of labor
Avatar for moriyuya moriyuya
1
1.3k
20250807_Kiroと私の反省会
Avatar for Rika.I riz3f7
0
230
Nx × AI によるモノレポ活用 〜コードジェネレーター編〜
Avatar for puku0x puku0x
0
570
金融サービスにおける高速な価値提供とAIの役割 #BetAIDay
Avatar for LayerX layerx
PRO
1
830
AI関数が早くなったので試してみよう
Avatar for kumakura koki kumakura
0
290
React Server ComponentsでAPI不要の開発体験
Avatar for polidog polidog
PRO
0
240
家族の思い出を形にする 〜 １秒動画の生成を支えるインフラアーキテクチャ
Avatar for Ojima Hikaru ojima_h
3
1.1k
アカデミーキャンプ 2025 SuuuuuuMMeR「燃えろ!!ロボコン」 / Academy Camp 2025 SuuuuuuMMeR "Burn the Spirit, Robocon!!" DAY 1
Avatar for Kenji Saito ks91
PRO
0
150
風が吹けばWHOISが使えなくなる～なぜWHOIS・RDAPはサーバー証明書のメール認証に使えなくなったのか～
Avatar for Yasuhiro Orange Morishita / 森下泰宏 orangemorishita
15
5.8k
はじめての転職講座/The Guide of First Career Change
Avatar for Hiromu Shioya kwappa
4
3.7k
Amazon Q Developerを活用したアーキテクチャのリファクタリング
Avatar for k1nakayama k1nakayama
2
210
Amazon Bedrock AgentCoreのフロントエンドを探す旅 (Next.js編)
Avatar for たけのこ kmiya84377
1
140

Featured

See All Featured
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
183
54k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
667
120k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.7k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.2k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Scaling GitHub
Avatar for Zach Holman holman
461
140k
Writing Fast Ruby
Avatar for Erik Berlin sferik
628
62k
We Have a Design System, Now What?
Avatar for Morgane Peng morganepeng
53
7.7k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
KATA
Avatar for Megan Lloyd mclloyd
32
14k
Embracing the Ebb and Flow
Avatar for Simon Collison colly
86
4.8k

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