Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

Compose Shadow Alternative

Avatar for Masatoshi Kubode Masatoshi Kubode
November 14, 2023
Technology
670
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
AIチャットの改善から見えた、良いAI体験とは / What Constitutes a Good AI Experience: Insights from Improving AI Chat
Avatar for Masatoshi Kubode kubode
0
220
3リポジトリーを2ヶ月でモノレポ化した話 / How I turned 3 repositories into a monorepo in 2 months
Avatar for Masatoshi Kubode kubode
0
290
ウォンテッドリーの「ココロオドル」モバイル開発 / Wantedly's "kokoro odoru" mobile development
Avatar for Masatoshi Kubode kubode
2
1.4k
Firebase Dynamic Linksの代替手段を自作する / Create your own Firebase Dynamic Links alternative
Avatar for Masatoshi Kubode kubode
0
760
技術を根付かせる / How to make technology take root
Avatar for Masatoshi Kubode kubode
1
530
WantedlyでのKotlin Multiplatformの導入と課題 / Kotlin Multiplatform Implementation and Challenges at Wantedly
Avatar for Masatoshi Kubode kubode
0
680
Google Play Consoleデベロッパー アカウントの確認 / Verifying your Play Console developer account
Avatar for Masatoshi Kubode kubode
1
1.5k
Make your Android app into Multiplatform app
Avatar for Masatoshi Kubode kubode
0
260
ウォンテッドリーにおけるモバイルアプリ開発 / iOSDC Japan 2024 Sponsor Session
Avatar for Masatoshi Kubode kubode
1
1.6k

Other Decks in Technology

See All in Technology
特殊変数大全
Avatar for dak2 dak2
0
130
EventBridge に「合流」はない ― サーバーレスのワークフローを育てるということ / No Join in EventBridge
Avatar for Yusuke Shimizu yusukeshimizu
2
550
JSONataとAWS Step Functionsで目指すRuntimelessな世界
Avatar for mu7889yoon / Yuta Nakamura mu7889yoon
1
500
AgentCore Runtime上にAgentic Coding基盤を構築・展開する際の設計ポイントと限界点 / Design considerations and limitations when building an agentic coding platform on AgentCore Runtime
Avatar for Har1101 har1101
6
760
認知負荷を吸収し、プロダクトをまたぐPR Preview基盤の設計事例
Avatar for taiki45 taiki45
2
320
顧客に向き合う開発組織へ。リアーキテクチャとフィーチャーチーム化で挑む組織改革
Avatar for セーフィー safie
0
2.5k
10年欲しかった音楽管理アプリを、AIと一緒に作りはじめた
Avatar for log5 judau
1
120
C#コードの結合を可視化する Roslyn解析による設計改善と リファクタリング判断
Avatar for dora56 dora56
0
730
サーバーレスをどこまで使う？ WebRTC対戦ゲームで選んだVPSとの共存設計
Avatar for kaidouji85 kaidouji85
0
440
Oracle Cloud Infrastructure(OCI)：Onboarding Session(はじめてのOCI/Oracle Supportご利⽤ガイド)
Avatar for oracle4engineer oracle4engineer
PRO
2
21k
その Lambda、8分で 管理者権限まで奪われます
Avatar for k1nakayama k1nakayama
7
3.7k
ADKで始める業務改善 - AIエージェント開発時の考えと設計
Avatar for Kazuki Hara harappa80
2
290

Featured

See All Featured
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
830
How to Grow Your eCommerce with AI & Automation
Avatar for Katarina Dahlin katarinadahlin
PRO
2
280
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
35k
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.3k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
35
2.6k
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
699
190k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.6k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
Avatar for Aleyda Solis aleyda
1
1.6k
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
Deep Space Network (abreviated)
Avatar for Tony Rice tonyrice
0
320
New Earth Scene 8
Avatar for Sydney Stone popppiees
4
2.6k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
220

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