kintone Café 新潟 Vol.2 -kintone magic-

32
2015/7/4-5 Cybozu Inc. T.USHIROSAKO kintone magic kintone Café 新潟 Vol.2 & kintothon

Transcript of kintone Café 新潟 Vol.2 -kintone magic-

Page 1: kintone Café 新潟 Vol.2 -kintone magic-

2015/7/4-5

Cybozu Inc.

T.USHIROSAKO

kintone magickintone Café 新潟 Vol.2

& kintothon

Page 2: kintone Café 新潟 Vol.2 -kintone magic-

自己紹介

後迫孝 (うしろさこ たかし)

1976年生まれ、鹿児島育ち

サイボウズ株式会社システム・コンサルティング本部cybozu.comソリューションG マネージャー

1999年某航空測量の会社でソフトウェア開発2005年サイボウズ入社情シス部門2009年 kintone PM

2012年cybozu.com developer network プロデューサー

kintoneの普及活動、開発者の開拓・育成を行っています。

Page 3: kintone Café 新潟 Vol.2 -kintone magic-

サイボウズの紹介

など

Page 4: kintone Café 新潟 Vol.2 -kintone magic-

なぜ「k」は小文字なの?→小文字のほうが素早いよね

「kintone」の発音は?→「キントーン」

kintoneにだれでも乗れるの?→ → →

Page 5: kintone Café 新潟 Vol.2 -kintone magic-

最近のできごと

CEO

Page 6: kintone Café 新潟 Vol.2 -kintone magic-

本日のテーマ

kintone カスタマイズの

紹介

「kintone magic」

1. カスタマイズの紹介

2. 用意しておくと便利なもの

3. 応用編

Page 7: kintone Café 新潟 Vol.2 -kintone magic-

kintone API のあれこれ

Page 8: kintone Café 新潟 Vol.2 -kintone magic-

API 利用のイメージ

フロントエンド バックエンド

JavaScript によるカスタマイズ REST API によるデータ連携

• レコード登録、更新、削除• ユーザー登録、取得• アプリ作成• etc…

• 入力制限• イベント処理• データ処理と加工• DOM操作• etc…

Page 9: kintone Café 新潟 Vol.2 -kintone magic-

いろいろあります↓https://cybozudev.zendesk.com/hc/ja

Page 10: kintone Café 新潟 Vol.2 -kintone magic-

developer network 1周年

コミュニティ回答率:ほぼ100%

(350質問)

アカウント:2200開発者ライセンス:920

※6/24現在

Page 11: kintone Café 新潟 Vol.2 -kintone magic-

レコード保存時に入力値をチェック

Sample

入力値のチェック

チェック後にメッセージを表示

Page 12: kintone Café 新潟 Vol.2 -kintone magic-

イベントによる制御あれこれ

Sample 自動採番

日付チェック 選択メニューに応じた代入

入力不可

Page 13: kintone Café 新潟 Vol.2 -kintone magic-

データを見やすく表現

Sample

チャートのカスタマイズ

レコードをガントチャートで表示

Page 14: kintone Café 新潟 Vol.2 -kintone magic-

kintoneアプリにも楽々カスタマイズ

Sample

レコードをjQueryを使ってグラフ表示

Page 15: kintone Café 新潟 Vol.2 -kintone magic-

参加申込み後のマイページはkintone※このWebページはkintoneではない

Page 16: kintone Café 新潟 Vol.2 -kintone magic-

参加者様

①申し込みマイページアプリ

バックエンドプログラム(Java)

⑤QRコード登録

REST API

②サンクスメール

⑥ログイン情報通知

③登録

REST API

⑦マイページへログイン

kintone SDK for

Java

④データ取得・QRコード作成

REST API

マイページのシステム構成

Page 17: kintone Café 新潟 Vol.2 -kintone magic-

用意しておくと便利なツール

Cloud9

• クラウド開発が可能なIDE

DropBox

• kintoneにアップロードしたファイルのデバッグが容易

• JavaScriptカスタマイズのデバッグをかんたんにするウラワザ(DropBox

を使用)https://cybozudev.zendesk.com/hc/ja/articles/201308690

POSTMAN(Google Chrome プラグイン)

• 任意のURLにGET,POSTなどでリクエストを送信するツール

開発者ライセンス• 5ユーザー、1年間無料で使えるライセンス

• developer network から申し込み可能

Page 18: kintone Café 新潟 Vol.2 -kintone magic-

学習・活用できるコンテンツ

サンプル• JavaScript、REST APIを使ったアプリ付きのサンプル

はじめよう JavaScript シリーズ• 初心者にも優しい全12種類を用意(Excel編もあるよ)

Tips

• 課題解決のノウハウを細かく紹介(現在 70を超える数)

CDN

• サイボウズが定期的に追加しているJavaScript ライブラリ

SDK

• Java、iOSを用意。バッチ処理、iOSアプリなどの開発も可能

コマンドラインツール• データのインポートとエクスポートができる

Page 19: kintone Café 新潟 Vol.2 -kintone magic-

はじめの読み物

はじめての方へ• https://cybozudev.zendesk.com/hc/ja/articles/200929540

kintone JavaScriptコーディングガイドライン• https://cybozudev.zendesk.com/hc/ja/articles/201793484

セキュアコーディングガイドライン• https://cybozudev.zendesk.com/hc/ja/articles/201919400

Page 20: kintone Café 新潟 Vol.2 -kintone magic-

応用編

Page 21: kintone Café 新潟 Vol.2 -kintone magic-
Page 22: kintone Café 新潟 Vol.2 -kintone magic-

https://appear.in/

Webでビデオ通話できる便利なクラウドサービス。

「アフィアー」と呼ぶらしい。

最大 8人まで同時通話可能

画面共有もチャットもできる

スマートフォンでもOK

ノーログイン、ノーインストール

無料なので、kintone連携してみた

Page 23: kintone Café 新潟 Vol.2 -kintone magic-

予定登録のアプリ

Page 24: kintone Café 新潟 Vol.2 -kintone magic-

クリックするとWebmeeting開始

Page 25: kintone Café 新潟 Vol.2 -kintone magic-

デモBさん(招待した人)

ノートPCから

CさんiPhoneアプリから

AさんノートPCから

kintoneのレコード詳細

Page 26: kintone Café 新潟 Vol.2 -kintone magic-

kintoneである理由

通知が便利• 予約登録すると参加者へ通知

• 開始予定の◯分前に通知

議事録を公開• 予定にテキストボックスや添付ファイルも付けて議事録

• 必要な人だけ閲覧させることも可能

予定もわかる• カレンダーで予定も一目瞭然

Page 27: kintone Café 新潟 Vol.2 -kintone magic-

2015年7月中に公開予定https://cybozudev.zendesk.com/hc/ja/articles/204839800

Page 28: kintone Café 新潟 Vol.2 -kintone magic-

宣言kintone Café 新潟 Vol.2 & kintothon

で完成させ!

ました。

Page 29: kintone Café 新潟 Vol.2 -kintone magic-

kintone magic

いかがでした?

Page 30: kintone Café 新潟 Vol.2 -kintone magic-

なぜ「k」は小文字なの?→小文字のほうが素早いよね

「kintone」の発音は?→「キントーン」

kintoneにだれでも乗れるの?→ → →

Page 31: kintone Café 新潟 Vol.2 -kintone magic-

一緒に kintone に乗りましょうhttps://kintone.cybozu.com/jp/

Page 32: kintone Café 新潟 Vol.2 -kintone magic-

Thank you.

https://cybozudev.zendesk.com/hc/jahttps://kintone.cybozu.com/jp/