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
200
複雑な構成要素を持つ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
AWSやJAWS-UGとの出会いを振り返る
yoyoyopg
1
180
Amplify 🩷 Bedrock 〜生成AI入門〜
minorun365
PRO
9
1.1k
社内アプリで Cloudflare D1を プロダクト運用してみた体験談(Tokyo)
haochenx
0
130
Cloud Service Mesh に触れ合う
phaya72
1
300
プロンプトエンジニアリングでがんばらない-Agentic Workflow へ-近藤憲児
kenjikondobai
6
1.3k
高専で制御を、大学でセンシングを学び、次は脳みそ
satoshirobatofujimoto
0
120
.NET Profiler in 2024.
kkamegawa
2
2.4k
Babylon.jsと色々なものを組み合わせる:ブラウザのAPIやガジェットや2D描画ライブラリなど / Babylon.js 勉強会 vol.3
you
PRO
0
180
DX企業CTOとして考える技術への向き合い方
shoheitai
0
110
今年のRubyKaigiはProfiler Year🤘
osyoyu
0
510
Grafana x PagerDuty Better Together
jacopen
1
330
cgroup v2 で何が変わったのか / TechFeed Experts Night #28
tenforward
2
110
Featured
See All Featured
Agile that works and the tools we love
rasmusluckow
325
20k
Raft: Consensus for Rubyists
vanstee
133
6.3k
4 Signs Your Business is Dying
shpigford
176
21k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
358
22k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
21
1.9k
Rails Girls Zürich Keynote
gr2m
91
13k
Building Flexible Design Systems
yeseniaperezcruz
320
37k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
660
120k
Practical Orchestrator
shlominoach
183
9.7k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
20
1.8k
Optimising Largest Contentful Paint
csswizardry
13
2.4k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
41
4.4k
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*ʹର͢ΔϢʔβʔૢ࡞ දࣔঢ়ଶΛચ͍ग़͠ հࡏ͢Δঢ়ଶΛཧ͢Δ ΠϯλϥΫγϣϯͷཧ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ