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
130
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
73
エンジニアも知れば幸せなCSS基礎
kazuyoshigoto
1
95
エンジニアこそ知っておきたいUX思考
kazuyoshigoto
1
610
Twitchと連動したMastodonのBotを作った
kazuyoshigoto
0
240
スマホのセンサーをJavaScriptで遊ぶ
kazuyoshigoto
0
420
ノンエンジニアのMastodon手探り構築記
kazuyoshigoto
0
100
InstagramとWordPressを軸に越境サイトを作った話
kazuyoshigoto
0
150
モバイル表示を超速にする「AMP」を試してみた
kazuyoshigoto
0
150
PSVR未だ買えないのでついカッとなって作ることを続けた話
kazuyoshigoto
1
200
Other Decks in Design
See All in Design
「キャリア」のプロダクトをつくる私の「キャリア」への向き合い方 / JAM de NIGHT DESIGN SESSION Vol3
visional_engineering_and_design
1
190
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
440
佐藤千晶|ポートフォリオ
chimi_chia
0
120
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.3k
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
200
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
160
【30人中30人が3ヶ月平均180万収入アップ】マズロー安達の弟子、成功事例集
maslow_akkun
0
300
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
1.9k
Tools for Design Engineers other than LLM in the LLM era
takanorip
1
460
Building Experiences: Design Systems, User Experience, and Full Site Editing
marktimemedia
0
240
CMS管理画面のアクセシビリティ
magi1125
8
2.5k
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
720
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1032
460k
The Cost Of JavaScript in 2023
addyosmani
53
8.9k
The Invisible Side of Design
smashingmag
301
51k
Unsuck your backbone
ammeep
671
58k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
34
6k
Rebuilding a faster, lazier Slack
samanthasiow
83
9.2k
Into the Great Unknown - MozCon
thekraken
40
2k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.8k
YesSQL, Process and Tooling at Scale
rocio
173
14k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
15k
Bash Introduction
62gerente
615
210k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
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Ͱ͍͚ɻ
Կ͔ͩΜͩɺϒϩοΫঢ়ͷϨΠΞτ ѻ͍͘͢༏Ε͍ͯΔͱ࣮ײͰ͖Δɻ
͔͜͠͠ͷϨΠΞτʜ Ͳ͔͜Ͱݟ͕֮͑ʜ
Զ͔ͨͪͯ͠͠ʜ
ςʔϒϧϨΠΞτʹ ؼ͖͍ͬͯͯͨʜʁ
&/%
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ