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
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
久保田光則
January 30, 2015
Technology
14k
16
Share
チームで作る!イケてるデザイン
アシアル社内勉強会での発表資料。
久保田光則
January 30, 2015
More Decks by 久保田光則
See All by 久保田光則
サーバサイドだけでReact使う / React as Template Engine
anatoo
1
860
requestIdleCallback()による協調的バックグラウンド処理の実現 / requestIdleCallback()
anatoo
0
4.1k
Mastodonとその脱中央集権の仕組み
anatoo
11
21k
大量の要素を高速に表示するためのバーチャルレンダリング入門 / Virtual Rendering Introduction
anatoo
8
11k
PHPに型推論を実装する ~入門編~ / Type inference on PHP
anatoo
6
10k
Cordova開発者が知っておきたいレンダリングエンジンの話 / HTML5 Conference 2015 in Kagoshima
anatoo
4
1.8k
PHPで学ぶVM型正規表現エンジンの仕組み
anatoo
8
7.4k
Cordovaで作るHTML5ハイブリッドアプリ 〜開発ベストプラクティスを学ぶ〜
anatoo
27
18k
最新SPA開発を学ぼう! ウェブエンジニアのための AngularJS入門
anatoo
20
20k
Other Decks in Technology
See All in Technology
ストライクウィッチーズ2期6話のエイラの行動が許せないのでPjMの観点から何をすべきだったのかを考える
ichimichi
1
310
ZOZOTOWNリプレイスでのSkills導入までの流れとこれから
zozotech
PRO
4
3.2k
Proxmox超入門
devops_vtj
0
120
OpenClaw初心者向けセミナー / OpenClaw Beginner Seminar
cmhiranofumio
0
360
あるアーキテクチャ決定と その結果/architecture-decision-and-its-result
hanhan1978
2
550
仕様通り動くの先へ。Claude Codeで「使える」を検証する
gotalab555
8
3.1k
システムは「動く」だけでは 足りない - 非機能要件・分散システム・トレードオフの基礎
nwiizo
23
6.8k
スクラムを支える内部品質の話
iij_pr
0
340
暗黙知について一歩踏み込んで考える - 暗黙知の4タイプと暗黙考・暗黙動へ
masayamoriofficial
0
660
機能・非機能の学びを一つに!Agent Skillsで月間レポート作成始めてみた / Unifying Bug & Infra Insights — Building Monthly Quality Reports with Agent Skills
bun913
5
3.8k
Kubernetes基盤における開発者体験 とセキュリティの両⽴ / Balancing developer experience and security in a Kubernetes-based environment
chmikata
0
220
会社紹介資料 / Sansan Company Profile
sansan33
PRO
16
410k
Featured
See All Featured
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
170
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
1
160
The Language of Interfaces
destraynor
162
26k
Keith and Marios Guide to Fast Websites
keithpitt
413
23k
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.4k
What Being in a Rock Band Can Teach Us About Real World SEO
427marketing
0
210
Evolving SEO for Evolving Search Engines
ryanjones
0
170
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
1
340
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
340
Redefining SEO in the New Era of Traffic Generation
szymonslowik
1
270
How to build a perfect <img>
jonoalderson
1
5.3k
Transcript
νʔϜͰ࡞Δ ΠέͯΔσβΠϯ ݄ࣾΠέͯΔσβΠϯษڧձٱอాޫଇ
ࠓ͢͜ͱ ςʔϚɿΠέͯΔσβΠϯͱνʔϜ
‣ ΠέͯΔσβΠϯσβΠφʔ͚ͩͰ࡞ΕΔͷ͔ ‣ ͳͥνʔϜͰڠྗ͢Δඞཁ͕͋Δͷ͔ ‣ Ͳ͏ͬͨΒνʔϜͰΑΓྑ͍σβΠϯ͕Ͱ͖Δ
ಋೖ ‣ σβΠϯͬͯσβΠφʔ͕શ໘తʹ୲͢Δͷͩͱࢥͬ ͍ͯ·ͤΜ͔ ‣ ΠέͯΔσβΠϯΠέͯΔσβΠφʔ͍͑͞Ε࡞ΕΔ ?
ͷྑ͍σβΠφʔ͕͍Ε ‣ ࣾʹδϣφαϯɾΞΠϒͷΑ͏ͳੌͷσβΠφʔ͕ ͍Εશͯղܾ͢Δ IUUQTXXXBQQMFDPNKQQSCJPTKPOBUIBOJWFIUNM
࣮ͦ͏Ͱͳ͍ ‣ ࣾͰ͖ͬͯͯܦݧతʹΘ͔͖ͬͯͨ ‣ ͦͦɺσβΠϯ্ͷܾఆΛσβΠφʔ͚ͩͰ Ͱ͖ͳ͍ ը૾ग़యόΩ
ͦͦ ΠέͯΔσβΠϯͱ
ΠέͯΔσβΠϯͱͳΜͧ ‣ ʮΠέͯΔσβΠϯʯͱਓʑ͕ݴ͍ͬͯΔͷҰମ શମԿͷ͜ͱΛࢦͯ͠ʮΠέͯΔσβΠϯʯͱݴͬ ͍ͯΔͷ͔ ‣ ݟӫ͕͑ྑ͍͕શ͍ͮ͘Β͍ͷΛΠέͯ ΔσβΠϯͱݴ͏ͷͩΖ͏͔
΅͕͔͘Μ͕͑ͨ͜ͱ ‣ ΠέͯΔϓϩμΫτΛݟͯʮΠέͯΔσβΠϯʯͬ ͯݴͬͯΔ͚ͩ ‣ ຽ͔͍͍ͬ͜14%ϑΝΠϧΛධՁ͢ΔΘ͚Ͱ ͳ͍ ‣ ݁ہେࣄͳͷνʔϜ͕ΠέͯΔϓϩμΫτΛ࡞Δ ͜ͱ
σβΠφʔͱ্ͷͭͷ࣠Ͱ͠·͢ɻ શ෦͖͠Εͳ͍ͷͰ͔͍ͭ·ΜͰجຊతͳ͜ͱΛɻ ։ൃϓϩηε ϑΟʔυόοΫ ͡Ό͋Ͳ͏͢Ε
σβΠφʔͱ ։ൃϓϩηε
σβΠϯʹඞཁͳͷ ‣ σβΠφʔʹԿΛΠϯϓοτͱͯ͠༩͑Εྑ͍ ը૾ग़యIUUQTUXJUUFSDPNMVDLZEPHTUBUVT
ϏδϡΞϧσβΠϯʹඞཁͳ ‣ ଟ͍͠ґଘؔෳࡶ ‣ σβΠφʔ͚ͩͰશ෦༻ҙ͢Δͷແཧ ‣ ͜͜ͰνʔϜͷྗ͕ඞཁ ը໘ભҠਤɺϢʔεέʔεਤɺ֓೦ϞσϧਤɺϢʔ βʔ૾ɺϓϩμΫτͷίΞόϦϡʔɺαΠτจݴɺ ϩΰσβΠϯɺใઃܭ
*" ɺλʔήοτϢʔβʔ ૾ɺϖʔύʔϓϩτλΠϓɺσβΠϯςΠετɺ τϯϚφɺFUDʜ
Ռͷґଘؔ ‣ ֤Ռͷ࡞࣌ʹɺඞཁʹԠͯ͡ϑΟʔυόοΫΛΒ͍ͭͭਐߦ ֓೦Ϟσϧਤ ϫΠϠϑϨʔϜ ϏδϡΞϧσβΠϯ ϋΠϑΟσΟϦςΟ ϓϩτλΠϓ จݴɾίϐʔɾ༰ Ϣʔεέʔεਤ
αʔϏεͷίΞόϦϡʔ ͦͷଞઃܭจॻ *" ϩΰσβΠϯ Ϣʔβͷϖϧιφ σβΠϯςΠετ ϖʔύʔϓϩτλΠϓ ετʔϦʔϘʔυ
ఔ͕݁ߏͨ͘͞Μ͋Δ ‣ ґଘؔʹͦͬͯՌͷ࡞࡞ۀͷఔ͕ೖΔ ‣ Α͘ߟ͑ͨΒ࣮ϑΣʔζΑΓఔଟ͍ΜͰ
Ͳ͏ͯ͠ఔΛ ੵΈॏͶ͍ͯͬͯ͘ͷ ‣ ֤ఔͰɺϑΟʔυόοΫΛ͛ͨΓεέδϡʔϧͬ ͨΓ͢Δ͜ͱͰϓϩδΣΫτͷਐߦΞτϓοτ੍͕ ޚՄೳʹͳΔ͔Β ϫΠϠϑϨʔϜ ࡞ ϑΟʔυόοΫ ϏδϡΞϧσβΠϯ
࡞ ϑΟʔυόοΫ 6*ϓϩτλΠϓ ࡞ ϑΟʔυόοΫ w ༰จݴɾը໘ભҠ w ΠϯλϥΫγϣϯ w ΞϓϦͷݟͨ w σβΠϯςΠετ w Ξχϝʔγϣϯ w ৮ͬͨ࣌ͷײ͡ w खΓ͕ແ͍͔࠷ऴ ֬ೝ
ఔΛল͘ͱͲ͏ͳΔ ‣ खΓ͕Կى͖ͯɺεέδϡʔϧΞτϓοτ੍͕ޚ ෆೳʹͳΓ͍͢ ‣ σβΠφʔͷͱؔͳ͘Ξτϓοτ͕ͻͲ͘ͳΓ͕ͪ ‣ ࣦഊϓϩδΣΫτͷୈҰา ͍͖ͳΓϏδϡΞϧ σβΠϯ࡞
खΓࣗମѱ͍͜ͱͰͳ͍ ‣ ࣄલʹઃܭͨ͠ͷ͕શͯᘳʹͳΔ͜ͱগͳ͍ ‣ ͨͩ͠ɺ͋Β͔͡Ί௵ͤΔखΓΛ௵͓͔ͯ͠ͳ͍ ͱɺվળͷͨΊʹඞཁͳखΓͷ༨༟ແ͘ͳͬͯ ͠·͏
ఔ࡞ΔͷʹΑͬͯมΘͬ ͯ͘Δ ‣ Ͳ͏͍ͬͨ։ൃϓϩηεΛऔΔͱྑ͍ͷͩΖ͏ ‣ Ͳ͏͢Δͱྑ͍ͷͩΖ͏ ΣϒαΠτ ΣϒαʔϏε ϞόΠϧΞϓϦ
ۀγεςϜ σεΫτοϓΞϓϦ 41"
Ͳ͏͢Δͱྑ͍ ‣ ϓϩϚω͕ɺ࡞Δͷʹ߹ΘͤͯͲ͏͍͏։ൃϓϩηεʹ ͢Δ͔Λߟ͓͑ͯ͘ ‣ ༧ΊϝϯόʔͰ։ൃϓϩηεʹ͍ͭͯٞ͢Εྑ͍ ‣ σβΠφʔ͚ͩͩͱͲ͏͠Α͏ͳ͍ ͦΜͳݖݶͳ͍͔Β
‣ ͚ΕͲɺσβΠϯͷՌͷ࣭ʹඞͣө͞ΕΔ
σβΠφʔͱ ϑΟʔυόοΫ
ͲͷΑ͏ʹϑΟʔυόοΫΛฦ ͤྑ͍ͩΖ͏͔ ‣ σβΠφʔͱͦͷνʔϜͲ͏ͬͯίϛϡχέʔ γϣϯ͢Εྑ͍ͩΖ͏
Α͋͘Δ͚Ͳྑ͘ͳ͍ ϑΟʔυόοΫ ‣ Ғ͍ਓʮ͜͜ͷॴͷϐΫηϧΛ͜͏ͯ͠ʂΜͰ'*9Ͷʂʯ ‣ σβΠφʔʮ͑ͬʯ ʙσβΠϯΛఏग़͔ͯ͠Β࣍ͷʙ ‣ σβΠφʔʮσβΠϯ࡞ͬͨͷͰ֬ೝ͓ئ͍͠·͢ʯ
Α͋͘Δࢮύλʔϯ ‣ ۩ମతͳमਖ਼Λ͛ͯ'*9ͤ͞Δͷશ͘ྑ͘ͳ͍ ‣ σβΠφʔʮ͜͏͢Δͱ͍ͮΒ͍͠ɺ͍͚ͦͩ͘͞ Ͳɺ͏'*9ͪ͠Όͬͨ͠ɾɾɾɾʯ ‣ Ϟνϕʔγϣϯ͕Լ
͜Ε͕ਐΉͱͲ͏ͳΔ͔ ‣ σβΠϯʹ͍͕ͭͯ࣋ͯͳ͘ͳΔ ‣ σβΠφʔʮ͍͍ͦͩͮ͘͞͠Β͍͚ͲɺҒ͍ਓ ͕'*9ͪ͠Ό͔ͬͨΒ͢͜ͱͰ͖ͳ͍͠ɺࣗ ͷ͡Όͳ͍͠ɺ͏ผʹͳΜͰ͍͍ʯ σβΠϯ͕σβΠφʔͷࣄͰແ͘ͳͬͯ͠·͏
Ғ͍ਓʹΘ͔ΒΜͷͰ͢ ‣ σβΠφʔ͕͖ͪΜͱͦͷσβΠϯͷૂ͍Λ͞ͳ͍ͱҒ͍ਓ ཧղͰ͖ͳ͍ ‣ ͳͷͰɺඞͣఏҊ࣌͢Α͏ʹ͠·͠ΐ͏ɻ ‣ ·ͨϑΟʔυόοΫΛΒ͏ͱ͖ʹٞ͠·͠ΐ͏ ը૾ग़యػಈઓ࢜ΨϯμϜ
ʹ͍ͭͯͦ͏ ‣ ͦͷσβΠϯͩͱԿ͕ͳͷ͔ ‣ ʮ͜͜ͷϐΫηϧΛ͜͏ͯ͠Լ͍͞ʯ ‣ ΫϥΠΞϯτ PSҒ͍ਓ ͕ͦΕΛݴ͏ཧ༝͋Δ
‣ ͦͷ··ड͚औΒͣʹɺͦͷഎޙʹ͋Δʹ͍ͭ ͯٞΛ͠Α͏
ͨͩٞ͢͠Δલʹ ‣ ϝϯόʔؒͰ৬छͱཱʹΑͬͯར૬͢Δ ‣ ͳͷͰׂٞͯͯ͠Γͱී௨ʹରཱ͠·͢
ϝϯόʔ৬छͰ૬͕ͪ͠ ‣ ΦϯεέͰߦ͖͍ͨ ‣ ΫϥΠΞϯτʹتΜͰ Β͍͍ͨ ϓϩϚω ‣ ࣮Λ៉ྷʹ͍ͨ͠ ‣
༨ܭͳΛ ͔͚ͨ͘ͳ͍ ΤϯδχΞ ‣ ͔͍͍ͬ͜σβΠϯ ʹ͍ͨ͠ ‣ ϢʔβϏϦςΟΛ ٻ͍ͨ͠ σβΠφʔ
ʮͳΜͰ\NFNCFS^ Θ͔ͬͯ͘Εͳ͍ΜͩΖ͏ʜ ʯ ‣ NFNCFSมͷத ‣ ϓϩϚω ‣ σβΠφ ‣
ΤϯδχΞ ‣ Ғ͍ਓ ‣ ΫϥΠΞϯτ \NFNCFS^
͘ͳͬͨ࣌ ը૾ग़యೖࣾһۚଠ
৺Λམͪண͔ͤ·͠ΐ͏ ‣ ϝϯόؒͰ৬छͰར૬͢Δ͜ͱΛલఏʹͯ͠ɺ ରཱ͢Δͷ͋ͨΓ·͑ͩͱࢥͬͯ৺Λམͪண͔ͤΔ ‣ ޓ͍ͷཱͷҧ͍Λ͓͚ͬͯͩ͘Ͱҧ͏ ͱࢥ͏ ը૾ग़యδϣδϣͷحົͳݥ
·ͱΊ
·ͱΊ ‣ νʔϜϝϯόʔͰσβΠϯͷՌͷ࣭͕มΘΔ ‣ ։ൃϓϩηεɺσβΠϯʹͱͬͯେࣄͰ͢ ‣ ϑΟʔυόοΫͱٞɺσβΠϯʹͱͬͯେࣄͰ͢
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠