Download as PDF, PPTX
Calendar Plus JavaScript APIをいじってみた
- 1. kintone Café 仙台Vol.11 2019/3/14 Calendar Plus JavaScript API をいじってみた ラジカルブリッジ 代表 リトルヘルプ合同会社 CTO 兼 宴会部長 北海道ITソリューション協会 理事 斎藤 栄 #kintonecafe
- 2. #kintonecafe 1 自己紹介 • kintoneぷらぐ委員会メンバー • kintoneCafé 創始者/運営事務局/札幌支部メンバー • TwilioJP-UG 札幌コアメンバー • JP_Stripes 札幌（お手伝い） 代表 / Mr. Cloud（クラウドおじさん） サイボウズ公認kintoneエバンジェリスト 斎藤 栄（さいとう さかえ）
- 3. #kintonecafe 2 自己紹介 リトルヘルプ合同会社 CTO 兼宴会部長 お教室マネージャー 『テトコ』tetoco.jp powered by
- 4.
- 5.
- 6. #kintonecafe 5 kintone Caféの創始者ラジカルブリッジ斎藤氏が実践する「俺流」 http://ascii.jp/elem/000/001/498/1498638/ ［俺流 斎藤］で検索！ 2017年6月20日 ascii.jp- kintone三昧《kintoneな人》 • 大衆居酒屋「俺流」で俺流の生き方を語る • kintoneの仕事をするようになった経緯 • kintone Café への思い • 個人事業を続けることのこだわり
- 7.
- 8.
- 9. #kintonecafe 8 kintoneプラグイン《カレンダーPlus》 サクサク動くからストレスフリー！ に素敵なカレンダー機能をプラスする 全世界対応の定番プラグイン カレンダーPlus ◉ マウスドラッグで予定変更が楽チン！ ◉ 様々な予定をみんなで共有！ ◉自分だけの予定も登録できる！ ◉ 色分けできるからわかりやすい！ ◉ お使いのアプリにそのままプラグイン！ ◉ あらゆるタイムゾーンに対応！ ◉ 日本語・English・中文（簡体）対応！ ◉ ゲストスペース内アプリにも対応！
- 10.
- 11.
- 12.
- 13.
- 14.
- 15.
- 16.
- 17. #kintonecafe 16 カレンダPlus Ver.9.0 2019/3/7リリース CalendarPlus JavaScript API 搭載！ カレンダーPlusの標準的な動作を独自のJavaScriptで補うことが可能に 例えば、予定登録時にフィールドの値を書き換えたり、 新たにフィールド情報をセットしてレコード登録することができます。
- 18. #kintonecafe 17 Calendar Plus JavaScriptAPI イベント名 イベントタイプ カレンダー画面の描画後イベント 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 JavaScriptAPI ◼ 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 JavaScriptAPI 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 JavaScriptAPI ・イベントレコードのマウスオーバーイベント ・イベントレコードのマウスアウトイベント を使ったツールチップ表示デモ
- 22.
- 23.
- 24.
- 25.