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
Uploaded Webレイアウトの歴史と新時代「Grid」
Search
Kazuyoshi Goto
May 02, 2017
Design
0
120
Uploaded Webレイアウトの歴史と新時代「Grid」
TOWNビアバッシュ 2017/4 公開
Kazuyoshi Goto
May 02, 2017
Tweet
Share
More Decks by Kazuyoshi Goto
See All by Kazuyoshi Goto
成功体験を伝えよう。
kazuyoshigoto
0
70
エンジニアも知れば幸せなCSS基礎
kazuyoshigoto
1
91
エンジニアこそ知っておきたいUX思考
kazuyoshigoto
1
600
Twitchと連動したMastodonのBotを作った
kazuyoshigoto
0
230
スマホのセンサーをJavaScriptで遊ぶ
kazuyoshigoto
0
420
ノンエンジニアのMastodon手探り構築記
kazuyoshigoto
0
100
InstagramとWordPressを軸に越境サイトを作った話
kazuyoshigoto
0
140
モバイル表示を超速にする「AMP」を試してみた
kazuyoshigoto
0
150
PSVR未だ買えないのでついカッとなって作ることを続けた話
kazuyoshigoto
1
200
Other Decks in Design
See All in Design
線で考える画面構成
natsuume
1
880
Bulletproof Design System with TypeScript
takanorip
6
3.5k
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
160
プロジェクト内でデザイナーができること 日経電子版アプリ機能開発「For You」#nikkei_tech_talk
nikkei_engineer_recruiting
8
3.9k
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
560
harutaka Vision Deck
zenkigenforrecruit
0
130
パンくずリストかわいい(breadcrumb so cute)
ysuda
0
270
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
3
500
AI動画生成ガチャ紹介
piyo7
1
110
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
2.8k
タイミーでフィールドワークしたら、サービスデザインが始まった
kenichiota0711
1
1.6k
PF_濵村ひろみ_202503
maru_design78
0
180
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
330
24k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.8k
Six Lessons from altMBA
skipperchong
28
3.8k
Balancing Empowerment & Direction
lara
1
370
Gamification - CAS2011
davidbonilla
81
5.3k
It's Worth the Effort
3n
185
28k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
Automating Front-end Workflow
addyosmani
1370
200k
Adopting Sorbet at Scale
ufuk
77
9.4k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Transcript
8FCϨΠΞτͷྺ࢙ͱ ৽࣌ʮ(SJEʯ ޙ౻ྑ
ࣗݾհ ޙ౻ྑ ΫϦΤΠςΟϒຊ෦$* ,B[VZPTIJ(PUP
͜Εେͳ8FCσβΠϯ࢙ͷޠᴷᴷ ࠓճͦͷҰ୴Λհ͍ͨ͠ɻ
5BCMFϨΠΞτ "%9ʙʮ8FCظʯ
8FCσβΠϯͷ໌͚ ͦΕૉͳ͔Β࢝·ͬͨ
$44͕ීٴ͢ΔҎલʹ)5.-ͷ UBCMFͰ࡞ΒΕͨϨΠΞτɻ IFBEFS TJEF NBJO TJEF GPPUFS
UBCMF USDPMTQBO UEIFBEFSUE US US UETJEFUE UENBJOUE UETJEFUE US
ʙ UBCMF
શମϨΠΞτͷ΄͔ɺ ؙ֯ͷදݱʹଟ༻͞Ε͍ͯͨɻ ը૾ ը૾ ը૾ ը૾
5BCMFϨΠΞτͷಛ w )5.-֮͑͑͞Ε͑Δ w ϝϯςφϯεੑ͕ۃѱ w จॻߏͷ֓೦Λࣺ͍ͯͯΔ w γεςϜͱͷੑʁͳʹͦΕʁ
ͨͩͻͨ͢Βʹɺ $44͕ະൃୡͳ࣌ͷҨ
$444&0ͷීٴ UBCMFङΓʹΘΕ ࣍ୈʹ౫ଡ͞Ε͍ͯͬͨʜ ςʔϒϧङΓʹۈ͠Ή8$ݪཧओٛऀʢϞώΧϯʣ
'MPBUϨΠΞτ "%9ʙʮ8FCීٴظʯ
େ$44࣌౸དྷʂ ࣗ༝ͱ߹ཧੑΛಘͨɺ 8FCσβΠϯ༂ਐͷ࣌ʂ
$44ͷճΓࠐΈ qPBU Λར༻͠ จॻߏͱσβΠϯੑΛཱ྆ͨ͠ϨΠΞτɻ GPPUFS IFBEFS TJEF TJEF NBJO
EJWDMBTTIFBEFSIFBEFSEJW EJWDMBTTDPOUBJOFS EJWDMBTTTJEFTJEFEJW EJWDMBTTTJEFTJEFEJW EJWDMBTTNBJONBJOEJW EJW EJWDMBTTGPPUFSGPPUFSEJW
DPOUBJOFS\ QPTJUJPOSFMBUJWF ^ DPOUBJOFSTJEF\ qPBUMFGU XJEUIQY ^ DPOUBJOFSTJEF\ qPBUSJHIU
XJEUIQY ^
'MPBUϨΠΞτͷಛ w )5.-ʹՃ͑$44͕ඞཁ w ϝϯςφϯεੑྑ w จॻߏ͕อͨΕ4&0తʹ·͍͠ w ϒϥβ͝ͱͷղऍͷࠩͱઓͬͨྺ࢙͋Γ
͔͠͠ຊདྷ ʮճΓࠐΈʯͱˣͷΑ͏ͳͷ ը૾ ͳ͕ʔ͍จষɻͳ͕ʔ͍จষɻͳ ͕ʔ͍จষɻͳ͕ʔ͍จষɻͳ͕ʔ ͍จষɻͳ͕ʔ͍จষɻͳ͕ʔ͍จ ষɻͳ͕ʔ͍จষɻͳ͕ʔ͍จষɻͳ͕ʔ͍ จষɻͳ͕ʔ͍จষɻͳ͕ʔ͍จষɻ
ຊ࣭తʹϨΠΞτ༻Ͱͳ͘ ҙʹΑΔ࢈ɻ
ݱࡏͳ͓࠷େྗɻ ͔͠͠$44ͷීٴʹΑΓ ݮগ͍ͯ͘͠ͱߟ͑ΒΕΔɻ
'MFYϨΠΞτ "%9ʙʮ8FCൃలظʯ
࢈ۀֵ໋ͷൃੜʂ ϑΟʔϧυϞόΠϧ͕Δ $44 )5.-
qFYCPY $44ͰՃ͞ΕͨʮEJTQMBZqFYʯͰ ֓೦తʹਖ਼͍͠ϨΠΞτ͕࣮ݱɻ TJEF TJEF NBJO
EJWDMBTTqFYCPY EJWDMBTTTJEFTJEFEJW EJWDMBTTNBJONBJOEJW EJWDMBTTTJEFTJEFEJW EJW
qFYCPY\ EJTQMBZqFY qFYXSBQXSBQ KVTUJGZDPOUFOUTQBDFBSPVOE ^ qFYCPYTJEF\ XJEUI ^ qFYCPYNBJO\ XJEUI
^
'MFYϨΠΞτͷಛ w ϑϩʔτϨΠΞτʹൺɺ่Εͳ͍ w ϦετͳͲ܁Γฦ͠ཁૉͷఆָ͕ٛ w ϨεϙϯγϒϨΠΞτରԠָ͕ w $44Ͱऑ͔ͬͨॎ෯ͷϨΠΞτָ͕
ैདྷͷ$44ۤखͱ͍ͯͨ͠ ॎํͷ੍ޚ͕ࣗ༝ࣗࡏʹͳͬͨɻ
զʑݶΓͳ͘ ࠷ڧʹ͍ۙثΛಘͨʂ
͔͠͠ʜ
ཱͪ;͕͞Δ࠷ڧʹͯ͠࠷ѱͷఢɻ
$44'MFYͷ༷ ࠒΑΓଘࡏ͢Δ͕ Ұʹ࣮ਐ·ͳ͍ɻ
8FCϨΠΞτख๏ ఀͷ࣌ ϑϩʔτϨΠΞτ͕͍·ͩ࠷େྗͳͷ ͜ͷ࣌ظ͕͗ͨͨ͢Ίͱݴ͑Δɻ
͔͜͠͠ͷੈऀඞਰɻ
αϙʔτऴྃ
'MFYϨΠΞτ ݱࡏී௨ʹͬͯ0,
͔͠͠ఀظ͕͗ͨͨ͢Ί ѻ͑Δਓ͕·ͩগͳ͍ҹɻ
(SJEϨΠΞτ "%ɹݱ
8FCσβΠϯͷཱྀ ͻͱͭͷ౸ୡ
IFBEFS TJEF TJEF ݄̏ʹ$ISPNFʹ࣮͞Εͨɺ ࣗ༝ࣗࡏͳάϦουঢ়ͷϨΠΞτɻ
EJWDMBTTHSJE EJWDMBTTIFBEFSEJW EJWDMBTTTJEFEJW EJWEJW ʙ EJW
HSJE\ EJTQMBZHSJE HSJEUFNQMBUFDPMVNOTGSGSGSGS HSJEUFNQMBUFSPXTQYQY HSJEHBQQYQY ^ IFBEFS\ HSJEDPMVNO ྻʙྻΛ݁߹
^ TJEF\ HSJESPX ߦʙྻΛ݁߹ ^ TJEF\ HSJESPX ߦʙྻΛ݁߹ ^
ৄ͍͍͠ํ IBDLOPUFʹॻ͍ͯ·͢ɻ IUUQTHPPHM,(1OWN
(SJEϨΠΞτͷಛ w વͱͨ͠σβΠϯΛߦ͍͍͢ w ཁૉ͚ͩͰ݁ͤ͞ΒΕϝϯςָ͕ w Ұ෦qFYͱಉ͡ϓϩύςΟΛѻ͑Δ w άϦουͷ݁߹Ͱॎԣࣗࡏ w
ྻ൪߸ͱߦ൪߸Λࢦఆͨ͠ελΠϧઃఆ
Ϟμϯϒϥβͯ͢ରԠࡁΈɻ ʢ*&ରԠ͍ͯ͠Δʣ
ຊ࣮֨͞Ε͔ͨΓͰ ͱͯ͠)05
'MFYϨΠΞτ͕·ͩաظɻ ͔͠͠(SJEͷํ͕༏Ε͍ͯΔɻ ʢΑ͏ʹࢥ͑Δʣ
ϦετͳͲ܁Γฦ͠ཁૉ'MFYɻ େϨΠΞτ(SJEͰ͍͚ɻ
Կ͔ͩΜͩɺϒϩοΫঢ়ͷϨΠΞτ ѻ͍͘͢༏Ε͍ͯΔͱ࣮ײͰ͖Δɻ
͔͜͠͠ͷϨΠΞτʜ Ͳ͔͜Ͱݟ͕֮͑ʜ
Զ͔ͨͪͯ͠͠ʜ
ςʔϒϧϨΠΞτʹ ؼ͖͍ͬͯͯͨʜʁ
&/%
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ