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
フロントエンドわからないけど画面つくることになって
Search
irof
February 17, 2017
Programming
1
880
フロントエンドわからないけど画面つくることになって
[関ジャバ] フロントエンド初心者勉強会 in 大阪のLTです。
https://kanjava.connpass.com/event/49104/
irof
February 17, 2017
Tweet
Share
More Decks by irof
See All by irof
つよそうにふるまい、つよい成果を出すのなら、つよいのかもしれない
irof
1
300
複数アプリケーションを育てていくための共通化戦略
irof
10
4.2k
SpringBootにおけるオブザーバビリティのなにか
irof
1
990
Javaアプリケーションモニタリングの基本
irof
7
2.6k
Webアプリケーションを作りましょう
irof
0
130
Javaの新しめの機能を知ったかぶれるようになる話 #kanjava
irof
3
6.2k
バッチを作らなきゃとなったときに考えること
irof
2
780
SpringBoot3.4の構造化ログ #kanjava
irof
3
1.4k
自分ひとりから始められる生産性向上の取り組み #でぃーぷらすオオサカ
irof
12
5.2k
Other Decks in Programming
See All in Programming
WindowInsetsだってテストしたい
ryunen344
1
240
iOS 26にアップデートすると実機でのHot Reloadができない?
umigishiaoi
0
120
High-Level Programming Languages in AI Era -Human Thought and Mind-
hayat01sh1da
PRO
0
740
Modern Angular with Signals and Signal Store:New Rules for Your Architecture @enterJS Advanced Angular Day 2025
manfredsteyer
PRO
0
200
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
bash0c7
1
700
NPOでのDevinの活用
codeforeveryone
0
790
PHPで始める振る舞い駆動開発(Behaviour-Driven Development)
ohmori_yusuke
2
340
すべてのコンテキストを、 ユーザー価値に変える
applism118
3
1.2k
猫と暮らす Google Nest Cam生活🐈 / WebRTC with Google Nest Cam
yutailang0119
0
110
設計やレビューに悩んでいるPHPerに贈る、クリーンなオブジェクト設計の指針たち
panda_program
6
1.9k
ふつうの技術スタックでアート作品を作ってみる
akira888
0
460
Team operations that are not burdened by SRE
kazatohiei
1
310
Featured
See All Featured
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.4k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
357
30k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Thoughts on Productivity
jonyablonski
69
4.7k
Designing for Performance
lara
610
69k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.4k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
281
13k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
730
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Transcript
ϑϩϯτΤϯυΘ͔Βͳ͍ ͚Ͳը໘࡞Δ͜ͱʹͳͬͯ <ؔδϟό>ϑϩϯτΤϯυॳ৺ऀษڧձJOେࡕ 5 !JSPG
എܠͱͯࣗ͠ݾհ w ͍Ζ;Ͱ͢ɹɹɹɹɹɹɹ͜Εˠ w େن4*FSͰੜ͖ͯ·ͨ͠ w αʔόʔαΠυ+BWBͳਓͰ͢ w +BWB4DSJQUͨ·ʹ͚ͩͲ*&ҎԼུ w
)5.-ͱ͔$44ͱ͔ԿͦΕ
എܠͱͯ͠ܦҢ ʮը໘దʹ࡞ͬͯɻ ɹ"ENJO-5&ͱ͔ͬͯɻʯ ͓ɺ͓͏ʜʜ ʮదͰ͍͍͔ΒXXXʯ ͋ɺ͍ʜʜ
ࢲͷϑϩϯτΤϯυྗ w #PPUTUSBQ5XJUUFS#PPUTUSBQͱ͔ ݴͬͯͨ͜Ζʹ৮ͬͨʢඇۀ w K2VFSZॻ͚ͱݴΘΕΔͱάάΔ w )5.-ͱ͔$44ͱ͔ݴ༿͚ͩͬ ͯΔʢ໊લग़ͨࠒʹ
Ͳͳ͍ͤʔͱʜʜ
ͱͳΔਓଟ͍ΑͶʂʁ ʢؔδϟόͩ͠ʂʂʣ
ରͷ֓ཁ w 4QSJOH.7$ 5IZNFMFBGΛ͏ w ը໘͖ʹͰ͖ΔˡԿܾ·ͬͯͳ͍ w ϢʔβʔਓʢإΛ֮͑ΕΔఔ w
͕࣌ؒͳ͍ˡ͍ͭͩͬͯ࣌ؒ༗ݶͩ͠
݅ͱํ w ͋Δఔݟӫ͑Λ͑Δඞཁ͋Δ w ࣗͰ+BWB4DSJQU$44ॻ͔ͳ͍ w "ENJO-5&ͱ͔ͬͯݴͬͯͨ͠ "ENJO-5&ͱ͔ݴ͏ͷΛ͓͏ʂ
ࢥ͍͍ͭͨબࢶ w ϓϩδΣΫτʹෲ࣋ͪ͢Δ w $%/Λ͏ w 8FC+BSTΛ͏ w 8FCQBDLΛ͏
ϓϩδΣΫτͰෲ࣋ͪ w μϯϩʔυͨ͠[JQղౚͨ͠ͷΛશ෦࣋ͬͯ ͓͘ܗ w தͷେΘͳ͍ʁʢEJTU͚ͩͰ͓Lʁ w ͚ͲɺͲΕ͕͍Δͷ͔Θ͔Βͳ͍ w ͱݴ͑ɺཁΒΜͷΛ4$.ʹೖΕͨ͘ͳ͍
ͳ͠झຯʹ߹Θͳ͍
$%/ w ͳΜ͔͍ͬͺ͍͋Δ w ͲΕ͍͍͔͑Θ͔Βͳ͍ w ͔ͯແྉͷຊ൪Ͱͬͯେৎʁ ͳ͠։ൃͷΈͰ͏
ͯ͜ͱͰೋ w 8FC+BST w l͡Ίͯͷ4QSJOH#PPUzͰݟͨʂ w 8FCQBDL w ͡Ί·ͯ͠ʢ୭ʁ
8FC+BST w .BWFO$FOUSBMͷ+4$44Λ͑Δ Α͏ʹͳΔͭ
8FC+BST .BWFO$FOUSBM /1. #PXFS ࢲͷΞϓϦέʔγϣϯ ͍͍ͨ+4$44 ࢲʹ͍͞͠ੈք ࢲͷΒͳ͍ੈք (SBEMF CVJMEHSBEMF
͜͜ʹདྷΕউͬͨΑ͏ͳͷ
w 8FC+BSTશʹϚελʔͨ͠
8FCQBDL w )5.-ʹAMJOLAͱ͔ATDSJQUAͱ͔ ฒͳͯ͘ࡁΉΑ͏ʹͳΔͭ w )5.-ͷ࠷ޙʹATDSJQUAΛҰͭॻ ͚ͩ͘ͰࡁΉ
8FCQBDLΛ͏ʹʜʜ w OQN͕લఏ w ͦͦOQN͠Βͳ͍
OQN w /PEFKT1BDLBHF.BOBHFSʁ w ·͋ґଘղܾͯ͘͠ΕΔͭͳΜͩ Ζ͏͖ͬͱʢଞʹ৭ʑͰ͖ΔΈͨ ͍͚ͩͲ
OQN ͍͍ͨ+4$44 /1. OQN OPEF@NPEVMFT QBDLBHFKTPO
w OQNશʹϚελʔͨ͠
8FCQBDL ·ͱΊͨ+BWB4DSJQU XFCQBDL OPEF@NPEVMFT XFCQBDLDPOGJHKT ΤϯτϦϙΠϯτͷKT
w 8FCQBDLશʹϚελʔͨ͠
ϓϩδΣΫτͰ࣋ͭͷ w ϑΝΠϧͰࡁΉͷ·ͣ·ͣ w ΤϯτϦϙΠϯτͷKTͱQBDLBHFKTPOʹ͏ϥΠϒ ϥϦΛ΄΅ಉ͡༰Ͱॻ͖ฒΔ͜ͱʹʢඇ%3:ʣ w Ϗϧυͷεςοϓ͕Ұͭ૿͑Δ ├── app
│ └── index.js ├── package.json └── webpack.config.js ͳ͠+4ॻ͔ͳ͍ͷͰա
ͯ͜ͱͰ w ࠓճ8FC+BSTͰʂ
͍͖ͳΓࠔͬͨ w ηϯτϥϦϧϙδτϦʹ͍͍ͨόʔ δϣϯ͕ͳ͍Αʜʜ
8FC+BST .BWFO$FOUSBM /1. #PXFS ࢲͷΞϓϦέʔγϣϯ ͍͍ͨ+4$44 ࢲʹ͍͞͠ੈք ࢲͷΒͳ͍ੈք (SBEMF CVJMEHSBEMF
͜Ε͠ͳ͍ͱ͑ͳ͍
ࣗͰσϓϩΠͰ͓L
w 8FC+BSTશʹϚελʔͨ͠ʢ࠶
ͱ͜ΖͰ w ࠓճͷؔδϟόʮϑϩϯτΤϯ υʯ͚ͬͯͨ͠ͲɺͲ͔͜Βϑϩ ϯτΤϯυͳͷ͔Α͘Θ͔Γ·ͤΜ