kintoneハンズオン♪
•Transferir como PPTX, PDF•
3 gostaram•1,754 visualizações
2014/10/25に開催された kintone Café 札幌 Vol.3 で使用したハンズオン資料です。
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Semelhante a kintoneハンズオン♪
Semelhante a kintoneハンズオン♪ (20)
Mais de Sakae Saito
Mais de Sakae Saito (20)
kintoneハンズオン♪
- 1. kintone Café 札幌Vol.3 サイボウズ社のクラウドサービス ハンズオン♪ kintoneエバンジェリスト ラジカルブリッジ斎藤栄 2014/10/25 「kintone」の私的勉強会 #kintonecafe プロじゃなくてもアプリが作れる！そうkintoneならね。
- 2. 自己紹介#kintonecafe 1 ～ ITでみんなに“WAKU WAKU”を～ 代表／ IT 活用アドバイザー “クラウドおじさん” 斎藤栄 • 昭和４６年生まれ • 札幌市立福井野小学校、札幌市立福井野中学校卒業 • 平成元年札幌西高等学校卒業 • 平成５年北海道大学工学部精密工学科卒業 • 平成５年NTTデータ通信株式会社（現・株式会社NTTデータ）に就職 大手地方銀行の基幹システムの運用・開発に携わる • 平成８年地元札幌のIT企業、株式会社データクラフトに転職 受託業務及び自社運営サービスにおいて、画像データベースシステムや通販システムの開発・運用 業務を担当 自社内のIT化推進やITに関するトラブルのサポートも担当 経済産業省情報大航海プロジェクトの採択事業ではインテグレーションチームリーダーを担当 自社運営の写真素材ダウンロード販売サービスの事業マネージャーを担当 自社保有技術・ノウハウをソリューション展開する新規事業マネージャーを担当 • 平成２４年独立／ラジカルブリッジ設立 • 平成２６年よりkintoneエバンジェリストとして活動中
- 3. 裏・自己紹介#kintonecafe 2 ビール 宇宙関係 カラオケ ゴルフ 80’s昭和歌謡 バンド活動 エレキギター
- 4. メディア出演#kintonecafe 3 2014年8月3日掲載 札幌人図鑑 ［札幌人図鑑クラウドおじさん］ で検索！
- 9. kintone Café とは？ #kintonecafe 8 kintone Caféは、まだkintoneに触れたことの無い方から、 より高度なカスタマイズを行いたいと考えているプロフェッ ショナルの方まで幅広い層を対象に、楽しく学び・教え合う ことで、kintoneの魅力や活用法をみんなで共有するための 私的な勉強会です。
- 10. Why? kintone Café #kintonecafe 9 あらゆる人々がもっとITを活用できる世の中にしたい ⇩ kintoneを知り、直感的に「これだ！」と感じた みんなにkintoneの良さを知ってほしい ユーザーとして／IT導入提案をする立場として “かんたん”ゆえの限界や裏技を語れる場が欲しい
- 11. 全国に広がるkintone Caféの輪#kintonecafe 2014/8/11 kintone Café 釧路 2014/8/1 kintone Café 千葉（第1回） 2014/9/3 kintone Café 千葉（第2回） 10 2013/12/7 kintone Café at 札幌Vol.1（起源） 2014/5/16 kintone Café at 札幌Vol.2 2014/10/25 kintone Café at 札幌Vol.3 2014/9/2 kintone Café Seoul #1 2014/10/22 kintone Café 京都#1 2014/9/25 kintone Café 神戸Vol.1 Korea 2014/5/29 kintone Café 福岡Vol.1 2014/7/11 kintone Café 福岡Vol.2 2014/10/24 kintone Café 福岡Vol.3 2014/7/5 kintone Café 弘前#1 2014/5/30 kintone Café 土佐 2014/7/23 kintone Café 東京Vol.1 2014/8/21 kintone Café 横浜Vol.1 2014/9/12 kintone Café 松江#1 2014/9/24 kintone Café 松山#1 2014/9/28 kintone Café in Okinawa #1 11ヶ月で 計19回開催！ この半年で 18回開催！
- 12. kintone Café まとめ#kintonecafe ［kintone cafe まとめ］ 11 kintone Café の 開催情報を まとめ・発信 しています http://radical-bridge.com/kintone-blog/kintoneCafe_matome.html で検索！
- 13. kintone Café コミュニティ#kintonecafe 12 Doorkeeper kintone Café コミュニティ Facebookページ kintone Café http://kintone-cafe.doorkeeper.jp/ https://www.facebook.com/kintoneCafe
- 14. 最新NEWS！ #kintonecafe 13 cybozu.com カンファレンス2014 登壇決定！ https://cybozuconf.com/ 東京：11月28日（金）ホテルニューオータニ 【E-2】セッション 大阪：12月10日（水）ウェスティンホテル大阪 【D-2】セッション
- 16. 30日間お試しアカウントの作成#kintonecafe http://radical-bridge.com/ クリック！ 15 [ラジカルブリッジ]で検索 クリック！ https://www.cybozu.com/jp/
- 19. kintoneとは？ #kintonecafe 18 ・データベース ⇨ 情報の保管・共有・分析 ・ワークフロー ⇨ 効率的な業務プロセス ・コミュニケーション ⇨ 漏れの無い情報伝達
- 21. オフィスでよくある風景#kintonecafe 20 顧客データ、案件データを管理・共有したい！ とりあえずExcelで管理しよう！
- 22. オフィスでよくある風景#kintonecafe 21 顧客データ、案件データを管理・共有したい！ とりあえずExcelで管理しよう！ 最新版はどれ？ 計算式が 消えた！ 上書きされた！ マクロが複雑で 誰もいじれない
- 23. オフィスでよくある風景#kintonecafe 22 顧客データ、案件データを管理・共有したい！ とりあえずExcelで管理しよう！ 最新版はどれ？ 計算式が 消えた！ 上書きされた！ マクロが複雑で 誰もいじれない
- 24. kintoneとは？ #kintonecafe 23 データベース⇨ 情報の保管・共有・分析 ワークフロー⇨ 効率的な業務プロセス コミュニケーション⇨ 漏れの無い情報伝達 ビジネスに必要なパーツが予め揃っているので 自社の業務に合った仕組みを素早く構築できる
- 25. kintoneとは？ #kintonecafe 24 データベース⇨ 情報の保管・共有・分析 ワークフロー⇨ 効率的な業務プロセス コミュニケーション⇨ 漏れの無い情報伝達 ビジネスに必要なパーツが予め揃っているので 自社の業務に合った仕組みを素早く構築できる
- 26. kintoneとは？ #kintonecafe 25 データベース⇨ 情報の保管・共有・分析 ワークフロー⇨ 効率的な業務プロセス コミュニケーション⇨ 漏れの無い情報伝達 しかも、 ・クラウド ・スマホ・タブレット標準対応 いつでも・どこでも・どんなデバイスでも
- 28. 導入事例① #kintonecafe 27 ばれろん堂様（古本買取・販売業） 買取業務管理アプリ 買取受付 買取日時確定 出張買取・宅配買取 査定 査定結果承諾 振込 ミスの低減 • 担当者間の伝達は紙で行われることが 多く、連絡ミスや手違い発生の懸念 • 次に誰がいつまでに何をやるべきかを kintoneで明確化 • 今日訪問すべき出張買取先の確認が容 易になった（一覧・カレンダー表示） • 構築期間：実質２日程度 • 構築費用：約5万円
- 29. 導入事例② #kintonecafe 28 フランス料理店様 顧客・予約管理アプリ 顧客履歴管理 • 日付入りノートを使い、手書きで予約 の記入・管理を行っていた • リピーターの方の前回来店時期やお客 様の好みは店主やスタッフの記憶に頼 るところが多かった • kintoneでは氏名を入力するだけで過 去の来店履歴やNG食材などをすぐに把 握可能に • 新規顧客も、予約を入れていくだけで 自動的に顧客DBに記録 • 構築期間：実質7日程度 • 構築費用：約20万円 予約DB 顧客DB 氏名検索 予約登録 履歴把握 自動登録 本日の予約把握 カレンダー形式 で予約状況把握
- 30. 導入事例③ #kintonecafe 29 株式会社ミツノ様（楽器買取・販売業） 在庫管理アプリ FileMaker 社内サーバー 在庫管理システム • FileMaker単独で在庫管理を行ってい るが、ネット販売サイトへの商品登録 はコピペしている状況 • 店舗で売れた場合、FileMakerとネッ ト販売サイトの両方の在庫情報を手動 で合わせる必要がある • kintoneに登録した商品情報をそのま まネット販売サイトにワンタッチで登 録できるようになった • kintone上の在庫とネット販売サイト の在庫同期を自動的に行えるように なった • 構築期間：実質7日程度 • 構築費用：約20万円 店舗販売 ネット 販売 手作業でコピペ 手動で在庫 を減らす 手動で在庫 を減らす kintone 店舗販売 ネット 販売 在庫管理システム クラウド 自動商品登録 在庫自動同期 業務効率化
- 31. 導入事例④ #kintonecafe 30 イベントプロデュース会社様 案件・仕入管理アプリ 業務効率化 • 各種書類の記入、稟議、事務処理など が、全て紙ベースで行われていた • 同じ内容をそれぞれの書面に記入しな ければならず、手間がかかるのはもち ろん、記入ミスも発生していた • これらの業務フローを全てkintone上 に乗せることで、入力は一度で済み、 顧客や仕入先に提出する書面は自動的 に出力されるようになった • 上長は出先からも承認することができ、 業務全体のスピードアップ化が図られ た • 構築期間：実質20日程度 • 構築費用：約60万円 紙 見積書 出荷伝票 原価台帳 発注伝票 仕入伝票 請求書 担当上長事務 申請承認処理 入力データの一元化 稟議・ワークフロー 各種帳票・伝票出力 売上・利益率等の分析
- 32. 試用を始める#kintonecafe 31 1. 試用申し込み時の画面が下図のようになるので、 ログイン名：Administrator パスワード：申込時のパスワード でログインする。
- 33. kintoneハンズオン（基礎編） #kintonecafe 32 ハンズオン 基礎編
- 34. アプリの基本操作#kintonecafe 33 ① アプリを開く（ex.案件管理アプリ） ② 一覧画面 ③ 詳細画面レコード移動 ④ 編集画面（ex.ユーザー数変更、活動履歴の追加） ⑤ 追加画面再利用 ⑥ 削除 ⑦ 絞り込み（ex.確度➡次のいずれかを含む➡A➡保存する） ⑧ グラフ、集計（ex.週単位→日単位に変更）
- 35. アプリを作成する#kintonecafe 34 ① アプリストアから選ぶ （ex.総務・人事➡備品在庫管理） ② テンプレートから選ぶ ③ Excel/CSVから選ぶ（ex.案件管理.csv） ➡ レイアウトを調整してみましょう ④ はじめから作成➡ 次ページ ⑤ ほかのアプリを再利用
- 36. はじめから作成#kintonecafe 35 作るもの 顧客管理アプリ注文管理アプリ 顧客A 注文１ ・ ・ ・ 注文１ 注文２ 顧客B ・ ・ ・ ・ ・ ・
- 37. 顧客管理アプリの作成#kintonecafe 36 1. アプリ名：顧客管理 2. 一般設定：好みのアイコンを選択 3. フォームの設定： パーツ種別フィールド名オプション設定 文字列（1行） 会社名 ・必須項目にする ・値の重複を禁止する ドロップダウン顧客ランク選択肢：A, B, C 文字列（1行） 部署名 文字列（1行） 担当者名 添付ファイル顔写真 文字列（1行） 郵便番号 文字列（1行） 住所 リンクTEL 入力値の種類：電話番号 文字列（複数行） 備考 4. 一覧の追加一覧名：顧客一覧➡ 会社名、顧客ランク、担当者名、顔写真、TEL 5. データ作成（3レコード程度）
- 38. 注文管理アプリの作成#kintonecafe 37 1. アプリ名：注文管理 2. 一般設定：好みのアイコンを選択 3. フォームの設定： パーツ種別フィールド名オプション設定 文字列（1行） 郵便番号 文字列（1行） 住所 ルックアップ顧客名 ・必須項目にする ・関連付けるアプリ：顧客管理 ・コピー元のフィールド：会社名 ・ほかのフィールドのコピー： 郵便番号←[顧客管理]郵便番号住所←[顧客管理]住所 ・コピー元のレコードの選択時に表示するフィールド：会社名、住所 ・フィールドコード：顧客名 日付注文日 ※この４項目は 横一列に並べて ください 文字列（1行） 商品名 最後にテーブル化します 数値数量 初期値：0 フィールドコード：数量 数値単価 初期値：0 フィールドコード：単価 計算小計 計算式：数量*単価 フィールドコード：小計 計算合計金額計算式：SUM(小計) 4. 一覧の追加一覧名：注文一覧➡ 注文日、顧客名、住所、合計金額、Table 5. データ作成（ある顧客に2～3レコード程度）
- 39. 顧客管理アプリの改修#kintonecafe 顧客データ上に、その顧客の注文一覧が表示されるように改修します。 1. 顧客管理アプリを開く➡このアプリの設定 2. フォームの設定： ※本来は会社名と顧客名で紐付けるのではなく一意の顧客コード等で紐付けるのがベター 38 パーツ種別フィールド名オプション設定 関連レコード一覧注文情報 参照するアプリ：注文管理 表示するレコードの条件：会社名＝顧客名※ 表示するフィールド：注文日、合計金額 3. 顧客管理と注文管理を相互に参照してみる 顧客データから直接注文入力できるように改修します。 1. 顧客管理アプリを開く➡このアプリの設定 2. アクション➡ 作成 アクション名コピー先フィールドの関連付け 注文入力注文管理 コピー元：会社名 コピー先：顧客名 3. 顧客データから新規注文を作成してみる
- 40. サンプルデータの読み込み#kintonecafe 39 顧客管理データ 1. 顧客管理アプリの一覧を開く➡読み込む 2. ［参照］よりサンプルの「顧客管理.csv」を選択 ➡ 内容確認➡ 読み込む ➡ 5レコード追加されていることを確認 注文管理データ 1. 注文管理アプリの一覧を開く➡読み込む 2. ［参照］よりサンプルの「注文管理.csv」を選択 ➡ 内容確認➡ 読み込む ➡ 5レコード追加されていることを確認 3. 追加された5つの注文データに「数量」「単価」を登録
- 41. 一覧・グラフの作成#kintonecafe 40 顧客ランクが「A」の顧客一覧を作成する 1. 顧客管理アプリを開く 2. 絞り込み 条件：［顧客ランク］［次のいずれかを含む］［A］ 3. 保存する 一覧名：［Aランクの顧客一覧］ 注文日別の売上グラフを作成する 1. 注文管理アプリを開く 2. 集計 グラフの種類：［縦棒グラフ］［集合］ 分類する項目：［注文日］［日単位］ 集計方法：［合計］［合計金額］ 3. 保存する グラフ名：［日別売上グラフ］
- 42. 10分休憩 41
- 43. kintoneハンズオン（応用編） #kintonecafe 42 ハンズオン 応用編
- 44. ユーザー・組織・グループの追加#kintonecafe 43 1. 左上のをクリック 2. ［cybozu.com共通管理］をクリック 3. ［組織/ユーザー］➡［ユーザーの追加］ 任意の表示名、ログイン名、パスワードを入力して保存 ※後で使うのでログイン名、パスワードを覚えておくこと 4. ［組織/ユーザー］➡［組織の追加］ 任意の表示名を入力して保存➡ 所属ユーザーの変更 5. ［グループ（ロール）］➡［追加］ 任意のグループ名を入力して保存➡ 所属ユーザーの変更
- 45. コミュニケーション機能の利用#kintonecafe 44 ① コメント機能 ・各レコードデータ上で コメントのやり取りができる ② ピープル ・ユーザー毎の公開掲示板 - Twitterのようにフォローできる - フォローしていると通知が来る - 投稿にいいね！できる ・ダイレクトメッセージ ③ スペース ・メンバー間の ディスカッションスペース - スペース内アプリも作れる - 投稿にいいね！できる
- 46. 権限の設定#kintonecafe アプリ単位／レコード単位／フィールド単位 でアクセス権（閲覧、編集、削除権限など）を設定できます。 45 1. 注文管理アプリを開く➡このアプリの設定 2. アクセス権の［フィールド］ 3. ［追加する］➡ 以下を指定➡ 保存➡ 設定完了 ・フィールド：注文日・Everyoneのアクセス権：［編集］を外す 4. 注文管理アプリの任意のレコードを開き、編集モードにする ➡ 注文日が編集できないようになっていることを確認してください。 特定のユーザーや組織、グループに対して様々なアクセス権を設定する ことができます。
- 47. 通知の設定#kintonecafe 46 レコードが追加・編集された時 レコードが指定した条件になった時 ある日付の何日前・何日後 といったタイミングで通知を受け取ることができます。 1. 注文管理アプリを開く➡このアプリの設定 2. ［通知］ 3. レコードの条件通知［追加する］➡ 以下を設定➡ 保存➡ 設定完了 ・［合計金額］［≧（以上）］［100000］ ・通知内容：10万円以上の注文がありました・通知先：Administrator 4. 一旦ログアウト➡先ほど作成したユーザーでログインし直す 5. 注文管理アプリに合計金額が10万円を超えるレコードを作成する ➡ Administratorで再ログインし通知が来ていることを確認してください。
- 48. ワークフローの設定#kintonecafe 47 【上長への申請➡承認➡処理】といったワークフローを定義できます。 1. 注文管理アプリを開く➡このアプリの設定 2. ［プロセス管理］ 3. 以下を設定➡ 保存➡ 設定完了 ・1.有効化：［プロセス管理を有効にする］にチェック ・2.ステータス：①注文済み②申請中③承認済み ・3.プロセス①：アクションの実行条件：［合計金額］［≧（以上）］［100000］ アクション名：申請する ・3.プロセス②：作業者：Administrator アクション名：承認する 4. 注文管理アプリで合計金額が10万円を超えるレコードを表示 ➡ 申請ボタンが表示されること、申請➡承認のワークフローが できていることを確認してください。
- 49. かんたんなJavaScriptカスタマイズ① #kintonecafe 48 注文管理アプリで顧客名のルックアップを自動的に行う 1. 注文管理アプリを開く➡このアプリの設定 2. ［詳細設定］➡［JavaScript / CSSでカスタマイズ］ 3. PC用のJavaScriptファイル：［アップロードして追加］ 4. サンプルのauto_lookup.js を選択➡ 保存➡ 設定完了 5. 顧客管理アプリの［注文入力］ボタンをクリック ➡ 顧客名の取得が自動的に行われたことを確認してください。
- 50. かんたんなJavaScriptカスタマイズ① #kintonecafe 49 auto_lookup.js (function () { "use strict"; // レコード追加画面表示時の処理 kintone.events.on('app.record.create.show', function (event) { event.record['顧客名']['lookup'] = true; return event; }); })();
- 51. かんたんなJavaScriptカスタマイズ② #kintonecafe 50 住所から地図を表示する 1. アプリストアで「顧客リスト」アプリを追加 2. 顧客リストアプリを開く➡このアプリの設定 3. ［詳細設定］➡［JavaScript / CSSでカスタマイズ］ 4. PC用のJavaScriptファイル：［アップロードして追加］ 5. サンプルのmap_sample.js を選択➡ 保存➡ 設定完了 6. 住所を入力したレコードを数レコード作成してみる ➡ 一覧と詳細で地図が表示されていることを確認してください。
- 52. cybozu.com developer network #kintonecafe 51 ■cybozu.com developer network https://cybozudev.zendesk.com/ ・デベロッパー向けコミュニティサイト ・Tips、Q&A、APIリファレンス、サンプル ・無償の開発者ライセンス（１年間） 全国のkintoneエバンジェリスト達が あなたの疑問にすぐに答えてくれる！（かも）
- 53. 宣伝#kintonecafe 52 ・お客様の課題を紐解く力に自信があります ・kintoneアプリの構築・導入実績が豊富です × kintoneアプリの構築・カスタマイズ・導入支援の ことなら当社にお任せ下さい！
- 54. Coming Soon! #kintonecafe 53 チームワークを強化する オリジナルシステム構築サービス 定額制 顧客価値 創造 見積無し
- 55. Coming Soon! #kintonecafe 54 チームワークを強化する オリジナルシステム構築サービス サービス名検討中！ 定額制 顧客価値 創造 見積無し
- 56. お疲れ様でした 55