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
20200125_新人エンジニアが本音を語る会.pdf
Search
jonakp
January 25, 2020
1
160
20200125_新人エンジニアが本音を語る会.pdf
jonakp
January 25, 2020
Tweet
Share
More Decks by jonakp
See All by jonakp
20210611_awsecs_rev2.pdf
jonakpkp
0
12
jQuery -> React -> Vue と仕事で触った(予定込み)ので特徴を比較してみた
jonakpkp
4
120
なんでReactやらVueやら、更にはRailsでもNode.jsが必要なの?
jonakpkp
0
27
Featured
See All Featured
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
220
21k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
1
3.4k
The World Runs on Bad Software
bkeepers
PRO
61
6.7k
Building Flexible Design Systems
yeseniaperezcruz
318
37k
Imperfection Machines: The Place of Print at Facebook
scottboms
258
12k
Documentation Writing (for coders)
carmenintech
59
3.9k
The Art of Programming - Codeland 2020
erikaheidi
41
12k
What the flash - Photography Introduction
edds
64
11k
Gamification - CAS2011
davidbonilla
76
4.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
23
2k
Large-scale JavaScript Application Architecture
addyosmani
503
110k
Designing for Performance
lara
601
67k
Transcript
20200125 ৽ਓΤϯδχΞ͕ຊԻΛޠΔձ (@kpinput)
ࣗݾհ • ໊લ: kappaz(Twitter: @kpinput) • גࣜձࣾϥάβΠΞॴଐ • डୗ։ൃͷΤϯδχΞ •
Ruby/Ruby on Rails, JavaScript/React • ͜ͷ1ͬͨ͜ͱ Rubyͷࢿ֨ͱͬͨΓɺٕज़ॻయʹຊग़ͨ͠ΓɺΞϓϦ࡞ͬͨΓ…
લ৬Ͱɻɻɻ • ωοτϫʔΫػثΛ࡞ͬͯ·ͨ͠ • ༷࡞ͬͯԼ͚ʹ͛Δܥͷ͓ࣄ
લ৬ΛࣙΊͨཧ༝
ࠓ͢ࣄ
ωλ͕͞͠
1݅དྷͳ͔ͬͨ(স)
͜ΕͰ͍͜͏!
ࠓ͢ࣄ ɾձࣾ୳͠Ͱେʹͨ͠ࣄ ɾ1ؒੜ͖ԆͼΔίπ ɾ࣮Ͱ͋ͬͨͭΒΈ
ࠓ͢ࣄ ɾձࣾ୳͠Ͱେʹͨ͠ࣄ ɾ1ؒੜ͖ԆͼΔίπ ɾ࣮Ͱ͋ͬͨͭΒΈ
ಈػͷ۷ΓԼ͛ ʹʮͳΜͰWebΤϯδχΞʹͳΓ͍ͨͷʁʯ
໎ͬͨ࣌ͷಓ͠ΔʹͳΔ • స৬׆ಈத໎͏͜ͱ͕Δ΄Ͳ͋Δ • ʮ৴པͰ͖ΔಈػʯΛ࣋ͯɺ໎ΘͣےΛ௨ܾͨ͠அͰ͖Δ
ʮ৴པͰ͖ΔಈػʯΛ࡞Δ • ʮಈػʯͷछʹࣗͰποίϛΛೖΕ·͘Δʂ ࣗͰαʔϏ εΛΓ͍ͨ ࠓ·ͰͲΜͳαʔϏε࡞͖ͬͯͨʁ ͳΜͰब৬ͳͷʁىۀ͠ͳ͍ͷʁ 8FCΤϯδχΞ͡Όͳ͍ͱμϝͳͷʁ ࣗ༝ͳಇ͖ํ Λ࣮ݱ͍ͨ͠
ʮࣗ༝ͳಇ͖ํʯͬͯ۩ମతʹԿʁ ͦͷࣗ༝Λ࣮ݱͰ͖Δձ͕ࣾ͋Δʁ 8FCΤϯδχΞ͡Όͳ͍ͱμϝͳͷʁ ɾɾɾ ৴པͰ͖Δ ಈػ ɾɾɾ
ࢲͷಈػ • ʮࣄͱϓϥΠϕʔτͷ྆ํͰɺ ಉ͡ͷࣄΛͨΊΒ͍ͳֶ͘Ϳঢ়ଶΛ࡞Γ͍ͨʯ • ͕ࣗ৺ͷఈ͔Β৴͡ΒΕΕԿͰOKʂ
۩ମతʹͲ͏ʹཱ͔ͬͨʁ • స৬׆ಈͷ࠷ऴ൫ - 5ࣾड͚ͯ… - ࿅शͷͭΓͰड͚ͨࣗࣾαʔϏε × 4ࣾ ->
ॻྨམͪ - ྑ͍͔? ͱࢥͬͯड͚ͨडୗ(ࠓͷձࣾ) -> ఆʂ - ͔ࣗࣾ͠͠αʔϏεͷاۀΛࢦ͍ͨ͠ؾ࣋ͪɻɻɻ
ʮࣗࣾαʔϏεʯʹશવܨ͕Βͳ͍ʀ ྑͦ͞͏ͳձࣾͳΒʮडୗʯͷاۀΞϦɻ ಈػ͕໌֬ͩͬͨͷͰૉૣܾ͘அͰ͖ͨ ۩ମతʹͲ͏ʹཱ͔ͬͨʁ ఆΛΒͬͨձࣾʹߦ͜͏ʂ
ʮձࣾ୳͠Ͱେʹͨ͠ࣄʯͷ͓·͚ • ͨͩɻɻɻʮಈػʯ͚ͩͩͱओ؍త͗͢Δ • ͏গ͠ʮ٬؍తͳج४ʯཉ͍͠
https://www.slideshare.net/cuzic/ss-172060603 ΤϯδχΞస৬ͷϊϋ ಇ͖͘ձࣾͷ νΣοΫϦετ (OsakaRubyKaigi02ΑΓ)
ͪͳΈʹ… ࢲͷॴଐ͢Δ גࣜձࣾϥάβΠΞ (͍͍ͩͨ) 9ݸத7ݸ ຬ͓ͨͯ͠Γ·͢ chatwork MacBookPro
None
ࠓ͢ࣄ ɾձࣾ୳͠Ͱେʹͨ͠ࣄ ɾ1ؒੜ͖ԆͼΔίπ ɾ࣮Ͱ͋ͬͨͭΒΈ
ʮੜ͖ԆͼΔʯͱ͍͏දݱେ͛͞Ͱͳ͍ (ؾ͕͢Δ) ͜͜ʹ֘͢Δਓผʀ
ྑͳରਓؔ
ʮੜ͖ԆͼΔʯࣄΛࠔʹ͢ΔোԿʁ ͋ΔఔࣗྗͰࣄ͕Ͱ͖ΔϥΠϯ ࣗͷೳྗ ࣌ؒ ೖࣾ 1ޙ͘Β͍
ʮੜ͖ԆͼΔʯࣄΛࠔʹ͢ΔোԿʁ ͋ΔఔࣗྗͰࣄ͕Ͱ͖ΔϥΠϯ ࣗͷೳྗ ࣌ؒ ೖࣾ 1ޙ͘Β͍ ͜ͷΪϟοϓ͕ ʮੜ͖ԆͼΔʯ্ͰͷোͰʁ
μϝʔδେ μϝʔδ ()খ Ϊϟοϓʹର͢ΔपғͷԠ࣍ୈͰɺ ϝϯλϧʹड͚Δμϝʔδେ͖͘มΘΔ
গ͠Ͱʮμϝʔδ(খ)ʯʹدͤͯ࣌ؒΛՔ͙ μϝʔδେ μϝʔδ ()খ
(վΊͯ) ྑͳରਓؔ
͜͏͍͏͜ͱʁʁʁ
͍ɺͲ͔ͬͪͱ͍͏ͱ͜͏
ձࣾͷՁ؍Λߠఆ͍ͯ͘͠ • ͕ࣗબΜͩձࣾΛϦεϖΫτ͠Α͏ʂ - ͦͷձ͕ࣾେʹ͍ͯ͠ΔͷΛେʹ͢Δ - पΓͷਓͱಉ͜͡ͱͬͯΈΔ - ʮྑ͍͖͍ͯͨ͘͠Ͱ͢Αʔʯ ͱ͍͏࢟Λ(Γա͗ͳ͍ఔʹ)Ξϐʔϧ͢Δ
• ຊ৺ࣗ༝ʂ(ॏཁ)
ࢲ͕࣮ࡍʹͬͨ͜ͱ • ఆޙձࣾͷΠϕϯτʹ༠ΘΕࢀՃɻ શһͷ໊લΛϝϞˍೖࣾ·Ͱʹ֮͑ͨ(20໊ऑ) • ձ͕ࣾਪ͢Δࢿ֨(RubySilver)Λೖࣾޙ1ϲ݄Ͱऔಘ - ͋ͱ1໊ͦͷࢿ֨Λऔಘ͢Εɺ ձࣾͱͯ͠RubyͷೝఆΛऔಘͰ͖ΔλΠϛϯά •
ৼΒΕͨࡶ༻(ిɾΰϛࣺͯɾװࣄ)Λ͖ͬͪΓ͜ͳͨ͠(ී௨)
৺͕ંΕͣʹܧଓͰ͖ΕΓΕΔ ͋ΔఔࣗྗͰࣄ͕Ͱ͖ΔϥΠϯ ࣗͷೳྗ ࣌ؒ ೖࣾ 1ޙ͘Β͍ ͦͦ͜͜ਅ໘ʹࣄ͍ͯ͠Ε ͍͔ͭඞͣΓΕΔ
ࠓ͢ࣄ ɾձࣾ୳͠Ͱେʹͨ͠ࣄ ɾ1ؒੜ͖ԆͼΔίπ ɾ࣮Ͱ͋ͬͨͭΒΈ(αΫοͱ)
ਖ਼࣮໘(ಛʹೖࣾॳظ)Ͱ ۃͳͭΒΈͳ͔ͬͨ ͳͥͳΒɻɻɻ
αʔΫϧΞϥϯυͷ τϨʔχϯάΛ ͜ͳ͍ͯͨ͠ͷͰ
ͰͭΒΈ0Ͱͳ͔ͬͨͷͰɺ 3ͭ΄Ͳɻɻɻ
• ʮ͜ͷ࣮ͲΕ͘Β͍ͰऴΘΓͦ͏ʁʯ ͱ͍͏࣭ʹ͑Δͷ͕࠷ॳͱͯਏ͔ͬͨɻɻɻ • ͜Ε܁Γฦ͠Δ͔͠ͳ͍ -> ͦͷ͏ͪײ֮ͰݟੵΕΔΑ͏ʹͳΔ 1. ݟੵΓ
• ࠷ॳʹೖͬͨPJͰϞσϧ͕150ݸ͘Β͍͋ͬͨʂʂʂ -> ͰͬͯΈΔͱԿͱ͔ͳΔ -> ݁ہҰʹؔΘΔϞσϧଟͯ͘10ݸະຬͳͷͰ 2. σʔλߏ͕Ϡό͗ͨ͢
• ৭ʑෳࡶͳࣄ͔Βɺ ࣮ࣗ1ਓͰɺະܦݧͷ(ˍपΓʹৄ͍͠ਓ͕͍ͳ͍) ReactͷPJʹೖΔ͜ͱʹ(͔ͳʔΓಛघͳέʔε) -> ·͊Կͱ͔ͨ͠ɻ ެࣜυΩϡϝϯτͱˠͷຊͷ͓͔͛ɻ -> ʮԿͱ͔͢Δྗʯɺ ΤϯδχΞతʹॏཁ͔͠Εͳ͍
3. ΘΓͱҰਓͰReactΔ͜ͱʹ
͍͞͝ʹ • ೖࣾલಈػʹΛ͚ͯΈΔͱ͍͍͔ • ೖࣾޙٕज़͚ͩ͡Όͳͯ͘ਓؒؔ • ͭΒΈͳΜ͔Μ͢Δ
Ҏ্Ͱ͢ɻ ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ
1:ʮ৴པͰ͖Δಈػʯ࡞Γͷҙ (ຊʹΔਓ͕͍ͨΒ) • ʮWebΤϯδχΞʹͳΓ͍ͨʂʯͱ͍͏ײਖ਼͍͠ɻ (ͷͰٙΘͳ͍) • ࠷ޙײʹண͢Δɺͱ͍͏͔ಀ͛Δɻ (◦◦͕͖͔ͩΒ) • आΓͷݴ༿ͦͷ··ආ͚Δ
2ɿ࣮ࡍೖͬͯײͨ͡डୗͷಛ • ϝϦοτ - ίʔυΛॻ͘͜ͱʹूதͰ͖Δ - ٕज़໘ʹର͢Δҙࣝߴ͍ؾ͕͢Δ(ձࣾͷڧΈʹٕज़ ͳͷͰ) • σϝϦοτ
- ྑ͘ѱ͘ʮΫϥΠΞϯτ࣍ୈʯ - αʔϏεΛҭͯΔܦݧ΄΅ظͰ͖ͳ͍