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
広島フロントエンド勉強会 Vol. 1 『Flexboxを使いこなす』
Search
井上拓
September 09, 2016
Programming
1
410
広島フロントエンド勉強会 Vol. 1 『Flexboxを使いこなす』
井上拓
September 09, 2016
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 Programming
See All in Programming
弊社の「意識チョット低いアーキテクチャ」10選
texmeijin
5
24k
ECSのサービス間通信 4つの方法を比較する 〜Canary,Blue/Greenも添えて〜
tkikuc
11
2.4k
C#/.NETのこれまでのふりかえり
tomokusaba
1
180
推し活の ハイトラフィックに立ち向かう Railsとアーキテクチャ - Kaigi on Rails 2024
falcon8823
6
2.6k
受け取る人から提供する人になるということ
little_rubyist
0
170
Snowflake x dbtで作るセキュアでアジャイルなデータ基盤
tsoshiro
2
490
役立つログに取り組もう
irof
28
9.2k
約9000個の自動テストの 時間を50分->10分に短縮 Flakyテストを1%以下に抑えた話
hatsu38
24
12k
讓數據說話:用 Python、Prometheus 和 Grafana 講故事
eddie
0
380
2024/11/8 関西Kaggler会 2024 #3 / Kaggle Kernel で Gemma 2 × vLLM を動かす。
kohecchi
4
480
Generative AI Use Cases JP (略称:GenU)奮闘記
hideg
0
180
Webの技術スタックで マルチプラットフォームアプリ開発を可能にするElixirDesktopの紹介
thehaigo
2
1k
Featured
See All Featured
YesSQL, Process and Tooling at Scale
rocio
168
14k
Testing 201, or: Great Expectations
jmmastey
38
7.1k
The Invisible Side of Design
smashingmag
297
50k
BBQ
matthewcrist
85
9.3k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
191
16k
Making the Leap to Tech Lead
cromwellryan
133
8.9k
Facilitating Awesome Meetings
lara
49
6.1k
Building Applications with DynamoDB
mza
90
6.1k
Why Our Code Smells
bkeepers
PRO
334
57k
Building Your Own Lightsaber
phodgson
102
6.1k
A Modern Web Designer's Workflow
chriscoyier
693
190k
Designing for humans not robots
tammielis
249
25k
Transcript
'MFYCPYΛ͍͜ͳ͢ $PEF$PEF Ҫ্
Ҫ্ w ౡϑϩϯτΤϯυษڧձओ࠵ w $44/JUFJO)*304)*."࣮ߦҕһձ෭ҕһ w 8Ǻ$).&&5*/(डͷਓ $PEF$PEF ͜Μͳਓ
w 'MFYCPYͷ֓ཁ w 'MFYCPYͰศརͳ͜ͱ w ϓϩύςΟ w γϣʔτϋϯυ w 'MFYCPYͷ͍Ͳ͜Ζ
w Φεεϝͷษڧ๏ w ·ͱΊ ࣍
'MFYCPYͷ֓ཁ ˞ਖ਼໊ࣜশ$44'MFYJCMF#PY-BZPVU.PEVMF
ΠϯλʔϑΣʔεઃܭ༻ʹ࠷దԽ͞Εͨ $44ϘοΫεϞσϧ ͝Ζ͔Β͋ͬͨɻ ༷มߋɻ ༷มߋɻ ͦΕʹΑΓɺόʔδϣϯ͚ͩͰͳ͘ ϒϥβ͝ͱͰ࣮ʹࠩҟ͕͋Δɻ
˞*&ʹόά͋Γ IUUQXXXDPOJGFSKQJF@DIFDLIUNM 1)14&44*%BDEDTOCEJEIFBUE $BO*VTF
'MFYCPYͰศརͳ͜ͱ
w ߦͰԣฒͼ w ԣฒͼʹͳͬͨཁૉͷߴ͞Λἧ͑Δ w ෳཁૉͷఱதԝஔ w ϦΩουϨΠΞτ ϓϩύςΟΛΈ߹ΘͤͨΓɺ +BWB4DSJQUʹཔ͍ͬͯͨΑ͏ͳஔ͕؆୯ʹͰ͖Δ
ϓϩύςΟ
ҰॹʹΛೖྗͯ͠ࢼͯ͠Έ·͠ΐ͏ IUUQHPPHMD98TF
EJTQMBZGMFY ·ͣ͡Ίʹ
qFYEJSFDUJPO w SPX w DPMVNO w SPXSFWFSTF w DPMVNOSFWFSTF ࢠཁૉ
'MFYJUFN ͷஔΛܾΊ·͢
qFYXSBQ w OPXSBQ w XSBQ w XSBQSFWFSTF ࢠཁૉͷંΓฦ͠Λઃఆ͠·͢
KVTUJGZDPOUFOU w GMFYTUBSU w GMFYFOE w DFOUFS w TQBDFCFUXFFO w
TQBDFBSPVOE ཁૉͷਫฏํΛج४ʹࢠཁૉஔ͠·͢
BMJHOJUFNT w GMFYTUBSU w GMFYFOE w DFOUFS w TUSFUDI w
CBTFMJOF ཁૉͷਨํΛج४ʹࢠཁૉஔ͠·͢
BMJHODPOUFOU w GMFYTUBSU w GMFYFOE w DFOUFS w TUSFUDI w
CBTFMJOF w TQBDFCFUXFFO w TQBDFBSPVOE ཁૉͷਨํΛج४ʹෳߦࢠཁૉΛஔ͠·͢
qFYHSPX w ʹΑͬͯԣ෯Λ େ͖͍ํ͕ɺ͘ͳΔɻ
ࢠཁૉͷ৳ͼΔഒΛܾఆ͠·͢ ࢠ
qFYHSPXͷαΠζܭࢉ qFYHSPX qFYHSPX QY QY QY QY QY QY
qFYTISJOL w ਖ਼ͷ ʹΑͬͯԣ෯Λ େ͖͍ํ͕ɺ͘ͳΔɻ
ཁૉ͔ΒΈग़࣌͢ͷΈػೳ ྫQY ࢠQY ɹ൪ͷΈGMFYTISJOL ࢠཁૉͷॖΉഒΛܾఆ͠·͢ ࢠ
qFYCBTJT w ਖ਼ͷ BVUP ࢠཁૉͷ࠷ॳͷαΠζΛݩʹ ओ࣠ํαΠζͷॳظΛܾఆ͢Δ ˞ओ࣠ํ qFYEJSFDUJPOͷ ࢠ ˞όά͋Γ
*&ͰɺCPYTJ[JOHCPSEFSCPYͷܭࢉΛߦͬͯ͘Εͳ͍
BMJHOTFMG ࢠཁૉͷྻΛBMJHOJUFNTͰͷࢦఆΑΓ༏ઌͤ͞Δ ࢠ w GMFYTUBSU w GMFYFOE w DFOUFS w
TUSFUDI w CBTFMJOF
PSEFS ࢠཁૉͷฒͿॱ൪Λܾఆ͠·͢ w ਖ਼ͷ ˞)5.-ࣗମ͕ೖΕସΘΔΘ͚Ͱͳ͍ʹҙ ࢠ
γϣʔτϋϯυ
qFYqPX qFYEJSFDUJPOͱqFYXSBQͷγϣʔτϋϯυ w OPXSBQ w XSBQ w XSBQSFWFSTF w SPX
w DPMVNO w SPXSFWFSTF w DPMVNOSFWFSTF qFYEJSFDUJPO qFYXSBQ
qFY qFYHSPX qFYTISJOL qFYCBTJTͷγϣʔτϋϯυ qFYHSPX qFYTISJOL qFYCBTJT w ਖ਼ͷ w
ਖ਼ͷ w ਖ਼ͷ ࢠ
ҙ w GMPBUDMFBSWFSUJDBMBMJHOGMFYΞΠςϜʹӨڹ͠ͳ͍ w DPMVNOSFWFSTFGJSTUMJOF GJSTUMFUUFSͳͲͷٙࣅཁૉ దԠ͞Εͳ͍ w SFWFSTF PSEFS)5.-ࣗମ͕ೖΕସΘΔΘ͚Ͱͳ͍
'MFYCPYͷ͍Ͳ͜Ζ
ϝχϡʔϘλϯ
ϕʔεϨΠΞτ
ΧϥϜ
Φεεϝͷษڧ๏
'MFYCPY1MBZHSPVOE w 'MFYCPYͷ࣮ݧ͕Ͱ͖·͢ɻ
'-&9#09'30((: w 'MFYCPYΛήʔϜײ֮Ͱ༡ͼͳ͕Βֶ·͢ɻ
·ͱΊ
·ͱΊ w ͏͍͍ͬͯஈ֊ʹདྷ͍ͯΔͣ ͏͍ͬͯΔਓ͍Δͣ w 'MFYCPYͷಛੑ͕͋Δ 'MFYCPYΛཧղͯ͠ɺָΛ͠·͠ΐ͏
/&95 $44(SJE-BZPVU.PEVMF &EHF *&ͷΈ࣮ (PPHMF$ISPNFࢼݧతʹ࣮ ઃఆඞཁ