ノンプログラミングでできる！Cybozu WP to kintone/wbkyoto-kintone20170115

2017年1月15日（日）に開催されたWordBench京都の登壇資料です。

Transcript

1. ϊϯϓϩάϥϛϯάͰͰ͖Δʂ $ZCP[V 81
   UP
   LJOUPOF 8PSE#FODIژ౎ ೥݄  8PSE1SFTT
   999
   
   
   2017/01/15（Sun） ͍͚͕Έ ΈͲΓ
2.  初！ WordBench参戦＜•＞＜•＞
3.  おまえだれ？って人が多いと思うので ┌ ┌ ┌ （┌＾o＾）┐ ♡
4. あばうとみー Q$" Q@SPDDB Q$" Q@SPDDB 業務外のこと pコミュニティ運営したり登壇したり l LJOUPOF
   $BGÉ
   運営事務局 l LJOUPOF $BGÉ
   大阪/関西女子会 運営コア l LJOUPOF
   $BGÉ
   沖縄女子会 立ち上げフォロー l +"846(
   関西女子会 運営コア l 7.6(関西部会メンバー（最近出席率がry l ちょいちょい勉強会出たり l ハッカソンとかアイデアソンとか諸々 https://www.r3it.com/community/ 池上 緑（いけがみ みどり） アールスリーインスティテュート クラウド（コスプレ）エンジニア gusukuエバンジェリスト 業務に関すること p一応会社ではエンジニア属性 p心はわりと低レイヤー。今でも低レイヤー p実態は謎 p最近はマーケ活動率50% p展示会ではコスプレエンジニア l 普段の姿もOLコスプレ 
5. すべて同一人物などうもわたしです ̏ 最近相方みたいになってる
6. うち（R3）の構成員にはこんなのがいます（一応ね！） ̐ 倉庫番エバンジェリスト okiyasu ＠松山 ࡾ౓ͷ൧ΑΓय़ר޷͖ IB@SV@NB@LJ ˏݩ$Z クラフトビール愛好家 k_nishijima ＠沖縄 ※もはや写真ですらない ※過去WP界隈では何度かハンズオンとかLTとか いろいろ露出してたけど最近見ないね ※むしろ毎日飲んでる 圧力の人 （＝教祖様） ※いつの間にか神格化してる人 コスプレエンジニア という名の gusukuエバンジェリスト（俺）
7.  https://speakerdeck.com/dolly_ikegami/ ♡ この資料はSpeaker DeckにUPします！
8. ̑ #wbkyoto #kintone このセッション中のつぶやきは kintoneのハッシュタグも つけてくれたらうれしいな❤
9. ̑ ここから本題です。
10. ̑ みなさん
11. ̑ キントーンって知ってますか？？
12. kintone（キントーン）とは ̑ サイボウズのクラウドサービス コミュニケーション ツール グラフの作成・集計 データベース ワークフロー （プロセス管理）
13. 業務改善アプリをGUIで直感的に作成 ̑ D&Dで簡単に！早く！ ノンプログラミングで アプリが作成できる
14. モバイルからもラクラクアクセス ̑ スマホ用アプリから手軽にアクセス！
15. 例えば：業務アプリをファストに作成！ ̑ 案件管理 作成したアプリは他のユーザーと 共有できる！ 経費精算 日報
16. ̑ ワークフロー設定 簡単なグラフの作成・集計 基本機能でこれだけの機能が使える！ メール通知機能 アクセス権の設定
17. ちょっと応用：システム連携や高度な開発もOK！ ̑ 外部サービス連携 （REST API） JavaScript/CSSによる 画面カスタマイズ 基幹システム BI・帳票 サービス クラウド メール配信 MAツール CMS プラグインが 提供されているものも多く 連携も手軽に！ 標準機能では実現できないことも カスタマイズをすることで 実現できるようになる
18. ̑ 本日ご紹介するのは
19. $ZCP[V 81
    UP
    LJOUPOF  ｱｯｰ!!!!!!!! （※でも大丈夫動作問題ない）
20. ͲͷΑ͏ͳϓϥάΠϯ͔  登録した情報はkintone標準機能で 集計して見える化することも可能！ WordPressのページから入力された情報が kintoneのアプリに登録される仕組み
21. ར༻ͷྲྀΕʢ̍ʣ  アプリはkintoneで作成 作成したアプリのフォームを WordPressのページに表示
22. ར༻ͷྲྀΕʢ̎ʣ  REST APIを利用して kintoneアプリを WordPress上から操作するため、 APIトークンを発行 WordPressからkintoneに データの書き込みを行うため 「レコード追加」にチェック
23. ར༻ͷྲྀΕʢ̏ʣ  WordPressでkintoneと データを連携するために ショートコードを記述した ページを作成
24. γϣʔτίʔυͰఆٛͰ͖Δ͜ͱ  フィールドの表示/非表示 l kintoneアプリには存在しているが、WordPressに表示させたくない フィールドを非表示にすることが可能 フィールドの並び順 BASIC認証もサポート
25. γϣʔτίʔυͷϑΥʔϚοτʢ̍ʣ  [ kintone app="app id" token="api token" sub_domain="subdomain name" basic_auth_user="auth_user name" basic_auth_pass="auth_user passwd" exclude="field1, field2" orderby="code" order="asc" ] ※見やすいようにインデントを入れています ※最低限定義が必須なパラメータ："kintone app", "token", "sub_domain"
26. γϣʔτίʔυͷϑΥʔϚοτʢ̎ʣ  kintone app: kintone のappid token: kintone で発行したAPIトークン sub_domain: kintone のサブドメイン l https://subdomain.cybozu.com/k/***/ の「subdomain」部分 basic_auth_user: BASIC認証のユーザー名 basic_auth_pass: BASIC認証のパスワード exclude: kintoneに設置したフィールドで、WordPressでは非表示にした いフィールドを指定 orderby: kintoneのフィールドの表示順でWordPress上でも表示させたい 時に "code" を指定 l 指定しなかった場合：kintoneで作成したフィールド順 order: 昇順（asc）か降順（desc）を指定
27. LJOUPOFΛར༻͢ΔϝϦοτ  WordPress本体のデータベースとデータを分離して管理することが可能 データを分離することのメリット l 脆弱性を突いたサイバー攻撃による情報漏洩の抑止 セキュリティ対策も万全＝堅牢・安全 構造がシンプル l データの検索・確認が行いやすい l データの共有化＝kintoneのユーザーアカウントを持っていれば誰でも同じ情報を参照で きる 豊富なプラグイン l データを更に幅を広げて活用することも可能
28. ̑ ちょっと試してみたくなってきた？
29. そんなあなたに！無償で利用可能な開発者アカウント ̑ 登録すると1年間kintoneを無償で 利用できるライセンスが使える！ 各種Tipsやドキュメントも充実 https://cybozudev.zendesk.com/hc/ja ↓こちらにアクセス！
30. cybozu developer network デモ環境のご紹介 ̑ kintoneで作成するアプリのイメージ、 JSを使ったカスタマイズ・外部サービス 連携などの動きの確認が可能 （※鋭意コンテンツ更新中）
31. ̑ https://goo.gl/fRgWFA Qiitaにも掲載しているので良かったら見てね！
32. ̑ ご清聴ありがとうございました❤