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
デザインにオブジェクト指向を適用する / Apply Object-Oriented to y...
Search
rockname
February 16, 2020
Design
13
5.2k
デザインにオブジェクト指向を適用する / Apply Object-Oriented to your design
rockname
February 16, 2020
Tweet
Share
More Decks by rockname
See All by rockname
生成AIを活用したレシート読み取り機能のアプリ開発の裏側 / AI Receipt Scan App Development
rockname
0
30
ゼロから理解するDependency Injection / Understanding Dependency Injection from the Ground Up
rockname
2
3.6k
サブスクリプション機能制御の設計における勘所
rockname
0
980
Anatomy of Dynamic color
rockname
1
1.1k
キャッシュによる状態管理のアーキテクチャ / Cache-based state management architecture
rockname
10
19k
Optimistic Updatesで UXを向上させる / Improve UX with Optimistic Updates
rockname
3
1.3k
モバイルアプリのリストUIにおける 理想的なState表示について / The ideal state display in a mobile app list UI
rockname
7
1.8k
オンデバイスで学習可能になったCreate MLで画像分類器を作ってみた💪 / Developing an app to train an image classifier on iOS Device using Create ML
rockname
4
480
The practice of inclusive design -WWDC21-
rockname
1
1.2k
Other Decks in Design
See All in Design
The Very Small Creatures - dressing up warm sequence
lizziestoryboards
0
210
Tableau曲線表現講座(2024.11.21)
cielo1985
0
260
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.3k
20241019-CUD友の会「困った!を解決するデザイン改訂版」交流会
majimasachi
0
330
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
210
プロダクトデザインの「守破離」の「破」について
hayashirine
0
320
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
5
4k
私たちは、世界とデザインの〝次の一歩〟を、どこへ向けるか。
tkhr_kws
2
290
aya_murakami_portfolio
ayakaimi1101
0
1.2k
AIと創る広告の未来 ― タップルと極AIお台場スタジオの最新事例― / ai-tapple-odaiba
cyberagentdevelopers
PRO
1
710
Dive Deep into Communication
yomtsu
0
210
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
290
Featured
See All Featured
Typedesign – Prime Four
hannesfritz
40
2.5k
Optimizing for Happiness
mojombo
376
70k
How to train your dragon (web standard)
notwaldorf
91
5.9k
The World Runs on Bad Software
bkeepers
PRO
67
11k
How to Think Like a Performance Engineer
csswizardry
22
1.4k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
29
1k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
Fireside Chat
paigeccino
34
3.2k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
10
510
Building Adaptive Systems
keathley
40
2.4k
Automating Front-end Workflow
addyosmani
1368
200k
The Invisible Side of Design
smashingmag
299
50k
Transcript
σβΠϯʹΦϒδΣΫτࢦΛద༻͢Δ גࣜձࣾϛΫγΟΈͯͶࣄۀ෦ ϩΫωϜ!SPDLOBNF
NJYJ *OD ࣗݾհ ϩΫωϜSPDLOBNF ؠ໊༐ً w גࣜձࣾϛΫγΟΈͯͶࣄۀ෦ॴଐ w ʹ৽ଔͱͯ͠ೖࣾ w
J04ΛϝΠϯʹ"OESPJE 3BJMTॻ͍ͨΓ͢ΔΤϯδχΞ w 75VCFS ʹ͡͞Μ͡ ͕͖
NJYJ *OD
None
NJYJ *OD Θ͔Γʹ͍͘6* ՈΞϧόϜΈͯͶΛʮΘ͔Γʹ͍͘6*ʯʹͳΔΑ͏ ઃܭͯ͠Έ·͢
ʮΞϧόϜΛݟΔʯΛλοϓ ʮՖࢠͷΞϧόϜʯΛબ ՖࢠͷΞϧόϜ͕දࣔ͞ΕΔ
NJYJ *OD ͳͥΘ͔Γʹ͍͘ͷ͔ w ਓؒΦϒδΣΫτʹରͯ͠ͲΜͳΞΫγϣϯΛ͢ΕͲ͏ͳ Δ͔ɺͱ͍͏ΠϝʔδΛϝϯλϧϞσϧͱͯ͠ܗ͍ͯ͠·͢ w ઌͷʮΘ͔Γʹ͍͘6*ʯͰɺ·ͣΞΫγϣϯΛબͤ͞ ͯɺ࣍ʹͦͷΞΫγϣϯͷରͱͳΔΦϒδΣΫτΛબͤ͞ ͍ͯ·ͨ͠
w ͜ͷΑ͏ͳʮΞΫγϣϯ ಈࢺ ˠΦϒδΣΫτ ໊ࢺ ʯͷૢ࡞ Λڧ͍ΒΕΔਓؒͷϝϯλϧϞσϧʹͨ͠6*ΛλεΫϕʔ εͷ6*ͱݺͼ·͢ w ରͯ͠ɺΦϒδΣΫτ͕ઌʹ͖ͯɺ࣍ʹͦͷΦϒδΣΫτʹର ͢ΔΞΫγϣϯΛબͤ͞Δɺͱ͍͏ʮ໊ࢺˠಈࢺʯͷॱংͰ ઃܭ͞Εͨ6*ΛΦϒδΣΫτϕʔεͷ6*ͱݺͼ·͢ IUUQTBUPDIPUUPDPNΑΓ
NJYJ *OD ϞʔμϧWTϞʔυϨε w λεΫϕʔεʹ͓͚Δಈࢺ͕ઌߦͨ͠6*ͷઃܭͩͱɺͦͷ ಈࢺͷதͰʮϞʔυʯ͕ੜ·ΕɺλεΫ͕ྃ͢Δ·Ͱଞ ͷϞʔυʹΓସ͑Δ͜ͱ͕Ͱ͖ͳ͘ͳͬͯ͠·͍·͢ w ͜ͷΑ͏ͳϞʔυΛ࣋ͭ6*ͷ͜ͱΛϞʔμϧͱݺͼ·͢ w
ରͯ͠ɺͦͷΑ͏ͳϞʔυ͕ଘࡏͤͣɺϢʔβʔଘࡏ͢ ΔΦϒδΣΫτʹରͯࣗ͠༝ʹΞΫγϣϯΛద༻Ͱ͖Δঢ় ଶͷ6*ΛϞʔυϨεͱݺͼ·͢ w 6*Λઃܭ͢Δ্ͰɺՄೳͳݶΓϢʔβʔʹγεςϜͷ ओಋݖΛ༩͑Δ͘ϞʔυΛഉআ͠ϞʔυϨεΛఏڙ͢Δ ͜ͱ͕ྑ͍ͱ͞Ε͍ͯ·͢ IUUQTEFWFMPQFSBQQMFDPNEFTJHOIVNBO JOUFSGBDFHVJEFMJOFTJPTBQQBSDIJUFDUVSF NPEBMJUZΑΓ
0CKFDU0SJFOUFE6TFS*OUFSGBDF
NJYJ *OD 006*ͱ w ཁٻϞσϧ͔Βߏతʹநग़ͨ͠ΦϒδΣΫτΛத৺ʹѻ͏6*ͷઃܭख๏Ͱ͢ w ʹ*#.͕ൃදͨ͠ʮ0CKFDU0SJFOUFE*OUFSGBDF%FTJHO*#.$PNNPO6TFS "DDFTT(VJEFMJOFTʯͷલஈ෦ʹͯʮ0CKFDU0SJFOUFE6TFS*OUFSGBDFʢ006*ʣʯ ͱ͍͏ݴ༿Ͱ(6*ͷࢥ͕ޠΒΕ·ͨ͠ w
006*ʹΑΓઃܭ͞Εͨ6*ΦϒδΣΫτϕʔεͷϞʔυϨεͳ6*ͱͳΓɺΦϒδΣΫτ ͕ߏతʹϚοϐϯά͞ΕͨϏϡʔϢʔβʔʹࣗ༝ͷߴ͍ײతͳૢ࡞ੑΛఏڙ͠ ·͢
NJYJ *OD 006*ͷϞσϦϯάํ๏ ΦϒδΣΫτͷநग़ Ϗϡʔͷఆٛͱઃܭ ϨΠΞτͷઃܭ
NJYJ *OD ΦϒδΣΫτͷநग़ αʔϏεΛఏڙ͢ΔରྖҬͷυϝΠϯ͔Β Ϣʔβʔͷૢ࡞ରͱͳΔΦϒδΣΫτΛநग़͠·͢
NJYJ *OD υϝΠϯۦಈઃܭͰυϝΠϯΦϒδΣΫτΛநग़͢Δ w ॻ੶ʮΤϦοΫΤϰΝϯεͷυϝΠϯۦಈઃܭʯͰɺҎԼͷΑ͏ͳखॱ ͰυϝΠϯϞσϦϯά͕ߦΘΕ͍ͯ·ͨ͠ ରυϝΠϯʹਫ਼௨ͨ͠υϝΠϯΤΩεύʔτͱରࣝ͠Λநग़ நग़͞ΕͨυϝΠϯͷ͔ࣝΒϞσϧΛ։ൃ
Ϟσϧͱ࣮Λ݁ͼ͚ͭΔ Ϟσϧʹج͍ͮͯݴޠΛચ࿅ͤ͞Δ ϒϨΠϯετʔϛϯάͱ࣮ݧΛ܁Γฦͯ͠ϞσϧΛચ࿅ ৠཹ͢Δ w ࠓճɺ͕ࣗΈͯͶͷυϝΠϯΤΩεύʔτͰ͋ΔͱԾఆ͠ɺ্هखॱ ͷ ·ͰΛߦ͍؆ૉͳυϝΠϯϞσϧΛநग़͠·͢
NJYJ *OD ϢʔεέʔεϞσϦϯά w υϝΠϯϞσϧΛઃܭ͢Δ্Ͱཁ݅Λཧ͢ΔΞϓϩʔν༷ʑ͋Δ͕ɺࠓճ؆ུԽͷ ͨΊϢʔεέʔεϞσϦϯάͷΈΛ࠾༻͠·͢ w ϢʔεέʔεϞσϦϯάϢʔβʔ͕γεςϜͰԿΛ͢Δͷ͔ɺԿΛͰ͖ͯԿ͕Ͱ͖ͳ͍ ͷ͔ͱ͍͏Α͏ͳ͜ͱΛ໌֬Խ͢ΔͨΊʹ༻͞Ε·͢ w
·ͣϢʔεέʔεਤΛඳ͍ͯొਓͱେ·͔ͳఏڙ͢ΔػೳΛચ͍ग़͠·͢
NJYJ *OD Ϣʔεέʔεਤ w ύοέʔδʮΞϧόϜʯͱʮϝσΟΞʯʹׂ ͞Ε·ͨ͠ w ɾͱͦΕҎ֎ͷՈʹΑͬͯΞϧόϜʹର͠ ͯͰ͖ΔΞΫγϣϯʹҧ͍͕ੜ·ΕΔͨΊɺ͜ͷ Ոʹ͓͚ΔϢʔβʔͷʮཱʯͷׂॏཁͦ
͏Ͱ͢
NJYJ *OD Ϣʔεέʔεهड़ w ϢʔεέʔεਤͰৄࡉͳ༷͕͖ͬΓ͠ͳ͍ͷͰɺ ʮϢʔεέʔεهड़ʯΛߦ͍·͢ w Ϣʔεέʔεهड़ɺجຊతʹҎԼͷΑ͏ͳϑΥʔϚοτ Ͱ࡞͞Ε·͢ w
Ϣʔεέʔε໊ w ֓ཁ w ΞΫλʔ w ࣄલ݅ w ࣄޙ݅ w Πϕϯτϑϩʔ w ϝΠϯϑϩʔ w ସϑϩʔ w ྫ֎ϑϩʔ
NJYJ *OD υϝΠϯϞσϦϯά w ΞϧόϜ ϝσΟΞͳͲɺϢʔεέʔεϞ σϦϯάʹΑΓநग़͞Εͨ֓೦ΛυϝΠ ϯϞσϧͱͯ͠ఆٛ͠·͢ w ͜ͷͱ͖ɺͦΕͧΕͷϞσϧ͕࣋ͭϓϩ
ύςΟ·Ͱهड़Ͱ͖͍ͯΔͱͳ͓ྑ͍Ͱ ͠ΐ͏ w ͋͘·Ͱ͜ΕόʔδϣϯͷυϝΠϯ ϞσϧͰ͋Γɺຊདྷ͔͜͜Β࣮Λ௨ ͯ͡ΑΓྑ͍Ϟσϧͱચ࿅ͤ͞·͢
NJYJ *OD Ϗϡʔͷఆٛͱઃܭ ରͱͳΔϞσϧΛநग़Ͱ͖ͨͷͰɺଓ͍ͯͦΕΒΛ දࣔ͢ΔϏϡʔΛఆٛ͠·͢
NJYJ *OD ίϨΫγϣϯͱγϯάϧ Ϗϡʔͷఆٛେ͖͘ʮίϨΫγϣϯʯͱʮγϯάϧʯʹ͚Δ͜ͱ͕Ͱ͖·͢ w ίϨΫγϣϯ w ͭͷϏϡʔͷதʹಉ͡ϞσϧΛෳฒͯදࣔ͠·͢ w ྻڍ͞ΕΔϞσϧͷࢹೝੑΛߴΊΔͨΊʹɺදࣔ͢ΔϞσϧͷଐੑߜΓ·͢
w γϯάϧ w ͭͷϏϡʔͰͭͷϞσϧͷΈΛදࣔ͠·͢ w γϯάϧͰϞσϧͷใΛΑΓৄࡉʹදࣔ͠·͢
NJYJ *OD ϞσϧͱϏϡʔͷ֓೦ਤ w ϞσϧΛϏϡʔϚοϐϯά͘͢ɺ֓ ೦ਤΛॻ͍ͯཧ͠·͢ w ͜͜Ͱ͋͘·ͰϏϡʔͲͷΦϒδΣ ΫτΛදࣔ͢Δ͔ɺ͓ΑͼͲͷΑ͏ʹը ໘ભҠ͢Δ͔Λఆٛͯ͠ɺ৭ϑΥϯτ
ͳͲͷϨΠΞτ࣍ͷεςοϓͰߟ͑ ·͢
NJYJ *OD ϨΠΞτͷઃܭ Ϗϡʔͷઃܭ͕Ͱ͖ͨͷͰɺྫͱͯ͠J04ΞϓϦͷϨ ΠΞτΛߟ͑·͠ΐ͏
NJYJ *OD Ϗϡʔͷఆ͔ٛΒϨΠΞτΛߟ͑ΔϝσΟΞҰཡ w ·ͣϝσΟΞͷίϨΫγϣϯදࣔΛߟ͑·͠ΐ͏ w J04ͰίϨΫγϣϯͱͯ͠୯ҰΧϥϜͷ 5BCMF7JFXͱϚϧνΧϥϜͷ$PMMFDUJPO7JFX͕ఏڙ ͞Ε͍ͯ·͢ w
ࣸਅɾಈըͷΑ͏ͳࢹೝੑͷߴ͍ΦϒδΣΫτ $PMMFDUJPO7JFXͰΞϧόϜͷΑ͏ʹฒͯදࣔ͢Δ ͷ͕ྑͦ͞͏Ͱ͢
NJYJ *OD Ϗϡʔͷఆ͔ٛΒϨΠΞτΛߟ͑ΔϝσΟΞৄࡉ w ଓ͍ͯɺϝσΟΞৄࡉʹ͍ͭͯߟ͑·͢ w γϯάϧͰදࣔ͞ΕͨϝσΟΞʹɺϝσΟΞͱରଟ Ͱඥͮ͘ίϝϯτҰॹʹίϨΫγϣϯͰදࣔ͠·͢ w ϝσΟΞҰཡͰදࣔ͞Ε͍ͯͳ͔ͬͨɺϝσΟΞͷ
ʮ͍ͭߘ͞Εͨͷ͔ʯʮެ։ൣғʯͱ͍ͬͨϓϩ ύςΟදࣔͰ͖Δͱྑ͍Ͱ͠ΐ͏ w ·ͨɺϝσΟΞͱ͍͏ΦϒδΣΫτʹରͯ͠ߦ͑Δʮ͓ ؾʹೖΓʯʮίϝϯτʯͷΞΫγϣϯදࣔͰ͖Δ ͱྑ͍Ͱ͢
ϝσΟΞҰཡ ϝσΟΞৄࡉ
NJYJ *OD 006*ߏઃܭ·ͰΛࢧ͑Δ w ΪϟϨοτͷஈ֊Ϟσϧʹ͓͚Δߏઃܭ· ͰΛࢧ͑Δͷ͕006*Ͱ͢ w ͦΕΑΓ্ͷΠϯλϥΫγϣϯϨΠΞτͷ σβΠϯʹ·ͨҧ͏εΩϧ͕ཁٻ͞Ε·͢ w
ͷߴ͍σβΠϯγεςϜΛߏஙͰ͖ͯ ͍ΕදͷઃܭγεςϜԽͰ͖Δ͔͠Ε ·ͤΜ IUUQXXXKKHOFUFMFNFOUT USBOTMBUJPOTFMFNFOUT@KQQEGΑΓ
NJYJ *OD
NJYJ *OD ࠷ޙʹ w Ϣʔβʔͷʮ໊ࢺˠಈࢺʯͱ͍͏ΦϒδΣΫτࢦͳϝϯλϧϞσϧΛ6*ʹөͤ͞Δͨ Ίͷํ๏Ͱ͋Δ006*ʹ͍ͭͯհ͠·ͨ͠ w λεΫϕʔεͷʮΘ͔Γʹ͍͘6*ʯΛݟ͚ͭͨͱ͖ͷΦϒδΣΫτϕʔεͷΞϓϩʔν ͱͯ͠ຊτʔΫ͕গ͠ͰώϯτʹͳΕ͍Ͱ͢
NJYJ *OD ࢀߟࢿྉ w 006*rΦϒδΣΫτϕʔεͷ6*ϞσϦϯά w IUUQTXXXTPDJPNFEJBDPKQ w 006*ͷͯ w
IUUQTXXXTPDJPNFEJBDPKQ w 006*ɾΦϒδΣΫτϕʔεͳ6*σβΠϯʹऔΓΉͨΊͷ৺ߏ͑ w IUUQTOPUFDPNVTBHJNBSVNBOOFFG w ʮ࣮ફυϝΠϯۦಈઃܭʯΛಡΜͩͷͰɺ࣮ࡍʹ%%%Ͱઃܭͯ͠࡞ͬͯΈͨʂ w IUUQTRJJUBDPN"11-&JUFNTEEEDDCCGFFB w υϝΠϯϞσϦϯάͷ࢝Ίํ w IUUQTTQFBLFSEFDLDPNKJLPUPNFJONPUFSJOLVGBMTFTIJNFGBOH
Thank you!!!