第1回プログラミング大学in福岡
•
1 like•825 views
第1回プログラミング大学in福岡で使ったスライドです。 ・今話題のkintoneって何だろう！ ・kintoneを使ってアプリを作ろう！ ・プログラミングってそもそも何だろう！ 関連記事 http://yamaryu0508.hatenablog.com/entry/2014/06/24/224203
Recommended
More Related Content
What's hot
What's hot (20)
Similar to 第1回プログラミング大学in福岡
Similar to 第1回プログラミング大学in福岡 (20)
More from Ryu Yamashita
More from Ryu Yamashita (20)
Recently uploaded
Recently uploaded (10)
第1回プログラミング大学in福岡
- 1. 第1回プログラミング大学 in 福岡 2014年6月19日 kintone公認エバンジェリスト 山下 竜 Twitter: @yamaryu0508 FB: https://www.facebook.com/ryu.yamashita.3 Blog: http://yamaryu0508.hatenablog.com/
- 2. アジェンダ • アイスブレイク • 今話題のkintoneってなんだろう！ • kintoneを使ってアプリを作ろう！ • プログラミングってそもそも何だろう！ • 仕事について理解を深めよう！ • 開催者からのお知らせ ※太字：私のパート
- 8. 最速な様子
- 10. 通常 ネットワーク・サーバの準備 OSのインストール プログラミング言語開発環境・ データベースのインストール アプリ作成 （要件定義・コーディング・テスト） アプリ完成！ • サーバ/PCを買う • OS/ライセンスを買う • トラブりながらインストール・設定作業 環境を準備するだけでも、 (初心者には)金銭的・時間的に リスクだらけです！ そして、本1冊読んでコードを 書いても、他人に提供して、 利用出来るアプリには至れません 初心者でなくても割と似たようなものですorz これが難しいイメージ？
- 11. kintone 申込 アプリ作成 （ドラッグ&ドロップ） アプリ完成！ • 何しようにも安い・速い・簡単 • 気軽に始められる • やめようと思えばすぐにやめられる • 自動的にモバイル対応 • 見えない所で安全・安心要素満載 最短3分で、改善・効率化を 実現するアプリを提供できる！ 勿論弱点もありますが、アップデート・改修も ファストなので気になりません (kintone押しの身としては使い続けて頂けると嬉しいです) (780円/u/月で) (作るのも) (使うのも)
- 17. • コンセプト • 「ファストシステム」 • 「10分で業務改善アプリ」 • 基本構成要素 • データ • ワークフロー • コミュニケーション kintoneの概要 （出典：「kintone公式サイト」） アプリ作成のため の機能群 「サイボウズプロダクト=チームを強くする ツール」の中でも汎用性と専門性を行き来し ながら、様々な業務シーンで活用出来るクラ ウドデータベース（WebDB）サービス
- 19. kintoneの基本要素② • ワークフロー（プロセス管理） • 柔軟なワークフロー（電子申請・承認）設定 ステータス設定 プロセス設定ワークフローの実行 ステータス名や条件分岐を 自由に設定
- 22. 最速過ぎて 有り余る時には・・・
- 23. • REST API • レコードやスペースの操作（登録・更新・削除等）、バルクAPI • ユーザ・組織の操作 • JavaScript/CSSカスタマイズ • 各種イベントハンドル、情報取得 • プロキシによる外部API連携 • URL指定によるライブラリの読み込み（HTTPS対応） kintoneの拡張機能 データ レコード スペース ユーザ ユーザインター フェース 基幹システム Excel 他のクラウド REST API kintone.proxy （他システムとのデータの出し入れ） （見た目や操作性の強化） カスタマイズ機能を使うのもの良いでしょう！ （これにはコードの記述が必要です）
- 25. まずは私から
- 27. ハンズオンしていきま しょう
- 29. アプリの作り方 • 自分でフォームを並べてアプリを作る • Excel/CSVを取込んでアプリを作る • kintoneアプリストアからアプリを作る（選ぶ） • SI/サービスを受けてアプリを作る（もらう・買う） 今日はこの辺
- 31. 私の思いつき（今日のアプリ作成の流れ） • 「営業日報」はアプリストアに「商談報告書」というア プリがあったはずなので、そのまま利用 • 「顧客情報」はExcelからそのまんま取込んでしまおう • 「案件情報」もそのまま取込んでもいいけど、自分で 作ってみよう ・顧客情報との紐付けでルックアップも有用 ・協力会社との情報共有にはゲストスペースも有用 （ゲストスペースは今回は取り上げません）
- 32. 私の思いつき（今日のアプリ作成の流れ） ① 営業日報 ③ 案件情報② 顧客情報 （アプリストアから） （Excelから） （自分でフォーム設計）
- 33. 課題解決（提案の中身） • 情報を共有するのはkintoneの得意とする所なので、「同時入力」 や「メールの飛ばし合い」による手間、情報管理のミスは自動的 になくなる • 外出先からの参照はBasic認証だけで不安ならセキュアアクセス （オプション）もあるので、セキュリティの壁は越えられる • これをキッカケに他の課題解決にも取り組んでもらおう（提案し よう） • クラウドなのでまずは試してもらうところから（継続してもらえ るようにフォローは必要）
- 41. アプリ作成③「案件情報」 • 案件情報として管理する必要がありそうな情報を洗い出す （考えながら作って、後からの追加・修正も大丈夫） • 「はじめから作成」で、ガイドに従ってアプリ作成 フォーム項目 フィールドの種類 タイトル 文字列（1行） 担当者 文字列（1行） 納工期（開始） 日付 納工期（終了） 日付 会社名 ルックアップフィールド （設定は最後に） 先方担当者 文字列（1行） 電話番号 文字列（1行） 内容 文字列（複数行） 参考資料 添付ファイル ルックアップ先のフィー ルドを配置した後 （今回は「先方担当者」、「電話番号」）
- 51. 今回のアプリで解決出来る他のケース（続き） • 現場で必要な情報は事務所からペーパー持参が主となっ ている（無くして問題になったことも） • 現場で急遽必要になった情報の即時入手が困難である • 作業時の現場の状況が把握しづらい • 事務所と現場の連絡は電話が主となっており、重要な項 目について履歴を残しにくいことがある • グループ企業間での情報連携がスムーズに行えず、情報 の2重管理等の手間を要している Before
- 55. • 準備 JavaScriptカスタマイズ① 「案件情報」にガントチャートを導入 フォーム項目 フィールドの種類 フィールドコード 初期値・選択肢 ! タイトル 文字列（1行） To_Do 納工期（開始） 日付 From 納工期（終了） 日付 To 内容 文字列（複数行） Details 色 ドロップダウン Color Red, Orange, Blue, Green 「フィールドコード」を設定 「（色）フィールド」を追加
- 57. JavaScriptカスタマイズ① 「案件情報」にガントチャートを導入 ①「歯車」の「設定」 をクリック ②「フィールドコード」 を設定（他も同様） ③「色」フィールドを 追加 ④「保存」をクリック
- 62. • 準備 JavaScriptカスタマイズ② 「顧客情報」に地図を導入 フォーム項目 フィールドの種類 フィールドコード 住所 文字列（1行） Address 緯度 数値 lat 経度 数値 lng レコード番号 （レコード番号） record_no 「フィールドコード」を設定 「（レコード番号）フィールド」を追加
- 72. 理系か文系か? 理系の大学生が1年生でプログ ラミングを学ばされる理由を考 えると分かるような気がします。 理系の場合は、その後の学習・研究 を進める際に有用になる可能性が高いか らだと思います
- 75. （出典：「https://www.youtube.com/watch?v=zXubEVVDGxs」） 「Everyone Should Learn to Code」 プログラミングの必要性 「プログラミングを学ぶのなら、生涯仕事に困らないことを私が保証しよう。」 （Facebook元役員Chamath Palihapitiya） Facebookの元役員が保証してくれるから?
- 77. プログラミングを学ぶ必要性 • ICT利活用の敷居は下がり続けていくので、一歩踏み込んで、ア プリも「使う」側から「作って、提供する」側にいくのも当たり 前になってくる • タダで学べる環境も充実してきているので、プログラミングが教 養化していく • データや情報の量が増えてきているので、これらの整理、自身の 思考の整理、効率的かつ高速な意思決定等を行うのに役立たせ る • 日本の（労働）人口が減っていくことから、労働力の補完として 役立たせる（古典的には、ルール化された計算や単純作業、繰 り返し作業のPCへのお任せ） 私の思いとしては、・・・今後学生として、社会人として・・・
- 85. 最後に