kintone Café 愛媛 Vol.11、kintoneプラグインを試してみようハンズオンで使った進行よう資料です。

1. れーっつ！
プラーグ！イーン！
郵便番号検索プラスと
カレンダーPLUSを試そう
2018/10/27
新妻正夫 @ kintone Café 愛媛 Vol.11

2. 自己紹介
新妻正夫（にいづままさお）
2014年よりサイボウズ公認
kintoneエバンジェリスト
郵便番号検索プラスプラグイン開
発(累計ダウンロード数5500越え
）
職住接近のオフィス兼コワーキ
ングスペース「Hanare」を運営
地域の子供達がプログラミング
をする場「CoderDojoひばりヶ
丘」主宰。6年間/130回を超え
る定例会
Scratch 2018 TokyoにてMitchel Resnick教授と

3. 本日のお題
kintoneのプラグインとは
郵便番号検索プラスプラグイン for kintoneを試そう
郵便番号検索プラスとは
れーっつ！プラーグ！イーン！
カレンダーPLUSを試そう
カレンダーPLUSとは(動画)
れーっつ！プラーグ！イーン！
カレンダーPLUSを遊び倒してみよう

4. kintoneのプラグインってなーに？
会場の誰にきこーかなー
しまえながは叱りませんｗ

5. kintoneのプラグインとは
kintoneが標準で持っていな
い機能を追加する小さなパ
ッケージ
コーディングが不要
アプリごとに設定
提供元はバラバラ
サイボウズ
大手ベンダーから零細企業/
個人まで
現在は200程度ある(らしい
)

6. 動画にしてみました

7. 一部をご紹介
サイボウズ提供
ガントチャートプラグイン
新デザイン版 条件書式プラグイン
JSEdit for kintone
kintone スプレッドシートプラグイン
入力値チェックプラグイン
Sansan for kintone
kintone イベントカレンダープラグイン
自動採番プラグイン
kintone アプリ一覧プラグイン
文字結合プラグイン
いいね!プラグイン
拠点案内サービス プラグイン
Box for kintone
Dropbox for kintone 2.0
Dropbox for kintone
Zendesk for kintone
MTG効率化プラグイン
サードパーティ製(一部)
カレンダーPlus
DataSpider Servista for kintone
Smart at estimate
kBackup
プリントクリエイター
住所のマップリンク化
一覧合計行挿入
アクションメニュー説明ラベル
OPROARTS Connector for kintone
会社INDeX:30万社HPニュース参照
郵便番号検索プラス
Movable Type 連携
kintoneスタンプ
再利用フィールド指定プラグイン
レコード一括更新プラグイン

8. ぷらぐ委員会
kintoneプラグインの認知拡大、利便性向上を目指す団体
も誕生

9. 郵便番号検索プラスプラグイン
for kintone を試そう

10. 郵便番号検索プラス
「郵便番号 kintone」で検索してください
製品ページから「お試し版」をダウンロードします

11. れーっつ！プラーグ！イーン！
アプリストアから「顧客リスト」を追加します
顧客リストのフォームにボタンを配置する「スペース(※）」
を追加します
kintone システム管理からダウンロードしたプラグインを読み
込みます
顧客リストでプラグインの追加と設定を行います
動作を確認します
では、一緒にやっていきましょう。
「できる人」は周りをサポートしてねっ！

12. 顧客リストを作成
それぞれのkintoneにログインしてください
アプリストアの「顧客リスト」を選んで作成
・・・・・・・できますよねｗ

13. プラグインをkintoneにインストール
kintoneの「システム管理」から「プラグイン」を選択
「読み込み」をクリック
ダウンロードした「zipplusv301-try.zip」を読み込み

14. フォームを編集します
「郵便番号プラス」では、「ボタン」を配置する場所と
して「スペース」を使用します
スペースを追加した後、「要素ID」として適当な文字(英
数字）を設定します
プラグインだけでなくJSカスタマイズでも
よく使われる手法です

15. フォームを編集する

16. プラグインの追加
アプリの設定タブから「プラグイン」をクリック
「プラグインの追加」をクリック
プラグインを選んで「追加」をクリック

17. プラグインを設定する
プラグインの設定画面を開く
設定していきます

18. 試してみましょう
レコード追加画面で郵便番号を入れてボタンをクリック
できたーーー！
たー！

19. カレンダーPLUSを試そう

20. カレンダーPLUSとは

21. カレンダーPLUS
「カレンダーPLUS」で検索してください
製品サイトから、プラグインとサンプルアプリをダウン
ロードします

22. れーっつ！プラーグ！イーン！
ダウンロードしたサンプルアプリ（テンプレート）から
アプリを新規作成
kintone システム管理からダウンロードした「カレンダー
PLUS」プラグインを読み込みます
「サンプルアプリ」に「カレンダーPLUS」を追加/設定し
ます
動作を確認します
一緒にやっていきましょう。
「できる人」は周りをサポートしてねっ！

23. 「サンプルアプリ」からアプリを作成
kintoneシステム管理から「アプリテンプレート」をクリ
ック
ダウンロードした「calendarPlusSampleApp7.5.zip」を追
加
アプリ作成でテンプレートからアプリを作成
「案件マスタ」と「カレンダーPLUSサンプルアプリ」が
作成されます

24. 「サンプルアプリ」にカレンダーPLUSを追加/設
定
プラグインの追加までの手順は「郵便番号検索プラス」
と同じです。
ダウンロードした「calendarPlus_v7.5.1.zip」をkintoneシ
ステム管理の「プラグイン」から読み込みます
サンプルアプリの設定からカレンダーPLUSを追加します
カレンダーPLUSの設定をしていきます
項目がいっぱいｗあるので、順番にやっていきましょう

25. カレンダーPLUSサンプルアプリ
どんなフィールドがあるか見ておきましょう

26. カレンダーPLUSを設定しましょう
サンプルアプリの設定ｰ>プラグイン->プラグインの追加
カレンダーPLUSの設定画面を開く

27. こいつは気にせずに・・
ライセンスを購入するまで、この画面は出続けるそうで
す

28. できましたか？
予定をいろいろ入れて遊んでみましょう

29. カレンダーPLUSを遊び倒してみよう
ｗ
設定項目がいろいろあるので試してみましょう
Proオプション(リソース管理）を有効にしてみる
案件マスタからのルックアップもできる（そうです）
サンプルアプリ以外の自前アプリで使ってみる
カレンダーPLUS用のビューを作る必要があります
いろいろやってからの疑問点は、あとで開発者の「斎藤
栄」さんに丸投げしときます（ひどい）

30. プラグインのよくある質問
Lightコースでも使えますか？
残念ながら使えません
プラグインを複数使うことはできますか？
基本的にはできる「はず」なのですが、組合せによってはうまくいかな
いケースもあるようです。お試しがおすすめ
独自のJSカスタマイズとプラグインでも同じ事がいえます
プラグインは誰でも開発できるのですか？
できます。売ろうが配ろうが自由ですｗ
プラグインの開発に必要なスキルはなんですか？
基本はkintoneのJS/CSSカスタマイズのスキルです
加えて「設定画面」の作成にHTML5のスキルがいります
サイボウズ提供のサンプルからはじめるのがおすすめ

31. それでは、みなさま
よいkintoneライフを！