Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
Compose Shadow Alternative
Search
Masatoshi Kubode
November 14, 2023
Technology
690
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
Compose Shadow Alternative
Talked in
https://potatotips.connpass.com/event/299247/
Masatoshi Kubode
November 14, 2023
More Decks by Masatoshi Kubode
See All by Masatoshi Kubode
AIチャットの改善から見えた、良いAI体験とは / What Constitutes a Good AI Experience: Insights from Improving AI Chat
kubode
0
230
3リポジトリーを2ヶ月でモノレポ化した話 / How I turned 3 repositories into a monorepo in 2 months
kubode
0
310
ウォンテッドリーの「ココロオドル」モバイル開発 / Wantedly's "kokoro odoru" mobile development
kubode
2
1.4k
Firebase Dynamic Linksの代替手段を自作する / Create your own Firebase Dynamic Links alternative
kubode
0
780
技術を根付かせる / How to make technology take root
kubode
1
540
WantedlyでのKotlin Multiplatformの導入と課題 / Kotlin Multiplatform Implementation and Challenges at Wantedly
kubode
0
700
Google Play Consoleデベロッパー アカウントの確認 / Verifying your Play Console developer account
kubode
1
1.5k
Make your Android app into Multiplatform app
kubode
0
270
ウォンテッドリーにおけるモバイルアプリ開発 / iOSDC Japan 2024 Sponsor Session
kubode
1
1.6k
Other Decks in Technology
See All in Technology
AWS DevOps Agentはどこまで任せられるか 〜機能の現在地と、機能拡張の実践〜
nyankotaro
0
170
VLA-JEPA: Enhancing Vision-Language-Action Models with Latent World Models
takmin
0
240
2026-10-24 JAWS JAWS-UG 茨城 #18 IAM Policy Autopilotってなにさ。terraform planからIAM Policyつくれるの? / What's IAM Policy Autopilot
masasuzu
0
120
「エーアイ」をバズワードにしないために RPA 導入経験と Kiro 上での Claude モデル利用経験から
kazzpapa3
0
120
Kiro Crewで「みのるん式」仕事術やってみた
minorun365
PRO
3
1.1k
From Developer Experience to Agentic Experience: The Next Evolution of APIs
benjagm
0
120
Adversary Infrastructure Hunting101
disconinja
0
110
Steerable Visual Representations
sansantech
PRO
0
310
macOS Golden Gate 時代のMac管理
tategami
0
140
Vue.jsのGitHubから学ぶ意思決定
yut0naga1_fa
1
120
AIをリアル世界に解き放つ 〜M5Stack×AIであなたのアイディアを手の平に〜
hamadakoji
1
400
小規模OSSモデルは サイバーセキュリティ業務に どこまで使えるか
bbrbbq
0
240
Featured
See All Featured
Prompt Engineering for Job Search
mfonobong
0
530
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
Joys of Absence: A Defence of Solitary Play
codingconduct
1
550
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.8k
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
1
350
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
1k
What does AI have to do with Human Rights?
axbom
PRO
1
2.5k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
livdayseo
0
230
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
300
The SEO identity crisis: Don't let AI make you average
varn
0
590
How to make the Groovebox
asonas
2
2.5k
Design in an AI World
tapps
1
360
Transcript
© 2023 Wantedly, Inc. Compose Shadow Alternative potatotips #85 2023/11/14
久保出 雅俊
wantedly.com/id/kubode © 2023 Wantedly, Inc. X: @swiz_ard GitHub: @kubode
今日の目的 © 2023 Wantedly, Inc.
目的 © 2023 Wantedly, Inc. https://github.com/kubode/compose-shadow-alternative の宣伝
影の表現 © 2023 Wantedly, Inc.
CSS © 2023 Wantedly, Inc.
SwiftUI © 2023 Wantedly, Inc.
Compose © 2023 Wantedly, Inc.
モチベ Composeでも DropShadow | BoxShadowし たい! © 2023 Wantedly, Inc.
BoxShadow © 2023 Wantedly, Inc.
BoxShadow © 2023 Wantedly, Inc.
BoxShadowの実装 © 2023 Wantedly, Inc. ブラー効果のPaint(影の実体 shapeの部分をくり抜き x,yずらす 影を描画
DropShadow © 2023 Wantedly, Inc.
DropShadow © 2023 Wantedly, Inc.
DropShadowの実装 © 2023 Wantedly, Inc.
DropShadowの実装 © 2023 Wantedly, Inc.
DropShadowの実装 © 2023 Wantedly, Inc. BitmapとCanvasを保持
DropShadowの実装 © 2023 Wantedly, Inc. Compose 1.6で追加されたAPI 別のCanvasに描画できる
DropShadowの実装 © 2023 Wantedly, Inc. ContentのImageを描画 ブラーをかける
1. Android 12以降じゃないと動作しない 2. コンテンツ内のIndicationなどが効かない 3. パフォーマンスは悪い 制約 © 2023
Wantedly, Inc.
まとめ © 2023 Wantedly, Inc.
• Composeでもリッチな影表現は可能 • 公式でサポートしてほしい まとめ © 2023 Wantedly, Inc.
© 2023 Wantedly, Inc. https://github.com/kubode/compose-shadow-alternative