kintone 初心者がプラグイン作ってみた話

山田 浩靖

kintone Café  名古屋 Vol.2

2

自己紹介 ロジックハート代表（個人事業主） 年齢：四捨五入すると 40 歳 主戦場はクラウドワークスやランサー

ズ 基本は PHPer で JavaScript な人 サーバインフラもやります コミュニティ活動：　　 JAWS-UG 、 EC-CUBE 勉強会　　 Code for Nagoya （ハッカソン等）

Twitter: @hydra55Facebook: hiroyasu.yamada.79

3

最近、ｋｉｎｔｏｎｅ来てるな

4

ただ触るだけじゃ・・・そうだ、プラグイン作ろう

5

漢字かな変換プラグイン ｊ Query の autoKana プラグインを

　ｋｉｎｔｏｎｅのフォーム入力に適用させて

みる

名前を入力すると、自動的にふりがなが入る

6

既存の JavaScript の組み込みだし片手間でできるだろう・・・とはいかなかった

7

論より証拠

8

https://github.com/logicheart/kintonte-autokana

9

API 「 getFieldElement 」 フィールドコードを元に、ｉｎｐｕｔ要素の

DOM を取得するメソッド

フォームの初期表示時に、漢字フィールドとかな

フィールドの要素を取得し、 autoKana に紐付け

れば 漢字フィールドへの入力イベントを検知して、か

なフィールドにかな文字が自動的に入る・・・は

ず

10

API 「 getFieldElement 」 フィールドコードを元に、ｉｎｐｕｔ要素の

DOM を取得するメソッド

フォームの初期表示時に、漢字フィールドとかな

フィールドの要素を取得し、 autoKana に紐付け

れば 漢字フィールドへの入力イベントを検知して、か

なフィールドにかな文字が自動的に入る・・・は

ず

入力フォームではgetFieldElement が効かない！

11

論より証拠

12

お問い合わせしてみたkintone.app.record.getFieldElement について入力フォームではフィールドの Element を取得できないようなのですがそのような仕様でしょうか。

恐れ入りますが、“ getFieldElement” に関しましては、レコード編集画面で使用できないものとなっております。フィールド要素を取得する処理 “ getFieldElement” に関しましては、レコード詳細画面でのみ利用可能となっております。ご要望の動作ができず、ご迷惑おかけいたします。申し訳ございません。

From: サイボウズテクニカルセンター

13

で、どうしたか input 要素の id も class も一意に決まらない

　→ id や class からフィールド要素を特定できな

い ラベル（「担当者名」「担当者名（かな）」）が

必ず input 要素の前にある　（はず）

ラベル要素を特定して、その直下にある input 要素を取得

14

で、どうしたか input 要素の id も class も一意に決まらない

　→ id や class からフィールド要素を特定できな

い ラベル（「担当者名」「担当者名（かな）」）が

必ず input 要素の前にある　（はず）

ラベル要素を特定して、その直下にある input 要素を取得

同一のラベル名は NG「姓」　→　「かな」「名」　→　「かな」

「姓」　→　「姓かな」「名」　→　「名かな」

フィールドコードなら一意になるのに

15

お知らせいただいたご意見は、担当部門に共有し、 JavaScript API を改善する際、十分参考とさせていただきます。

From: サイボウズテクニカルセンター

期待します

16

ご清聴ありがとうございました