Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
vue.jsで漢字のふりがな自動変換を実装した話
Search
Takayuki
PRO
September 17, 2021
Programming
1
1.7k
vue.jsで漢字のふりがな自動変換を実装した話
vue.jsで漢字のふりがな自動変換を実装した話
Takayuki
PRO
September 17, 2021
Tweet
Share
More Decks by Takayuki
See All by Takayuki
地方カンファレンス主催のススメ
bumptakayuki
PRO
1
93
Laravelで敢えて試す脆弱性のある書き方
bumptakayuki
PRO
1
260
地方でのPHPエンジニア採用って実際どうなの?
bumptakayuki
PRO
0
350
沖縄観光、名物を一挙紹介!
bumptakayuki
PRO
2
380
Laravel ShiftでLaravelのバージョンアップしてみた話
bumptakayuki
PRO
1
910
flutterでイベントアプリを作ってみた
bumptakayuki
PRO
0
86
オフショア開発の辛みと学んだ事
bumptakayuki
PRO
0
300
ChatGPTにStripeのサンプルコードを書かせてみた
bumptakayuki
PRO
1
130
ChatGPTに記事を書かせてみた
bumptakayuki
PRO
1
200
Other Decks in Programming
See All in Programming
とにかくHTTP3をライトニングに話す / Anyway, I'll talk to Lightning about HTTP3.
seike460
PRO
0
110
before_rails_girls_after_rails_girls
maimux2x
0
300
Deep Dive 大規模システムアーキテクチャ/開発組織エンジニアリング / Deep Dive Large-Scale System Architecture, Development Organization Engineering
nrslib
4
430
PHPアプリケーションのスケーラビリティと 信頼性を革新する nginx+ngx_mrubyとGoの融合
pyama86
2
220
Crafting a Own PHP - ウキウキ手作りミニマリストPHP
uzulla
4
960
マイ隙間家具OSSたちのご紹介
karupanerura
2
120
PHP8の機能を使って堅牢にコードを書く
fendo181
6
2k
BuefyのMaintainerを引き継いだ件
kikuomax
0
330
Material 3で Material 2ぽい見た目にする
numeroanddev
2
220
ログラスの継続的なプロンプト改善のためのLLMOpsの今 / LLMOps at loglass now
rkaga
PRO
1
330
一休.comレストランのRustバックエンド開発の様子
kymmt90
13
7.9k
OpCode目線で眺める PHPコードのカバレッジ
o0h
PRO
2
470
Featured
See All Featured
The Cult of Friendly URLs
andyhume
72
5.6k
Fashionably flexible responsive web design (full day workshop)
malarkey
397
65k
Scaling GitHub
holman
456
140k
Documentation Writing (for coders)
carmenintech
59
3.7k
Building Applications with DynamoDB
mza
88
5.5k
VelocityConf: Rendering Performance Case Studies
addyosmani
319
23k
Side Projects
sachag
451
41k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.3k
Code Review Best Practice
trishagee
54
15k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
11
1.4k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
111
35k
A Modern Web Designer's Workflow
chriscoyier
689
190k
Transcript
vue.jsで漢字のふりがな自動ม換を ࣮した話 鈴木孝之
"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-sample vue.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ଆʹ՝ۚͷਃ͕ඞཁɻ ɾ͜ΕͰɺ͓͕͔͔ۚΔͱɺ͓٬͞Μʹ٫Լ͞Εͨɻ
ɾແྉͰࣈͷมͷਫ਼Λߴ͘͢Δͷ ͔ͬͨ͠…ʂ ୭͔ྑ͍Γํ͋ͬͨΒɺڭ͍͑ͯͩ͘͞ʂʂʂ ·ͱΊ