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
190
複雑な構成要素を持つ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.1k
シームレスな体験を実現する本人確認フローの構築 〜家計簿プリカB/43でのeKYC開発実例〜 / iOSDC Japan 2021
nakamuuu
5
2.1k
“Material Designの変化” の中でアプリエンジニアができること / Bonfire Android #4
nakamuuu
2
4k
Guide to app architectureを踏まえた既存アプリの設計改良 / DroidKaigi 2019
nakamuuu
5
3.4k
ウィンドウサイズの変更に強い堅牢な画面の構築 / DroidKaigi 2018
nakamuuu
11
3.7k
Material Designを踏まえてAndroidアプリの構成を考える
nakamuuu
0
120
既存プロダクトのKotlin移行でハマったところ
nakamuuu
2
1.1k
Android版『フリル』におけるMaterial Designへの対応とガイドラインの捉え方
nakamuuu
2
6.3k
プッシュ通知をオフにされないためにクライアントサイドでできること
nakamuuu
1
880
Other Decks in Technology
See All in Technology
Tellus の衛星データを見てみよう #mf_fukuoka
kongmingstrap
0
260
ServiceNow Now Platform 最新版Washington, D.C.リリース
manarobot
0
100
アクセス制御にまつわる改善 / Improving access control
itkq
0
580
コードファーストの考え方。 Amplify Gen2から学ぶAWS次世代のWeb開発体験
yoshiitaka
1
250
R3のコードから見る実践LINQ実装最適化・コンカレントプログラミング実例
neuecc
3
1.7k
Azureの基本的な権限管理の勉強会
yhana
1
1.9k
On Your Data を超えていく!
hirotomotaguchi
2
750
MLOpsの「壁」を乗り越える、LINEヤフーの Data Quality as Code
lycorptech_jp
PRO
8
610
The AI Revolution Will Not Be Monopolized: Behind the scenes
inesmontani
PRO
1
150
Building a RAG-poweredAI chat appwith Python and VS Code
pamelafox
0
140
非同期推論システムによるコスト削減と信頼性向上
koki_nishihara
1
350
AOAI をきっかけに 社内の Azure 管理を見直した話
recruitengineers
PRO
1
430
Featured
See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
117
18k
YesSQL, Process and Tooling at Scale
rocio
165
13k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
33
6k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
19
6.9k
Optimising Largest Contentful Paint
csswizardry
12
2.4k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
Scaling GitHub
holman
457
140k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
188
16k
Creatively Recalculating Your Daily Design Routine
revolveconf
211
11k
We Have a Design System, Now What?
morganepeng
44
6.8k
The Illustrated Children's Guide to Kubernetes
chrisshort
32
46k
Imperfection Machines: The Place of Print at Facebook
scottboms
261
12k
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*ʹର͢ΔϢʔβʔૢ࡞ දࣔঢ়ଶΛચ͍ग़͠ հࡏ͢Δঢ়ଶΛཧ͢Δ ΠϯλϥΫγϣϯͷཧ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ