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
井上拓
February 04, 2017
Technology
0
110
ヒロフロお悩み相談会 〜CSS編〜
CSS設計について
井上拓
February 04, 2017
Tweet
Share
More Decks by 井上拓
See All by 井上拓
これからはじめるGit
takanashi66
0
690
Laravel Mixではじめるwebpack
takanashi66
0
440
gulpやめてLaravel Mixはじめた話
takanashi66
1
180
LT-WordPressの開発をプラグインで管理する
takanashi66
0
330
広島フロントエンド勉強会 Vol.18 『gulpの基本とgulp4』
takanashi66
1
180
CSS Grid Layout Module
takanashi66
0
94
webサイトのiPhone X 対応
takanashi66
0
1.5k
web制作におけるGitフロー
takanashi66
0
510
広島フロントエンド勉強会 Vol.12 『CSS Grid Layout Module』
takanashi66
0
290
Other Decks in Technology
See All in Technology
Intuneお役立ちツールのご紹介
sukank
3
690
AWS CodePipelineでコンテナアプリをデプロイした際に、古いイメージを自動で削除する
smt7174
1
130
Shift-from-React-to-Vue
calm1205
4
1.6k
10分でわかるfreeeのQA
freee
1
3.4k
Spring Frameworkの新標準!? ~ RestClientとHTTPインターフェース入門 ~
ogiwarat
2
240
RAGのためのビジネス文書解析技術
eida
3
570
[JAWS-UG金沢支部×コンテナ支部合同企画]コンテナとは何か
furuton
3
330
フルカイテン株式会社 採用資料
fullkaiten
0
39k
データの信頼性を支える仕組みと技術
chanyou0311
3
1.3k
全社横断データ活用推進のコツと その負債とのつき合い方
masatoshi0205
0
160
組み込みLinuxの時系列
puhitaku
3
940
Amazon CloudWatch Network Monitor 導入ガイド_デモ説明付き
yukimmmm
0
150
Featured
See All Featured
Building a Modern Day E-commerce SEO Strategy
aleyda
38
6.9k
What's in a price? How to price your products and services
michaelherold
243
12k
Happy Clients
brianwarren
97
6.7k
How to train your dragon (web standard)
notwaldorf
88
5.7k
A better future with KSS
kneath
238
17k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
25
1.8k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
10
700
Reflections from 52 weeks, 52 projects
jeffersonlam
346
20k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
250
21k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
665
120k
Transcript
ώϩϑϩ͓Έ૬ஊձ d$44ฤd ηοπϒʔϯ
ͲΜͳ$44ઃܭͯ͠Δʁ Ϋϥεͷ໋໊نଇʁ ͲΜͳSFTFUDTTΛͬͯΔʁ ૉͳٙ σΟεΧογϣϯ͠·͠ΐ͏ɻ
None
͍͍$44ͱʁ
͍͍$44ͷ݅ w ༧ଌ͍͢͠ w ࠶ར༻͍͢͠ w อक͍͢͠ w ֦ு͍͢͠ w
ϒϥβؒͷࠩҟ͕ͳ͍
Ϧηοτ$44
&SJD.FZFS`Tl3FTFU$44z w ੈքͰ̍൪ར༻͞Ε͍ͯΔϦηοτ$44 w ։ൃ͕ࢭ·͍ͬͯΔ w )5.-Ͱഇࢭ͞ΕͯΔཁૉೖ͍ͬͯΔ w ٯʹ)5.-ͰՃ͞Εͨཁૉೖ͍ͬͯͳ͍ w
IUUQNFZFSXFCDPNFSJDUPPMTDTTSFTFU
)5.-%PDUPS$443FTFU(FU5IF$PEF w &SJD.FZFS`Tl3FTFU$44zΛվྑ w )5.-ରԠ w IUUQIUNMEPDUPSDPNIUNMSFTFU TUZMFTIFFU
:BIPP$443FTFU :6* w :BIPP͕։ൃ w ։ൃऴྃ w IUUQTZVJMJCSBSZDPNZVJEPDTDTTSFTFU
OPSNBMJ[FDTT w )5.-ରԠ w ༗༻ͳϒϥβͷελΠϧͯ͋͠Δɻ w શͯΛϦηοτ͢ΔͷͰͳ͍ͷͰඳը͕ૣ͍ w IUUQTOFDPMBTHJUIVCJPOPSNBMJ[FDTT
SFTT w OPSNBMJ[FDTTΛվྑ w શͯͷཁૉʹCPYTJ[JOHCPSEFSCPYΛదԠ w σϑΥϧτͷϘλϯͷελΠϧΛআ w IUUQTHJUIVCDPNGJMJQFMJOIBSFTSFTT
$44ઃܭ
00$44 w ίϯςφͱ༰ͷ w ߏͱεΩϯͷ w JEΛΘͳ͍ w อकੑɾ࠶ར༻ੑͷ্ 0CKFDU0SJFOUFE$44
ίϯςφͱ༰ͷ EJWDMBTTDBUFHPSZ IΧςΰϦI EJW DBUFHPSZI\ dTUZMFd ^
ίϯςφͱ༰ͷ EJWDMBTTlDBUFHPSZ@CPY IDMBTTDBUFHPSZΧςΰϦI EJW DBUFHPSZ\ dTUZMFd ^
ίϯςφͱ༰ͷ w Ϋϥεͷ͍͍ͯͳ͍IͳͲͷ)5.-ཁૉσϑΥ ϧτελΠϧΛ֬Ͱ͖Δ w DBUFHPSZͷ༩͞Εͨ)5.-ཁૉɺͦΕ͕I Ͱͳ͍ͱͯ͠ಉ͡ݟͨΛఏڙ͢Δ͜ͱ͕Ͱ͖Δ
ߏͱεΩϯͷ CUO\ XJEUIQY IFJHIUQY QBEEJOHQY DPMPS⒎G CBDLHSPVOEDPMPSG ^ ˡߏ ˡߏ
ˡߏ ˡεΩϯ ˡεΩϯ
ߏͱεΩϯͷ CUO\ XJEUIQY IFJHIUQY QBEEJOHQY ^ FOUSZCUO\ !FYUFOECUO DPMPS⒎G CBDLHSPVOEDPMPSG
^
#&. #MPDL&MFNFOU.PEJpFS w ظؒϝϯςφϯεͰ͖ΔઃܭͰɺ։ൃΛ͘͢ w ֶशίετͷԼ w ࠶ར༻ੑΞοϓ
#&. #MPDLͱ&MFNFOUͷ۠ΓΞϯμείΞݸ NFOV@@JUFN #MPDL·ͨ&MFNFOUͱ.PEJpFSͷ۠ΓϋΠϑϯݸ NFOV@@JUFNDVSSFOU
#&. VMDMBTTNFOV MJDMBTTNFOV@@JUFNNFOV@@JUFNDVSSFOU MJ MJDMBTTlNFOV@@JUFNMJ MJDMBTTlNFOV@@JUFNMJ VM
4."$44 w 00$44 #&. w $44ΛΑΓମܥཱͯɺΑΓߏԽͤ͞Δ 4DBMBCMFBOE.PEVMBS"SDIJUFDUVSFGPS$44
4."$44 w #BTF ϦηοτσϑΥϧτͷελΠϧͳͲ w -BZPVU ϔομʔɺϑολʔɺαΠυόʔͳͲͷେ͖ͳ͘͘ΓMIFBEFS w .PEVMF -BZPVUΛߏ͢ΔύʔπͷελΠϧ
w 4UBUF ঢ়ଶʹΑͬͯݟͨΛมԽͤ͞Δͱ͖ʹ͏ɹJTBDUJWF w 5IFNF ޙ͔ΒಡΈࠐ·ͤͨΓɺΫϥεΛՃͯ͋͠ͱ͔ΒελΠϧΛมߋͤ͞Δ ߹ʹ͏
4."$44 EJWDMBTTMNBJO EJWDMBTTCPYJTEJTBCMF IDMBTTCPYUJUMFCPYI EJW EJW CPYJTEJTBCMF\ EJTQMBZOPOF ^
'-0$44 w )JSPLJUBOJ !IJMPLJʹΑͬͯߟҊ͞Εͨࠃ࢈ͷ$44ઃܭ w 00$44 4."$44 #&. 4VJU$44 w
ͭͷϨΠϠʔͱͭͷࢠϨΠϠʔʹ͚ͯઃܭ 'PVOEBUJPO-BZPVU0CKFDU$44
'-0$44 w 'PVOEBUJPO ϦηοτσϑΥϧτͷελΠϧͳͲ w -BZPVU ϔομʔɺϑολʔɺαΠυόʔͳͷେ͖ͳ͘͘ΓMIFBEFS w 0CKFDU -BZPVUΛߏ͢ΔύʔπͷελΠϧ
w $PNQPOFOU ࠶ར༻Ͱ͖Δ࠷খ͞ͳ୯ҐͷϞδϡʔϧ w 1SPKFDU ݻ༗ͷݟͨΛ༗͢Δͷ w 6UJMJUZ DMFBSGJYNBSHJOͷௐɺςΩετͷஔɺԣ෯ࢦఆͳͲ
$44ઃܭ
·ͱΊ w 1)1ɾ3VCZɾ1ZTPOɾ)BTLFMMͱ͔ۃΊΔඞཁͳ͍͚Ͳɺ ϓϩάϥϜతͳॻ͖ํΛֶͿඞཁ͕͋Δ w ঢ়گʹԠͯ͡ɺదͳઃܭख๏ΛબͿ نͷগͳ͍ݴޠ͔ͩΒͦ͜ϓϩάϥϜతͳӡ༻͕ඞཁ