新サービス・JOURNAL(ジャーナル)開発秘話

Transcript

1. ৽αʔϏεɾJOURNAL(δϟʔφϧ) ։ൃൿ࿩ ϝυϐΞגࣜձࣾ ϑϩϯτΤϯυΤϯδχΞ ଜ্ େ࿨(@pipopotamasu3) MedBeer 2018/11/21
2. self_introduce.json { “name”: “ଜ্େ࿨”, “age”: 26, “github”: “pipopotamasu”, “company”: “ϝυϐΞגࣜձࣾ”, “tech”: [“Ruby”, “PHP”, “Vue.js”, “React”], “hobby”: [“໺ٿ”], }
3. https://jp.vuejs.org/v2/cookbook/ creating-custom-scroll-directives.html
4. Agenda 1. JOURNAL is Կ? 2. JOURNALͷγεςϜߏ੒ 3. ࣮૷্ͷ՝୊ͱղܾͷͨΊͷΞϓϩʔν 4. ऴΘΓʹ
5. Agenda 1. JOURNAL is Կ? 2. JOURNALͷγεςϜߏ੒ 3. ࣮૷্ͷ՝୊ͱղܾͷͨΊͷΞϓϩʔν 4. ऴΘΓʹ
7. ҩֶ࿦จͷ຋༁ɺڞ༗αʔϏε
8. ՝୊ ඞཁͳ৘ใબఆͷࠔ೉͞
   ɾҩྍ৘ใ͸๲େͰ೔ʑߋ৽͞Εͯ ͍Δɻҩࢣʹͱͬͯඞཁͳ৘ใΛબ ఆ͢Δʹ͸ςΫχοΫͱ͕࣌ؒඞ ཁɻ ӳޠ࿦จ͕ಡΈͮΒ͍
   ɾҩֶ࿦จ͸ӳޠ͔ͭʮ࿦จޠʯͰ ॻ͔Ε͍ͯΔͨΊɺ࿦จΛಡΈཧղ ͢Δͷʹ͕͔͔࣌ؒΔ ࿦จΛಡΉश׳͚ͮͷ೉͠͞
   ɾ্هͷ՝୊Ͱɺӳޠ࿦จΛಡΉͷ ʹଟେͳ࿑ྗ͕͔͔Γश׳Խ͕೉͠ ͍ɻ
9. ՝୊ ղܾͷͨΊͷΞϓϩʔν ඞཁͳ৘ใબఆͷࠔ೉͞
   ɾҩྍ৘ใ͸๲େͰ೔ʑߋ৽͞Εͯ ͍Δɻҩࢣʹͱͬͯඞཁͳ৘ใΛબ ఆ͢Δʹ͸ςΫχοΫͱ͕࣌ؒඞ ཁɻ ඞཁͳ৘ใͷϨίϝϯυ
   ɾҩࢣຊਓͷઐ໳ྖҬ΍ؔ৺ྖҬͰ ݕࡧɾϑΟϧλϦϯάɺ࿦จࣗମͷ ධՁ΍৘ใͷ઱౓ͰॏΈ͚ͮɻ ӳޠ࿦จ͕ಡΈͮΒ͍
   ɾҩֶ࿦จ͸ӳޠ͔ͭʮ࿦จޠʯͰ ඳ͔Ε͍ͯΔͨΊɺ࿦จΛಡΈཧղ ͢Δͷʹ͕͔͔࣌ؒΔ ӳޠ࿦จΛಡΈ΍͘͢
   ɾҩֶ࿦จΛ೔ຊޠ຋༁ͯ͠ఏڙ͢ Δ͜ͱͰɺཧղ͢Δ࣌ؒΛ୹ॖɻ ࿦จΛಡΉश׳͚ͮͷ೉͠͞
   ɾ্هͷ՝୊Ͱɺӳޠ࿦จΛಡΉͷ ʹଟେͳ࿑ྗ͕͔͔Γश׳Խ͕೉͠ ͍ɻ ࿦จΛಡΉश׳͚ͮͷαϙʔτ
   ɾ্هͷ՝୊ͷղܾٴͼɺؔ৺ͷ͋ Δ෼໺ʹඥ෇͍ͨ৘ใͷ164)Ͱश ׳Խͷखॿ͚ɻ
11. Agenda 1. JOURNAL is Կ? 2. JOURNALͷγεςϜߏ੒ 3. ࣮૷্ͷ՝୊ͱղܾͷͨΊͷΞϓϩʔν 4. ऴΘΓʹ
13. ɾ໿1700ສ݅ͷӳޠ࿦จ σʔλΛϩʔϯνલʹऔಘ ɾϩʔϯνޙ΋೔࣌Ͱ௥Ճɺ ߋ৽͞ΕΔσʔλΛऔಘ
14. Translate Service Providers ɾ໿1700ສ݅ͷӳޠ࿦จ σʔλͷҰ෦Λ೔ຊޠ຋༁ ɾϩʔϯνޙ΋೔࣌ or ΦϯσϚϯυͰ຋༁
15. Translate Service Providers Elasticsearch ɾ࿦จσʔλΛ Elasticsearchʹಉظ
16. Translate Service Providers Elasticsearch ɾҩࢣͷଐੑ΍࿦จͷධՁɺ ઱౓ʹ߹Θͤͯ࿦จσʔλ Λදࣔ ɾ೔ຊޠͰ࿦จσʔλΛݕࡧ (΋ͪΖΜӳޠͰ΋)
17. Agenda 1. JOURNAL is Կ? 2. JOURNALͷγεςϜߏ੒ 3. ࣮૷্ͷ՝୊ͱղܾͷͨΊͷΞϓϩʔν 4. ऴΘΓʹ
18. ࣮૷্ͷ՝୊ͱղܾͷͨΊͷ Ξϓϩʔν 1. ຋༁ 2. ೔ຊޠݕࡧ 3. ίϝϯτ
19. ࣮૷্ͷ՝୊ͱղܾͷͨΊͷ Ξϓϩʔν 1. ຋༁ 2. ೔ຊޠݕࡧ 3. ίϝϯτ
20. Translate Service Providers ɾ໿1700ສ݅ͷӳޠ࿦จ σʔλͷҰ෦Λ೔ຊޠ຋༁ ɾϩʔϯνޙ΋೔࣌ or ΦϯσϚϯυͰ຋༁
21. શ෦͢Ε͹Α͘Ͷ?
22. [ӳޠ࿦จ] 1700ສ݅ [ฏۉจࣈ਺] 1300จࣈ(λΠτϧ100จࣈ, ུ֓1200จࣈ) [߹ܭจࣈ਺] 221ԯจࣈ(1700ສ * 1300)
23. [຋༁୅ۚ] 100ສจࣈ͋ͨΓ20υϧ [߹ܭֹۚ] (221ԯจࣈ/100ສจࣈ) * 20 = ?
24. ໿ 5000ສԁ
27. 5000ສԁ / 8200ສԁ = ໿61%
28. ʘ(^o^)ʗ
29. ͕ۚͳ͍ orz
30. Translate Service Providers ɾ໿1700ສ݅ͷӳޠ࿦จ σʔλͷҰ෦Λ೔ຊޠ຋༁ ɾϩʔϯνޙ΋೔࣌ or ΦϯσϚϯυͰ຋༁
31. ΦϯσϚϯυ຋༁ͷ࣮ԋ
32. ݟΒΕΔ෼͚ͩ຋༁͠ɺ͓ۚΛઅ໿
33. ໿ 5000ສԁ ↓ ໿ 400 + α ສԁ
34. ݟΒΕΔ෼͚ͩ຋༁͠ɺ͓ۚΛઅ໿ ↓ Ϣʔβͷ຋༁଴͕ͪ࣌ؒൃੜ
35. ʹ Translate Service Providers ຋༁ϑϩʔ
36. ʹ Translate Service Providers ᶃ HTML, CSS, JS, ը૾౳ͷ Ξηοτऔಘ
37. ʹ Translate Service Providers ᶄ Active JobͰඇಉظʹ຋༁
38. ʹ Translate Service Providers ᶅ ຋༁݁ՌऔಘͷͨΊ ϙʔϦϯά
39. ʹ Translate Service Providers ᶆ ຋༁׬ྃ
40. ʹ Translate Service Providers ᶇ ຋༁݁ՌΛϢʔβʹදࣔ
41. ʹ Translate Service Providers ଴ͪ࣌ؒ
42. Ͳ͏଴ͪ࣌ؒΛݮΒ͔͢
43. ʹ Translate Service Providers վળͰ͖ͳ͍଴ͪ࣌ؒ
44. ʹ Translate Service Providers վળͰ͖Δ଴ͪ࣌ؒ
45. ϙʔϦϯά • ຋༁׬ྃࡁΈ͔Ͳ͏͔Λఆظతʹ໰͍߹ΘͤΔ
46. ϙʔϦϯά • ຋༁׬ྃࡁΈ͔Ͳ͏͔Λఆظతʹ໰͍߹ΘͤΔ • ຋༁׬ྃͱϙʔϦϯάͷఆظ໰͍߹ΘͤͰ࣌ ͕ۭؒ͘Մೳੑ͕͋Δ
47. ϙʔϦϯά • ຋༁׬ྃࡁΈ͔Ͳ͏͔Λఆظతʹ໰͍߹ΘͤΔ • ຋༁׬ྃͱϙʔϦϯάͷఆظ໰͍߹ΘͤͰ࣌ ͕ۭؒ͘Մೳੑ͕͋Δ • ໰͍߹ΘִͤؒΛ٧Ί͗͢ΔͱɺηϧϑDoS߈ ܸʹͳΔ
48. Ͳ͏͢Ε͹຋༁׬ྃͱϢʔβը໘΁ͷදࣔ ͷΦʔόʔϔουΛ࡟ݮͰ͖Δ͔?
49. WebSocket
50. WebSocket • αʔόͱΫϥΠΞϯτͷ૒ํ޲௨৴Λ࣮ݱ͢Δ ͨΊͷن໿
51. WebSocket • αʔόͱΫϥΠΞϯτͷ૒ํ޲௨৴Λ࣮ݱ͢Δ ͨΊͷن໿ • ϦΞϧλΠϜੑͷߴ͍ΞϓϦέʔγϣϯ (νϟοτΞϓϦ)ͰΑ͘࢖༻͞ΕΔ
52. WebSocket • αʔόͱΫϥΠΞϯτͷ૒ํ޲௨৴Λ࣮ݱ͢Δ ͨΊͷن໿ • ϦΞϧλΠϜੑͷߴ͍ΞϓϦέʔγϣϯ (νϟοτΞϓϦ)ͰΑ͘࢖༻͞ΕΔ • ࠓճͷ՝୊ʹԠ༻Ͱ͖ΔͷͰ͸?
53. ʹ Translate Service Providers ᶃ HTML, CSS, JS, ը૾౳ͷ Ξηοτऔಘ
54. ʹ Translate Service Providers ᶄ Active JobͰඇಉظʹ຋༁
55. ʹ Translate Service Providers ᶅ ຋༁݁ՌऔಘͷͨΊ ϙʔϦϯά
56. ʹ Translate Service Providers ᶅ ຋༁݁ՌऔಘͷͨΊ ϙʔϦϯά
57. ʹ Translate Service Providers ᶅ WebSocketίωΫγϣϯཱ֬ 8FC4PDLFU
    $POOFDUJPO
58. ʹ Translate Service Providers 8FC4PDLFU
    $POOFDUJPO ᶆ ຋༁׬ྃ
59. ʹ Translate Service Providers 8FC4PDLFU
    $POOFDUJPO ᶇ ຋༁݁ՌΛϢʔβʹදࣔ
60. ʹ Translate Service Providers վળͰ͖Δ଴ͪ࣌ؒ
61. ϙʔϦϯά෼ͷ࣌ؒ୹ॖ
62. ࣮૷্ͷ՝୊ͱղܾͷͨΊͷ Ξϓϩʔν 1. ຋༁ • ΦϯσϚϯυ຋༁ • WebSocketʹΑΔ࣌ؒ୹ॖ 2. ೔ຊޠݕࡧ 3. ίϝϯτ
63. ࣮૷্ͷ՝୊ͱղܾͷͨΊͷ Ξϓϩʔν 1. ຋༁ 2. ೔ຊޠݕࡧ 3. ίϝϯτ
64. Translate Service Providers ɾ໿1700ສ݅ͷӳޠ࿦จ σʔλͷҰ෦Λ೔ຊޠ຋༁ ɾϩʔϯνޙ΋೔࣌ or ΦϯσϚϯυͰ຋༁ ଟ͘ͷ෦෼͕ະ຋༁
    ˠ
    ӳޠ
65. ՝୊ ղܾͷͨΊͷΞϓϩʔν ඞཁͳ৘ใબఆͷࠔ೉͞
    ɾҩྍ৘ใ͸๲େͰ೔ʑߋ৽͞Εͯ ͍Δɻҩࢣʹͱͬͯඞཁͳ৘ใΛબ ఆ͢Δʹ͸ςΫχοΫͱ͕࣌ؒඞ ཁɻ ඞཁͳ৘ใͷϨίϝϯυ
    ɾҩࢣຊਓͷઐ໳ྖҬ΍ؔ৺ྖҬͰ ݕࡧɾϑΟϧλϦϯάɺ࿦จࣗମͷ ධՁ΍৘ใͷ઱౓ͰॏΈ͚ͮɻ ӳޠ࿦จ͕ಡΈͮΒ͍
    ɾҩֶ࿦จ͸ӳޠ͔ͭʮ࿦จޠʯͰ ඳ͔Ε͍ͯΔͨΊɺ࿦จΛಡΈཧղ ͢Δͷʹ͕͔͔࣌ؒΔ ӳޠ࿦จΛಡΈ΍͘͢
    ɾҩֶ࿦จΛ೔ຊޠ຋༁ͯ͠ఏڙ͢ Δ͜ͱͰɺཧղ͢Δ࣌ؒΛ୹ॖɻ ࿦จΛಡΉश׳͚ͮͷ೉͠͞
    ɾ্هͷ՝୊Ͱɺӳޠ࿦จΛಡΉͷ ʹଟେͳ࿑ྗ͕͔͔Γश׳Խ͕೉͠ ͍ɻ ࿦จΛಡΉश׳͚ͮͷαϙʔτ
    ɾ্هͷ՝୊ͷղܾٴͼɺؔ৺ͷ͋ Δ෼໺ʹඥ෇͍ͨ৘ใͷ164)Ͱश ׳Խͷखॿ͚ɻ
66. ՝୊ ղܾͷͨΊͷΞϓϩʔν ඞཁͳ৘ใબఆͷࠔ೉͞
    ɾҩྍ৘ใ͸๲େͰ೔ʑߋ৽͞Εͯ ͍Δɻҩࢣʹͱͬͯඞཁͳ৘ใΛબ ఆ͢Δʹ͸ςΫχοΫͱ͕࣌ؒඞ ཁɻ ඞཁͳ৘ใͷϨίϝϯυ
    ɾҩࢣຊਓͷઐ໳ྖҬ΍ؔ৺ྖҬͰ ݕࡧɾϑΟϧλϦϯάɺ࿦จࣗମͷ ධՁ΍৘ใͷ઱౓ͰॏΈ͚ͮɻ ӳޠ࿦จ͕ಡΈͮΒ͍
    ɾҩֶ࿦จ͸ӳޠ͔ͭʮ࿦จޠʯͰ ඳ͔Ε͍ͯΔͨΊɺ࿦จΛಡΈཧղ ͢Δͷʹ͕͔͔࣌ؒΔ ӳޠ࿦จΛಡΈ΍͘͢
    ɾҩֶ࿦จΛ೔ຊޠ຋༁ͯ͠ఏڙ͢ Δ͜ͱͰɺཧղ͢Δ࣌ؒΛ୹ॖɻ ࿦จΛಡΉश׳͚ͮͷ೉͠͞
    ɾ্هͷ՝୊Ͱɺӳޠ࿦จΛಡΉͷ ʹଟେͳ࿑ྗ͕͔͔Γश׳Խ͕೉͠ ͍ɻ ࿦จΛಡΉश׳͚ͮͷαϙʔτ
    ɾ্هͷ՝୊ͷղܾٴͼɺؔ৺ͷ͋ Δ෼໺ʹඥ෇͍ͨ৘ใͷ164)Ͱश ׳Խͷखॿ͚ɻ
68. ະ຋༁ͷ෦෼͕೔ຊޠͷݕࡧʹ Ҿ͔͔ͬΒͳ͍
69. Ͳ͏ະ຋༁ͷ෦෼Λ ೔ຊޠݕࡧͰ͖ΔΑ͏ʹ͢Δ͔
70. Elasticsearch Synonym Token Filter https://www.elastic.co/guide/en/elasticsearch/reference/ current/analysis-synonym-tokenfilter.html
71. Synonym Token Filter ಉҙޠ΍ྨٛޠΛઃఆͰ͖Δػೳ Ex) i-pod, i pod => ipod ͱ͍͏ఆٛͰ͋Ε͹(expand: trueͷ৔߹) ʮi-podʯͰݕࡧ → ʮi podʯʮipodʯʹώοτ ʮi podʯͰݕࡧ → ʮi-podʯʮipodʯʹώοτ
72. Synonym Token Filter ಉҙޠ΍ྨٛޠΛઃఆͰ͖Δػೳ ͜ΕΛ࢖͍ɺ೔ຊޠ/ӳޠΛؔ࿈෇͚Δ ߴ݂ѹ => hypertension ΠϯϑϧΤϯβ => influenza
73. Synonym Token Filter ಉҙޠ΍ྨٛޠΛઃఆͰ͖Δػೳ
74. ๲େͳ਺ͷSynonymΛࣗલͰ ఆٛ͢Δͷ͸ࠔ೉(ಛʹҩֶ༻ޠ)
75. ຋༁ձ༷ࣾΑΓҩྍʹಛԽͨࣙ͠ॻΛߪೖ
76. ຋༁ձ༷ࣾΑΓҩྍʹಛԽͨࣙ͠ॻΛߪೖ ↓ ੔ܗͯ͠ɺElasticsearchͰಡΈࠐΊΔΑ͏ ʹରԠ
78. ࣮૷্ͷ՝୊ͱղܾͷͨΊͷ Ξϓϩʔν 1. ຋༁ • ΦϯσϚϯυ຋༁ • WebSocketʹΑΔ࣌ؒ୹ॖ 2. ೔ຊޠݕࡧ • Synonym token filterʹΑΔ೔ˠӳݕࡧ 3. ίϝϯτ
79. ࣮૷্ͷ՝୊ͱղܾͷͨΊͷ Ξϓϩʔν 1. ຋༁ 2. ೔ຊޠݕࡧ 3. ίϝϯτ
83. ࣮૷্ͷ՝୊ͱղܾͷͨΊͷ Ξϓϩʔν 1. ຋༁ 2. ೔ຊޠݕࡧ 3. ίϝϯτ • JQuery → Vue.js, Vuex
84. ͕࣌ؒͳ͍ͷͰলུ
85. Agenda 1. JOURNAL is Կ? 2. JOURNALͷγεςϜߏ੒ 3. ࣮૷্ͷ՝୊ͱղܾͷͨΊͷΞϓϩʔν 4. ऴΘΓʹ
86. ੈͷதɺΧωͰղܾͰ͖Δ
87. ͕ͩ…
88. ͕ۚͳ͍͔Βͦ͜ɺ ޻෉ͷ༨஍͕ੜ·ΕΔ
89. ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠