はてなと技術研修

Transcript

1. 1.

   ͸ͯͳͱٕज़ݚम 2015/12/06 ࢣఋొஃ @shiba_yu36

2. 2.

   ࢣঊ : @shiba_yu36 ఋࢠ : @amagitakayosi

3. 3.

   ࣗݾ঺հ • @shiba_yu36 • 4೥໨͸ͯͳΤϯδχΞ

4. 4.

   ຊ೔࿩͢͜ͱ • ͸ͯͳͰͷݚमͷߟ͑ํ • ݚम಺༰ͷ঺հ • ͸ͯͳڭՊॻ • ۀ຿Λ௨ͯ͡ •

   @amagitakayosi͔Β࣮ࡍʹݚमΛड͚ͯΈͯ
5. 5.

   ͸ͯͳͷݚमͷߟ͑ํ

6. 6.

   ΤϯδχΞͷ ֮͑Δ͜ͱ͸ແݶ

7. 7.

   ΤϯδχΞͷ ֮͑Δ͜ͱ͸ແݶ ࣮ફͰ౎౓ ਎ʹ෇͚Δ͔͠ͳ͍

8. 8.

   ͸ͯͳͷݚमͷߟ͑ํ • ࣮ફͰࣗΒߟ͑ͯखΛಈ͔͢͜ͱ ͕Ұ൪ͷֶश • ര଎Ͱ࠷௿ݶͷ஌ࣝΛ਎ʹ͚ͭɺ ͙͢ʹνʔϜʹ഑ଐ

9. 9.

   ര଎Ͱ࣮ફ΁ʁ

10. 10.

    ര଎Ͱ࣮ફ΁ʁ 2िؒޙʹνʔϜ഑ଐ

11. 11.

    1. ͸ͯͳڭՊॻͰ1िؒͷݚम 2. ΦϦδφϧαʔϏεΛ1िؒͰ 3. ࣮ࡍʹνʔϜ഑ଐ ݚमͷྲྀΕ

12. 12.

    None
13. 13.

    1.͸ͯͳڭՊॻͰͷݚम https://github.com/hatena/Hatena-Textbook

14. 14.

    ͸ͯͳڭՊॻͱ͸ 1िؒͰ࠷௿ݶͷWebͷٕज़ ΛֶͿͨΊͷڭՊॻ

15. 15.

    ͸ͯͳڭՊॻͱ͸ 1िؒͰ࠷௿ݶͷWebͷٕज़ ΛֶͿͨΊͷڭՊॻ ग़དྷΔͷ͔ʁ

16. 16.

    WebͰ࠷௿ݶඞཁͳٕज़ ݴޠɺΦϒδΣΫτࢦ޲ɺςετɺDBɺ SQLɺURIɺHTTPɺWebαʔόɺHTMLɺ JSɺηΩϡϦςΟɺetc…

17. 17.

    WebͰ࠷௿ݶඞཁͳٕज़ ݴޠɺΦϒδΣΫτࢦ޲ɺςετɺDBɺ SQLɺURIɺHTTPɺWebαʔόɺHTMLɺ JSɺηΩϡϦςΟɺetc… ଟ͗͢Δʂʂ

18. 18.

    ՝୊Ͱஈ֊తʹ ֓೦Λ֮͑ΒΕΔ޻෉ designed by Freepik

19. 19.

    ஈ֊తʹֶͿ ϒϩάαʔϏεΛஈ֊తʹ࡞Γ ্͛ͯɺ஌ࣝΛੵΈ্͍͛ͯ͘

20. 20.

    ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) 1೔໨. 2೔໨. 3೔໨. 4೔໨.

21. 21.

    ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) ΦϒδΣΫτͷؔ܎͚ͩͰϒϩά DBͳͲͰӬଓԽ͸͠ͳ͍

22. 22.

    # ೔هͷ࡞੒ my $diary = Diary->new('Johnͷ೔ه'); # هࣄͷ࡞੒ my $entry1

    = $diary->add_entry( title => '೔هͩΑ', body => '͜Ε͕೔هͷຊจͩΑ', ); my $entry2 = $diary->add_entry( title => '͜Ε΋೔هͩΑ', body => '΍ͬͺΓ೔هͷຊจͩΑ', ); # ग़ྗ $diary->print;
23. 23.

    $ object_diary.pl # Johnͷ೔ه # [1] ೔هͩΑ : ͜Ε͕೔هͷຊจͩΑ #

    [2] ͜Ε΋೔هͩΑ : ΍ͬͺΓ೔هͷຊจͩΑ
24. 24.

    ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) ϓϩάϥϛϯάͷ֓೦͚ͩΛֶͿ • ݴޠͷ࢖͍ํ • ઃܭ

    • ΦϒδΣΫτࢦ޲ • ςετ
25. 25.

    ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ)

26. 26.

    ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) ΦϒδΣΫτͷؔ܎͚ͩͷϒϩάΛ σʔλϕʔεͰӬଓԽɻೖग़ྗ͸CLIɻ

27. 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. 28.

    ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) • MySQL • SQL •

    ݴޠ͔ΒDBΞΫηε • DBηΩϡϦςΟ • CLI DBͷ֓೦͚ͩΛֶ΂Δ
29. 29.

    ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ)

30. 30.

    ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) DBͰӬଓ͞ΕͨϒϩάΛ Web্Ͱॻ͚ΔΑ͏ʹ͢Δ

31. 31.

    None
32. 32.

    ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) • HTTPɺURLઃܭɺWebαʔό • WebαʔϏεͷ࡞Γํ •

    WebͰͷηΩϡϦςΟ Webͷ֓೦͚ͩΛֶ΂Δ
33. 33.

    ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ)

34. 34.

    ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) WebͰॻ͚ΔϒϩάΛ JSͰಈ͔ͯ͠࢖͍΍͘͢͢Δ

35. 35.

    • JSON APIΛ࢖ͬͨΦʔτϖʔδϟ • ͦͷ৔ฤू

36. 36.

    ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) • JSͷجૅɺDOMͷجૅ • Πϕϯτۦಈ •

    JSON APIͰͷ࿈ܞ ϑϩϯτΤϯυͷ֓೦͚ͩΛֶ΂Δ
37. 37.

    ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ)

38. 38.

    ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) εϚϗΤϯδχΞ޲͚ʹ͸͞Βʹ Swiftͷ՝୊΋ʂʂ

39. 39.

    ϓϩάϥϛϯάجૅ σʔλϕʔε WebΞϓϦέʔγϣϯ JS (εϚϗΞϓϦ։ൃ) 1೔໨. 2೔໨. 3೔໨. 4೔໨.

40. 40.

    ௿ϨΠϠʔ͔ΒͷੵΈॏͶͰ ஈ֊తʹ֓೦Λֶ΂Δ designed by Freepik

41. 41.

    ڭՊॻʹΑΔݚमऴྃ

42. 42.

    2. ΦϦδφϧαʔϏε ͷ࡞੒

43. 43.

    ࣗ෼Ͱاըͯ͠ ࣗ෼Ͱ࡞Δʂ

44. 44.

    ΦϦδφϧαʔϏε࡞੒ શࣾһͷલͰൃද 5-9೔໨. 10೔໨.

45. 45.

    ΦϦδφϧαʔϏε࡞੒ શࣾһͷલͰൃද 5-9೔໨. 10೔໨. • اը • UI • ػೳ։ൃͷྲྀΕ

    WebαʔϏε࡞੒ͷখ͞ͳ࣮ફ ڭՊॻͰֶΜͩ͜ͱΛ׆͔͢
46. 46.

    None
47. 47.

    ΦϦδφϧαʔϏε࡞੒ શࣾһͷલͰൃද 5-9೔໨. 10೔໨.

48. 48.

    શࣾһͷલͰൃද • ࣗ෼ͷαʔϏεΛΞϐʔϧ • ίʔυΛಡ·Εٕज़తʹ΋ಥͬࠐ·ΕΔ • ઈରʹηΩϡϦςΟϗʔϧΛ୳͞ΕΔ

49. 49.

    ΦϦδφϧαʔϏεͷ ࡞੒ऴྃ

50. 50.

    3. ۀ຿Λ௨ͨ͡ݚम

51. 51.

    1. ೉ͯ͘͠΋௅ઓͯ͠΋Β͏ 2. αϙʔτମ੍͸ॆ࣮ͤ͞Δ ߟ͑ํ

52. 52.

    1.௅ઓͯ͠΋Β͏ • ࣮ࡍʹಈ͍͍ͯΔαʔϏεΛ৮Δ • ͲΜͲΜ࢓ࣄΛ೚ͤΔ • ೉͍͠ۀ຿Ͱ΋௅ઓͯ͠΋Β͏

53. 53.

    ௅ઓ • ͦͷਓ͕ڵຯ͕͋Δ͜ͱ • ٕज़తʹ೉͍͠՝୊ • ΤϯδχΞ͔Βͷӽڥ

54. 54.

    2.αϙʔτମ੍Λॆ࣮ • νʔϜϝϯλʔ • ίʔυϨϏϡʔ • γχΞΤϯδχΞ • ͦͷଞ

55. 55.

    νʔϜϝϯλʔ • νʔϜ಺Ͱڭҭ܎ • ೋਓͰઃܭ૬ஊΛ͠ͳ͕Β։ൃ

56. 56.

    ίʔυϨϏϡʔ • ίʔυ͸GitHubͰϨϏϡʔ • ࢦఠΛडֶ͚ͯश͢Δ • ࣗ෼Ͱ΋ଞͷਓͷίʔυΛݟֶͯश

57. 57.

    γχΞΤϯδχΞ • νʔϜ֎ͷΤϯδχΞ͕Ұਓ෇͘ • ΤϯδχΞͱͯ͠ͷํ޲ੑΛαϙʔτ

58. 58.

    ͦͷଞ • ϖΞϓϩ • ࣾ಺ษڧձ • ٕज़ॻࢧԉ • ߹॓ •

    னٳΈ
59. 59.

    ۀ຿Λ௨ͨ͡ݚम͸ ͍ͭ·Ͱ΋ଓ͘…

60. 60.

    ·ͱΊ

61. 61.

    1. ͸ͯͳڭՊॻ 2. ΦϦδφϧαʔϏε 3. νʔϜ഑ଐ ݚमͷྲྀΕ

62. 62.

    ͸ͯͳͰ͸ര଎Ͱۀ຿ʹ ೖΕΔΑ͏޻෉͍ͯ͠·͢

63. 63.

    ௅ઓͰ͖Δ؀ڥΛ ἧ͍͑ͯ·͢

64. 64.

    13 • ͸ͯͳͰ͸௅ઓ͍ͨ͠ΤϯδχΞΛื ू͍ͯ͠·͢ • http://hatenacorp.jp/recruit/fresh/