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
210
20200125_新人エンジニアが本音を語る会.pdf
jonakp
January 25, 2020
Tweet
Share
More Decks by jonakp
See All by jonakp
生成AIキャッチアップ会__生成AIと共に働くために個人と組織の視点から_.pdf
jonakpkp
0
110
20210611_awsecs_rev2.pdf
jonakpkp
0
16
jQuery -> React -> Vue と仕事で触った(予定込み)ので特徴を比較してみた
jonakpkp
4
130
なんでReactやらVueやら、更にはRailsでもNode.jsが必要なの?
jonakpkp
0
37
Featured
See All Featured
Measuring & Analyzing Core Web Vitals
bluesmoon
6
320
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Agile that works and the tools we love
rasmusluckow
328
21k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.2k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
656
60k
Code Review Best Practice
trishagee
67
18k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
49k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.1k
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ɿ࣮ࡍೖͬͯײͨ͡डୗͷಛ • ϝϦοτ - ίʔυΛॻ͘͜ͱʹूதͰ͖Δ - ٕज़໘ʹର͢Δҙࣝߴ͍ؾ͕͢Δ(ձࣾͷڧΈʹٕज़ ͳͷͰ) • σϝϦοτ
- ྑ͘ѱ͘ʮΫϥΠΞϯτ࣍ୈʯ - αʔϏεΛҭͯΔܦݧ΄΅ظͰ͖ͳ͍