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
74
エンジニアも知れば幸せなCSS基礎
kazuyoshigoto
1
97
エンジニアこそ知っておきたい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
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
_psyc0_
0
320
AI業務アプリケーションの体験デザイン
kazuhirokimura
0
190
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
180
見過ごさない誠実さ_アクティブバイスタンダーとIntegrityが支えるアジャイル文化 / integrity-and-active-bystander
spring_aki
1
120
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.8k
「UXとUIの違い」v2
shirasu3
0
250
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
techtekt
PRO
7
980
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
takanorip
0
540
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
hiromitsuuuuu
1
740
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
220
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
410
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
390
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Become a Pro
speakerdeck
PRO
29
5.6k
Docker and Python
trallard
46
3.6k
YesSQL, Process and Tooling at Scale
rocio
173
14k
How To Stay Up To Date on Web Technology
chriscoyier
791
250k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.7k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
870
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Making the Leap to Tech Lead
cromwellryan
135
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Ͱ͍͚ɻ
Կ͔ͩΜͩɺϒϩοΫঢ়ͷϨΠΞτ ѻ͍͘͢༏Ε͍ͯΔͱ࣮ײͰ͖Δɻ
͔͜͠͠ͷϨΠΞτʜ Ͳ͔͜Ͱݟ͕֮͑ʜ
Զ͔ͨͪͯ͠͠ʜ
ςʔϒϧϨΠΞτʹ ؼ͖͍ͬͯͯͨʜʁ
&/%
͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ