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
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
CSに"SLO"は要らない、経営層に"99.9%"は伝わらない - SREを全社に"翻訳"する3原則
cscengineer
PRO
0
3.5k
ZOZOTOWNの進化と信頼性を両立する負荷試験
zozotech
PRO
0
140
認証認可だけじゃない! ID管理の構成要素と ライフサイクルを意識しよう
ritou
1
520
Docker Desktop不要の時代が来る? WSL標準の「wslc」で Linuxコンテナを動かしてみた.
ueponx
0
800
ヘルスケア領域における AI 活用と その安全性担保のための取り組み (Leveraging AI in Healthcare and Our Efforts to Ensure Its Safety) - Google I/O Extended Tokyo 2026, July 11, 2026
zettaittenani
0
170
AIと共生する開発者プラットフォーム:バクラクのモノレポ×マイクロサービス基盤
sakajunquality
1
2.5k
20260702_生成AIはどこまで成長するのか_チャットだけじゃない世界
doradora09
PRO
0
110
生成AI活用によるODC欠陥分析の分類高速化の実践と導入効果 / 20260703 Suguru Ishii
shift_evolve
PRO
2
100
“ID沼入口” - 基本とセキュリティから始める、考え続けるためのID管理技術勉強会 告知&イントロ
ritou
0
440
インフラ寄りSREでも 開発に踏み出せる〜境界を越えてユーザー体験に向き合いたい〜
sansantech
PRO
0
2.5k
DMM.com 購入改善推進チーム におけるCodeRabbitを用いた レビューフロー改善の一例
ysknsid25
1
520
記録をかんたんに、提案をパーソナルに ── AIであすけんが目指すもの
oprstchn
0
170
Featured
See All Featured
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
201
75k
How to train your dragon (web standard)
notwaldorf
97
6.7k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.6k
Mind Mapping
helmedeiros
PRO
1
280
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
550
Music & Morning Musume
bryan
47
7.3k
Large-scale JavaScript Application Architecture
addyosmani
515
110k
The Impact of AI in SEO - AI Overviews June 2024 Edition
aleyda
5
1.1k
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
akashhashmi
0
380
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
610
The AI Search Optimization Roadmap by Aleyda Solis
aleyda
1
6k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.5k
Transcript
νʔϜͰ࡞Δ ΠέͯΔσβΠϯ ݄ࣾΠέͯΔσβΠϯษڧձٱอాޫଇ
ࠓ͢͜ͱ ςʔϚɿΠέͯΔσβΠϯͱνʔϜ
‣ ΠέͯΔσβΠϯσβΠφʔ͚ͩͰ࡞ΕΔͷ͔ ‣ ͳͥνʔϜͰڠྗ͢Δඞཁ͕͋Δͷ͔ ‣ Ͳ͏ͬͨΒνʔϜͰΑΓྑ͍σβΠϯ͕Ͱ͖Δ
ಋೖ ‣ σβΠϯͬͯσβΠφʔ͕શ໘తʹ୲͢Δͷͩͱࢥͬ ͍ͯ·ͤΜ͔ ‣ ΠέͯΔσβΠϯΠέͯΔσβΠφʔ͍͑͞Ε࡞ΕΔ ?
ͷྑ͍σβΠφʔ͕͍Ε ‣ ࣾʹδϣφαϯɾΞΠϒͷΑ͏ͳੌͷσβΠφʔ͕ ͍Εશͯղܾ͢Δ IUUQTXXXBQQMFDPNKQQSCJPTKPOBUIBOJWFIUNM
࣮ͦ͏Ͱͳ͍ ‣ ࣾͰ͖ͬͯͯܦݧతʹΘ͔͖ͬͯͨ ‣ ͦͦɺσβΠϯ্ͷܾఆΛσβΠφʔ͚ͩͰ Ͱ͖ͳ͍ ը૾ग़యόΩ
ͦͦ ΠέͯΔσβΠϯͱ
ΠέͯΔσβΠϯͱͳΜͧ ‣ ʮΠέͯΔσβΠϯʯͱਓʑ͕ݴ͍ͬͯΔͷҰମ શମԿͷ͜ͱΛࢦͯ͠ʮΠέͯΔσβΠϯʯͱݴͬ ͍ͯΔͷ͔ ‣ ݟӫ͕͑ྑ͍͕શ͍ͮ͘Β͍ͷΛΠέͯ ΔσβΠϯͱݴ͏ͷͩΖ͏͔
΅͕͔͘Μ͕͑ͨ͜ͱ ‣ ΠέͯΔϓϩμΫτΛݟͯʮΠέͯΔσβΠϯʯͬ ͯݴͬͯΔ͚ͩ ‣ ຽ͔͍͍ͬ͜14%ϑΝΠϧΛධՁ͢ΔΘ͚Ͱ ͳ͍ ‣ ݁ہେࣄͳͷνʔϜ͕ΠέͯΔϓϩμΫτΛ࡞Δ ͜ͱ
σβΠφʔͱ্ͷͭͷ࣠Ͱ͠·͢ɻ શ෦͖͠Εͳ͍ͷͰ͔͍ͭ·ΜͰجຊతͳ͜ͱΛɻ ։ൃϓϩηε ϑΟʔυόοΫ ͡Ό͋Ͳ͏͢Ε
σβΠφʔͱ ։ൃϓϩηε
σβΠϯʹඞཁͳͷ ‣ σβΠφʔʹԿΛΠϯϓοτͱͯ͠༩͑Εྑ͍ ը૾ग़యIUUQTUXJUUFSDPNMVDLZEPHTUBUVT
ϏδϡΞϧσβΠϯʹඞཁͳ ‣ ଟ͍͠ґଘؔෳࡶ ‣ σβΠφʔ͚ͩͰશ෦༻ҙ͢Δͷແཧ ‣ ͜͜ͰνʔϜͷྗ͕ඞཁ ը໘ભҠਤɺϢʔεέʔεਤɺ֓೦ϞσϧਤɺϢʔ βʔ૾ɺϓϩμΫτͷίΞόϦϡʔɺαΠτจݴɺ ϩΰσβΠϯɺใઃܭ
*" ɺλʔήοτϢʔβʔ ૾ɺϖʔύʔϓϩτλΠϓɺσβΠϯςΠετɺ τϯϚφɺFUDʜ
Ռͷґଘؔ ‣ ֤Ռͷ࡞࣌ʹɺඞཁʹԠͯ͡ϑΟʔυόοΫΛΒ͍ͭͭਐߦ ֓೦Ϟσϧਤ ϫΠϠϑϨʔϜ ϏδϡΞϧσβΠϯ ϋΠϑΟσΟϦςΟ ϓϩτλΠϓ จݴɾίϐʔɾ༰ Ϣʔεέʔεਤ
αʔϏεͷίΞόϦϡʔ ͦͷଞઃܭจॻ *" ϩΰσβΠϯ Ϣʔβͷϖϧιφ σβΠϯςΠετ ϖʔύʔϓϩτλΠϓ ετʔϦʔϘʔυ
ఔ͕݁ߏͨ͘͞Μ͋Δ ‣ ґଘؔʹͦͬͯՌͷ࡞࡞ۀͷఔ͕ೖΔ ‣ Α͘ߟ͑ͨΒ࣮ϑΣʔζΑΓఔଟ͍ΜͰ
Ͳ͏ͯ͠ఔΛ ੵΈॏͶ͍ͯͬͯ͘ͷ ‣ ֤ఔͰɺϑΟʔυόοΫΛ͛ͨΓεέδϡʔϧͬ ͨΓ͢Δ͜ͱͰϓϩδΣΫτͷਐߦΞτϓοτ੍͕ ޚՄೳʹͳΔ͔Β ϫΠϠϑϨʔϜ ࡞ ϑΟʔυόοΫ ϏδϡΞϧσβΠϯ
࡞ ϑΟʔυόοΫ 6*ϓϩτλΠϓ ࡞ ϑΟʔυόοΫ w ༰จݴɾը໘ભҠ w ΠϯλϥΫγϣϯ w ΞϓϦͷݟͨ w σβΠϯςΠετ w Ξχϝʔγϣϯ w ৮ͬͨ࣌ͷײ͡ w खΓ͕ແ͍͔࠷ऴ ֬ೝ
ఔΛল͘ͱͲ͏ͳΔ ‣ खΓ͕Կى͖ͯɺεέδϡʔϧΞτϓοτ੍͕ޚ ෆೳʹͳΓ͍͢ ‣ σβΠφʔͷͱؔͳ͘Ξτϓοτ͕ͻͲ͘ͳΓ͕ͪ ‣ ࣦഊϓϩδΣΫτͷୈҰา ͍͖ͳΓϏδϡΞϧ σβΠϯ࡞
खΓࣗମѱ͍͜ͱͰͳ͍ ‣ ࣄલʹઃܭͨ͠ͷ͕શͯᘳʹͳΔ͜ͱগͳ͍ ‣ ͨͩ͠ɺ͋Β͔͡Ί௵ͤΔखΓΛ௵͓͔ͯ͠ͳ͍ ͱɺվળͷͨΊʹඞཁͳखΓͷ༨༟ແ͘ͳͬͯ ͠·͏
ఔ࡞ΔͷʹΑͬͯมΘͬ ͯ͘Δ ‣ Ͳ͏͍ͬͨ։ൃϓϩηεΛऔΔͱྑ͍ͷͩΖ͏ ‣ Ͳ͏͢Δͱྑ͍ͷͩΖ͏ ΣϒαΠτ ΣϒαʔϏε ϞόΠϧΞϓϦ
ۀγεςϜ σεΫτοϓΞϓϦ 41"
Ͳ͏͢Δͱྑ͍ ‣ ϓϩϚω͕ɺ࡞Δͷʹ߹ΘͤͯͲ͏͍͏։ൃϓϩηεʹ ͢Δ͔Λߟ͓͑ͯ͘ ‣ ༧ΊϝϯόʔͰ։ൃϓϩηεʹ͍ͭͯٞ͢Εྑ͍ ‣ σβΠφʔ͚ͩͩͱͲ͏͠Α͏ͳ͍ ͦΜͳݖݶͳ͍͔Β
‣ ͚ΕͲɺσβΠϯͷՌͷ࣭ʹඞͣө͞ΕΔ
σβΠφʔͱ ϑΟʔυόοΫ
ͲͷΑ͏ʹϑΟʔυόοΫΛฦ ͤྑ͍ͩΖ͏͔ ‣ σβΠφʔͱͦͷνʔϜͲ͏ͬͯίϛϡχέʔ γϣϯ͢Εྑ͍ͩΖ͏
Α͋͘Δ͚Ͳྑ͘ͳ͍ ϑΟʔυόοΫ ‣ Ғ͍ਓʮ͜͜ͷॴͷϐΫηϧΛ͜͏ͯ͠ʂΜͰ'*9Ͷʂʯ ‣ σβΠφʔʮ͑ͬʯ ʙσβΠϯΛఏग़͔ͯ͠Β࣍ͷʙ ‣ σβΠφʔʮσβΠϯ࡞ͬͨͷͰ֬ೝ͓ئ͍͠·͢ʯ
Α͋͘Δࢮύλʔϯ ‣ ۩ମతͳमਖ਼Λ͛ͯ'*9ͤ͞Δͷશ͘ྑ͘ͳ͍ ‣ σβΠφʔʮ͜͏͢Δͱ͍ͮΒ͍͠ɺ͍͚ͦͩ͘͞ Ͳɺ͏'*9ͪ͠Όͬͨ͠ɾɾɾɾʯ ‣ Ϟνϕʔγϣϯ͕Լ
͜Ε͕ਐΉͱͲ͏ͳΔ͔ ‣ σβΠϯʹ͍͕ͭͯ࣋ͯͳ͘ͳΔ ‣ σβΠφʔʮ͍͍ͦͩͮ͘͞͠Β͍͚ͲɺҒ͍ਓ ͕'*9ͪ͠Ό͔ͬͨΒ͢͜ͱͰ͖ͳ͍͠ɺࣗ ͷ͡Όͳ͍͠ɺ͏ผʹͳΜͰ͍͍ʯ σβΠϯ͕σβΠφʔͷࣄͰແ͘ͳͬͯ͠·͏
Ғ͍ਓʹΘ͔ΒΜͷͰ͢ ‣ σβΠφʔ͕͖ͪΜͱͦͷσβΠϯͷૂ͍Λ͞ͳ͍ͱҒ͍ਓ ཧղͰ͖ͳ͍ ‣ ͳͷͰɺඞͣఏҊ࣌͢Α͏ʹ͠·͠ΐ͏ɻ ‣ ·ͨϑΟʔυόοΫΛΒ͏ͱ͖ʹٞ͠·͠ΐ͏ ը૾ग़యػಈઓ࢜ΨϯμϜ
ʹ͍ͭͯͦ͏ ‣ ͦͷσβΠϯͩͱԿ͕ͳͷ͔ ‣ ʮ͜͜ͷϐΫηϧΛ͜͏ͯ͠Լ͍͞ʯ ‣ ΫϥΠΞϯτ PSҒ͍ਓ ͕ͦΕΛݴ͏ཧ༝͋Δ
‣ ͦͷ··ड͚औΒͣʹɺͦͷഎޙʹ͋Δʹ͍ͭ ͯٞΛ͠Α͏
ͨͩٞ͢͠Δલʹ ‣ ϝϯόʔؒͰ৬छͱཱʹΑͬͯར૬͢Δ ‣ ͳͷͰׂٞͯͯ͠Γͱී௨ʹରཱ͠·͢
ϝϯόʔ৬छͰ૬͕ͪ͠ ‣ ΦϯεέͰߦ͖͍ͨ ‣ ΫϥΠΞϯτʹتΜͰ Β͍͍ͨ ϓϩϚω ‣ ࣮Λ៉ྷʹ͍ͨ͠ ‣
༨ܭͳΛ ͔͚ͨ͘ͳ͍ ΤϯδχΞ ‣ ͔͍͍ͬ͜σβΠϯ ʹ͍ͨ͠ ‣ ϢʔβϏϦςΟΛ ٻ͍ͨ͠ σβΠφʔ
ʮͳΜͰ\NFNCFS^ Θ͔ͬͯ͘Εͳ͍ΜͩΖ͏ʜ ʯ ‣ NFNCFSมͷத ‣ ϓϩϚω ‣ σβΠφ ‣
ΤϯδχΞ ‣ Ғ͍ਓ ‣ ΫϥΠΞϯτ \NFNCFS^
͘ͳͬͨ࣌ ը૾ग़యೖࣾһۚଠ
৺Λམͪண͔ͤ·͠ΐ͏ ‣ ϝϯόؒͰ৬छͰར૬͢Δ͜ͱΛલఏʹͯ͠ɺ ରཱ͢Δͷ͋ͨΓ·͑ͩͱࢥͬͯ৺Λམͪண͔ͤΔ ‣ ޓ͍ͷཱͷҧ͍Λ͓͚ͬͯͩ͘Ͱҧ͏ ͱࢥ͏ ը૾ग़యδϣδϣͷحົͳݥ
·ͱΊ
·ͱΊ ‣ νʔϜϝϯόʔͰσβΠϯͷՌͷ࣭͕มΘΔ ‣ ։ൃϓϩηεɺσβΠϯʹͱͬͯେࣄͰ͢ ‣ ϑΟʔυόοΫͱٞɺσβΠϯʹͱͬͯେࣄͰ͢
͝ਗ਼ௌ͋Γ͕ͱ͏ ͍͟͝·ͨ͠