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
630
0

Compose Shadow Alternative

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

Avatar for Masatoshi Kubode

Masatoshi Kubode

November 14, 2023

More Decks by Masatoshi Kubode

See All by Masatoshi Kubode
3リポジトリーを2ヶ月でモノレポ化した話 / How I turned 3 repositories into a monorepo in 2 months
Avatar for Masatoshi Kubode kubode
0
200
ウォンテッドリーの「ココロオドル」モバイル開発 / Wantedly's "kokoro odoru" mobile development
Avatar for Masatoshi Kubode kubode
2
1.3k
Firebase Dynamic Linksの代替手段を自作する / Create your own Firebase Dynamic Links alternative
Avatar for Masatoshi Kubode kubode
0
700
技術を根付かせる / How to make technology take root
Avatar for Masatoshi Kubode kubode
1
490
WantedlyでのKotlin Multiplatformの導入と課題 / Kotlin Multiplatform Implementation and Challenges at Wantedly
Avatar for Masatoshi Kubode kubode
0
620
Google Play Consoleデベロッパー アカウントの確認 / Verifying your Play Console developer account
Avatar for Masatoshi Kubode kubode
1
1.4k
Make your Android app into Multiplatform app
Avatar for Masatoshi Kubode kubode
0
230
ウォンテッドリーにおけるモバイルアプリ開発 / iOSDC Japan 2024 Sponsor Session
Avatar for Masatoshi Kubode kubode
1
1.5k
Jetpack ComposeのBottomSheetとの戦い / Fight with BottomSheet of Jetpack Compose
Avatar for Masatoshi Kubode kubode
0
1.1k

Other Decks in Technology

See All in Technology
Purview Endpoint DLP 動かしてみた
Avatar for kozakigh kozakigh
1
450
実践 TanStack Start ― 新規プロダクトを開発して確立した、サーバーとクライアント境界の設計パターン / Practical TanStack Start Server-Client Boundary Patterns
Avatar for 株式会社カミナシ kaminashi
1
110
How to learn AWS Well-Architected with AWS BuilderCards: Security Edition
Avatar for Kosuke ENOMOTO coosuke
PRO
0
150
最新技術を"今は選ばない"という技術選定
Avatar for Tech Leverages leveragestech
PRO
0
250
Oracle Cloud Infrastructure presents managed, serverless MCP Servers for Oracle AI Database
Avatar for thatjeffsmith thatjeffsmith
1
570
R&D 祭 2024 UE5で絵コンテ・作画の制作支援ツールをつくる話
Avatar for OLM Digital R&D olmdrd
PRO
0
190
サプライチェーン攻撃への備えについて考えている #湘なんか
Avatar for すてにゃん stefafafan
1
1.1k
既存プロダクトQAから新規プロダクトQAへ
Avatar for hashi ryotakahashi
0
160
Redmine次期バージョン7.0の注目新機能解説 — UI/UX強化と連携強化を中心に
Avatar for MAEDA Go vividtone
1
180
Databricks 月刊サービスアップデートまとめ 2026年04月号
Avatar for ちょし tyosi1212
0
130
2026-05-14 要件定義からソース管理まで！IBM Bob基礎ハンズオン
Avatar for YutaNonaka yutanonaka
0
170
AI-Assisted Contributions and Maintainer Load - PyCon US 2026
Avatar for Paolo Melchiorre pauloxnet
1
180

Featured

See All Featured
SEO in 2025: How to Prepare for the Future of Search
Avatar for Michael King ipullrank
3
3.4k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
810
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
110
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
120
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
820
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
Avatar for mongodb mongodb
49
9.9k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.4k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
780
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.4k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
55
12k
We Analyzed 250 Million AI Search Results: Here's What I Found
Avatar for Josh Blyskal joshbly
1
1.3k

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