How derivedStateOf works: a deep d(er)ive
Compose's snapshot system is really neat, as I've talked and written about before. Once you know how it works, you can do some cool tricks with it, and derivedStateOf is a rich example of this. I recently gave a talk focused more on explaining the algorithms with animated diagrams, so this article will focus on code, including examples from the actual Compose source. 📖This article is part of a se
A robust MVI with Jetpack Compose
Why am I doing this?I’ve been working to develop a robust architecture, with a small learning curve and recognizable to all developers. The aim was to have something project-agnostic. Simply put, we wanted all developers to be comfortable with the architecture, so that they could more easily contribute to other projects (that they may or may not know in detail), if and when needed. Building an arc
SwiftUI for Jetpack Compose developers - State (I)
Over the past year I’ve been playing around a lot of multiplatform toolkits, primarily Kotlin Multiplatform, which has allowed me to explore writing mobile UIs on platforms other than Android. I’ve often found myself knowing how to model or implement something in Jetpack Compose, but struggling to quickly translate it to other UI toolkits. This blog series has been written as a self-reference for
Compose ã§ãƒ‘フォーマンスã®é«˜ã„レイアウトを作る - Qiita
Jetpack Compose ã¯ã€Œã‚ˆã‚Šå„ªã‚ŒãŸã‚¢ãƒ—リを迅速ã«ãƒ“ルドã™ã‚‹ã€ã¨ã„ã†ã‚¹ãƒãƒ¼ã‚¬ãƒ³ã‚’掲ã’ã¦ã„ã¾ã™ãŒã€å„ªã‚ŒãŸã‚¢ãƒ—リã®é‡è¦ãªè¦ç´ ã®ä¸€ã¤ãŒ UI ã®ãƒ‘フォーマンスã§ã™ã€‚ ã“ã®è¨˜äº‹ã§ã¯ã€ã¾ãš Compose 㨠View ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚·ã‚¹ãƒ†ãƒ ã‚’ç°¡å˜ã«æ¯”較ã—㦠Compose ã®å¼·ã¿ã‚’説明ã—ã€ãã‚Œã‹ã‚‰ Compose ã§ãƒ‘フォーマンスã®é«˜ã„レイアウトを作るコツを例を交ãˆã¦ç´¹ä»‹ã—ã¾ã™ã€‚ Compose ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚·ã‚¹ãƒ†ãƒ ã®æ”¹å–„ View ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚·ã‚¹ãƒ†ãƒ ã®å•é¡Œç‚¹ View ã§ã¯ä¸€ã¤ã®ãƒ¬ã‚¤ã‚¢ã‚¦ãƒˆã‚’複数回測定（measure）ã™ã‚‹ã“ã¨ãŒè¨±ã•ã‚Œã¦ã„ã¦ã€å®Ÿéš›ãã®çŠ¶æ³ã«é™¥ã‚‹ã“ã¨ã‚‚よãã‚ã‚Šã¾ã™ã€‚例ãˆã°ã€LinearLayout ã® baselineAligned ã¯ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ true ãªã®ã§ã€æ˜Žç¤ºçš„ã« baselineAligned をオフã«ã›ãšã« LinearLayout 内㧠layout_w
Effective state management for TextField in Compose
TL;DR To prevent synchronization issues and unexpected behaviors: – Avoid delays/asynchronous behaviors between typing and updating TextField state. – Avoid holding TextField state using a reactive stream (e.g. collecting from StateFlow using the default dispatcher) – Define TextField state variables with Compose APIs like MutableState<String>.Hoist TextField state to the ViewModel when needed e.g
メルカリã®äº‹æ¥ã¨ã‚¨ã‚³ã‚·ã‚¹ãƒ†ãƒ ã‚’ã„ã‹ã«ã‚µã‚¹ãƒ†ãƒŠãƒ–ルãªã‚‚ã®ã«ã™ã‚‹ã‹ï¼Ÿã‹ã¤ã¦ãªã„大型プãƒã‚¸ã‚§ã‚¯ãƒˆã€ŒGroundUp Appã€ã®é“程 | mercan (メルカン)
マイクãƒã‚½ãƒ•ãƒˆã€æ ªå¼ä¼šç¤¾æ¥½å¤©ã€æ ªå¼ä¼šç¤¾ãƒ•ã‚¡ãƒ¼ã‚¹ãƒˆãƒªãƒ†ã‚¤ãƒªãƒ³ã‚°ã§ã•ã¾ã–ã¾ãªå›½å†…åŠã³ã€ã‚°ãƒãƒ¼ãƒãƒ«å‘ã‘ã®è£½å“ã®ãƒ—ãƒãƒ€ã‚¯ãƒˆãƒžãƒãƒ¼ã‚¸ãƒ¡ãƒ³ãƒˆã‚’è¡Œã†ã¨ã¨ã‚‚ã«ã€é–‹ç™ºçµ„織強化ã®ãŸã‚ã«Agile開発ã®å°Žå…¥ã€ã‚ªãƒ•ã‚·ãƒ§ã‚¢é–‹ç™ºæ‹ 点ã®ç«‹ã¡ä¸Šã’ãªã©ã«å¾“事。2018å¹´9月ã€æ ªå¼ä¼šç¤¾ãƒ¡ãƒ«ã‚«ãƒªã«å‚画。ç¾åœ¨ã¯Products Foundationã®Directorã‚’å‹™ã‚る。 ã‚ã‚‹æ„味ã€ãƒ¡ãƒ«ã‚«ãƒªã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãƒªãƒ³ã‚°ã¯æ•—北を味ã‚ã£ãŸ ──ã¾ãšã€ã€ŒGroundUp Appã€ãŒå§‹ã¾ã£ãŸãã£ã‹ã‘ã‹ã‚‰æ•™ãˆã¦ãã ã•ã„。 @kwakasa：新ã—ã„メルカリã®Web版ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆãŒå§‹å‹•ã—ãŸ3〜4ヶ月後ã®2020å¹´åŠã°ãらã„ã§ã™ã。プãƒãƒ€ã‚¯ãƒˆãƒžãƒãƒ¼ã‚¸ãƒ£ãƒ¼ã¨ãƒ‡ã‚¶ã‚¤ãƒŠãƒ¼ã‹ã‚‰ã€ŒWebã ã‘ã§ã¯ãªãアプリもアップデートã—ãŸã‚‰ã©ã†ã‹ã€ã¨ã„ã†è©±ãŒå‡ºãŸã“ã¨ãŒãã£ã‹ã‘ã§ã™ã€‚ ãŸã ã€åƒ•ã¯åŸºæœ¬çš„ã«ã¯ã€Œã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã¯æ›¸ãæ›ãˆã‚‹ã¹ãã§ã¯ãªã„ã€ã¨æ€ã£ã¦ã„ã¾ã™ã€‚ソフトウェアã®æ”¹
React ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ãŒ Jetpack Compose を勉強ã—ã¦ã¿ãŸ - â”—â”＜(՞ਊ՞)＞┌┛
育休å‰ã¯ React 㨠go をよã書ã„ã¦ã„ã¾ã—ãŸãŒã€è‚²ä¼‘ãŒçµ‚ã‚ã£ã¦ Android ã®ä»•äº‹ã«ã¤ãã“ã¨ã«ãªã£ãŸã®ã§ã€Jetpack Compose ã®å‹‰å¼·ã‚’ã—ã¾ã—ãŸã€‚ã¨ã„ã£ã¦ã‚‚自分ã°ã‚ºãƒ–ã®ç´ 人ã¨ã„ã†ã‚ã‘ã§ã¯ãªãã€Jetpack Compose ãŒå°Žå…¥ã•ã‚Œã‚‹å‰ã«ã¯ Android ã®ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã§ã€ç¢ºã‹ãƒžãƒ«ãƒãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ãŒä¸–ã®ä¸ã«å‡ºå§‹ã‚ãŸã‹ãªã€œãらã„ã®æ™‚代㧠Web æ–¹é¢ã«é€²ã‚“ã ã®ã§ã€ãã“らã¸ã‚“ã®æ™‚代ã§çŸ¥è˜ãŒæ¢ã¾ã£ã¦ã„ã¾ã™ã€‚ Jetpack Compose ã¨ã¯ https://developer.android.com/jetpack/compose Android ãƒã‚¤ãƒ†ã‚£ãƒ–アプリケーションをã€å®£è¨€çš„ UI ã§ã‚¢ãƒ—リを作るã“ã¨ãŒã§ãã‚‹ã‚ットã§ã™ã€‚ã“ã‚Œã¾ã§ Android 㯠Activity（ã„ã‚ã°ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã€‚一画é¢ã«å¿…ãšï¼‘ã¤ã—ã‹ãªã„） ã‚„ Fragment（ã„ã‚ã°ã‚¦ã‚£ãƒ³ãƒ‰ã‚¦ã®ä¸Šã«ãŠã‘ã‚‹ã€
Jetpack Composeを使ã£ãŸè¤‡é›‘ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³äº‹ä¾‹ - Mirrativ Tech Blog
ミラティブã®Androidエンジニアã®morizoooã§ã™ã€‚ Mirrativã®Androidアプリã§ã¯ã€æ–°è¦ã§ä½œã‚‹ç”»é¢ã«ã¯ç©æ¥µçš„ã«Jetpack Composeを活用ã—ã¦ã„ã¾ã™ã€‚ tech.mirrativ.stream Mirrativã¯ã€å¤šãã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ãŒã‚²ãƒ¼ãƒ や雑談ãªã©ã®é…ä¿¡ã‚’ã—ã¦ãŠã‚Šã€é…信を盛り上ã’ã‚‹ãŸã‚ã®æ¼”出ã¨ã—ã¦é€šå¸¸ã®ã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã«åŠ ãˆã¦Lottieも織り交ãœã€ãƒªãƒƒãƒãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実装ã—ã¦ã„ã¾ã™ã€‚ Jetpack Compose導入以å‰ã¯ã€AnimationListenerã®Callbackを入れåã«ã™ã‚‹å½¢ã§è¤‡é›‘ãªã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実ç¾ã—ã¦ã„ãŸã®ã§ã™ãŒã€ã„ã–Jetpack Composeã§å®Ÿè£…ã—よã†ã¨ãªã‚‹ã¨ã©ã†å®Ÿè£…ã™ã‚‹ã®ãŒè‰¯ã„ã®ã‹è‹¦å¿ƒã—ã¾ã—ãŸã€‚ 今回ã®è¨˜äº‹ã§ã¯ã€å®Ÿéš›ã«ã‚¢ãƒ—リã§ä½¿ã£ã¦ã„るアニメーションを例ã«ã€Jetpack Composeã§ä½œã£ãŸã‚¢ãƒ‹ãƒ¡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’紹介ã—ã¾ã™ã€‚
Jetpack Compose Stability Explained
Have you ever measured the performance of your composable and discovered it is recomposing more code than you expect? “I thought Compose was meant to intelligently skip composables when state hasn’t changed?†you might ask. Or when reading Compose code you might see classes annotated with @Stable or @Immutable and wonder what those mean? These concepts can be explained by Compose stability. In thi
モãƒã‚¤ãƒ«ã‚¢ãƒ—リ開発ã«ãŠã„ã¦å®£è¨€çš„UIフレームワークを利用ã™ã‚‹éš›ã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆç²’度ã«ã¤ã„ã¦ã®è€ƒå¯Ÿ - クックパッド開発者ブãƒã‚°
ã“ã‚“ã«ã¡ã¯ã€ã‚¯ãƒƒã‚¯ãƒ‘ッド事æ¥æœ¬éƒ¨ 買物サービス開発部ã®ä½è—¤ï¼ˆ@n_atmark）ã§ã™ã€‚ ç§ã®æ‰€å±žã™ã‚‹è²·ç‰©ã‚µãƒ¼ãƒ“ス開発部ã§ã¯ã‚¯ãƒƒã‚¯ãƒ‘ッドアプリã«ãŠã‘ã‚‹è²·ã„物機能*1ã®é–‹ç™ºã‚’è¡Œãªã£ã¦ãŠã‚Šã€ç§ã¯2020å¹´ã®ä¸ŠæœŸã‹ã‚‰è²·ã„物機能ã®ãƒ¢ãƒã‚¤ãƒ«ã‚¢ãƒ—リ開発ã®æ‹…当をã—ã¦ã„ã¾ã™ã€‚ 2020年上期〜2021年上期ã§ã¯ã€ã‚¯ãƒƒã‚¯ãƒ‘ッドiOSアプリã®è²·ã„物機能開発ã«ã€ 2021年下期ã‹ã‚‰ã¯ã€ã‚¯ãƒƒã‚¯ãƒ‘ッドAndroidアプリã®è²·ã„物機能開発ã«æºã‚ã£ã¦ã„ã¾ã™ã€‚ クックパッドアプリã®è²·ã„物機能開発ã«é–¢ã™ã‚‹è©³ç´°ã¯ã‚¯ãƒƒã‚¯ãƒ‘ッド開発者ブãƒã‚°ã«ã‚‚ã¾ã¨ã¾ã£ã¦ã„ã¾ã™ã®ã§ã€ãœã²åˆã‚ã›ã¦ã”覧ãã ã•ã„。 techlife.cookpad.com techlife.cookpad.com å‰è¿°ã®é€šã‚Šã‚¯ãƒƒã‚¯ãƒ‘ッドアプリã«ãŠã‘ã‚‹è²·ã„物機能をiOS/Android両プラットフォームå‘ã‘ã«é–‹ç™ºã—ã¦ã„ã‚‹ã®ã§ã™ãŒã€å®Ÿã¯ãれらã®é–‹ç™ºã«ã¯å…±é€šã—ã¦ã„る点ãŒã‚ã‚Šã¾
「B/43ã€ã®Androidアプリをリリースã—ã¾ã—ãŸï¼ä½¿ç”¨ã—ã¦ã„る技術を紹介ã—ã¾ã™ã€‚ - inSmartBank
ã“ã‚“ã«ã¡ã¯ã€‚ 「B/43ã€ã®Androidアプリ開発ã«æºã‚ã£ã¦ã„ã‚‹ ã‚ã‚“ã–ã„ゆã（yanzm） ã§ã™ã€‚ 先日「B/43ã€ã®Androidアプリをリリースã—ã¾ã—ãŸðŸŽ‰ðŸŽ‰ play.google.com ã“ã®è¨˜äº‹ã§ã¯ã€ŒB/43ã€ã®Androidアプリã§æŽ¡ç”¨ã—ã¦ã„る技術や苦労ã—ãŸç‚¹ã€å·¥å¤«ã—ãŸç‚¹ãªã©ã‚’紹介ã—ã¾ã™ã€‚ 採用ã—ã¦ã„る技術（抜粋） Jetpack Compose 一番ã®ç‰¹å¾´ã¯ Full Jetpack Compose ã«ã—ãŸç‚¹ã§ã™ã€‚ 開発ã®ãŠè©±ã‚’ã„ãŸã ã„ãŸä»Šå¹´ã®æ˜¥æ™‚点㧠Jetpack Compose 㯠beta 版ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ãŠã‚Šã€å¤ã«ã¯ stable 版ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã‚‹ã“ã¨ã‚‚発表ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ 今ã‹ã‚‰é–‹ç™ºã™ã‚‹ãªã‚‰ Jetpack Compose ã§ã‚„ã‚ŠãŸã„ã¨æ€ã£ã¦ã„ãŸã¨ã“ã‚ã€iOS / Android エンジニアをã—ã¦ã„ã‚‹ nakamuuu ã‹ã‚‰ã‚‚ Jetpack Compo
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
WindowInsets 2022 feat. Jetpack Compose #ca_aab
Command Your User Inputs with Jetpack Compose— Text Field Features Hidden in Plain Sight
Making Jellyfish move in Compose: Animating ImageVectors and applying AGSL RenderEffects ðŸ 
Jetpack Compose: System UI Compatibility and Immersive Status Bar
What can Advanced / Lesser Known Modifiers do for your UI?
Chris Banes on Twitter: "Like a lot of the Android team yesterday, I resigned from @Twitter 🫡💙 Personally, I’m going to take a break and wo… https://t.co/25jMLfZTSn"
GitHub - google/horologist: Horologist is a group of libraries that aim to supplement Wear OS developers with features that are commonly required by developers but not yet available.
Jetpack Compose: Theme and Typography
Jetpack Compose: State
{{#tags}}- {{label}}
{{/tags}}