Slide 1

Slide 1 text

&YQSFTT+4Ͱ
 *TTVFϏϡʔΞΛ
 ࡞ͬͯΈͨ Χϧςοτίϛϡχέʔγϣϯζɹޙ౻लએ IJEFOPSJHPUP!HNBJMDPN Χϧςοτίϛϡχέʔγϣϯζ։ൃ෦
 ࣾ಺ษڧձ

Slide 2

Slide 2 text

ൿ࿩ w +4Ͱ࡞Γ࢝ΊΑ͏ͱ͢Δલʹ΋ΞϨίϨߟ͍͑ͯͨɻ w 1)1ͰϞσϧΛ࣮૷ͨ͜͠ͱ΋͋Δɻ ͳͥɺͦͷ··1)1Ͱ ࡞Βͳ͔ͬͨͷ͔ʁ wϞσϧΛ࡞ͬͯ΋ɺཉ͍͠΋ͷʹ͔ۙͮͳ͍ wΞϓϦͷܗ͕΋΍ͬͱ͍ͯͯ͠ɺͦͷ෦෼ͷϑΟʔυ όοΫ͕ཉ͍͠ͷʹɺҧ͏෦෼͹͔Γʹख͕͔͔Δ

Slide 3

Slide 3 text

&YQSFTT+4ͱ͸ʁ w OPEFKT্ͷɺ8FCαʔόʔαΠυΞϓϦͷͨΊͷϑ ϨʔϜϫʔΫ w 1)1Ͱ͍͑͹4JMFYΈ͍ͨͳҹ৅ IUUQFYQSFTTKTDPN

Slide 4

Slide 4 text

&YQSFTT+4ΞϓϦͷॳΊํ w FHHIFBEJPͷνϡʔτϦΞϧ͕ ෼͔Γ΍͍͢ w IUUQTFHHIFBEJPTFSJFT HFUUJOHTUBSUFEXJUI FYQSFTTKT egghead.ioはJS系のチュートリアルを幅広くカバー。(後藤はProユーザー)

Slide 5

Slide 5 text

&YQSFTT+4ΞϓϦͷॳΊํ # プロジェクトディレクトリ作成
 $ mkdir IssueViewer; cd IssueViewer ! # npmパッケージ初期化 $ npm init -y ! # expressインストール $ npm i -S express ! # nodemonインストール $ npm i -D nodemon packages.json

Slide 6

Slide 6 text

&YQSFTT+4ͷίʔυͷྫ index.js

Slide 7

Slide 7 text

ΞϓϦͷ࣮ߦ w IUUQMPDBMIPTU # 開発用アプリサーバー起動
 $ npm run dev この部分に対応

Slide 8

Slide 8 text

*TTVFϏϡʔΞΛ
 ࡞ͬͯΈΔ͜ͱʹͨ͠

Slide 9

Slide 9 text

࠷ॳʹໝ૝

Slide 10

Slide 10 text

γεςϜશମͷઃܭ +40/Λ ͦͷ·· ϑΝΠϧʹอଘ

Slide 11

Slide 11 text

(JU)VC"1* w OQNͰ͍͔ͭ͘Ϟδϡʔϧ͕͋Δ
 IUUQTXXXOQNKTDPNQBDLBHFHJUIVCΛͱΓ ͋͑ͣ࢖ͬͯΈΔ

Slide 12

Slide 12 text

ͭͷϓϩδΣΫτͰߏங "OHVMBS+4༻ίʔυ܈ +40/σʔλ܈ &YQSFTT+4༻ίʔυ܈

Slide 13

Slide 13 text

ಈ࡞͢ΔΞϓϦ %&.0

Slide 14

Slide 14 text

&YQSFTT+4ͷײ૝ w ࠾༻ͨ͠ઃܭʢ+40/Λอଘ͓͚ͯͩ͘͠ʣ͕γϯ ϓϧͩͬͨ఺Λൈ͖ʹͯ͠΋ɺ+40/"1*ͷόοΫ ΤϯυΛҰॠͰ࡞ΕΔ͸खܰ w ೉͍͜͠ͱΛ΍ΕΔؾ͕͠ͳ͍ɻʢྑ͍ҙຯͰʣׂ Γ੾Γ͕ྑ͍ɻ

Slide 15

Slide 15 text

ࠓճͷ࡞ΓํͰͷؾ͖ͮ w όοΫΤϯυͱϑϩϯτΤϯυΛϓϩδΣΫτͰ࡞Δͷ͸खܰ w ͔͠͠ɺόοΫΤϯυ΋ϑϩϯτΤϯυ΋ͲͪΒ΋+4Ͱॻ͍ͯ ͍ΔͱɺࠓԿΛॻ͍͍ͯΔͷ͔ࠞཚ͠΍͍͢ɻ w ͓·͚ʹɺόοΫΤϯυʹ΋ϑϩϯτΤϯυʹ΋DPOUSPMMFSͩͱ ͔ϧʔςΟϯάͩͱ͔ςϯϓϨʔτͩͱ͔͕ग़͖ͯͯࠞཚɻ w +4Ͱ౷Ұ͢Δ৔߹͸ɺόοΫΤϯυͱϑϩϯτΤϯυͷϓϩδΣ ΫτΛ෼͚ͨํ͕͍͍ͷ͔΋ɻ

Slide 16

Slide 16 text

ࠓޙߟ͑ͯߦ͖͍ͨ఺ w ѻ͏ϞϊʹΑͬͯ͸ɺσʔλߏ଄ͷϞσϧ౳ΑΓ΋ɺΞϓϦͷ֎ ଆ͔Βঃʑʹ࡞͍͖͍ͬͯͨࣄ͕͋ΔʢΉ͠Ζͦͷํ͕ଟ͍ʁʣ w ͜͏͍͏৔߹ʹɺࠓճͷΑ͏ʹόοΫΤϯυ͸ͬ͘͞Γ༻ҙͯ͠ɺ ϑϩϯτΤϯυ͔Β߈ΊΔΑ͏ͳ΍Γํ͕ͬ͘͠Γ͘Δʢ࡞Γͨ ͍Ϟϊʹରͯ͠ϑΟʔυόοΫ͕ૣ͍ʣ w ͔͠͠׬੒౓্͕͕ͬͯߦͬͨޙɺόοΫΤϯυΛ࡞Γ௚͢ͷ͔ɻ ͦͷ··࢖͍ଓ͚ΒΕΔͷ͔ɻ͜ͷ෦෼͸ະ஌ɻ

Slide 17

Slide 17 text

͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ

Slide 18

Slide 18 text

ࢀߟจݙ w /PEFKTW"1*%PDVNFOUBUJPO
 IUUQTOPEFKTPSHEJTUMBUFTUWYEPDTBQJ w &YQSFTT+4Y"1*%PDVNFOUBUJPO
 IUUQFYQSFTTKTDPNFOYBQJIUNM w (JU)VC"1*%PDVNFOUBUJPO
 IUUQTEFWFMPQFSHJUIVCDPNW w OQNHJUIVC /PEF+4XSBQQFSGPSUIF(JU)VC"1* 
 IUUQTXXXOQNKTDPNQBDLBHFHJUIVC