Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
vue.jsで漢字のふりがな自動変換を実装した話
Takayuki
September 17, 2021
Programming
1
260
vue.jsで漢字のふりがな自動変換を実装した話
vue.jsで漢字のふりがな自動変換を実装した話
Takayuki
September 17, 2021
Tweet
Share
More Decks by Takayuki
See All by Takayuki
本当にあった怖いPHPコード7選
bumptakayuki
1
1.9k
Laravel Activity Logを使って簡単に変更履歴機能を実装しよう
bumptakayuki
0
110
Nuxt.jsのmiddlewareを使って権限チェックしたらスパゲティになってしまった話
bumptakayuki
1
160
LaravelのFat Controllerをどうリファクタしていくか
bumptakayuki
0
200
LaravelとNuxt.jsで保守性を高める構成を考えてみた
bumptakayuki
1
710
沖縄のスタートアップ企業が痛みを伴いながら、2つ目の自社プロダクト開発への挑戦
bumptakayuki
0
300
ベトナムや東京、日本各地を回って沖縄を選んだキャリア
bumptakayuki
0
560
炎上はクリスマスと共に来る
bumptakayuki
1
820
Introduction to flutter for beginners
bumptakayuki
0
94
Other Decks in Programming
See All in Programming
もしも、 上司に鬼退治を命じられたら~プロジェクト計画編~
higuuu
0
270
tfcon2022_Web3Dひとめぐり.pdf
emadurandal
0
740
확장 가능한 테라폼 코드 관리 (Scalable Terraform Code Management)
posquit0
1
310
Explore Java 17 and beyond
josepaumard
3
630
From Java 11 to 17 and beyond
josepaumard
0
290
人類には難しいZynqで組み込みRust
ikemori
0
480
microCMS × Shopifyで、ECサイトがリニューアル後急成長した話
microcms
0
450
Go API クライアントの実装 〜Go Conference に載せれなかったTIPS〜
yyoshiki41
0
190
Nix for Scala folks
kubukoz
0
120
Language Summit 2022: WebAssembly: Python in the browser and beyond
tiran
2
310
Reactでアプリケーションを構築する多様化
sakito
4
3.1k
Android Architecture Design With Koin
agiuliani
0
210
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
73
4.1k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
19
1.4k
Code Review Best Practice
trishagee
41
6.7k
Put a Button on it: Removing Barriers to Going Fast.
kastner
56
2.3k
Why You Should Never Use an ORM
jnunemaker
PRO
47
5.5k
Streamline your AJAX requests with AmplifyJS and jQuery
dougneiner
125
8.5k
StorybookのUI Testing Handbookを読んだ
zakiyama
4
2k
Designing for humans not robots
tammielis
241
23k
Product Roadmaps are Hard
iamctodd
34
6.1k
The MySQL Ecosystem @ GitHub 2015
samlambert
238
11k
How STYLIGHT went responsive
nonsquared
85
3.9k
The World Runs on Bad Software
bkeepers
PRO
56
5.2k
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ଆʹ՝ۚͷਃ͕ඞཁɻ ɾ͜ΕͰɺ͓͕͔͔ۚΔͱɺ͓٬͞Μʹ٫Լ͞Εͨɻ
ɾແྉͰࣈͷมͷਫ਼Λߴ͘͢Δͷ ͔ͬͨ͠…ʂ ୭͔ྑ͍Γํ͋ͬͨΒɺڭ͍͑ͯͩ͘͞ʂʂʂ ·ͱΊ