はてなと技術研修

Transcript

1. ͸ͯͳͱٕज़ݚम 2015/12/06 ࢣఋొஃ @shiba_yu36
2. ࢣঊ : @shiba_yu36 ఋࢠ : @amagitakayosi
3. ࣗݾ঺հ • @shiba_yu36 • 4೥໨͸ͯͳΤϯδχΞ
4. ຊ೔࿩͢͜ͱ • ͸ͯͳͰͷݚमͷߟ͑ํ • ݚम಺༰ͷ঺հ • ͸ͯͳڭՊॻ • ۀ຿Λ௨ͯ͡ • @amagitakayosi͔Β࣮ࡍʹݚमΛड͚ͯΈͯ
5. ͸ͯͳͷݚमͷߟ͑ํ
6. ΤϯδχΞͷ ֮͑Δ͜ͱ͸ແݶ
7. ΤϯδχΞͷ ֮͑Δ͜ͱ͸ແݶ ࣮ફͰ౎౓ ਎ʹ෇͚Δ͔͠ͳ͍
8. ͸ͯͳͷݚमͷߟ͑ํ • ࣮ફͰࣗΒߟ͑ͯखΛಈ͔͢͜ͱ ͕Ұ൪ͷֶश • ര଎Ͱ࠷௿ݶͷ஌ࣝΛ਎ʹ͚ͭɺ ͙͢ʹνʔϜʹ഑ଐ
9. ര଎Ͱ࣮ફ΁ʁ
10. ര଎Ͱ࣮ફ΁ʁ 2िؒޙʹνʔϜ഑ଐ
11. 1. ͸ͯͳڭՊॻͰ1िؒͷݚम 2. ΦϦδφϧαʔϏεΛ1िؒͰ 3. ࣮ࡍʹνʔϜ഑ଐ ݚमͷྲྀΕ
13. 1.͸ͯͳڭՊॻͰͷݚम https://github.com/hatena/Hatena-Textbook
14. ͸ͯͳڭՊॻͱ͸ 1िؒͰ࠷௿ݶͷWebͷٕज़ ΛֶͿͨΊͷڭՊॻ
15. ͸ͯͳڭՊॻͱ͸ 1िؒͰ࠷௿ݶͷWebͷٕज़ ΛֶͿͨΊͷڭՊॻ ग़དྷΔͷ͔ʁ
16. WebͰ࠷௿ݶඞཁͳٕज़ ݴޠɺΦϒδΣΫτࢦ޲ɺςετɺDBɺ SQLɺURIɺHTTPɺWebαʔόɺHTMLɺ JSɺηΩϡϦςΟɺetc…
17. WebͰ࠷௿ݶඞཁͳٕज़ ݴޠɺΦϒδΣΫτࢦ޲ɺςετɺDBɺ SQLɺURIɺHTTPɺWebαʔόɺHTMLɺ JSɺηΩϡϦςΟɺetc… ଟ͗͢Δʂʂ
18. ՝୊Ͱஈ֊తʹ ֓೦Λ֮͑ΒΕΔ޻෉ designed by Freepik
19. ஈ֊తʹֶͿ ϒϩάαʔϏεΛஈ֊తʹ࡞Γ ্͛ͯɺ஌ࣝΛੵΈ্͍͛ͯ͘
20. ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) 1೔໨. 2೔໨. 3೔໨. 4೔໨.
21. ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) ΦϒδΣΫτͷؔ܎͚ͩͰϒϩά DBͳͲͰӬଓԽ͸͠ͳ͍
22. # ೔هͷ࡞੒ my $diary = Diary->new('Johnͷ೔ه'); # هࣄͷ࡞੒ my $entry1 = $diary->add_entry( title => '೔هͩΑ', body => '͜Ε͕೔هͷຊจͩΑ', ); my $entry2 = $diary->add_entry( title => '͜Ε΋೔هͩΑ', body => '΍ͬͺΓ೔هͷຊจͩΑ', ); # ग़ྗ $diary->print;
23. $ object_diary.pl # Johnͷ೔ه # [1] ೔هͩΑ : ͜Ε͕೔هͷຊจͩΑ # [2] ͜Ε΋೔هͩΑ : ΍ͬͺΓ೔هͷຊจͩΑ
24. ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) ϓϩάϥϛϯάͷ֓೦͚ͩΛֶͿ • ݴޠͷ࢖͍ํ • ઃܭ • ΦϒδΣΫτࢦ޲ • ςετ
25. ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ)
26. ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) ΦϒδΣΫτͷؔ܎͚ͩͷϒϩάΛ σʔλϕʔεͰӬଓԽɻೖग़ྗ͸CLIɻ
27. $ db_diary.pl add_entry λΠτϧ1 ຊจ1 $ db_diary.pl add_entry λΠτϧ2 ຊจ2 $ db_diary.pl list_entry # [1] λΠτϧ1 : ຊจ1 # [2] λΠτϧ2 : ຊจ2
28. ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) • MySQL • SQL • ݴޠ͔ΒDBΞΫηε • DBηΩϡϦςΟ • CLI DBͷ֓೦͚ͩΛֶ΂Δ
29. ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ)
30. ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) DBͰӬଓ͞ΕͨϒϩάΛ Web্Ͱॻ͚ΔΑ͏ʹ͢Δ
32. ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) • HTTPɺURLઃܭɺWebαʔό • WebαʔϏεͷ࡞Γํ • WebͰͷηΩϡϦςΟ Webͷ֓೦͚ͩΛֶ΂Δ
33. ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ)
34. ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) WebͰॻ͚ΔϒϩάΛ JSͰಈ͔ͯ͠࢖͍΍͘͢͢Δ
35. • JSON APIΛ࢖ͬͨΦʔτϖʔδϟ • ͦͷ৔ฤू
36. ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) • JSͷجૅɺDOMͷجૅ • Πϕϯτۦಈ • JSON APIͰͷ࿈ܞ ϑϩϯτΤϯυͷ֓೦͚ͩΛֶ΂Δ
37. ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ)
38. ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) εϚϗΤϯδχΞ޲͚ʹ͸͞Βʹ Swiftͷ՝୊΋ʂʂ
39. ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) 1೔໨. 2೔໨. 3೔໨. 4೔໨.
40. ௿ϨΠϠʔ͔ΒͷੵΈॏͶͰ ஈ֊తʹ֓೦Λֶ΂Δ designed by Freepik
41. ڭՊॻʹΑΔݚमऴྃ
42. 2. ΦϦδφϧαʔϏε ͷ࡞੒
43. ࣗ෼Ͱاըͯ͠ ࣗ෼Ͱ࡞Δʂ
44. ΦϦδφϧαʔϏε࡞੒ શࣾһͷલͰൃද 5-9೔໨. 10೔໨.
45. ΦϦδφϧαʔϏε࡞੒ શࣾһͷલͰൃද 5-9೔໨. 10೔໨. • اը • UI • ػೳ։ൃͷྲྀΕ WebαʔϏε࡞੒ͷখ͞ͳ࣮ફ ڭՊॻͰֶΜͩ͜ͱΛ׆͔͢
47. ΦϦδφϧαʔϏε࡞੒ શࣾһͷલͰൃද 5-9೔໨. 10೔໨.
48. શࣾһͷલͰൃද • ࣗ෼ͷαʔϏεΛΞϐʔϧ • ίʔυΛಡ·Εٕज़తʹ΋ಥͬࠐ·ΕΔ • ઈରʹηΩϡϦςΟϗʔϧΛ୳͞ΕΔ
49. ΦϦδφϧαʔϏεͷ ࡞੒ऴྃ
50. 3. ۀ຿Λ௨ͨ͡ݚम
51. 1. ೉ͯ͘͠΋௅ઓͯ͠΋Β͏ 2. αϙʔτମ੍͸ॆ࣮ͤ͞Δ ߟ͑ํ
52. 1.௅ઓͯ͠΋Β͏ • ࣮ࡍʹಈ͍͍ͯΔαʔϏεΛ৮Δ • ͲΜͲΜ࢓ࣄΛ೚ͤΔ • ೉͍͠ۀ຿Ͱ΋௅ઓͯ͠΋Β͏
53. ௅ઓ • ͦͷਓ͕ڵຯ͕͋Δ͜ͱ • ٕज़తʹ೉͍͠՝୊ • ΤϯδχΞ͔Βͷӽڥ
54. 2.αϙʔτମ੍Λॆ࣮ • νʔϜϝϯλʔ • ίʔυϨϏϡʔ • γχΞΤϯδχΞ • ͦͷଞ
55. νʔϜϝϯλʔ • νʔϜ಺Ͱڭҭ܎ • ೋਓͰઃܭ૬ஊΛ͠ͳ͕Β։ൃ
56. ίʔυϨϏϡʔ • ίʔυ͸GitHubͰϨϏϡʔ • ࢦఠΛडֶ͚ͯश͢Δ • ࣗ෼Ͱ΋ଞͷਓͷίʔυΛݟֶͯश
57. γχΞΤϯδχΞ • νʔϜ֎ͷΤϯδχΞ͕Ұਓ෇͘ • ΤϯδχΞͱͯ͠ͷํ޲ੑΛαϙʔτ
58. ͦͷଞ • ϖΞϓϩ • ࣾ಺ษڧձ • ٕज़ॻࢧԉ • ߹॓ • னٳΈ
59. ۀ຿Λ௨ͨ͡ݚम͸ ͍ͭ·Ͱ΋ଓ͘…
60. ·ͱΊ
61. 1. ͸ͯͳڭՊॻ 2. ΦϦδφϧαʔϏε 3. νʔϜ഑ଐ ݚमͷྲྀΕ
62. ͸ͯͳͰ͸ര଎Ͱۀ຿ʹ ೖΕΔΑ͏޻෉͍ͯ͠·͢
63. ௅ઓͰ͖Δ؀ڥΛ ἧ͍͑ͯ·͢
64. 13 • ͸ͯͳͰ͸௅ઓ͍ͨ͠ΤϯδχΞΛื ू͍ͯ͠·͢ • http://hatenacorp.jp/recruit/fresh/