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
31
ゼロから理解する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
最速[要出典]アクセシビリティチェック
magi1125
2
220
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
140
一人ひとりのポテンシャルを活かしたナレッジマネジメントとは?
atsushihomma
0
360
20250129_DAST28_実空間にデジタル資源の接点をデザインする
majimasachi
0
230
Illustrator2025がやってきた!私が好きな新機能
hamko1114
0
110
横断組織デザイナーの働き方
mixi_design
PRO
0
340
Personal Story Sequence - Vendetta(WIP)
elrns88
0
420
富山デザイン勉強会_ワンランク上に見せるデザインのコツ.pdf
keita_yoshikawa
0
160
AIネイティブな時代におけるUXデザインの在り方とは
kuni29
0
1.3k
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
5k
The Golden Whitney
ohtristanart
PRO
0
130
Design Your Own App Using Figma by Medha Muppala
gdgmontreal
0
1.6k
Featured
See All Featured
The MySQL Ecosystem @ GitHub 2015
samlambert
250
12k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
640
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
120k
Code Review Best Practice
trishagee
67
18k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Done Done
chrislema
182
16k
Writing Fast Ruby
sferik
628
61k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
59k
Agile that works and the tools we love
rasmusluckow
328
21k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
6
570
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
10
510
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!!!