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
September 17, 2021
Programming
1
2.6k
vue.jsで漢字のふりがな自動変換を実装した話
vue.jsで漢字のふりがな自動変換を実装した話
Takayuki
September 17, 2021
Tweet
Share
More Decks by Takayuki
See All by Takayuki
Laravel × Clean Architecture
bumptakayuki
0
320
エンジニアのキャリア論
bumptakayuki
0
200
地方カンファレンス主催のススメ
bumptakayuki
1
210
Laravelで敢えて試す脆弱性のある書き方
bumptakayuki
2
1.1k
地方でのPHPエンジニア採用って実際どうなの?
bumptakayuki
0
670
沖縄観光、名物を一挙紹介!
bumptakayuki
2
670
Laravel ShiftでLaravelのバージョンアップしてみた話
bumptakayuki
1
2.7k
flutterでイベントアプリを作ってみた
bumptakayuki
0
160
オフショア開発の辛みと学んだ事
bumptakayuki
0
400
Other Decks in Programming
See All in Programming
コンテキストエンジニアリング Cursor編
kinopeee
1
740
Protocol Buffersの型を超えて拡張性を得る / Beyond Protocol Buffers Types Achieving Extensibility
linyows
0
100
複雑なドメインに挑む.pdf
yukisakai1225
4
860
奥深くて厄介な「改行」と仲良くなる20分
oguemon
0
120
Go言語での実装を通して学ぶLLMファインチューニングの仕組み / fukuokago22-llm-peft
monochromegane
0
110
オープンセミナー2025@広島「君はどこで動かすか?」アンケート結果
satoshi256kbyte
0
230
『リコリス・リコイル』に学ぶ!! 〜キャリア戦略における計画的偶発性理論と変わる勇気の重要性〜
wanko_it
1
620
未来を拓くAI技術〜エージェント開発とAI駆動開発〜
leveragestech
2
200
go test -json そして testing.T.Attr / Kyoto.go #63
utgwkk
1
200
パスタの技術
yusukebe
1
550
ECS初心者の仲間 – TUIツール「e1s」の紹介
keidarcy
0
140
オープンセミナー2025@広島LT技術ブログを続けるには
satoshi256kbyte
0
150
Featured
See All Featured
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Code Reviewing Like a Champion
maltzj
525
40k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
31
2.2k
Optimizing for Happiness
mojombo
379
70k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
29
2.8k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.6k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
51
5.6k
Site-Speed That Sticks
csswizardry
10
800
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ଆʹ՝ۚͷਃ͕ඞཁɻ ɾ͜ΕͰɺ͓͕͔͔ۚΔͱɺ͓٬͞Μʹ٫Լ͞Εͨɻ
ɾແྉͰࣈͷมͷਫ਼Λߴ͘͢Δͷ ͔ͬͨ͠…ʂ ୭͔ྑ͍Γํ͋ͬͨΒɺڭ͍͑ͯͩ͘͞ʂʂʂ ·ͱΊ