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
14k
16
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
チームで作る!イケてるデザイン
アシアル社内勉強会での発表資料。
久保田光則
January 30, 2015
More Decks by 久保田光則
See All by 久保田光則
サーバサイドだけでReact使う / React as Template Engine
anatoo
1
870
requestIdleCallback()による協調的バックグラウンド処理の実現 / requestIdleCallback()
anatoo
0
4.2k
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
Claude Codeとハーネスについて考えてみる
oikon48
11
4.9k
『AIに負けない』より『AIと遊ぶ』」〜ワクワクが最強のテスト・QA学習戦略_公開用
odan611
1
360
打造你的 AI 工作流:Agent Skill + MCP 實戰工作坊
appleboy
0
450
AI・ロボティクスと自動化社会 / AI, Robotics, and the Automated Society
ks91
PRO
0
150
Agentic AI 時代のテスト手法: Kiro とはじめるプロパティベーステスト (AWS Summit Japan 2026 | DEV212)
ymhiroki
0
200
FinOps X 2026 Recap from Engineer Side #JapanFinOps
chacco38
0
240
ゼロをイチにする仕事が終わったあと
smasato
0
250
AIペネトレーションテスト・ セキュリティ検証「AgenticSec」紹介資料
laysakura
2
8k
Mastraエージェント、どのクラウドにデプロイする?
minorun365
PRO
2
140
スタートアップにおけるアジャイルの実践について #shibuyagile
murabayashi
3
2k
5分でわかるDuckDB Quack
chanyou0311
4
300
Multi-Agent並列開発を 安全に回すための技術 / Technology for Safely Multi-Agent Parallel Development
tooppoo
0
250
Featured
See All Featured
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
250
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
2
590
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Into the Great Unknown - MozCon
thekraken
41
2.6k
Optimising Largest Contentful Paint
csswizardry
37
3.8k
A designer walks into a library…
pauljervisheath
211
24k
B2B Lead Gen: Tactics, Traps & Triumph
marketingsoph
0
170
Designing Experiences People Love
moore
143
24k
AI Search: Where Are We & What Can We Do About It?
aleyda
0
7.7k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
380
Odyssey Design
rkendrick25
PRO
2
720
How to Talk to Developers About Accessibility
jct
2
270
Transcript
νʔϜͰ࡞Δ ΠέͯΔσβΠϯ ݄ࣾΠέͯΔσβΠϯษڧձٱอాޫଇ
ࠓ͢͜ͱ ςʔϚɿΠέͯΔσβΠϯͱνʔϜ
‣ ΠέͯΔσβΠϯσβΠφʔ͚ͩͰ࡞ΕΔͷ͔ ‣ ͳͥνʔϜͰڠྗ͢Δඞཁ͕͋Δͷ͔ ‣ Ͳ͏ͬͨΒνʔϜͰΑΓྑ͍σβΠϯ͕Ͱ͖Δ
ಋೖ ‣ σβΠϯͬͯσβΠφʔ͕શ໘తʹ୲͢Δͷͩͱࢥͬ ͍ͯ·ͤΜ͔ ‣ ΠέͯΔσβΠϯΠέͯΔσβΠφʔ͍͑͞Ε࡞ΕΔ ?
ͷྑ͍σβΠφʔ͕͍Ε ‣ ࣾʹδϣφαϯɾΞΠϒͷΑ͏ͳੌͷσβΠφʔ͕ ͍Εશͯղܾ͢Δ IUUQTXXXBQQMFDPNKQQSCJPTKPOBUIBOJWFIUNM
࣮ͦ͏Ͱͳ͍ ‣ ࣾͰ͖ͬͯͯܦݧతʹΘ͔͖ͬͯͨ ‣ ͦͦɺσβΠϯ্ͷܾఆΛσβΠφʔ͚ͩͰ Ͱ͖ͳ͍ ը૾ग़యόΩ
ͦͦ ΠέͯΔσβΠϯͱ
ΠέͯΔσβΠϯͱͳΜͧ ‣ ʮΠέͯΔσβΠϯʯͱਓʑ͕ݴ͍ͬͯΔͷҰମ શମԿͷ͜ͱΛࢦͯ͠ʮΠέͯΔσβΠϯʯͱݴͬ ͍ͯΔͷ͔ ‣ ݟӫ͕͑ྑ͍͕શ͍ͮ͘Β͍ͷΛΠέͯ ΔσβΠϯͱݴ͏ͷͩΖ͏͔
΅͕͔͘Μ͕͑ͨ͜ͱ ‣ ΠέͯΔϓϩμΫτΛݟͯʮΠέͯΔσβΠϯʯͬ ͯݴͬͯΔ͚ͩ ‣ ຽ͔͍͍ͬ͜14%ϑΝΠϧΛධՁ͢ΔΘ͚Ͱ ͳ͍ ‣ ݁ہେࣄͳͷνʔϜ͕ΠέͯΔϓϩμΫτΛ࡞Δ ͜ͱ
σβΠφʔͱ্ͷͭͷ࣠Ͱ͠·͢ɻ શ෦͖͠Εͳ͍ͷͰ͔͍ͭ·ΜͰجຊతͳ͜ͱΛɻ ։ൃϓϩηε ϑΟʔυόοΫ ͡Ό͋Ͳ͏͢Ε
σβΠφʔͱ ։ൃϓϩηε
σβΠϯʹඞཁͳͷ ‣ σβΠφʔʹԿΛΠϯϓοτͱͯ͠༩͑Εྑ͍ ը૾ग़యIUUQTUXJUUFSDPNMVDLZEPHTUBUVT
ϏδϡΞϧσβΠϯʹඞཁͳ ‣ ଟ͍͠ґଘؔෳࡶ ‣ σβΠφʔ͚ͩͰશ෦༻ҙ͢Δͷແཧ ‣ ͜͜ͰνʔϜͷྗ͕ඞཁ ը໘ભҠਤɺϢʔεέʔεਤɺ֓೦ϞσϧਤɺϢʔ βʔ૾ɺϓϩμΫτͷίΞόϦϡʔɺαΠτจݴɺ ϩΰσβΠϯɺใઃܭ
*" ɺλʔήοτϢʔβʔ ૾ɺϖʔύʔϓϩτλΠϓɺσβΠϯςΠετɺ τϯϚφɺFUDʜ
Ռͷґଘؔ ‣ ֤Ռͷ࡞࣌ʹɺඞཁʹԠͯ͡ϑΟʔυόοΫΛΒ͍ͭͭਐߦ ֓೦Ϟσϧਤ ϫΠϠϑϨʔϜ ϏδϡΞϧσβΠϯ ϋΠϑΟσΟϦςΟ ϓϩτλΠϓ จݴɾίϐʔɾ༰ Ϣʔεέʔεਤ
αʔϏεͷίΞόϦϡʔ ͦͷଞઃܭจॻ *" ϩΰσβΠϯ Ϣʔβͷϖϧιφ σβΠϯςΠετ ϖʔύʔϓϩτλΠϓ ετʔϦʔϘʔυ
ఔ͕݁ߏͨ͘͞Μ͋Δ ‣ ґଘؔʹͦͬͯՌͷ࡞࡞ۀͷఔ͕ೖΔ ‣ Α͘ߟ͑ͨΒ࣮ϑΣʔζΑΓఔଟ͍ΜͰ
Ͳ͏ͯ͠ఔΛ ੵΈॏͶ͍ͯͬͯ͘ͷ ‣ ֤ఔͰɺϑΟʔυόοΫΛ͛ͨΓεέδϡʔϧͬ ͨΓ͢Δ͜ͱͰϓϩδΣΫτͷਐߦΞτϓοτ੍͕ ޚՄೳʹͳΔ͔Β ϫΠϠϑϨʔϜ ࡞ ϑΟʔυόοΫ ϏδϡΞϧσβΠϯ
࡞ ϑΟʔυόοΫ 6*ϓϩτλΠϓ ࡞ ϑΟʔυόοΫ w ༰จݴɾը໘ભҠ w ΠϯλϥΫγϣϯ w ΞϓϦͷݟͨ w σβΠϯςΠετ w Ξχϝʔγϣϯ w ৮ͬͨ࣌ͷײ͡ w खΓ͕ແ͍͔࠷ऴ ֬ೝ
ఔΛল͘ͱͲ͏ͳΔ ‣ खΓ͕Կى͖ͯɺεέδϡʔϧΞτϓοτ੍͕ޚ ෆೳʹͳΓ͍͢ ‣ σβΠφʔͷͱؔͳ͘Ξτϓοτ͕ͻͲ͘ͳΓ͕ͪ ‣ ࣦഊϓϩδΣΫτͷୈҰา ͍͖ͳΓϏδϡΞϧ σβΠϯ࡞
खΓࣗମѱ͍͜ͱͰͳ͍ ‣ ࣄલʹઃܭͨ͠ͷ͕શͯᘳʹͳΔ͜ͱগͳ͍ ‣ ͨͩ͠ɺ͋Β͔͡Ί௵ͤΔखΓΛ௵͓͔ͯ͠ͳ͍ ͱɺվળͷͨΊʹඞཁͳखΓͷ༨༟ແ͘ͳͬͯ ͠·͏
ఔ࡞ΔͷʹΑͬͯมΘͬ ͯ͘Δ ‣ Ͳ͏͍ͬͨ։ൃϓϩηεΛऔΔͱྑ͍ͷͩΖ͏ ‣ Ͳ͏͢Δͱྑ͍ͷͩΖ͏ ΣϒαΠτ ΣϒαʔϏε ϞόΠϧΞϓϦ
ۀγεςϜ σεΫτοϓΞϓϦ 41"
Ͳ͏͢Δͱྑ͍ ‣ ϓϩϚω͕ɺ࡞Δͷʹ߹ΘͤͯͲ͏͍͏։ൃϓϩηεʹ ͢Δ͔Λߟ͓͑ͯ͘ ‣ ༧ΊϝϯόʔͰ։ൃϓϩηεʹ͍ͭͯٞ͢Εྑ͍ ‣ σβΠφʔ͚ͩͩͱͲ͏͠Α͏ͳ͍ ͦΜͳݖݶͳ͍͔Β
‣ ͚ΕͲɺσβΠϯͷՌͷ࣭ʹඞͣө͞ΕΔ
σβΠφʔͱ ϑΟʔυόοΫ
ͲͷΑ͏ʹϑΟʔυόοΫΛฦ ͤྑ͍ͩΖ͏͔ ‣ σβΠφʔͱͦͷνʔϜͲ͏ͬͯίϛϡχέʔ γϣϯ͢Εྑ͍ͩΖ͏
Α͋͘Δ͚Ͳྑ͘ͳ͍ ϑΟʔυόοΫ ‣ Ғ͍ਓʮ͜͜ͷॴͷϐΫηϧΛ͜͏ͯ͠ʂΜͰ'*9Ͷʂʯ ‣ σβΠφʔʮ͑ͬʯ ʙσβΠϯΛఏग़͔ͯ͠Β࣍ͷʙ ‣ σβΠφʔʮσβΠϯ࡞ͬͨͷͰ֬ೝ͓ئ͍͠·͢ʯ
Α͋͘Δࢮύλʔϯ ‣ ۩ମతͳमਖ਼Λ͛ͯ'*9ͤ͞Δͷશ͘ྑ͘ͳ͍ ‣ σβΠφʔʮ͜͏͢Δͱ͍ͮΒ͍͠ɺ͍͚ͦͩ͘͞ Ͳɺ͏'*9ͪ͠Όͬͨ͠ɾɾɾɾʯ ‣ Ϟνϕʔγϣϯ͕Լ
͜Ε͕ਐΉͱͲ͏ͳΔ͔ ‣ σβΠϯʹ͍͕ͭͯ࣋ͯͳ͘ͳΔ ‣ σβΠφʔʮ͍͍ͦͩͮ͘͞͠Β͍͚ͲɺҒ͍ਓ ͕'*9ͪ͠Ό͔ͬͨΒ͢͜ͱͰ͖ͳ͍͠ɺࣗ ͷ͡Όͳ͍͠ɺ͏ผʹͳΜͰ͍͍ʯ σβΠϯ͕σβΠφʔͷࣄͰແ͘ͳͬͯ͠·͏
Ғ͍ਓʹΘ͔ΒΜͷͰ͢ ‣ σβΠφʔ͕͖ͪΜͱͦͷσβΠϯͷૂ͍Λ͞ͳ͍ͱҒ͍ਓ ཧղͰ͖ͳ͍ ‣ ͳͷͰɺඞͣఏҊ࣌͢Α͏ʹ͠·͠ΐ͏ɻ ‣ ·ͨϑΟʔυόοΫΛΒ͏ͱ͖ʹٞ͠·͠ΐ͏ ը૾ग़యػಈઓ࢜ΨϯμϜ
ʹ͍ͭͯͦ͏ ‣ ͦͷσβΠϯͩͱԿ͕ͳͷ͔ ‣ ʮ͜͜ͷϐΫηϧΛ͜͏ͯ͠Լ͍͞ʯ ‣ ΫϥΠΞϯτ PSҒ͍ਓ ͕ͦΕΛݴ͏ཧ༝͋Δ
‣ ͦͷ··ड͚औΒͣʹɺͦͷഎޙʹ͋Δʹ͍ͭ ͯٞΛ͠Α͏
ͨͩٞ͢͠Δલʹ ‣ ϝϯόʔؒͰ৬छͱཱʹΑͬͯར૬͢Δ ‣ ͳͷͰׂٞͯͯ͠Γͱී௨ʹରཱ͠·͢
ϝϯόʔ৬छͰ૬͕ͪ͠ ‣ ΦϯεέͰߦ͖͍ͨ ‣ ΫϥΠΞϯτʹتΜͰ Β͍͍ͨ ϓϩϚω ‣ ࣮Λ៉ྷʹ͍ͨ͠ ‣
༨ܭͳΛ ͔͚ͨ͘ͳ͍ ΤϯδχΞ ‣ ͔͍͍ͬ͜σβΠϯ ʹ͍ͨ͠ ‣ ϢʔβϏϦςΟΛ ٻ͍ͨ͠ σβΠφʔ
ʮͳΜͰ\NFNCFS^ Θ͔ͬͯ͘Εͳ͍ΜͩΖ͏ʜ ʯ ‣ NFNCFSมͷத ‣ ϓϩϚω ‣ σβΠφ ‣
ΤϯδχΞ ‣ Ғ͍ਓ ‣ ΫϥΠΞϯτ \NFNCFS^
͘ͳͬͨ࣌ ը૾ग़యೖࣾһۚଠ
৺Λམͪண͔ͤ·͠ΐ͏ ‣ ϝϯόؒͰ৬छͰར૬͢Δ͜ͱΛલఏʹͯ͠ɺ ରཱ͢Δͷ͋ͨΓ·͑ͩͱࢥͬͯ৺Λམͪண͔ͤΔ ‣ ޓ͍ͷཱͷҧ͍Λ͓͚ͬͯͩ͘Ͱҧ͏ ͱࢥ͏ ը૾ग़యδϣδϣͷحົͳݥ
·ͱΊ
·ͱΊ ‣ νʔϜϝϯόʔͰσβΠϯͷՌͷ࣭͕มΘΔ ‣ ։ൃϓϩηεɺσβΠϯʹͱͬͯେࣄͰ͢ ‣ ϑΟʔυόοΫͱٞɺσβΠϯʹͱͬͯେࣄͰ͢
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠