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
810
複雑な構成要素を持つ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.3k
シームレスな体験を実現する本人確認フローの構築 〜家計簿プリカB/43でのeKYC開発実例〜 / iOSDC Japan 2021
nakamuuu
5
2.2k
“Material Designの変化” の中でアプリエンジニアができること / Bonfire Android #4
nakamuuu
2
4.1k
Guide to app architectureを踏まえた既存アプリの設計改良 / DroidKaigi 2019
nakamuuu
5
3.4k
ウィンドウサイズの変更に強い堅牢な画面の構築 / DroidKaigi 2018
nakamuuu
11
3.8k
Material Designを踏まえてAndroidアプリの構成を考える
nakamuuu
0
130
既存プロダクトのKotlin移行でハマったところ
nakamuuu
2
1.1k
Android版『フリル』におけるMaterial Designへの対応とガイドラインの捉え方
nakamuuu
2
6.3k
プッシュ通知をオフにされないためにクライアントサイドでできること
nakamuuu
1
900
Other Decks in Technology
See All in Technology
AIエージェントを現場に導入する目線とは
masahiro_nishimi
1
1.5k
E2Eテスト自動化プラットフォームにおけるAIの活用
shift_evolve
0
180
セキュリティ研修 Day1【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
150
20240725 LLMによるDXのビジョンと、今何からやるべきか @Azure OpenAI Service Dev Day
nrryuya
3
1.1k
運用改善、不都合な真実 / 20240722-ssmjp-kaizen
opelab
17
8k
RAGのサービスをリリースして1年3ヶ月が経ちました
segavvy
4
900
「単なる OAuth 2.0 を認証に使うと、車が通れるほどのどでかいセキュリティー・ホールができる」のか検証してみた
terara
0
380
技術負債による事業の失敗はなぜ起こるのか / Why do business failures due to technical debt occur?
i35_267
0
190
LINE WORKSへ簡単通知!Incoming Webhookアプリの紹介
mmclsntr
0
110
テスト・設計研修【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
公共領域から学ぶ クラウド移行についてエンジニアが意識していること
kawakawa2222
0
140
[I/O Extended Android 2024] What`s new in Android 2024
kyeongwan
0
220
Featured
See All Featured
We Have a Design System, Now What?
morganepeng
46
7k
The World Runs on Bad Software
bkeepers
PRO
63
11k
WebSockets: Embracing the real-time Web
robhawkes
59
7.2k
Teambox: Starting and Learning
jrom
130
8.6k
Unsuck your backbone
ammeep
666
57k
Testing 201, or: Great Expectations
jmmastey
33
6.9k
Designing with Data
zakiwarfel
96
5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
224
21k
Faster Mobile Websites
deanohume
303
30k
How STYLIGHT went responsive
nonsquared
93
5k
Embracing the Ebb and Flow
colly
81
4.3k
The Invisible Customer
myddelton
117
13k
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*ʹର͢ΔϢʔβʔૢ࡞ දࣔঢ়ଶΛચ͍ग़͠ հࡏ͢Δঢ়ଶΛཧ͢Δ ΠϯλϥΫγϣϯͷཧ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ