Calendar Plus JavaScript APIをいじってみた
0 likes1,305 views
kintone Café 仙台 Vol.11の登壇資料です
Calendar Plus JavaScript APIをいじってみた
- 1. kintone Café 仙台 Vol.11 2019/3/14 Calendar Plus JavaScript API をいじってみた ラジカルブリッジ 代表 リトルヘルプ合同会社 CTO 兼 宴会部長 北海道ITソリューション協会 理事 斎藤 栄 #kintonecafe
- 2. #kintonecafe 1 自己紹介 • kintoneぷらぐ委員会メンバー • kintone Café 創始者/運営事務局/札幌支部メンバー • TwilioJP-UG 札幌コアメンバー • JP_Stripes 札幌（お手伝い） 代表 / Mr. Cloud（クラウドおじさん） サイボウズ公認kintoneエバンジェリスト 斎藤 栄（さいとう さかえ）
- 3. #kintonecafe 2 自己紹介 リトルヘルプ合同会社 CTO 兼 宴会部長 お教室マネージャー 『テトコ』tetoco.jp powered by
- 6. #kintonecafe 5 kintone Caféの創始者ラジカルブリッジ斎藤氏が実践する「俺流」 http://ascii.jp/elem/000/001/498/1498638/ ［俺流 斎藤］で検索！ 2017年6月20日 ascii.jp - kintone三昧《kintoneな人》 • 大衆居酒屋「俺流」で俺流の生き方を語る • kintoneの仕事をするようになった経緯 • kintone Café への思い • 個人事業を続けることのこだわり
- 9. #kintonecafe 8 kintoneプラグイン《カレンダーPlus》 サクサク動くからストレスフリー！ に素敵なカレンダー機能をプラスする 全世界対応の定番プラグイン カレンダーPlus ◉ マウスドラッグで予定変更が楽チン！ ◉ 様々な予定をみんなで共有！ ◉ 自分だけの予定も登録できる！ ◉ 色分けできるからわかりやすい！ ◉ お使いのアプリにそのままプラグイン！ ◉ あらゆるタイムゾーンに対応！ ◉ 日本語・English・中文（簡体）対応！ ◉ ゲストスペース内アプリにも対応！
- 12. #kintonecafe 11 カレンダーPlus Pro Proは、Basicの機能に加えて、担当者別・会議室別・車両別など 任意の軸でスケジュールを管理できる機能を搭載 会議室別 担当者別
- 17. #kintonecafe 16 カレンダPlus Ver.9.0 2019/3/7リリース Calendar Plus JavaScript API 搭載！ カレンダーPlusの標準的な動作を独自のJavaScriptで補うことが可能に 例えば、予定登録時にフィールドの値を書き換えたり、 新たにフィールド情報をセットしてレコード登録することができます。
- 18. #kintonecafe 17 Calendar Plus JavaScript API イベント名 イベントタイプ カレンダー画面の描画後イベント cp.calendar.show イベントレコード描画時イベント cp.event.show タイトル入力ダイアログからのイベントレコード新規保存前イベント cp.event.create.submit マウスドラッグによるイベントレコード更新前イベント cp.event.edit.submit コンテキストメニューからのイベントレコード複製前イベント cp.event.duplicate.submit コンテキストメニューからのイベントレコード削除前イベント cp.event.delete.submit イベントレコードクリックによる詳細画面遷移前イベント cp.event.click イベントレコードのマウスオーバーイベント cp.event.mouseover イベントレコードのマウスアウトイベント cp.event.mouseout ※詳細はAPIリファレンスを参照 https://radical-bridge.com/product/kintone-plugin/calendarPlus/CalendarPlus-JavaScript-API.pdf
- 19. #kintonecafe 18 Calendar Plus JavaScript API ◼ kintone JavaScript APIのイベントハンドラー登録 kintone.events.on('app.record.index.show', function(event) { console.log(event); return event; }); ◼ Calendar Plus JavaScript APIのイベントハンドラー登録 calendarplus.events.on('cp.calendar.show', function(event) { console.log(event); return event; });
- 20. #kintonecafe 19 Calendar Plus JavaScript API kintone.events.on('app.record.index.show', function(e) { calendarplus.events.on('cp.calendar.show', function(event) { console.log(event); return event; }); console.log(e); return e; }); ※kintoneの一覧画面表示後イベントの中に書く必要があります。
- 21. #kintonecafe 20 Calendar Plus JavaScript API ・イベントレコードのマウスオーバーイベント ・イベントレコードのマウスアウトイベント を使ったツールチップ表示デモ