【kintone Cafe 名古屋】kintone初心者がプラグイン作ってみた話

  • View
    1.511

  • Download
    0

  • Category

    Internet

Preview:

Citation preview

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

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

Recommended