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
520

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
570
Firebase Dynamic Linksの代替手段を自作する / Create your own Firebase Dynamic Links alternative
Avatar for Masatoshi Kubode kubode
0
290
技術を根付かせる / How to make technology take root
Avatar for Masatoshi Kubode kubode
1
320
WantedlyでのKotlin Multiplatformの導入と課題 / Kotlin Multiplatform Implementation and Challenges at Wantedly
Avatar for Masatoshi Kubode kubode
0
400
Google Play Consoleデベロッパー アカウントの確認 / Verifying your Play Console developer account
Avatar for Masatoshi Kubode kubode
1
1.2k
Make your Android app into Multiplatform app
Avatar for Masatoshi Kubode kubode
0
140
ウォンテッドリーにおけるモバイルアプリ開発 / iOSDC Japan 2024 Sponsor Session
Avatar for Masatoshi Kubode kubode
1
960
Jetpack ComposeのBottomSheetとの戦い / Fight with BottomSheet of Jetpack Compose
Avatar for Masatoshi Kubode kubode
0
720
Mobile Chapterが目指すところと技術 / Vision and Technology of Mobile Chapter at Wantedly
Avatar for Masatoshi Kubode kubode
0
350

Other Decks in Technology

See All in Technology
"発信文化"をどうやって計測する？技術広報のKPI探索記/How do we measure communication culture?
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
3
290
続・やっぱり余白が大切だった話
Avatar for KAKEHASHI kakehashi
PRO
3
320
AI 코딩 에이전트 더 똑똑하게 쓰기
Avatar for nacyot nacyot
0
550
AI-in-the-Enterprise｜OpenAIが公開した「AI導入7つの教訓」——ChatGPTで変わる企業の未来とは？
Avatar for CUSTOMER CLOUD CORP. customercloud
PRO
0
160
Ninno LT
Avatar for Yasunobu Kawaguchi kawaguti
PRO
1
120
[新卒向け研修資料] テスト文字列に「うんこ」と入れるな（2025年版）
Avatar for Infiniteloop infiniteloop_inc
13
35k
DynamoDB のデータを QuickSight で可視化する際につまづいたこと/stumbling-blocks-when-visualising-dynamodb-with-quicksight
Avatar for emi emiki
0
150
Developer 以外にこそ使って欲しい Amazon Q Developer
Avatar for mita mita
0
130
encoding/json v2を予習しよう！
Avatar for yuyu_hf yuyu_hf
PRO
1
160
本当に必要なのは「QAという技術」だった！試行錯誤から生まれた、品質とデリバリーの両取りアプローチ / Turns Out, "QA as a Discipline" Was the Key!
Avatar for ar_tama ar_tama
9
4.6k
さくらのクラウド開発の裏側
Avatar for metakoma metakoma
PRO
7
3k
技術選定を突き詰める 懇親会LT
Avatar for Kaoru okaru
1
500

Featured

See All Featured
Done Done
Avatar for chrislema chrislema
184
16k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.6k
KATA
Avatar for Megan Lloyd mclloyd
29
14k
Adopting Sorbet at Scale
Avatar for Ufuk Kayserilioglu ufuk
76
9.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
Avatar for David Neal reverentgeek
48
5.4k
Navigating Team Friction
Avatar for Lara Hogan lara
185
15k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
10k
Fontdeck: Realign not Redesign
Avatar for Paul Robert Lloyd paulrobertlloyd
84
5.5k
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
126
17k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
Avatar for Tammy Everts tammyeverts
52
2.5k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
7
420
VelocityConf: Rendering Performance Case Studies
Avatar for Addy Osmani addyosmani
329
24k

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