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
800
requestIdleCallback()による協調的バックグラウンド処理の実現 / requestIdleCallback()
anatoo
0
3.9k
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.2k
Cordovaで作るHTML5ハイブリッドアプリ 〜開発ベストプラクティスを学ぶ〜
anatoo
27
18k
最新SPA開発を学ぼう! ウェブエンジニアのための AngularJS入門
anatoo
20
20k
Other Decks in Technology
See All in Technology
MCP認可の現在地と自律型エージェント対応に向けた課題 / MCP Authorization Today and Challenges to Support Autonomous Agents
yokawasa
5
2.3k
人に寄り添うAIエージェントとアーキテクチャ #BetAIDay
layerx
PRO
9
2.2k
AIに目を奪われすぎて、周りの困っている人間が見えなくなっていませんか?
cap120
1
610
【CEDEC2025】『Shadowverse: Worlds Beyond』二度目のDCG開発でゲームをリデザインする~遊びやすさと競技性の両立~
cygames
PRO
1
370
JAWS AI/ML #30 AI コーディング IDE "Kiro" を触ってみよう
inariku
3
360
S3 Glacier のデータを Athena からクエリしようとしたらどうなるのか/try-to-query-s3-glacier-from-athena
emiki
0
220
2時間で300+テーブルをデータ基盤に連携するためのAI活用 / FukuokaDataEngineer
sansan_randd
0
150
生成AIによるデータサイエンスの変革
taka_aki
0
3k
生成AI導入の効果を最大化する データ活用戦略
ham0215
0
160
Amazon Bedrock AgentCoreのフロントエンドを探す旅 (Next.js編)
kmiya84377
1
140
猫でもわかるQ_CLI(CDK開発編)+ちょっとだけKiro
kentapapa
0
3.5k
Oracle Cloud Infrastructure:2025年7月度サービス・アップデート
oracle4engineer
PRO
1
190
Featured
See All Featured
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
18
1.1k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
6k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
Documentation Writing (for coders)
carmenintech
73
5k
Mobile First: as difficult as doing things right
swwweet
223
9.9k
Writing Fast Ruby
sferik
628
62k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
131
19k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
283
13k
Side Projects
sachag
455
43k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Transcript
νʔϜͰ࡞Δ ΠέͯΔσβΠϯ ݄ࣾΠέͯΔσβΠϯษڧձٱอాޫଇ
ࠓ͢͜ͱ ςʔϚɿΠέͯΔσβΠϯͱνʔϜ
‣ ΠέͯΔσβΠϯσβΠφʔ͚ͩͰ࡞ΕΔͷ͔ ‣ ͳͥνʔϜͰڠྗ͢Δඞཁ͕͋Δͷ͔ ‣ Ͳ͏ͬͨΒνʔϜͰΑΓྑ͍σβΠϯ͕Ͱ͖Δ
ಋೖ ‣ σβΠϯͬͯσβΠφʔ͕શ໘తʹ୲͢Δͷͩͱࢥͬ ͍ͯ·ͤΜ͔ ‣ ΠέͯΔσβΠϯΠέͯΔσβΠφʔ͍͑͞Ε࡞ΕΔ ?
ͷྑ͍σβΠφʔ͕͍Ε ‣ ࣾʹδϣφαϯɾΞΠϒͷΑ͏ͳੌͷσβΠφʔ͕ ͍Εશͯղܾ͢Δ IUUQTXXXBQQMFDPNKQQSCJPTKPOBUIBOJWFIUNM
࣮ͦ͏Ͱͳ͍ ‣ ࣾͰ͖ͬͯͯܦݧతʹΘ͔͖ͬͯͨ ‣ ͦͦɺσβΠϯ্ͷܾఆΛσβΠφʔ͚ͩͰ Ͱ͖ͳ͍ ը૾ग़యόΩ
ͦͦ ΠέͯΔσβΠϯͱ
ΠέͯΔσβΠϯͱͳΜͧ ‣ ʮΠέͯΔσβΠϯʯͱਓʑ͕ݴ͍ͬͯΔͷҰମ શମԿͷ͜ͱΛࢦͯ͠ʮΠέͯΔσβΠϯʯͱݴͬ ͍ͯΔͷ͔ ‣ ݟӫ͕͑ྑ͍͕શ͍ͮ͘Β͍ͷΛΠέͯ ΔσβΠϯͱݴ͏ͷͩΖ͏͔
΅͕͔͘Μ͕͑ͨ͜ͱ ‣ ΠέͯΔϓϩμΫτΛݟͯʮΠέͯΔσβΠϯʯͬ ͯݴͬͯΔ͚ͩ ‣ ຽ͔͍͍ͬ͜14%ϑΝΠϧΛධՁ͢ΔΘ͚Ͱ ͳ͍ ‣ ݁ہେࣄͳͷνʔϜ͕ΠέͯΔϓϩμΫτΛ࡞Δ ͜ͱ
σβΠφʔͱ্ͷͭͷ࣠Ͱ͠·͢ɻ શ෦͖͠Εͳ͍ͷͰ͔͍ͭ·ΜͰجຊతͳ͜ͱΛɻ ։ൃϓϩηε ϑΟʔυόοΫ ͡Ό͋Ͳ͏͢Ε
σβΠφʔͱ ։ൃϓϩηε
σβΠϯʹඞཁͳͷ ‣ σβΠφʔʹԿΛΠϯϓοτͱͯ͠༩͑Εྑ͍ ը૾ग़యIUUQTUXJUUFSDPNMVDLZEPHTUBUVT
ϏδϡΞϧσβΠϯʹඞཁͳ ‣ ଟ͍͠ґଘؔෳࡶ ‣ σβΠφʔ͚ͩͰશ෦༻ҙ͢Δͷແཧ ‣ ͜͜ͰνʔϜͷྗ͕ඞཁ ը໘ભҠਤɺϢʔεέʔεਤɺ֓೦ϞσϧਤɺϢʔ βʔ૾ɺϓϩμΫτͷίΞόϦϡʔɺαΠτจݴɺ ϩΰσβΠϯɺใઃܭ
*" ɺλʔήοτϢʔβʔ ૾ɺϖʔύʔϓϩτλΠϓɺσβΠϯςΠετɺ τϯϚφɺFUDʜ
Ռͷґଘؔ ‣ ֤Ռͷ࡞࣌ʹɺඞཁʹԠͯ͡ϑΟʔυόοΫΛΒ͍ͭͭਐߦ ֓೦Ϟσϧਤ ϫΠϠϑϨʔϜ ϏδϡΞϧσβΠϯ ϋΠϑΟσΟϦςΟ ϓϩτλΠϓ จݴɾίϐʔɾ༰ Ϣʔεέʔεਤ
αʔϏεͷίΞόϦϡʔ ͦͷଞઃܭจॻ *" ϩΰσβΠϯ Ϣʔβͷϖϧιφ σβΠϯςΠετ ϖʔύʔϓϩτλΠϓ ετʔϦʔϘʔυ
ఔ͕݁ߏͨ͘͞Μ͋Δ ‣ ґଘؔʹͦͬͯՌͷ࡞࡞ۀͷఔ͕ೖΔ ‣ Α͘ߟ͑ͨΒ࣮ϑΣʔζΑΓఔଟ͍ΜͰ
Ͳ͏ͯ͠ఔΛ ੵΈॏͶ͍ͯͬͯ͘ͷ ‣ ֤ఔͰɺϑΟʔυόοΫΛ͛ͨΓεέδϡʔϧͬ ͨΓ͢Δ͜ͱͰϓϩδΣΫτͷਐߦΞτϓοτ੍͕ ޚՄೳʹͳΔ͔Β ϫΠϠϑϨʔϜ ࡞ ϑΟʔυόοΫ ϏδϡΞϧσβΠϯ
࡞ ϑΟʔυόοΫ 6*ϓϩτλΠϓ ࡞ ϑΟʔυόοΫ w ༰จݴɾը໘ભҠ w ΠϯλϥΫγϣϯ w ΞϓϦͷݟͨ w σβΠϯςΠετ w Ξχϝʔγϣϯ w ৮ͬͨ࣌ͷײ͡ w खΓ͕ແ͍͔࠷ऴ ֬ೝ
ఔΛল͘ͱͲ͏ͳΔ ‣ खΓ͕Կى͖ͯɺεέδϡʔϧΞτϓοτ੍͕ޚ ෆೳʹͳΓ͍͢ ‣ σβΠφʔͷͱؔͳ͘Ξτϓοτ͕ͻͲ͘ͳΓ͕ͪ ‣ ࣦഊϓϩδΣΫτͷୈҰา ͍͖ͳΓϏδϡΞϧ σβΠϯ࡞
खΓࣗମѱ͍͜ͱͰͳ͍ ‣ ࣄલʹઃܭͨ͠ͷ͕શͯᘳʹͳΔ͜ͱগͳ͍ ‣ ͨͩ͠ɺ͋Β͔͡Ί௵ͤΔखΓΛ௵͓͔ͯ͠ͳ͍ ͱɺվળͷͨΊʹඞཁͳखΓͷ༨༟ແ͘ͳͬͯ ͠·͏
ఔ࡞ΔͷʹΑͬͯมΘͬ ͯ͘Δ ‣ Ͳ͏͍ͬͨ։ൃϓϩηεΛऔΔͱྑ͍ͷͩΖ͏ ‣ Ͳ͏͢Δͱྑ͍ͷͩΖ͏ ΣϒαΠτ ΣϒαʔϏε ϞόΠϧΞϓϦ
ۀγεςϜ σεΫτοϓΞϓϦ 41"
Ͳ͏͢Δͱྑ͍ ‣ ϓϩϚω͕ɺ࡞Δͷʹ߹ΘͤͯͲ͏͍͏։ൃϓϩηεʹ ͢Δ͔Λߟ͓͑ͯ͘ ‣ ༧ΊϝϯόʔͰ։ൃϓϩηεʹ͍ͭͯٞ͢Εྑ͍ ‣ σβΠφʔ͚ͩͩͱͲ͏͠Α͏ͳ͍ ͦΜͳݖݶͳ͍͔Β
‣ ͚ΕͲɺσβΠϯͷՌͷ࣭ʹඞͣө͞ΕΔ
σβΠφʔͱ ϑΟʔυόοΫ
ͲͷΑ͏ʹϑΟʔυόοΫΛฦ ͤྑ͍ͩΖ͏͔ ‣ σβΠφʔͱͦͷνʔϜͲ͏ͬͯίϛϡχέʔ γϣϯ͢Εྑ͍ͩΖ͏
Α͋͘Δ͚Ͳྑ͘ͳ͍ ϑΟʔυόοΫ ‣ Ғ͍ਓʮ͜͜ͷॴͷϐΫηϧΛ͜͏ͯ͠ʂΜͰ'*9Ͷʂʯ ‣ σβΠφʔʮ͑ͬʯ ʙσβΠϯΛఏग़͔ͯ͠Β࣍ͷʙ ‣ σβΠφʔʮσβΠϯ࡞ͬͨͷͰ֬ೝ͓ئ͍͠·͢ʯ
Α͋͘Δࢮύλʔϯ ‣ ۩ମతͳमਖ਼Λ͛ͯ'*9ͤ͞Δͷશ͘ྑ͘ͳ͍ ‣ σβΠφʔʮ͜͏͢Δͱ͍ͮΒ͍͠ɺ͍͚ͦͩ͘͞ Ͳɺ͏'*9ͪ͠Όͬͨ͠ɾɾɾɾʯ ‣ Ϟνϕʔγϣϯ͕Լ
͜Ε͕ਐΉͱͲ͏ͳΔ͔ ‣ σβΠϯʹ͍͕ͭͯ࣋ͯͳ͘ͳΔ ‣ σβΠφʔʮ͍͍ͦͩͮ͘͞͠Β͍͚ͲɺҒ͍ਓ ͕'*9ͪ͠Ό͔ͬͨΒ͢͜ͱͰ͖ͳ͍͠ɺࣗ ͷ͡Όͳ͍͠ɺ͏ผʹͳΜͰ͍͍ʯ σβΠϯ͕σβΠφʔͷࣄͰແ͘ͳͬͯ͠·͏
Ғ͍ਓʹΘ͔ΒΜͷͰ͢ ‣ σβΠφʔ͕͖ͪΜͱͦͷσβΠϯͷૂ͍Λ͞ͳ͍ͱҒ͍ਓ ཧղͰ͖ͳ͍ ‣ ͳͷͰɺඞͣఏҊ࣌͢Α͏ʹ͠·͠ΐ͏ɻ ‣ ·ͨϑΟʔυόοΫΛΒ͏ͱ͖ʹٞ͠·͠ΐ͏ ը૾ग़యػಈઓ࢜ΨϯμϜ
ʹ͍ͭͯͦ͏ ‣ ͦͷσβΠϯͩͱԿ͕ͳͷ͔ ‣ ʮ͜͜ͷϐΫηϧΛ͜͏ͯ͠Լ͍͞ʯ ‣ ΫϥΠΞϯτ PSҒ͍ਓ ͕ͦΕΛݴ͏ཧ༝͋Δ
‣ ͦͷ··ड͚औΒͣʹɺͦͷഎޙʹ͋Δʹ͍ͭ ͯٞΛ͠Α͏
ͨͩٞ͢͠Δલʹ ‣ ϝϯόʔؒͰ৬छͱཱʹΑͬͯར૬͢Δ ‣ ͳͷͰׂٞͯͯ͠Γͱී௨ʹରཱ͠·͢
ϝϯόʔ৬छͰ૬͕ͪ͠ ‣ ΦϯεέͰߦ͖͍ͨ ‣ ΫϥΠΞϯτʹتΜͰ Β͍͍ͨ ϓϩϚω ‣ ࣮Λ៉ྷʹ͍ͨ͠ ‣
༨ܭͳΛ ͔͚ͨ͘ͳ͍ ΤϯδχΞ ‣ ͔͍͍ͬ͜σβΠϯ ʹ͍ͨ͠ ‣ ϢʔβϏϦςΟΛ ٻ͍ͨ͠ σβΠφʔ
ʮͳΜͰ\NFNCFS^ Θ͔ͬͯ͘Εͳ͍ΜͩΖ͏ʜ ʯ ‣ NFNCFSมͷத ‣ ϓϩϚω ‣ σβΠφ ‣
ΤϯδχΞ ‣ Ғ͍ਓ ‣ ΫϥΠΞϯτ \NFNCFS^
͘ͳͬͨ࣌ ը૾ग़యೖࣾһۚଠ
৺Λམͪண͔ͤ·͠ΐ͏ ‣ ϝϯόؒͰ৬छͰར૬͢Δ͜ͱΛલఏʹͯ͠ɺ ରཱ͢Δͷ͋ͨΓ·͑ͩͱࢥͬͯ৺Λམͪண͔ͤΔ ‣ ޓ͍ͷཱͷҧ͍Λ͓͚ͬͯͩ͘Ͱҧ͏ ͱࢥ͏ ը૾ग़యδϣδϣͷحົͳݥ
·ͱΊ
·ͱΊ ‣ νʔϜϝϯόʔͰσβΠϯͷՌͷ࣭͕มΘΔ ‣ ։ൃϓϩηεɺσβΠϯʹͱͬͯେࣄͰ͢ ‣ ϑΟʔυόοΫͱٞɺσβΠϯʹͱͬͯେࣄͰ͢
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠