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
67
エンジニアも知れば幸せなCSS基礎
kazuyoshigoto
1
83
エンジニアこそ知っておきたいUX思考
kazuyoshigoto
1
530
Twitchと連動したMastodonのBotを作った
kazuyoshigoto
0
220
スマホのセンサーをJavaScriptで遊ぶ
kazuyoshigoto
0
420
ノンエンジニアのMastodon手探り構築記
kazuyoshigoto
0
96
InstagramとWordPressを軸に越境サイトを作った話
kazuyoshigoto
0
130
モバイル表示を超速にする「AMP」を試してみた
kazuyoshigoto
0
140
PSVR未だ買えないのでついカッとなって作ることを続けた話
kazuyoshigoto
1
190
Other Decks in Design
See All in Design
WHAT ARE ME?
takuro_nakajima
PRO
0
1.9k
デザインの専門性を活かしたナレッジマネジメント活動の実践と研究
chiemitaki
0
180
拡大するマルチプロダクトSaaSの顧客理解にデザイン組織はどう取り組んでいるか / RAKUSTechCon2024_Design
rakus_dev
0
1.7k
DMMデザイン組織の生成AI導入プロセス - Adobe Fireflyと振り返る約1年とこれから -
takumasaito
1
240
Cardápio - Caraguá A Gosto 2024 - De 01/08 a 08/09/2024
caraguatatuba
0
5.3k
Shinjuku.rb #91 好きなもの紹介LT大会 "便利"や"役に立つ"とは別方面のRubyをつかったプログラミングがたのしい話
bash0c7
0
150
想像するためのデザイン - LARPの可能性を探求してみた話
okabemy
0
370
MLP_Cleanup_Olga
olgastoryboard
0
110
PdMを始めたUIデザイナーのリアルな課題
muture
0
710
ホワイト化するこの世界の片隅に
hisayosky
0
230
私たちが取り組んできたアクセシビリティと これから取り組んでいくアクセシビリティについて
securecat
1
300
Information Architects: The Missing Link in Design Systems
soysaucechin
0
250
Featured
See All Featured
WebSockets: Embracing the real-time Web
robhawkes
59
7.3k
Rails Girls Zürich Keynote
gr2m
93
13k
The Pragmatic Product Professional
lauravandoore
31
6.2k
Stop Working from a Prison Cell
hatefulcrawdad
267
20k
Typedesign – Prime Four
hannesfritz
39
2.3k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
89
16k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
354
29k
Adopting Sorbet at Scale
ufuk
73
8.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
278
13k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
25
3.9k
Documentation Writing (for coders)
carmenintech
65
4.3k
Optimizing for Happiness
mojombo
375
69k
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Ͱ͍͚ɻ
Կ͔ͩΜͩɺϒϩοΫঢ়ͷϨΠΞτ ѻ͍͘͢༏Ε͍ͯΔͱ࣮ײͰ͖Δɻ
͔͜͠͠ͷϨΠΞτʜ Ͳ͔͜Ͱݟ͕֮͑ʜ
Զ͔ͨͪͯ͠͠ʜ
ςʔϒϧϨΠΞτʹ ؼ͖͍ͬͯͯͨʜʁ
&/%
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ