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
2k
vue.jsで漢字のふりがな自動変換を実装した話
vue.jsで漢字のふりがな自動変換を実装した話
Takayuki
PRO
September 17, 2021
Tweet
Share
More Decks by Takayuki
See All by Takayuki
エンジニアのキャリア論
bumptakayuki
PRO
0
69
地方カンファレンス主催のススメ
bumptakayuki
PRO
1
130
Laravelで敢えて試す脆弱性のある書き方
bumptakayuki
PRO
1
580
地方でのPHPエンジニア採用って実際どうなの?
bumptakayuki
PRO
0
460
沖縄観光、名物を一挙紹介!
bumptakayuki
PRO
2
470
Laravel ShiftでLaravelのバージョンアップしてみた話
bumptakayuki
PRO
1
1.4k
flutterでイベントアプリを作ってみた
bumptakayuki
PRO
0
98
オフショア開発の辛みと学んだ事
bumptakayuki
PRO
0
320
ChatGPTにStripeのサンプルコードを書かせてみた
bumptakayuki
PRO
1
140
Other Decks in Programming
See All in Programming
DynamoDB コスト最適化っぽいことの基本 with Terraform
kuro_kurorrr
2
250
Product Management LT会_クアンド新家
shinshin
0
260
Folding Cheat Sheet #7
philipschwarz
PRO
0
150
CSC307 Lecture 06
javiergs
PRO
0
360
Xcode 16のPreviewModifierと@Previewableを活用した効率的なプレビュー方法の考察
ojun9
2
160
MIERUNE BBQにおけるユーザー中心設計()
mierune
PRO
1
110
12年前の『型システム入門』翻訳の思い出話
mame
11
1.2k
小さな開発会社を作った理由
polidog
0
1.9k
Trial
cairolibrary720
1
130
DMMプラットフォームにおけるTiDBの導入から運用まで
pospome
7
3k
Clean Architecture by TypeScript & NestJS
ryounasso
0
150
Findy - エンジニア向け会社紹介 / Findy Letter for Engineers
findyinc
2
81k
Featured
See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
17
8.7k
How GitHub Uses GitHub to Build GitHub
holman
471
290k
What's new in Ruby 2.0
geeforr
338
31k
10 Git Anti Patterns You Should be Aware of
lemiorhan
652
58k
How To Stay Up To Date on Web Technology
chriscoyier
784
250k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
35
6.3k
Statistics for Hackers
jakevdp
792
220k
Large-scale JavaScript Application Architecture
addyosmani
506
110k
The Straight Up "How To Draw Better" Workshop
denniskardys
229
130k
Designing for Performance
lara
604
67k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.8k
Facilitating Awesome Meetings
lara
46
5.8k
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ଆʹ՝ۚͷਃ͕ඞཁɻ ɾ͜ΕͰɺ͓͕͔͔ۚΔͱɺ͓٬͞Μʹ٫Լ͞Εͨɻ
ɾແྉͰࣈͷมͷਫ਼Λߴ͘͢Δͷ ͔ͬͨ͠…ʂ ୭͔ྑ͍Γํ͋ͬͨΒɺڭ͍͑ͯͩ͘͞ʂʂʂ ·ͱΊ