vue.jsで漢字のふりがな自動変換を実装した話
vue.jsで漢字のふりがな自動ม換を࣮した話鈴木孝之
View Slide
"HFOEBࣗݾհ࣮ݱ͔༷࣮ͨͬͨ͠ࡍʹ࣮ͨ͠ߏ
ࣗݾհɾձࣾհ
Copyright Re:Build.inc All Rights Reserved.ࣗݾհ1◆໊લླ ೭(Suzuki Takayuki)※ಉಉ໊ଟͯ͘ࠔͬͯ·͢ɻɻɻ◆ࣗݾհɾ1990ੜ·ΕɻɾԭೄͰىۀͯ͠3ɻɾPHPΧϯϑΝϨϯεԭೄ࣮ߦҕһɺϑϩϯτΤϯυΧϯϑΝϨϯεԭೄ࣮ߦҕһ◆झຯίεϓϨɺԻָϥΠϒɺϚϥιϯେձʹग़Δɺٿ؍ઓBDD(Ϗʔνۦಈ։ൃ)
Copyright Re:Build.inc All Rights Reserved.ࣗݾհ1
Copyright Re:Build.inc All Rights Reserved.ձࣾհ1◆ձ໊ࣾגࣜձࣾRe:Build◆ॅॴԭೄݝಹࢢٱໜ2-2-2 λΠϜεϏϧ◆ࣄۀ༰ɾࣗࣾWEBαʔϏεͷاըɾ։ൃɻɾडୗ։ൃ◆ࣾһ10໊◆ΤϯδχΞͷಇ͖ํϦϞʔτϫʔΫՄೳͳࣗ༝ͳಇ͖ํΛਪͯ͠·͢ʂ
Copyright Re:Build.inc All Rights Reserved.7ɾαʔϏε໊Tadoru https://tadoru.work/ ɾγεςϜ֓ཁΤϯδχΞಛԽܕͷϦϑΝϥϧΫϥυιʔγϯά1 ձࣾհ
Copyright Re:Build.inc All Rights Reserved.8ɾαʔϏε໊Re:Build Boot Camp https://rebuild-bootcamp.jp/ ɾ֓ཁԭೄͱٶ࡚Ͱʮ࣮ϨϕϧʯΛࢦ͢ํ͚ͷϓϩάϥϛϯάεΫʔϧɾ͏ٕज़LaravelɺVue.jsͳͲ1 ձࣾհ
࣮ݱ͔༷ͨͬͨ͠
࣮ݱ͔༷ͨͬͨ͠ ྫ
࣮ݱ͔༷ͨͬͨ͠ ྫɾࣈͰೖྗͨ͠ࡍʹࣗಈͰ;Γ͕ͳ ม͢Δɾม͢Δࡍͷਫ਼ߴ͍ͷ͕ٻΊΒΕ͍ͯͨɾมεϐʔυ0.5ඵҎ্ΛٻΊΒΕ͍ͯͨ
࣮ݱ͔༷ͨͬͨ͠ ྫཁ͕ࡉ͔ͯ͘ɺͳ͔ͳ͔࣮͕͍͠…
࣮ࡍʹ࣮ͨ͠ߏ
࠷ॳʹͬͨϥΠϒϥϦvue-autokana-samplevue.jsͰࣗಈͰ;Γ͕ͳΛೖྗ͢ΔͨΊͷαϯϓϧʹͳΓ·͢ɻར༻ϥΠϒϥϦɺʮterrierscript/historykanaʯʹͳΓ·͢ɻhttps://github.com/idani/vue-autokana-sample
ɾม͍ɾ͚ΕͲɺมͷਫ਼͋·Γߴ͘ͳ͍ɻɾ͜ΕͰɺਫ਼͍ͱ͓٬͞Μʹ٫Լ͞Εͨɻ
࣍ʹ࣮ͨ͠ํ๏ɹkuromoji.jsͰܗଶૉղੳhttps://github.com/takuyaa/kuromoji.js/
kuromori.jsࣙॻݕࡧࣈΛܗଶૉղੳͻΒ͕ͳมϩδοΫΧλΧφΛͻΒ͕ͳʹมͯ͠දࣔ͢ΔגࣜձࣾϦϏϧυ࣍ʹ࣮ͨ͠ํ๏ɹkuromoji.jsͰܗଶૉղੳ
ɾม͍ɻมʹ1.5ඵ΄Ͳ͔͔Δɻɾมͷਫ਼͔ͳΓߴ͍ɻɾ͜ΕͰɺ͕͍ͱ͓٬͞Μʹ٫Լ͞Εͨɻ
Yahoo ϧϏৼΓAPIגࣜձࣾϦϏϧυࣈΛ͔ͳมhttps://developer.yahoo.co.jp/webapi/jlp/furigana/v1/furigana.html࣍ʹ࣮ͨ͠ํ๏ɹYahoo API
ɾม͍ɻɾมͷਫ਼ߴ͍ɻɾ༻ར༻ͩͱYahooଆʹ՝ۚͷਃ͕ඞཁɻɾ͜ΕͰɺ͓͕͔͔ۚΔͱɺ͓٬͞Μʹ٫Լ͞Εͨɻ
ɾແྉͰࣈͷมͷਫ਼Λߴ͘͢Δͷ͔ͬͨ͠…ʂ୭͔ྑ͍Γํ͋ͬͨΒɺڭ͍͑ͯͩ͘͞ʂʂʂ·ͱΊ