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

Compose Shadow Alternative

Masatoshi Kubode
November 14, 2023
Technology
0
500

Compose Shadow Alternative

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

Masatoshi Kubode

November 14, 2023
Tweet

More Decks by Masatoshi Kubode

See All by Masatoshi Kubode
Firebase Dynamic Linksの代替手段を自作する / Create your own Firebase Dynamic Links alternative
kubode
0
240
技術を根付かせる / How to make technology take root
kubode
1
310
WantedlyでのKotlin Multiplatformの導入と課題 / Kotlin Multiplatform Implementation and Challenges at Wantedly
kubode
0
390
Google Play Consoleデベロッパー アカウントの確認 / Verifying your Play Console developer account
kubode
1
1.2k
Make your Android app into Multiplatform app
kubode
0
130
ウォンテッドリーにおけるモバイルアプリ開発 / iOSDC Japan 2024 Sponsor Session
kubode
1
930
Jetpack ComposeのBottomSheetとの戦い / Fight with BottomSheet of Jetpack Compose
kubode
0
680
Mobile Chapterが目指すところと技術 / Vision and Technology of Mobile Chapter at Wantedly
kubode
0
340
ウォンテッドリーでのKMPワークフロー / KMP workflow at Wantedly
kubode
0
1.7k

Other Decks in Technology

See All in Technology
プロダクト開発におけるAI時代の開発生産性
shnjtk
2
210
AWSのマルチアカウント管理 ベストプラクティス最新版 2025 / Multi-Account management on AWS best practice 2025
ohmura
4
230
3月のAWSアップデートを5分間でざっくりと！
kubomasataka
0
100
フロントエンドも盛り上げたい！フロントエンドCBとAmplifyの軌跡
mkdev10
2
260
開発視点でAWS Signerを考えてみよう！！ ～コード署名のその先へ～
masakiokuda
3
160
AIで進化するソフトウェアテスト：mablの最新生成AI機能でQAを加速！
mfunaki
0
130
10分でわかるfreeeのQA
freee
1
12k
MCP Documentation Server @AI Coding Meetup #1
yyoshiki41
2
2.6k
Automatically generating types by running tests
sinsoku
2
640
AIエージェント開発における「攻めの品質改善」と「守りの品質保証」 / 2024.04.09 GPU UNITE 新年会 2025
smiyawaki0820
0
430
IVRyにおけるNLP活用と NLP2025の関連論文紹介
keisukeosone
0
180
ブラウザのレガシー・独自機能を愛でる-Firefoxの脆弱性4選- / Browser Crash Club #1
masatokinugawa
1
410

Featured

See All Featured
[RailsConf 2023] Rails as a piece of cake
palkan
54
5.4k
Building an army of robots
kneath
304
45k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2k
A better future with KSS
kneath
239
17k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
How to Ace a Technical Interview
jacobian
276
23k
The Cost Of JavaScript in 2023
addyosmani
49
7.7k
Building Applications with DynamoDB
mza
94
6.3k
Thoughts on Productivity
jonyablonski
69
4.6k
We Have a Design System, Now What?
morganepeng
52
7.5k
Site-Speed That Sticks
csswizardry
5
480
Art, The Web, and Tiny UX
lynnandtonic
298
20k

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