# 【フォームブリッジ】formbridgeで名前を自動でカナ変換したい **URL:** \ **Category:** kintone 開発相談\ **Created:** [2018 年 5 月 17 日午前 3:25 UTC](https://community.cybozu.dev/t/topic/3086 "2018-05-17T03:25:22Z")\ **Posts on this page:** 5\ **Page:** 1
**Author:** ![Legacy\_Account600](https://avatars.discourse-cdn.com/v4/letter/l/bcef8e/32.png) [@Legacy\_Account600](https://community.cybozu.dev/u/Legacy_Account600)\ **Post date:** [2018 年 5 月 17 日午前 3:25 UTC](https://community.cybozu.dev/t/topic/3086/1 "2018-05-17T03:25:22Z")
[**フォームクリエイターへautoKanaを適用したいです**](https://community.cybozu.dev/hc/ja/community/posts/115017726923-%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%82%AF%E3%83%AA%E3%82%A8%E3%82%A4%E3%82%BF%E3%83%BC%E3%81%B8autoKana%E3%82%92%E9%81%A9%E7%94%A8%E3%81%97%E3%81%9F%E3%81%84%E3%81%A7%E3%81%99) という記事を拝見したのですが、 この記事内にあった  [CompositionEventを利用してフリガナを取得する(その2)](http://pinch-blog.blogspot.jp/2016/12/compositionevent2.html) ソース [https://github.com/VeryPinch/autoKana2](https://github.com/VeryPinch/autoKana2) デモ [https://verypinch.github.io/autoKana2/](https://verypinch.github.io/autoKana2/)   をformbridgeで適用できますでしょうか？ フォームクリエイターもformbridgeと同じ サイボウズスタートアップス社のサービスなので 素人の私としては同じ要領でいけるのではないかと思ってますが、 もし可能であれば、 どの部分を変更すればよいかご教示いただきたいです。     ---
**Author:** ![Legacy\_Account616](https://avatars.discourse-cdn.com/v4/letter/l/b5e925/32.png) [@Legacy\_Account616](https://community.cybozu.dev/u/Legacy_Account616)\ **Post date:** [2018 年 5 月 28 日午前 3:09 UTC](https://community.cybozu.dev/t/topic/3086/2 "2018-05-28T03:09:46Z")
kyodenさん まず、このライブラリとForm Bridgeの相性はあまり良くないことが予測できます。 Form Bridgeはリアクティブにフォームの内容を変更しているため、把握できないイベントによって値が変更した場合、正しく値が認識できない可能性があります。 そのため、開発する際には十分動作確認を行うことをオススメします。   また、Form Bridgeには値の変更イベント(fb.events.fields.{fieldCode}.changed)がありますので、このイベントを利用して、カナ変換するのが望ましいでしょう。   以上、参考になりますでしょうか？ ---
**Author:** ![Legacy\_Account600](https://avatars.discourse-cdn.com/v4/letter/l/bcef8e/32.png) [@Legacy\_Account600](https://community.cybozu.dev/u/Legacy_Account600)\ **Post date:** [2018 年 5 月 31 日午前 12:08 UTC](https://community.cybozu.dev/t/topic/3086/3 "2018-05-31T00:08:11Z")
 落合さん   [https://github.com/VeryPinch/autoKana2](https://github.com/VeryPinch/autoKana2) では自動カナ変換は難しいという認識でよろしいでしょうか？ もしフォームブリッジで自動カナ変換をする方法が他にありましたら、 ご教示いただけますと幸いです。 ---
**Author:** ![Legacy\_Account616](https://avatars.discourse-cdn.com/v4/letter/l/b5e925/32.png) [@Legacy\_Account616](https://community.cybozu.dev/u/Legacy_Account616)\ **Post date:** [2018 年 5 月 31 日午前 12:32 UTC](https://community.cybozu.dev/t/topic/3086/4 "2018-05-31T00:32:56Z")
kyodenさん   [https://github.com/VeryPinch/autoKana2](https://github.com/VeryPinch/autoKana2) は jQuery を使ったDOMを直接操作するためのライブラリになりますが、Form Bridgeでは、用意されている state を変更することで、DOMの変更を行います。 kintoneと同じように、直接DOMの変更を行うのは望ましくありません。特に、フォームの値を変更する操作は行わないほうがいいでしょう。   \> Form Bridgeには値の変更イベント(fb.events.fields.{fieldCode}.changed)がありますので、このイベントを利用して、カナ変換するのが望ましいでしょう。 と書いてあるように、変換元の変更イベントで変換先のフィールドの値にカナ変換した値を格納することで実現できるかと思います。 ただ、IMEはブラウザ毎に挙動が異なりますし、バージョンアップで挙動が変わることもあるため、十分注意が必要でしょう。 autoKana2 でも個別にブラウザやバージョン毎に例外操作を行っているようですね。   以上、参考になりますでしょうか？ ---
**Author:** ![system](https://us1.discourse-cdn.com/flex015/uploads/cybozu/original/1X/d5c841c3c5a6cb66eed514001c1b45147c9e1f4f.png) [@system](https://community.cybozu.dev/u/system)\ **Post date:** [2024 年 10 月 29 日午前 8:13 UTC](https://community.cybozu.dev/t/topic/3086/5 "2024-10-29T08:13:33Z")
このトピックはベストアンサーに選ばれた返信から 3 日が経過したので自動的にクローズされました。新たに返信することはできません。