Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
複雑な構成要素を持つUIとの向き合い方 〜新・支出グラフでの実例〜 / B43 TECH TALK
Search
nakamuuu
April 18, 2024
Technology
0
1.2k
複雑な構成要素を持つUIとの向き合い方 〜新・支出グラフでの実例〜 / B43 TECH TALK
B/43 TECH TALK〜「お金の使いすぎ」を防ぐ新しい家計管理機能開発の裏話〜 での発表資料です。
https://smartbank.connpass.com/event/314873/
nakamuuu
April 18, 2024
Tweet
Share
More Decks by nakamuuu
See All by nakamuuu
“ユーザー起点” のモバイルアプリの開発プロセス / Start up × FinTech
nakamuuu
1
5.6k
シームレスな体験を実現する本人確認フローの構築 〜家計簿プリカB/43でのeKYC開発実例〜 / iOSDC Japan 2021
nakamuuu
5
2.4k
“Material Designの変化” の中でアプリエンジニアができること / Bonfire Android #4
nakamuuu
2
4.2k
Guide to app architectureを踏まえた既存アプリの設計改良 / DroidKaigi 2019
nakamuuu
5
3.6k
ウィンドウサイズの変更に強い堅牢な画面の構築 / DroidKaigi 2018
nakamuuu
11
3.9k
Material Designを踏まえてAndroidアプリの構成を考える
nakamuuu
0
140
既存プロダクトのKotlin移行でハマったところ
nakamuuu
2
1.1k
Android版『フリル』におけるMaterial Designへの対応とガイドラインの捉え方
nakamuuu
2
6.4k
プッシュ通知をオフにされないためにクライアントサイドでできること
nakamuuu
1
960
Other Decks in Technology
See All in Technology
自動テストの世界に、この5年間で起きたこと
autifyhq
10
8.5k
レビューを増やしつつ 高評価維持するテクニック
tsuzuki817
1
710
『衛星データ利用の方々にとって近いようで触れる機会のなさそうな小話 ~ 衛星搭載ソフトウェアと衛星運用ソフトウェア (実物) を動かしながらわいわいする編 ~』 @日本衛星データコミニティ勉強会
meltingrabbit
0
140
Culture Deck
optfit
0
420
あれは良かった、あれは苦労したB2B2C型SaaSの新規開発におけるCloud Spanner
hirohito1108
2
570
Larkご案内資料
customercloud
PRO
0
650
滅・サービスクラス🔥 / Destruction Service Class
sinsoku
6
1.6k
Oracle Base Database Service 技術詳細
oracle4engineer
PRO
6
57k
エンジニアの育成を支える爆速フィードバック文化
sansantech
PRO
3
1.1k
関東Kaggler会LT: 人狼コンペとLLM量子化について
nejumi
3
580
バックエンドエンジニアのためのフロントエンド入門 #devsumiC
panda_program
18
7.5k
ユーザーストーリーマッピングから始めるアジャイルチームと並走するQA / Starting QA with User Story Mapping
katawara
0
200
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
It's Worth the Effort
3n
184
28k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
The Language of Interfaces
destraynor
156
24k
Embracing the Ebb and Flow
colly
84
4.6k
Building Your Own Lightsaber
phodgson
104
6.2k
Code Review Best Practice
trishagee
67
18k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Automating Front-end Workflow
addyosmani
1368
200k
Practical Orchestrator
shlominoach
186
10k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
30
2.2k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
356
29k
Transcript
ෳࡶͳߏཁૉΛ࣋ͭ6*ͱͷ͖߹͍ํ ʙ৽ɾࢧग़άϥϑͰͷ࣮ྫʙ
4NBSU#BOL *OD J04"OESPJE"QQMJDBUJPO%FWFMPQFS தଜܙଠ !DIJDLNVVV ࣗݾհ !OBLBNVVV
None
৽ɾࢧग़άϥϑ l·ͱΊը໘z͕lࢧग़ը໘zͱͯ͠ϦχϡʔΞϧ🎉
৽ɾࢧग़άϥϑ ৽͍͠ࢧग़άϥϑlߏཁૉ͕ଟ͍zͷ͕ಛ શମ༧ࢉ ूܭظؒ ࢧग़ֹ Γ༧ࢉ άϥϑ લ݄ͷ҆ϥΠϯ ֹۚͷΓ
༧ࢉͷඪઢ ʜ ʜ
৽ɾࢧग़άϥϑ ࣌ؒ࣠ࢧग़ͷঢ়گϢʔβʔૢ࡞Ͱද͕ࣔେ͖͘มΘΓ͏Δ 📅݄ͷ్தͳΒʁ 📝༧ࢉઃఆ͕ͳ͔ͬͨΒʁ 🔥༧ࢉΛ͍͑ͯͨΒʁ 👆άϥϑʹ৮ΕͨΒʁ
ࠓ͓͢͠Δ͜ͱ ςʔϚ 6*ͷߏཁૉΛղ͠ ֤ཁૉͷݺশ ৼΔ͍Λఆٛ͢Δ ߏཁૉͷఆٛ ઃܭϑΣʔζʹ͓͚ΔlෳࡶͳߏཁૉΛ࣋ͭ6*zͱͷ͖߹͍ํ 6*ͷදࣔʹཁ͢ΔใΛ ཏతʹཧͯ͠
σʔλιʔεΛઃܭ͢Δ σʔλιʔεͷઃܭ 6*ʹର͢ΔϢʔβʔૢ࡞ දࣔঢ়ଶΛચ͍ग़͠ հࡏ͢Δঢ়ଶΛཧ͢Δ ΠϯλϥΫγϣϯͷཧ
ߏཁૉͷఆٛ
ߏཁૉͷఆٛ ৽͍͠ࢧग़άϥϑlߏཁૉ͕ଟ͍zͷ͕ಛ શମ༧ࢉ ूܭظؒ ࢧग़ֹ Γ༧ࢉ άϥϑ લ݄ͷ҆ϥΠϯ ֹۚͷΓ
༧ࢉͷඪઢ ʜ ʜ
ߏཁૉͷఆٛ ͦΕͧΕͷߏཁૉͷ໋໊
ߏཁૉͷఆٛ w ଞͷߏཁૉσʔλͷґଘ͕গͳͦ͏ͳͱ͜Ζ͔ΒਐΊΔ w ྫͷΓʢूܭظؒͷΈʹґଘʣ w ྫֹۚͷΓʢࢧग़ֹͷ࠷େͷΈʹґଘʣ w ʮ࠲ඪฏ໘ʢΓؚΉʣˠάϥϑຊମˠͦͷଞͷଳใʯͷ
ॱͰৼΔ͍ΛܾΊ͍ͯͬͨ ߏཁૉ୯ҐͰৼΔ͍Λܾఆ
ߏཁૉͷఆٛ w ͷΓ։࢝ʙऴྃͷؒͷ༵ͷΛநग़ͯ͠දࣔ w ֹۚͷΓ࠷େͷࢧग़ֹ͔Βܾఆ w ສ ສ ສ
ສ ສʜͷ༧Ίنఆ͞ΕͨΛ্ͷֹۚʹ͢Δ w ԼͷʮʯৗʹදࣔʢฦۚͰͷෛͷࢧग़ʹରԠ͠ͳ͍ʣ 📝ྫͷΓֹۚͷΓʢ࠲ඪฏ໘ʣ
ߏཁૉͷఆٛ ֤ߏཁૉͷදࣔʹඞཁͳใ͕ཏͰ͖ͨΒ ɹσʔλߏͷɹʜ σʔλιʔεͷઃܭ w 6*Λߏ͢Δͯ͢ͷߏཁૉʹରͯ͠ৼΔ͍Λܾఆ͢Δ w ͦͷաఔͰ֤ߏཁૉͰඞཁͱͳΔσʔλΛϦετΞοϓ͠ɺ ߹ͷΑͦ͞͏ͳσʔλߏΠϝʔδ͓ͯ͘͠💭
σʔλιʔεͷઃܭ
σʔλιʔεͷઃܭ w ಛఆ࣌Ͱͷࢧग़ֹΓ༧ࢉͳͲ ʮ࣍ͷεφοϓγϣοτʯΛࣔ͢ ϔομʔ෦ άϥϑຊମ w ूܭظؒͷશମΛ௨ͨ͠ࢧग़ֹͳͲͷ ʮ࿈ଓͨ͠ਪҠʯΛࣔ͢
ʮ࣍ͷεφοϓγϣοτʯʮ࿈ଓͨ͠ਪҠʯͷํΛදࣔ͢Δ্Ͱ ҊͷσʔλߏΛݕ౼ σʔλιʔεͷઃܭ ɾࢧग़ֹ ɾΓ༧ࢉ ɾ҆ͷࢧग़ֹ ʓ݄ ʜ ϝΠϯάϥϑ
ʜ ɾɾֹۚ ҆ͷάϥϑ ʜ ɾɾֹۚ
σʔλιʔεͷઃܭ +40/্Ͱ҉తʹੜ͡͏ΔنଇΛॻ͖ग़ͯ͠ΈΔ \ TUBSU@EBUF FOE@EBUF ✏TUBSU@EBUFʙFOE@EBUFͷͯ͢ͷؚ͕·ΕΔ TOBQTIPUT<
\ EBUF ✏/VMMͳΒҎ߱ͷATOBQTIPUTAͷશͯͷཁૉ/VMM BNPVOU /VMMBCMF ✏/VMM͔൱͔ATOBQTIPUTAͷશͯͷཁૉͰἧ͍ͬͯΔ HVJEF@BNPVOU/VMMBCMF ^ \ EBUFl BNPVOU /VMMBCMF
σʔλιʔεͷઃܭ w σʔλϕʔε"1*αʔόʔϞόΠϧΞϓϦͷҰ࿈Λ௨ͯ͠ɺදݱྗ͕ Ұ൪͍ഔମʹͳΓ͍͢ͷ͕Ϩεϙϯεʹ༻͍Δ+40/ w දݱྗ͕͍ʹʮ҉తͳ੍/VMMBCMFͳ͕ੜ͍͢͡ʯ w ྫ͑4XJGUͰFOVNͷBTTPDJBUFEWBMVFʢܕͷσʔλߏʣ 'BJMBCMF*OJUJBMJ[FSͳͲΛ༻͍ͯ҉తͳ੍Λຬͨ͞ͳ͍Πϯελϯεͷ
ੜΛ੍ݶͰ͖Δ w +40/Ͱදͨ࣌͠ʹ҉తͳ੍͕গͳ͘ͳΔ͔͕அࡐྉͱͯ͠༗༻ w ࢧग़άϥϑͰʮ࿈ଓͨ͠ਪҠʯʹدͤͨσʔλߏΛબͨ͠
ΠϯλϥΫγϣϯͷཧ
ΠϯλϥΫγϣϯͷཧ ৽͍͠ࢧग़άϥϑͰաڈͷࢧग़֬ೝͰ͖Δ💸
ϔομʔ෦ͷ ظؒࢧग़ֹ ύʔςΟΫϧͷදࣔ )BQUJD'FFECBDL ΠϯλϥΫγϣϯͷཧ 👆άϥϑ্ͷυϥοάૢ࡞ ΠϯδέʔλͷҐஔ ܾࡁͨ͠ళฮ໊ͷදࣔ
ϑΥʔΧε͞Ε͍ͯΔ ΠϯλϥΫγϣϯͷཧ 👆άϥϑ্ͷυϥοάૢ࡞ lૢ࡞zͱlදࣔzͷؒʹհࡏ͢Δ.VUBCMFͳঢ়ଶΛநग़͢Δ ϑΥʔΧε͞Ε͍ͯΔ ϔομʔ෦ͷ ظؒࢧग़ֹ ύʔςΟΫϧͷදࣔ )BQUJD'FFECBDL
ΠϯδέʔλͷҐஔ ܾࡁͨ͠ళฮ໊ͷදࣔ ʢͷมಈʣ
ΠϯλϥΫγϣϯͷཧ lૢ࡞zͱlදࣔzͷؒʹհࡏ͢Δঢ়ଶΛநग़͢Δ͜ͱͰ 4XJGU6*+FUQBDL$PNQPTFͰͷ࣮ํఆ·Δ
·ͱΊ
·ͱΊ ςʔϚ ઃܭϑΣʔζʹ͓͚ΔlෳࡶͳߏཁૉΛ࣋ͭ6*zͱͷ͖߹͍ํ 6*ͷߏཁૉΛղ͠ ֤ཁૉͷݺশ ৼΔ͍Λఆٛ͢Δ ߏཁૉͷఆٛ 6*ͷදࣔʹཁ͢ΔใΛ ཏతʹཧͯ͠
σʔλߏΛઃܭ͢Δ σʔλιʔεͷઃܭ 6*ʹର͢ΔϢʔβʔૢ࡞ දࣔঢ়ଶΛચ͍ग़͠ հࡏ͢Δঢ়ଶΛཧ͢Δ ΠϯλϥΫγϣϯͷཧ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ