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
チームで作る!イケてるデザイン
Search
久保田光則
January 30, 2015
Technology
16
14k
チームで作る!イケてるデザイン
アシアル社内勉強会での発表資料。
久保田光則
January 30, 2015
Tweet
Share
More Decks by 久保田光則
See All by 久保田光則
サーバサイドだけでReact使う / React as Template Engine
anatoo
1
720
requestIdleCallback()による協調的バックグラウンド処理の実現 / requestIdleCallback()
anatoo
0
3.6k
Mastodonとその脱中央集権の仕組み
anatoo
11
21k
大量の要素を高速に表示するためのバーチャルレンダリング入門 / Virtual Rendering Introduction
anatoo
8
11k
PHPに型推論を実装する ~入門編~ / Type inference on PHP
anatoo
6
9.8k
Cordova開発者が知っておきたいレンダリングエンジンの話 / HTML5 Conference 2015 in Kagoshima
anatoo
4
1.7k
PHPで学ぶVM型正規表現エンジンの仕組み
anatoo
8
7k
Cordovaで作るHTML5ハイブリッドアプリ 〜開発ベストプラクティスを学ぶ〜
anatoo
27
18k
最新SPA開発を学ぼう! ウェブエンジニアのための AngularJS入門
anatoo
20
20k
Other Decks in Technology
See All in Technology
Engineer Career Talk
lycorp_recruit_jp
0
180
SSMRunbook作成の勘所_20241120
koichiotomo
2
150
SRE×AIOpsを始めよう!GuardDutyによるお手軽脅威検出
amixedcolor
0
130
SREによる隣接領域への越境とその先の信頼性
shonansurvivors
2
520
OCI Network Firewall 概要
oracle4engineer
PRO
0
4.1k
プロダクト活用度で見えた真実 ホリゾンタルSaaSでの顧客解像度の高め方
tadaken3
0
120
初心者向けAWS Securityの勉強会mini Security-JAWSを9ヶ月ぐらい実施してきての近況
cmusudakeisuke
0
130
いざ、BSC討伐の旅
nikinusu
2
780
TanStack Routerに移行するのかい しないのかい、どっちなんだい! / Are you going to migrate to TanStack Router or not? Which one is it?
kaminashi
0
600
サイバーセキュリティと認知バイアス:対策の隙を埋める心理学的アプローチ
shumei_ito
0
390
Taming you application's environments
salaboy
0
190
Introduction to Works of ML Engineer in LY Corporation
lycorp_recruit_jp
0
130
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
27
840
Imperfection Machines: The Place of Print at Facebook
scottboms
265
13k
Become a Pro
speakerdeck
PRO
25
5k
A Modern Web Designer's Workflow
chriscoyier
693
190k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Learning to Love Humans: Emotional Interface Design
aarron
273
40k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
33
1.9k
Building Better People: How to give real-time feedback that sticks.
wjessup
364
19k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
6.8k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
329
21k
Transcript
νʔϜͰ࡞Δ ΠέͯΔσβΠϯ ݄ࣾΠέͯΔσβΠϯษڧձٱอాޫଇ
ࠓ͢͜ͱ ςʔϚɿΠέͯΔσβΠϯͱνʔϜ
‣ ΠέͯΔσβΠϯσβΠφʔ͚ͩͰ࡞ΕΔͷ͔ ‣ ͳͥνʔϜͰڠྗ͢Δඞཁ͕͋Δͷ͔ ‣ Ͳ͏ͬͨΒνʔϜͰΑΓྑ͍σβΠϯ͕Ͱ͖Δ
ಋೖ ‣ σβΠϯͬͯσβΠφʔ͕શ໘తʹ୲͢Δͷͩͱࢥͬ ͍ͯ·ͤΜ͔ ‣ ΠέͯΔσβΠϯΠέͯΔσβΠφʔ͍͑͞Ε࡞ΕΔ ?
ͷྑ͍σβΠφʔ͕͍Ε ‣ ࣾʹδϣφαϯɾΞΠϒͷΑ͏ͳੌͷσβΠφʔ͕ ͍Εશͯղܾ͢Δ IUUQTXXXBQQMFDPNKQQSCJPTKPOBUIBOJWFIUNM
࣮ͦ͏Ͱͳ͍ ‣ ࣾͰ͖ͬͯͯܦݧతʹΘ͔͖ͬͯͨ ‣ ͦͦɺσβΠϯ্ͷܾఆΛσβΠφʔ͚ͩͰ Ͱ͖ͳ͍ ը૾ग़యόΩ
ͦͦ ΠέͯΔσβΠϯͱ
ΠέͯΔσβΠϯͱͳΜͧ ‣ ʮΠέͯΔσβΠϯʯͱਓʑ͕ݴ͍ͬͯΔͷҰମ શମԿͷ͜ͱΛࢦͯ͠ʮΠέͯΔσβΠϯʯͱݴͬ ͍ͯΔͷ͔ ‣ ݟӫ͕͑ྑ͍͕શ͍ͮ͘Β͍ͷΛΠέͯ ΔσβΠϯͱݴ͏ͷͩΖ͏͔
΅͕͔͘Μ͕͑ͨ͜ͱ ‣ ΠέͯΔϓϩμΫτΛݟͯʮΠέͯΔσβΠϯʯͬ ͯݴͬͯΔ͚ͩ ‣ ຽ͔͍͍ͬ͜14%ϑΝΠϧΛධՁ͢ΔΘ͚Ͱ ͳ͍ ‣ ݁ہେࣄͳͷνʔϜ͕ΠέͯΔϓϩμΫτΛ࡞Δ ͜ͱ
σβΠφʔͱ্ͷͭͷ࣠Ͱ͠·͢ɻ શ෦͖͠Εͳ͍ͷͰ͔͍ͭ·ΜͰجຊతͳ͜ͱΛɻ ։ൃϓϩηε ϑΟʔυόοΫ ͡Ό͋Ͳ͏͢Ε
σβΠφʔͱ ։ൃϓϩηε
σβΠϯʹඞཁͳͷ ‣ σβΠφʔʹԿΛΠϯϓοτͱͯ͠༩͑Εྑ͍ ը૾ग़యIUUQTUXJUUFSDPNMVDLZEPHTUBUVT
ϏδϡΞϧσβΠϯʹඞཁͳ ‣ ଟ͍͠ґଘؔෳࡶ ‣ σβΠφʔ͚ͩͰશ෦༻ҙ͢Δͷແཧ ‣ ͜͜ͰνʔϜͷྗ͕ඞཁ ը໘ભҠਤɺϢʔεέʔεਤɺ֓೦ϞσϧਤɺϢʔ βʔ૾ɺϓϩμΫτͷίΞόϦϡʔɺαΠτจݴɺ ϩΰσβΠϯɺใઃܭ
*" ɺλʔήοτϢʔβʔ ૾ɺϖʔύʔϓϩτλΠϓɺσβΠϯςΠετɺ τϯϚφɺFUDʜ
Ռͷґଘؔ ‣ ֤Ռͷ࡞࣌ʹɺඞཁʹԠͯ͡ϑΟʔυόοΫΛΒ͍ͭͭਐߦ ֓೦Ϟσϧਤ ϫΠϠϑϨʔϜ ϏδϡΞϧσβΠϯ ϋΠϑΟσΟϦςΟ ϓϩτλΠϓ จݴɾίϐʔɾ༰ Ϣʔεέʔεਤ
αʔϏεͷίΞόϦϡʔ ͦͷଞઃܭจॻ *" ϩΰσβΠϯ Ϣʔβͷϖϧιφ σβΠϯςΠετ ϖʔύʔϓϩτλΠϓ ετʔϦʔϘʔυ
ఔ͕݁ߏͨ͘͞Μ͋Δ ‣ ґଘؔʹͦͬͯՌͷ࡞࡞ۀͷఔ͕ೖΔ ‣ Α͘ߟ͑ͨΒ࣮ϑΣʔζΑΓఔଟ͍ΜͰ
Ͳ͏ͯ͠ఔΛ ੵΈॏͶ͍ͯͬͯ͘ͷ ‣ ֤ఔͰɺϑΟʔυόοΫΛ͛ͨΓεέδϡʔϧͬ ͨΓ͢Δ͜ͱͰϓϩδΣΫτͷਐߦΞτϓοτ੍͕ ޚՄೳʹͳΔ͔Β ϫΠϠϑϨʔϜ ࡞ ϑΟʔυόοΫ ϏδϡΞϧσβΠϯ
࡞ ϑΟʔυόοΫ 6*ϓϩτλΠϓ ࡞ ϑΟʔυόοΫ w ༰จݴɾը໘ભҠ w ΠϯλϥΫγϣϯ w ΞϓϦͷݟͨ w σβΠϯςΠετ w Ξχϝʔγϣϯ w ৮ͬͨ࣌ͷײ͡ w खΓ͕ແ͍͔࠷ऴ ֬ೝ
ఔΛল͘ͱͲ͏ͳΔ ‣ खΓ͕Կى͖ͯɺεέδϡʔϧΞτϓοτ੍͕ޚ ෆೳʹͳΓ͍͢ ‣ σβΠφʔͷͱؔͳ͘Ξτϓοτ͕ͻͲ͘ͳΓ͕ͪ ‣ ࣦഊϓϩδΣΫτͷୈҰา ͍͖ͳΓϏδϡΞϧ σβΠϯ࡞
खΓࣗମѱ͍͜ͱͰͳ͍ ‣ ࣄલʹઃܭͨ͠ͷ͕શͯᘳʹͳΔ͜ͱগͳ͍ ‣ ͨͩ͠ɺ͋Β͔͡Ί௵ͤΔखΓΛ௵͓͔ͯ͠ͳ͍ ͱɺվળͷͨΊʹඞཁͳखΓͷ༨༟ແ͘ͳͬͯ ͠·͏
ఔ࡞ΔͷʹΑͬͯมΘͬ ͯ͘Δ ‣ Ͳ͏͍ͬͨ։ൃϓϩηεΛऔΔͱྑ͍ͷͩΖ͏ ‣ Ͳ͏͢Δͱྑ͍ͷͩΖ͏ ΣϒαΠτ ΣϒαʔϏε ϞόΠϧΞϓϦ
ۀγεςϜ σεΫτοϓΞϓϦ 41"
Ͳ͏͢Δͱྑ͍ ‣ ϓϩϚω͕ɺ࡞Δͷʹ߹ΘͤͯͲ͏͍͏։ൃϓϩηεʹ ͢Δ͔Λߟ͓͑ͯ͘ ‣ ༧ΊϝϯόʔͰ։ൃϓϩηεʹ͍ͭͯٞ͢Εྑ͍ ‣ σβΠφʔ͚ͩͩͱͲ͏͠Α͏ͳ͍ ͦΜͳݖݶͳ͍͔Β
‣ ͚ΕͲɺσβΠϯͷՌͷ࣭ʹඞͣө͞ΕΔ
σβΠφʔͱ ϑΟʔυόοΫ
ͲͷΑ͏ʹϑΟʔυόοΫΛฦ ͤྑ͍ͩΖ͏͔ ‣ σβΠφʔͱͦͷνʔϜͲ͏ͬͯίϛϡχέʔ γϣϯ͢Εྑ͍ͩΖ͏
Α͋͘Δ͚Ͳྑ͘ͳ͍ ϑΟʔυόοΫ ‣ Ғ͍ਓʮ͜͜ͷॴͷϐΫηϧΛ͜͏ͯ͠ʂΜͰ'*9Ͷʂʯ ‣ σβΠφʔʮ͑ͬʯ ʙσβΠϯΛఏग़͔ͯ͠Β࣍ͷʙ ‣ σβΠφʔʮσβΠϯ࡞ͬͨͷͰ֬ೝ͓ئ͍͠·͢ʯ
Α͋͘Δࢮύλʔϯ ‣ ۩ମతͳमਖ਼Λ͛ͯ'*9ͤ͞Δͷશ͘ྑ͘ͳ͍ ‣ σβΠφʔʮ͜͏͢Δͱ͍ͮΒ͍͠ɺ͍͚ͦͩ͘͞ Ͳɺ͏'*9ͪ͠Όͬͨ͠ɾɾɾɾʯ ‣ Ϟνϕʔγϣϯ͕Լ
͜Ε͕ਐΉͱͲ͏ͳΔ͔ ‣ σβΠϯʹ͍͕ͭͯ࣋ͯͳ͘ͳΔ ‣ σβΠφʔʮ͍͍ͦͩͮ͘͞͠Β͍͚ͲɺҒ͍ਓ ͕'*9ͪ͠Ό͔ͬͨΒ͢͜ͱͰ͖ͳ͍͠ɺࣗ ͷ͡Όͳ͍͠ɺ͏ผʹͳΜͰ͍͍ʯ σβΠϯ͕σβΠφʔͷࣄͰແ͘ͳͬͯ͠·͏
Ғ͍ਓʹΘ͔ΒΜͷͰ͢ ‣ σβΠφʔ͕͖ͪΜͱͦͷσβΠϯͷૂ͍Λ͞ͳ͍ͱҒ͍ਓ ཧղͰ͖ͳ͍ ‣ ͳͷͰɺඞͣఏҊ࣌͢Α͏ʹ͠·͠ΐ͏ɻ ‣ ·ͨϑΟʔυόοΫΛΒ͏ͱ͖ʹٞ͠·͠ΐ͏ ը૾ग़యػಈઓ࢜ΨϯμϜ
ʹ͍ͭͯͦ͏ ‣ ͦͷσβΠϯͩͱԿ͕ͳͷ͔ ‣ ʮ͜͜ͷϐΫηϧΛ͜͏ͯ͠Լ͍͞ʯ ‣ ΫϥΠΞϯτ PSҒ͍ਓ ͕ͦΕΛݴ͏ཧ༝͋Δ
‣ ͦͷ··ड͚औΒͣʹɺͦͷഎޙʹ͋Δʹ͍ͭ ͯٞΛ͠Α͏
ͨͩٞ͢͠Δલʹ ‣ ϝϯόʔؒͰ৬छͱཱʹΑͬͯར૬͢Δ ‣ ͳͷͰׂٞͯͯ͠Γͱී௨ʹରཱ͠·͢
ϝϯόʔ৬छͰ૬͕ͪ͠ ‣ ΦϯεέͰߦ͖͍ͨ ‣ ΫϥΠΞϯτʹتΜͰ Β͍͍ͨ ϓϩϚω ‣ ࣮Λ៉ྷʹ͍ͨ͠ ‣
༨ܭͳΛ ͔͚ͨ͘ͳ͍ ΤϯδχΞ ‣ ͔͍͍ͬ͜σβΠϯ ʹ͍ͨ͠ ‣ ϢʔβϏϦςΟΛ ٻ͍ͨ͠ σβΠφʔ
ʮͳΜͰ\NFNCFS^ Θ͔ͬͯ͘Εͳ͍ΜͩΖ͏ʜ ʯ ‣ NFNCFSมͷத ‣ ϓϩϚω ‣ σβΠφ ‣
ΤϯδχΞ ‣ Ғ͍ਓ ‣ ΫϥΠΞϯτ \NFNCFS^
͘ͳͬͨ࣌ ը૾ग़యೖࣾһۚଠ
৺Λམͪண͔ͤ·͠ΐ͏ ‣ ϝϯόؒͰ৬छͰར૬͢Δ͜ͱΛલఏʹͯ͠ɺ ରཱ͢Δͷ͋ͨΓ·͑ͩͱࢥͬͯ৺Λམͪண͔ͤΔ ‣ ޓ͍ͷཱͷҧ͍Λ͓͚ͬͯͩ͘Ͱҧ͏ ͱࢥ͏ ը૾ग़యδϣδϣͷحົͳݥ
·ͱΊ
·ͱΊ ‣ νʔϜϝϯόʔͰσβΠϯͷՌͷ࣭͕มΘΔ ‣ ։ൃϓϩηεɺσβΠϯʹͱͬͯେࣄͰ͢ ‣ ϑΟʔυόοΫͱٞɺσβΠϯʹͱͬͯେࣄͰ͢
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠