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
440
広島フロントエンド勉強会 Vol. 1 『Flexboxを使いこなす』
井上拓
September 09, 2016
Tweet
Share
More Decks by 井上拓
See All by 井上拓
これからはじめるGit
takanashi66
0
720
Laravel Mixではじめるwebpack
takanashi66
0
480
gulpやめてLaravel Mixはじめた話
takanashi66
1
210
LT-WordPressの開発をプラグインで管理する
takanashi66
0
340
広島フロントエンド勉強会 Vol.18 『gulpの基本とgulp4』
takanashi66
1
200
CSS Grid Layout Module
takanashi66
0
110
webサイトのiPhone X 対応
takanashi66
0
1.6k
web制作におけるGitフロー
takanashi66
0
580
広島フロントエンド勉強会 Vol.12 『CSS Grid Layout Module』
takanashi66
0
290
Other Decks in Programming
See All in Programming
Doma で目指す ORM 最適解
nakamura_to
1
160
從零到一:搭建你的第一個 Observability 平台
blueswen
0
220
TypeScript Language Service Plugin で CSS Modules の開発体験を改善する
mizdra
PRO
3
2.4k
Devinで実践する!AIエージェントと協働する開発組織の作り方
masahiro_nishimi
6
2.6k
❄️ tmux-nixの実装を通して学ぶNixOSモジュール
momeemt
1
120
抽象データ型について学んだ
ryounasso
0
210
ソフトウェア品質特性、意識してますか?AIの真の力を引き出す活用事例 / ai-and-software-quality
minodriven
19
6.7k
TSConfig Solution Style & subpath imports to switch types on a per-file basis
maminami373
1
180
Javaのルールをねじ曲げろ!禁断の操作とその代償から学ぶメタプログラミング入門 / A Guide to Metaprogramming: Lessons from Forbidden Techniques and Their Price
nrslib
1
260
型安全なDrag and Dropの設計を考える
yudppp
5
660
Spring gRPC で始める gRPC 入門 / Introduction to gRPC with Spring gRPC
mackey0225
0
130
AIエージェントによるテストフレームワーク Arbigent
takahirom
0
280
Featured
See All Featured
Building Adaptive Systems
keathley
41
2.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.1k
A better future with KSS
kneath
239
17k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.7k
Writing Fast Ruby
sferik
628
61k
Code Reviewing Like a Champion
maltzj
523
40k
GitHub's CSS Performance
jonrohan
1031
460k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
19k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.8k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
How GitHub (no longer) Works
holman
314
140k
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ࢼݧతʹ࣮ ઃఆඞཁ