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
810
フロントエンドわからないけど画面つくることになって
[関ジャバ] フロントエンド初心者勉強会 in 大阪のLTです。
https://kanjava.connpass.com/event/49104/
irof
February 17, 2017
Tweet
Share
More Decks by irof
See All by irof
プールにゆこう
irof
2
94
Javaマルチバージョンビルディング
irof
1
250
データ/データベースパターン
irof
0
100
勉強会で話すハードルを下げてみる
irof
0
18
Gatlingによる負荷テスト入門
irof
7
1.6k
これからのJavaのとっかかりを掴む
irof
0
7.4k
Listかもしれない
irof
2
460
ドメインモデルのつくり方
irof
2
450
ふつうのプログラマのふつうの設計
irof
16
18k
Other Decks in Programming
See All in Programming
SwiftUI, Jetpack Composeの導入で変化した「家族アルバム みてね」のアプリ開発体験
hicka04
6
400
チームでモデリングを育てるうえで 考えたこと・気づいたこと / Cultivating Modeling in Teams: Thoughts and Insights
mackey0225
5
2.4k
9年開発を牽引して見えてきた、共通化すべきものと個別でつくるもの ~プログラム言語~
shinout
1
180
品質が高いコードって何?Rev2.1
ickx
1
490
Prepare for Jakarta EE 11 - Performance and Developer Productivity
ivargrimstad
0
510
ONE WEDGE_Company_Information
1wedge
0
180
脱・初心者!脱・マネコン!AWS CDKを使ってみませんか!?
har1101
0
160
自作ソフト(VMagicMirror)がVRMA対応してる話+実装のTips
bakudreameater
0
110
Laravel標準バリデーションでできること
hmb_ok
2
360
Some Quick Ideas To Improve Your Tests ( #jassttokyo )
teyamagu
PRO
2
2.3k
object-oriented-conference-2024
fuwasegu
6
1.9k
OpenTelemetry のサービスという概念について
azukiazusa1
1
410
Featured
See All Featured
KATA
mclloyd
14
11k
Being A Developer After 40
akosma
56
580k
What's new in Ruby 2.0
geeforr
335
31k
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
6
950
Debugging Ruby Performance
tmm1
68
11k
4 Signs Your Business is Dying
shpigford
174
21k
StorybookのUI Testing Handbookを読んだ
zakiyama
10
4.5k
The Language of Interfaces
destraynor
150
23k
Documentation Writing (for coders)
carmenintech
59
3.8k
In The Pink: A Labor of Love
frogandcode
137
21k
The Straight Up "How To Draw Better" Workshop
denniskardys
227
130k
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 ࠓճͷؔδϟόʮϑϩϯτΤϯ υʯ͚ͬͯͨ͠ͲɺͲ͔͜Βϑϩ ϯτΤϯυͳͷ͔Α͘Θ͔Γ·ͤΜ