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
68
エンジニアも知れば幸せなCSS基礎
kazuyoshigoto
1
83
エンジニアこそ知っておきたいUX思考
kazuyoshigoto
1
550
Twitchと連動したMastodonのBotを作った
kazuyoshigoto
0
220
スマホのセンサーをJavaScriptで遊ぶ
kazuyoshigoto
0
420
ノンエンジニアのMastodon手探り構築記
kazuyoshigoto
0
97
InstagramとWordPressを軸に越境サイトを作った話
kazuyoshigoto
0
140
モバイル表示を超速にする「AMP」を試してみた
kazuyoshigoto
0
150
PSVR未だ買えないのでついカッとなって作ることを続けた話
kazuyoshigoto
1
190
Other Decks in Design
See All in Design
ZOZO CDO Office Design
zozodevelopers
PRO
1
400
私の困りごとと解決案 / My issues and proposed solutions
kubosho
1
280
デザインからアプリ実装まで一貫したデザインシステムを構築するベストプラクティス
shuzo
13
6k
Картирование процесса фасилитация стратсессий с Картой гипотез при помощи Карты процесса-опыта
ashapiro
0
390
デザインスプリントを活かすチームの在り方
mixi_design
PRO
2
770
超・ファシリテーション 無理ゲー課題を軽やかに超える MIMIGURI流チームデザイン|TOKYO CREATIVE COLLECTION
madue
1
1.2k
デザインシステム構築の進め方 基本から実践まで、具体的な手順を徹底解説
ncdc
1
180
Charcoal 2.0: デザインシステムの基盤を再構築
godlingkogami
1
400
Карта реализации историй — убийца USM
ashapiro
0
180
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
200
PMとデザイナーはニコイチ! メリットと具体的なアクション10選
mosmos_noki
2
1.1k
デザイナー視点の体験設計とデザインレビューを事業部全員で体験するワークショップをしたお話
masayofff
3
200
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
409
22k
Embracing the Ebb and Flow
colly
84
4.5k
Facilitating Awesome Meetings
lara
49
6.1k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
700
Imperfection Machines: The Place of Print at Facebook
scottboms
264
13k
Practical Orchestrator
shlominoach
186
10k
Building Your Own Lightsaber
phodgson
102
6.1k
Building Adaptive Systems
keathley
38
2.3k
Scaling GitHub
holman
458
140k
The Pragmatic Product Professional
lauravandoore
31
6.3k
Typedesign – Prime Four
hannesfritz
40
2.4k
Teambox: Starting and Learning
jrom
133
8.8k
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Ͱ͍͚ɻ
Կ͔ͩΜͩɺϒϩοΫঢ়ͷϨΠΞτ ѻ͍͘͢༏Ε͍ͯΔͱ࣮ײͰ͖Δɻ
͔͜͠͠ͷϨΠΞτʜ Ͳ͔͜Ͱݟ͕֮͑ʜ
Զ͔ͨͪͯ͠͠ʜ
ςʔϒϧϨΠΞτʹ ؼ͖͍ͬͯͯͨʜʁ
&/%
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ