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
エンジニアも知れば幸せなCSS基礎
Search
Kazuyoshi Goto
December 01, 2017
Design
1
80
エンジニアも知れば幸せなCSS基礎
TOWN BASH 2017/11 公開
https://town.connpass.com/event/71098/
Kazuyoshi Goto
December 01, 2017
Tweet
Share
More Decks by Kazuyoshi Goto
See All by Kazuyoshi Goto
成功体験を伝えよう。
kazuyoshigoto
0
60
エンジニアこそ知っておきたいUX思考
kazuyoshigoto
1
470
Twitchと連動したMastodonのBotを作った
kazuyoshigoto
0
210
スマホのセンサーをJavaScriptで遊ぶ
kazuyoshigoto
0
410
ノンエンジニアのMastodon手探り構築記
kazuyoshigoto
0
90
Uploaded Webレイアウトの歴史と新時代「Grid」
kazuyoshigoto
0
110
InstagramとWordPressを軸に越境サイトを作った話
kazuyoshigoto
0
120
モバイル表示を超速にする「AMP」を試してみた
kazuyoshigoto
0
130
PSVR未だ買えないのでついカッとなって作ることを続けた話
kazuyoshigoto
1
190
Other Decks in Design
See All in Design
デザイナー向け会社紹介資料/company-profile-designer
nextbeat
0
800
Designship 2023|想いを可視化するデザインの力
weddingpark
0
210
#コムデナ vol.2 「初めてのデザインカンファレンス協賛!共有したい3つのやらかし」
kiyoshifuwa
1
280
新しい資産運用サービスALTERNA(オルタナ)の伝え方の工夫
layerx
PRO
0
810
間違った「問い」を乗り越え ノベルティをプチバズりさせた話
takaikanako
0
1.1k
共創のための地域基盤としての非公式組織の形成 / Informal community as an infrastructure for co-creation
fumiyaakasaka
0
170
Lecciones de desarrollo de producto en Get on Board
getonbrd
0
200
デザインに関わる全ての人たちでエベレスト登頂を目指すために取り組んでいること
amishiratori
0
510
231129_FOSS4G-ASIA-2023_kato
hjmkth
0
270
Portfolio 2023.07.28
helemarudesu
0
550
メドレーという会社と デザインチームのひみつ/About Medley design team
medley
0
240
2024デザすぷVol.4 新年会/ Design Sprout Bar vol-4
root_recruit
1
260
Featured
See All Featured
The Pragmatic Product Professional
lauravandoore
24
5.7k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
272
12k
jQuery: Nuts, Bolts and Bling
dougneiner
57
7.1k
Git: the NoSQL Database
bkeepers
PRO
421
63k
Pencils Down: Stop Designing & Start Developing
hursman
115
11k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
185
15k
Building a Scalable Design System with Sketch
lauravandoore
455
32k
VelocityConf: Rendering Performance Case Studies
addyosmani
319
23k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
1.9k
KATA
mclloyd
14
11k
A Philosophy of Restraint
colly
195
15k
Transcript
ΤϯδχΞΕͤͳ $44جૅ ޙ౻ྑ
ࣗݾհ ޙ౻ྑ $*ࣄۀ෦ ,B[VZPTIJ(PUP
ࠓճͷର 8FCσβΠϯɾϑϩϯτʹڵຯͷ͋Δਓ ϑϩϯτ͔ΒΜ͚Ͳ৮ΔՄೳੑͷ͋Δਓ ࣮$44ΛงғؾͰίϐϖͯ͠Δਓ
$44ͱ
$BTDBEJOH4UZMF4IFFUT ΧεέʔςΟϯάελΠϧγʔτ Σϒϖʔδͷݟӫ͑Λ੍ޚ͢Δݴޠɻ )5.-ͱซͤͯΘΕΔɻ
ͳͥ$44Λ͏ͷ͔ )5.-ͷΈͰଟগݟӫ͑Λ੍ޚͰ͖Δ͕ɺ ϝϯςφϯεੑ͕͍͘ճ͠ޮ͔ͳ͍ɻ ·ͨ)5.-ຊདྷͷจॻߏΛଛͳ͏ͨΊɺ $44Λ͏ɻ
$44ͷه๏
Q\GPOUTJ[FQY^ ʲηϨΫλʔʳ ελΠϧΛద༻ͤ͞Δରɻ ྫQλάͯ͢Λରʹ͢Δɻ ʲϓϩύςΟʳ ద༻͢ΔελΠϧͷ༰ɻ ྫϑΥϯταΠζΛQYʹ͢Δɻ
Q\ GPOUTJ[FQY NBSHJOQY DPMPS ^ ϓϩύςΟෳॻ͚Δɻ ϓϩύςΟؒηϛίϩϯ Ͱ۠Δɻ
ηϨΫλʔͷछྨ
)5.- Q\DPMPSG^ EJW\DPMPSG^ Q EJW\GPOUXFJHIUCPME^ Q͍ଠࣈQ EJW੨͍ଠࣈEJW ηϨΫλʔΛΧϯϚ Ͱ۠Δͱ ෳͷରʹಉ͡ελΠϧΛద༻Ͱ͖Δɻ
֊Խ ΧεέʔσΟϯά VMMJ\DPMPSG^ PMMJ\DPMPSG^ VM MJVMҎԼͷMJ͍ࣈMJ VM PM MJPMҎԼͷMJ੨͍ࣈMJ PM
ηϨΫλʔΛεϖʔεͰ۠Γ࿈ͶΔͱ ରΛߜΕΔɻʢΧεέʔσΟϯάʣ
DMBTT SFE\DPMPSG^ EJWCMVF\DPMPSG^ QDMBTTSFE ΫϥεSFEͰࣈ Q EJWDMBTTCMVF EJWʹΫϥεCMVFͰ੨ࣈ Q QDMBTTCMVF
ԿมΘΒͳ͍Αɻ TQBO EJWλάʹΫϥεCMVFΛ༩ͨ࣌͠ʹ ελΠϧΛద༻͢Δɻ υοτ ͱ͖ͳ໊લͰ ελΠϧΛఆٛͰ͖Δɻ
*%ʢඇਪʣ JEOBNF\DPMPS^ QJEJEOBNF άϨʔͷࣈʹͳΔΑɻ Q )5.-ͷ্༷ɺ*%ϖʔδʹ͔ͭ͑͠ͳ͍ɻ Ϋϥεͱར༻ײมΘΒͳ͍͕൚༻ੑ͕͘ɺ*%+BWB4DSJQUͰѻ͏͜ͱ ଟ͍ͨΊɺׯবΛආ͚ΔҙຯͰ$44ΫϥεͷΈ͏͜ͱ͕·͍͠ɻ γϟʔϓ
ͱ͖ͳ໊લͰ ελΠϧΛఆٛͰ͖Δɻ
ಛघͳηϨΫλʔ
YIPWFSʢϚεΦϯʣ BIPWFS\DPMPSG^ BISFG ΧʔιϧͤΔͱ͘ͳΔΑ B
Y ZʢYͱྡ͢ΔZʣ I Q\DPMPSG^ IλΠτϧI Q͍จࣈQ Qී௨ͷจࣈQ
YZʢYԼͷZʣ EJWQ\DPMPSG^ Qී௨ͷจࣈQ EJW Q͍จࣈQ Q͍จࣈQ TFDUJPO Qී௨ͷจࣈQ TFDUJPO EJW
YdZʢYͷޙͷZʣ IdQ\DPMPSG^ IλΠτϧI Qී௨ͷจࣈQ Qී௨ͷจࣈQ Iݟग़͠I Q͍จࣈQ Q͍จࣈQ
YpSTUDIJMEʢ࠷ॳͷཁૉʣ QpSTUDIJME\DPMPSG^ Q͍จࣈQ Qී௨ͷจࣈQ EJW Q͍จࣈQ Qී௨ͷจࣈQ EJW
YMBTUDIJMEʢ࠷ޙͷཁૉʣ MJMTUDIJME\DPMPSG^ VM MJී௨ͷจࣈMJ MJී௨ͷจࣈMJ MJ͍จࣈMJ VM PM MJී௨ͷจࣈMJ MJී௨ͷจࣈMJ
MJ͍จࣈMJ PM
YpSTUMFUUFSʢ࠷ॳͷҰจࣈʣ QpSTUMFUUFS\DPMPSG^ Q͍จࣈQ Q͍จࣈQ
·ͩෳࡶͳͷ͋Γɺ ηϨΫλʔԞ͕ਂ͍ɻ
$44ͷద༻ํ๏ छྨ
)5.-λάʹॻ͘ ϋʔυίʔσΟϯά/( Ұ࣌తʹදࣔΛ੍ޚ͢Δ߹ʹ +BWB4DSJQUͰ%0.Λૢ࡞ͯ͠ ͏͜ͱ͕ଟ͍ɻ QTUZMFDPMPSG ͍ࣈʹͳΔΑɻ Q
TUZMFλάʹॻ͘ ϋʔυίʔσΟϯάඇਪɻ ͦͷϖʔδ͚ͩͰద༻͍ͤͨ͞ ελΠϧ͕͋Δ࣌ʹ͏ɻ TUZMF SFE\DPMPSG^ CMVF\DPMPSG^ TUZMF QDMBTTSFEࣈQ QDMBTTCMVF੨ࣈQ
˞ಛఆ݅Ͱڀۃతʹ͜Ε͕ϕετͳ߹
DTTϑΝΠϧΛಡΈࠐΉ جຊͷద༻ํ๏ɻ )5.-ͱ$44ͷཧΛ͠ɺ αΠτશମͷελΠϧΛҰݩ ཧͰ͖ΔͨΊɻ MJOLSFMTUZMFTIFFUISFGTUZMFDTT
$44ͷཧղࠩͰΑ͋͘Δ൵ܶ )5.-ʹΛͬͯ͠·͏ मਖ਼͞Εͨ$44ͷॴ͕͔Β ͣमਖ਼͕େมˍෛ࠴Խ ΤϯδχΞ͕)5.-͞ΘΕΔঢ়گ͕ओͳݪҼɻ Engineer Designer
$44ϒϥβ͝ͱʹ ղऍ͕ҧ͏
ԕ͍ੲɺང͔൴ํͷۜՏܥͰʜ ۜՏதͷδΣμΠ σβΠφʔ ͕ ఇࠃ܉ .JDSPTPGU ͷ։ൃͨ͠ σεɾελʔ *& ͱಆ͍ͬͯͨɻ
*&ͷѱຐͷΑ͏ͳ$44όά σβΠφʔୡΛ͍ۤͷఈʹ ୟ͖མͱͨ͠ͷͩͬͨʜ
σΟεϓϨΠղऍͷࠩ ༨നͷղऍͷࠩ จࣈͷॲཧͷࠩ ͑ΔηϨΫλͷࠩ ͑ΔϓϩύςΟͷࠩ ϑΥʔϜύʔπͷ σβΠϯͷࠩ ͦͦະରԠ όά FUD
͜Μͳ͚࣌͋ͬͨͲɺ ݱ͍ͩͿվળ͞Εͨɻ
༏ੜ ਖ਼͘͠ݴ͏͜ͱΛฉ͍ͯ͘ΕΔɻ ࣇ ੲΑΓϚγ͚ͩͲϠϯνϟͳɻ
ΫϩεϒϥβνΣοΫ͕ඞཁ
ݱͷ$44Ͱ ٻΊΒΕΔ͜ͱ
ʲ࠷ॏཁʳϨεϙϯγϒରԠ ಉҰ)5.-ͷΣϒϖʔδΛɺσΟεϓϨΠαΠζʹ ΑͬͯϨΠΞτΛ࠷దԽͤ͞Δٕज़ɻ
!NFEJBTDSFFOBOE NBYXJEUIQY \ QYҎԼͷ࣌ʹద༻͞ΕΔελΠϧ CPEZ\ GPOUTJ[FQY ^ DMBTTOBNF\ NBSHJOQY ^
^
$44Ξχϝʔγϣϯ ০ͷΈͳΒͣɺ6*ͷΠϯλϥΫγϣϯ Ԡ ʹར༻ ͢Δ͜ͱͰརศੑΛߴΊΔɻ
DMBTTOBNF\ BOJNBUJPOCMJOLTJOpOJUF ^ !LFZGSBNFTCMJOL\ \PQBDJUZ^ \PQBDJUZ^ \PQBDJUZ^ ^
͜͏ͨ͠දࣔͷ੍ޚ +BWB4DSJQUΛ͏ΑΓૣ͍ͯܰ͘ɻ
͞Βʹ
$44% Ґஔ੍ޚͱΞχϝʔγϣϯΛۦ͠$44Ͱ%ۭؒΛ࡞Δٕ๏ɻ ࣮༻ੑʜ·͋ඍົͱ͍͏͔ʜ
$44͚ͩͰग़དྷΔ͜ͱଟ͍ɻ +BWB4DSJQU͏લʹࢼͯ͠ΈΑ͏ɻ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ