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.4k
デザインにオブジェクト指向を適用する / Apply Object-Oriented to your design
rockname
February 16, 2020
Tweet
Share
More Decks by rockname
See All by rockname
Unlock the Potential of Swift Code Generation
rockname
0
390
生成AIを活用したレシート読み取り機能のアプリ開発の裏側 / AI Receipt Scan App Development
rockname
0
89
ゼロから理解するDependency Injection / Understanding Dependency Injection from the Ground Up
rockname
2
4k
サブスクリプション機能制御の設計における勘所
rockname
0
1.1k
Anatomy of Dynamic color
rockname
1
1.2k
キャッシュによる状態管理のアーキテクチャ / Cache-based state management architecture
rockname
10
20k
Optimistic Updatesで UXを向上させる / Improve UX with Optimistic Updates
rockname
3
1.4k
モバイルアプリのリストUIにおける 理想的なState表示について / The ideal state display in a mobile app list UI
rockname
7
2k
オンデバイスで学習可能になったCreate MLで画像分類器を作ってみた💪 / Developing an app to train an image classifier on iOS Device using Create ML
rockname
4
510
Other Decks in Design
See All in Design
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2k
Findyのプロデチームの 歩みとこれから
satty9556
0
260
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
540
保育AIプロダクトの UXデザインで考えてきたこと / hoiku-ai-ux-design
hiro93n
0
120
「UXとUIの違い」v2
shirasu3
0
230
sachi_y_portfolio
sachi337
0
500
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
320
アクセシビリティに取り組むメリット
magi1125
2
240
decksh object reference
ajstarks
2
1.3k
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
240
組織で取り組むアクセシビリティのはじめ方
masakiohsumi
0
170
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
360
Featured
See All Featured
Optimizing for Happiness
mojombo
379
70k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Making the Leap to Tech Lead
cromwellryan
134
9.5k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
jQuery: Nuts, Bolts and Bling
dougneiner
64
7.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
830
A better future with KSS
kneath
239
17k
Typedesign – Prime Four
hannesfritz
42
2.8k
A Tale of Four Properties
chriscoyier
160
23k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
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!!!