【kintone cafe 名古屋】kintone初心者がプラグイン作ってみた話
TRANSCRIPT
kintone 初心者がプラグイン作ってみた話
山田 浩靖
kintone Café 名古屋 Vol.2
2
自己紹介 ロジックハート代表(個人事業主) 年齢:四捨五入すると 40 歳 主戦場はクラウドワークスやランサー
ズ 基本は PHPer で JavaScript な人 サーバインフラもやります コミュニティ活動: JAWS-UG 、 EC-CUBE 勉強会 Code for Nagoya (ハッカソン等)
Twitter: @hydra55Facebook: hiroyasu.yamada.79
3
最近、kintone来てるな
4
ただ触るだけじゃ・・・そうだ、プラグイン作ろう
5
漢字かな変換プラグイン j Query の autoKana プラグインを
kintoneのフォーム入力に適用させて
みる
名前を入力すると、自動的にふりがなが入る
6
既存の JavaScript の組み込みだし片手間でできるだろう・・・とはいかなかった
7
論より証拠
8
https://github.com/logicheart/kintonte-autokana
9
API 「 getFieldElement 」 フィールドコードを元に、input要素の
DOM を取得するメソッド
フォームの初期表示時に、漢字フィールドとかな
フィールドの要素を取得し、 autoKana に紐付け
れば 漢字フィールドへの入力イベントを検知して、か
なフィールドにかな文字が自動的に入る・・・は
ず
10
API 「 getFieldElement 」 フィールドコードを元に、input要素の
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
ご清聴ありがとうございました