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 your design
Search
rockname
February 16, 2020
Design
13
4.9k
デザインにオブジェクト指向を適用する / Apply Object-Oriented to your design
rockname
February 16, 2020
Tweet
Share
More Decks by rockname
See All by rockname
ゼロから理解するDependency Injection / Understanding Dependency Injection from the Ground Up
rockname
1
2.7k
サブスクリプション機能制御の設計における勘所
rockname
0
720
Anatomy of Dynamic color
rockname
1
990
キャッシュによる状態管理のアーキテクチャ / Cache-based state management architecture
rockname
10
18k
Optimistic Updatesで UXを向上させる / Improve UX with Optimistic Updates
rockname
3
1k
モバイルアプリのリストUIにおける 理想的なState表示について / The ideal state display in a mobile app list UI
rockname
7
1.4k
オンデバイスで学習可能になったCreate MLで画像分類器を作ってみた💪 / Developing an app to train an image classifier on iOS Device using Create ML
rockname
4
390
The practice of inclusive design -WWDC21-
rockname
1
1.1k
AndroidアプリでLine Heightを 設定するときに注意したいこと / Things to keep in mind when setting Line Height in your Android app
rockname
1
3.8k
Other Decks in Design
See All in Design
JBUG東京#22登壇資料_日頃クライアントワークを行っているディレクターが自社コーポレートサイトリニューアルを担当して学んだこと
webnaut
0
230
社内管理画面のデザインもプロダクトデザイン
takanorip
4
760
非デザイナーのフロントエンドエンジニアがOOUIを考える
yud0uhu
8
3.9k
フロントエンドエンジニアが知っておくべきUIUX心理学
yukiringo
1
320
生成AIのデザイン活用
asakohs
0
120
231206_Book-launch-event_kato
hjmkth
2
1.2k
スマートバンクのプロダクトデザイン
putchomsmartbank
2
690
ゲームクリエイター、事業会社のデザイナーになる
satomium1
0
200
Amebaデザインシステム Spindleの開発 / The Development of Spindle
spindle
4
720
Portfolio 2023.07.28
helemarudesu
0
600
ユーザーのためなら 『デザイン』 以外にも手を伸ばせる
navitimejapan
PRO
2
850
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
250
Featured
See All Featured
In The Pink: A Labor of Love
frogandcode
138
21k
Fantastic passwords and where to find them - at NoRuKo
philnash
39
2.5k
Testing 201, or: Great Expectations
jmmastey
30
6.4k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Building Better People: How to give real-time feedback that sticks.
wjessup
356
18k
Visualization
eitanlees
137
14k
[RailsConf 2023] Rails as a piece of cake
palkan
28
4.1k
A designer walks into a library…
pauljervisheath
201
23k
Typedesign – Prime Four
hannesfritz
36
2.1k
10 Git Anti Patterns You Should be Aware of
lemiorhan
649
58k
Fashionably flexible responsive web design (full day workshop)
malarkey
398
65k
Side Projects
sachag
451
41k
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!!!