Slide 1

Slide 1 text

vue.jsで漢字のふりがな自動ม換を ࣮૷した話 鈴木孝之

Slide 2

Slide 2 text

"HFOEB ࣗݾ঺հ ࣮ݱ͔ͨͬͨ͠࢓༷ ࣮ࡍʹ࣮૷ͨ͠ߏ੒

Slide 3

Slide 3 text

ࣗݾ঺հɾձࣾ঺հ

Slide 4

Slide 4 text

Copyright Re:Build.inc All Rights Reserved. ࣗݾ঺հ 1 ◆໊લ ླ໦ ޹೭(Suzuki Takayuki) ※ಉ੏ಉ໊ଟͯ͘ࠔͬͯ·͢ɻɻɻ ◆ࣗݾ঺հ ɾ1990೥ੜ·Εɻ ɾԭೄͰىۀͯ͠໿3೥ɻ ɾPHPΧϯϑΝϨϯεԭೄ࣮ߦҕһ௕ɺ ϑϩϯτΤϯυΧϯϑΝϨϯεԭೄ࣮ߦҕһ௕ ◆झຯ ίεϓϨɺԻָϥΠϒɺϚϥιϯେձʹग़Δɺ໺ٿ؍ઓ BDD(Ϗʔνۦಈ։ൃ)

Slide 5

Slide 5 text

Copyright Re:Build.inc All Rights Reserved. ࣗݾ঺հ 1

Slide 6

Slide 6 text

Copyright Re:Build.inc All Rights Reserved. ձࣾ঺հ 1 ◆ձ໊ࣾ גࣜձࣾRe:Build ◆ॅॴ ԭೄݝಹ೼ࢢٱໜ஍2-2-2 λΠϜεϏϧ ◆ࣄۀ಺༰ ɾࣗࣾWEBαʔϏεͷاըɾ։ൃɻ ɾडୗ։ൃ ◆ࣾһ 10໊ ◆ΤϯδχΞͷಇ͖ํ ϦϞʔτϫʔΫՄೳͳࣗ༝ͳಇ͖ํΛਪ঑ͯ͠·͢ʂ

Slide 7

Slide 7 text

Copyright Re:Build.inc All Rights Reserved. 7 ɾαʔϏε໊ Tadoru
 https://tadoru.work/
 
 ɾγεςϜ֓ཁ ΤϯδχΞಛԽܕͷ ϦϑΝϥϧ Ϋϥ΢υιʔγϯά 1 ձࣾ঺հ

Slide 8

Slide 8 text

Copyright Re:Build.inc All Rights Reserved. 8 ɾαʔϏε໊ Re:Build Boot Camp
 https://rebuild-bootcamp.jp/
 
 ɾ֓ཁ ԭೄͱٶ࡚Ͱʮ࣮຿ϨϕϧʯΛ໨ ࢦ͢ํ޲͚ͷϓϩάϥϛϯάε Ϋʔϧ ɾ࢖͏ٕज़ LaravelɺVue.jsͳͲ 1 ձࣾ঺հ

Slide 9

Slide 9 text

࣮ݱ͔ͨͬͨ͠࢓༷

Slide 10

Slide 10 text

࣮ݱ͔ͨͬͨ͠࢓༷ ྫ

Slide 11

Slide 11 text

࣮ݱ͔ͨͬͨ͠࢓༷ ྫ ɾ׽ࣈͰೖྗͨ͠ࡍʹࣗಈͰ;Γ͕ͳ ม׵͢Δ ɾม׵͢Δࡍͷਫ਼౓͸ߴ͍΋ͷ͕ٻΊΒΕ͍ͯͨ ɾม׵εϐʔυ΋0.5ඵҎ্ΛٻΊΒΕ͍ͯͨ

Slide 12

Slide 12 text

࣮ݱ͔ͨͬͨ͠࢓༷ ྫ ཁ๬͕ࡉ͔ͯ͘ɺͳ͔ͳ͔ ࣮૷͕೉͍͠…

Slide 13

Slide 13 text

࣮ࡍʹ࣮૷ͨ͠ߏ੒

Slide 14

Slide 14 text

࠷ॳʹ࢖ͬͨϥΠϒϥϦ vue-autokana-sample vue.jsͰࣗಈͰ;Γ͕ͳΛೖྗ͢Δ ͨΊͷαϯϓϧʹͳΓ·͢ɻ ར༻ϥΠϒϥϦ͸ɺʮterrierscript/ historykanaʯʹͳΓ·͢ɻ https://github.com/idani/vue-autokana-sample

Slide 15

Slide 15 text

໰୊఺ ɾม׵଎౓͸଎͍ ɾ͚ΕͲɺม׵ͷਫ਼౓͸͋·Γߴ͘ͳ͍ɻ ɾ͜ΕͰ͸ɺਫ਼౓௿͍ͱ͓٬͞Μʹ٫Լ͞Εͨɻ

Slide 16

Slide 16 text

࣍ʹ࣮૷ͨ͠ํ๏ɹkuromoji.jsͰܗଶૉղੳ https://github.com/takuyaa/kuromoji.js/

Slide 17

Slide 17 text

kuromori.js ࣙॻݕࡧ ׽ࣈΛܗଶૉղੳ ͻΒ͕ͳม׵ ϩδοΫ ΧλΧφΛͻΒ͕ͳʹ ม׵ͯ͠දࣔ͢Δ גࣜձࣾϦϏϧυ ࣍ʹ࣮૷ͨ͠ํ๏ɹkuromoji.jsͰܗଶૉղੳ

Slide 18

Slide 18 text

໰୊఺ ɾม׵଎౓͸஗͍ɻม׵ʹ1.5ඵ΄Ͳ͔͔Δɻ ɾม׵ͷਫ਼౓͸͔ͳΓߴ͍ɻ ɾ͜ΕͰ͸ɺ଎౓͕஗͍ͱ͓٬͞Μʹ٫Լ͞Εͨɻ

Slide 19

Slide 19 text

Yahoo ϧϏৼΓ API גࣜձࣾϦϏϧυ ׽ࣈΛ͔ͳม׵ https://developer.yahoo.co.jp/webapi/jlp/furigana/v1/furigana.html ࣍ʹ࣮૷ͨ͠ํ๏ɹYahoo API

Slide 20

Slide 20 text

໰୊఺ ɾม׵଎౓͸଎͍ɻ ɾม׵ͷਫ਼౓͸ߴ͍ɻ ɾ঎༻ར༻ͩͱYahooଆʹ՝ۚͷਃ੥͕ඞཁɻ ɾ͜ΕͰ͸ɺ͓͕͔͔ۚΔͱɺ͓٬͞Μʹ٫Լ͞Εͨɻ

Slide 21

Slide 21 text

ɾແྉͰ׽ࣈͷม׵ͷ଎౓΋ਫ਼౓Λߴ͘͢Δͷ͸ ೉͔ͬͨ͠…ʂ ୭͔ྑ͍΍Γํ͋ͬͨΒɺڭ͍͑ͯͩ͘͞ʂʂʂ ·ͱΊ