kintone Cafe 名古屋 Vol.2（2015年11月13日）LT資料 一部改変

1. kintone初心者が
プラグイン作ってみた話
山田 浩靖
kintone Café 名古屋 Vol.2

2. 2
自己紹介
 ロジックハート代表（個人事業主）
 年齢：四捨五入すると40歳
 主戦場はクラウドワークスやランサーズ
 基本はPHPerでJavaScriptな人
 サーバインフラもやります
 コミュニティ活動：
JAWS-UG、EC-CUBE勉強会
Code for Nagoya（ハッカソン等）
Twitter: @hydra55
Facebook: hiroyasu.yamada.79

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

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

5. 5
漢字かな変換プラグイン
 ｊQueryのautoKanaプラグインを
ｋｉｎｔｏｎｅのフォーム入力に適用させてみる
 名前を入力すると、自動的にふりがなが入る

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

7. 7
論より証拠

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

9. 9
API「getFieldElement」
 フィールドコードを元に、ｉｎｐｕｔ要素のDOMを取得する
メソッド
 フォームの初期表示時に、漢字フィールドとかなフィー
ルドの要素を取得し、autoKanaに紐付ければ
 漢字フィールドへの入力イベントを検知して、かな
フィールドにかな文字が自動的に入る・・・はず

10. 10
API「getFieldElement」
 フィールドコードを元に、ｉｎｐｕｔ要素のDOMを取得する
メソッド
 フォームの初期表示時に、漢字フィールドとかなフィー
ルドの要素を取得し、autoKanaに紐付ければ
 漢字フィールドへの入力イベントを検知して、かな
フィールドにかな文字が自動的に入る・・・はず
入力フォームでは
getFieldElementが効かない！

11. 11
論より証拠

12. 12
お問い合わせしてみた
kintone.app.record.getFieldElement について
入力フォームではフィールドのElementを取得できないようなので
すがそのような仕様でしょうか。
恐れ入りますが、“getFieldElement” に関しましては、レコード編集
画面で使用できないものとなっております。
フィールド要素を取得する処理 “getFieldElement” に関しましては、
レコード詳細画面でのみ利用可能となっております。
ご要望の動作ができず、ご迷惑おかけいたします。申し訳ございま
せん。
From: サイボウズテクニカルセンター

13. 13
で、どうしたか
 input要素のidもclassも一意に決まらない
→idやclassからフィールド要素を特定できない
 ラベル（「担当者名」「担当者名（かな）」）が必ずinput要
素の前にある （はず）
ラベル要素を特定して、
その直下にあるinput要素を取得

14. 14
で、どうしたか
 input要素のidもclassも一意に決まらない
→idやclassからフィールド要素を特定できない
 ラベル（「担当者名」「担当者名（かな）」）が必ずinput要
素の前にある （はず）
ラベル要素を特定して、
その直下にあるinput要素を取得
同一のラベル名はNG
「姓」 → 「かな」
「名」 → 「かな」
「姓」 → 「姓かな」
「名」 → 「名かな」
フィールドコードなら一意になるのに

15. 15
お知らせいただいたご意見は、担当部門に共
有し、JavaScript API を改善する際、十分参考
とさせていただきます。
From: サイボウズテクニカルセンター
期待します

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