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
21
ゼロから理解するDependency Injection / Understanding Dependency Injection from the Ground Up
rockname
2
3.6k
サブスクリプション機能制御の設計における勘所
rockname
0
940
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.2k
モバイルアプリのリスト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
470
The practice of inclusive design -WWDC21-
rockname
1
1.2k
Other Decks in Design
See All in Design
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.3k
マルチプロダクトにおけるデザイナーの挑戦-デザイン初め新年会2025
u_ri_ta
1
110
The One
chinweanimation
0
110
Managing Design Systems (Smashing NY 2024)
nathanacurtis
2
360
みんなに知って欲しい 視覚過敏のアクセシビリティ
0opacity_
5
1.7k
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
kiyoshifuwa
0
190
FANCL×CA流アプリリニューアルPJ 成功の秘訣とそのプロセス / dx-fancl-renewal
cyberagentdevelopers
PRO
2
580
Rayout Pattern 01
one0
0
440
ZKK_001.pdf
nicholaspegu
0
1.4k
Les petites aventures de CSS, saison 2025
goetter
3
3.9k
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
2.7k
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
210
Featured
See All Featured
Building Flexible Design Systems
yeseniaperezcruz
328
38k
GitHub's CSS Performance
jonrohan
1030
460k
Statistics for Hackers
jakevdp
797
220k
Designing for humans not robots
tammielis
250
25k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
3
180
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.3k
jQuery: Nuts, Bolts and Bling
dougneiner
62
7.6k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Java REST API Framework Comparison - PWX 2021
mraible
28
8.3k
Facilitating Awesome Meetings
lara
51
6.2k
Mobile First: as difficult as doing things right
swwweet
222
9k
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!!!