Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

20191112GAS活#5「ノンプログラマーのためのはじめてのApp Maker」

158 views

Published on

G Suiteのローコード開発環境である「App Maker」。その概要、どんなことができるのか、デモンストレーション、参考情報などについてノンプログラマー向けにお送りしました。

Published in: Technology
  • Be the first to comment

20191112GAS活#5「ノンプログラマーのためのはじめてのApp Maker」

  1. 1. Copyright © Plannauts,Inc. 
 【エンジニア交流会】
 Google Apps Script活用ミートアップ #5
 
 ノンプログラマーのための
 はじめての App Maker
 
 株式会社プランノーツ 高橋 宣成
 1
  2. 2. Copyright © Plannauts,Inc. 
 2 「#GAS活」皆勤賞!

  3. 3. Copyright © Plannauts,Inc. 
Copyright © Plannauts,Inc. 
 ■高橋宣成(タカハシノリアキ) 
 ・1976年5月5日生まれ
 ・東京都板橋区在住
 ・株式会社プランノーツ代表
 ・ひとり社長で研修・執筆・開発とか
 
  @ntakahashi0505 
  noriaki.takahashi.923 
  n_takahashi0505 自己紹介 3
  4. 4. Copyright © Plannauts,Inc. 
 4 ミッション
 - Office・VBA
 - G Suite・Google Apps Script
 - Python
 “日本の『働く』の価値を上げる“
 ⇒ノンプログラマーへのIT支援・プログラミング教育

  5. 5. Copyright © Plannauts,Inc. 
Copyright © Plannauts,Inc. 
 ブログ いつも隣にITのお仕事
 ■ 103万PV/月
 ■ カテゴリ
 - Excel・VBA - G Suite・GAS - Python - IT・働き方
 5
  6. 6. Copyright © Plannauts,Inc. 
 6 書籍執筆
 5刷…12,000部突破! ExcelVBAを実務で 使い倒す技術 祝・5刷… 7,900部! パーフェクトExcelVBA(仮) 詳解!GoogleAppsScript 完全入門 11/25発売予定! ノンプログラマーが動かして覚える 入門Python仕事術(仮) 執筆開始!
  7. 7. Copyright © Plannauts,Inc. 
Copyright © Plannauts,Inc. 
 コミュニティ ノンプログラマーのための
 スキルアップ研究会
 ~プログラミングを中心としたスキルを身に 着け続ける研究をするための場
 
 ■メンバー数96名
 ■コンテンツ
  - 月1回の定例会
  - 月2回以上の勉強会
  - プログラミング講座
  - オンラインサポート
  - 未発表書籍・記事の共有
  - 執筆・登壇・実務等の機会の提供
 7
  8. 8. Copyright © Plannauts,Inc. 
 8 今日はApp Makerの話

  9. 9. Copyright © Plannauts,Inc. 
 9 1. App Makerとは 2. デモ 3. 補足情報と参考情報
  10. 10. Copyright © Plannauts,Inc. 
 10 App Makerとは
 G Suiteのローコードアプリ開発環境
  11. 11. Copyright © Plannauts,Inc. 
 11 App Makerの特徴
 ● ドラッグ&ドロップ+ポチポチでアプリ開発 ● G Suiteと簡単に連携できる ● 追加費用なしで使える(※)
  12. 12. Copyright © Plannauts,Inc. 
 12 App Makeで作れるアプリ
 ● スタッフ管理 ● 顧客管理 ● 備品管理 ● ワークフロー(稟議・出張) ● Q&Aフォーラム ● ギャラリー Googleの20%プロジェクトから生まれたサービス
  13. 13. Copyright © Plannauts,Inc. 
 13 ただし…
 
 ※G Suite Business以上
 ※ドメイン外に公開不可
 (ロードマップとしては公開予定あり)
 ↓
 社内アプリケーション専用

  14. 14. Copyright © Plannauts,Inc. 
 14 GASによる社内ツール開発で悩ましいこと
 1. スプレッドシート自由すぎる問題 2. スマホ・タブレットで使いたい問題
  15. 15. Copyright © Plannauts,Inc. 
 15 よし、Webアプリケーションだ!

  16. 16. Copyright © Plannauts,Inc. 
 16 GASによるWebアプリ開発
 モデル スプレッドシート操作 ビュー HTML+CSS コントローラー 入力・制御 ビジネスロジック
  17. 17. Copyright © Plannauts,Inc. 
 17 GASによるWebアプリ開発
 機能 何をどうする モデル
 ● スプレッドシートの読み書きはコードを書く
 ビュー
 ● HTML+CSSでコードベタ打ち
 ● 画面更新はコードを書く
 コントローラー
 ● ビジネスロジック
 ● G Suite連携
 ● リクエスト処理・イベント処理・その他

  18. 18. Copyright © Plannauts,Inc. 
 18 フロントの技術かなり必要
 コーディング&デバッグがかなり辛い

  19. 19. Copyright © Plannauts,Inc. 
 19 そこで、App Maker

  20. 20. Copyright © Plannauts,Inc. 
 20 App MakerによるWebアプリ開発
 機能 何をどうする モデル
 ● 「DATA」を使用
 ビュー
 ● 「PAGES」にウィジェットを配置
 コントローラー
 ● 「SCRIPTS」を書く
 ○ ビジネスロジック
 ○ G Suite連携
 ○ その他

  21. 21. Copyright © Plannauts,Inc. 
 21 App MakerによるWebアプリ開発
 モデル 「DATA」 ビュー 「PAGES」 コントローラー 「SCRIPTS」
  22. 22. Copyright © Plannauts,Inc. 
 22 DATA
 ● Cloud SQL ○ デフォルト/カスタム ○ テストなら月1000円くらい ● Directory ○ G Suiteアカウント一覧 ● Calculatedほか ○ 計算モデル アプリのデータ構造を定義
  23. 23. Copyright © Plannauts,Inc. 
 23 PAGES
 ● Page ○ いわゆるページ ● Page Fragment ○ 再利用するUI部品 (ヘッダー・フッターなど) ● Popup ○ ポップアップ・ナビゲーションな ど ウィジェットを配置するしてページを作る
  24. 24. Copyright © Plannauts,Inc. 
 24 SCRIPTS
 ● Client ○ ブラウザ側JS ○ UIとやり取り ● Server ○ サーバー側GAS ○ G Suiteと連携 GAS・JSでアプリをカスタマイズ
  25. 25. Copyright © Plannauts,Inc. 
 25 デモ
 1. アプリ作成 a. Cloud SQLモデル b. ページ&UI 2. ログインユーザー取得 a. Directoryモデル b. ヘッダー修正
  26. 26. Copyright © Plannauts,Inc. 
 26 App Make補足情報
 ● App Makerに適したアプリ ○ 1つのソリューション&小さなアプリ ○ 1~2人の開発者で作成できる https://developers.google.com/appmaker/getting-started/design-best-practices?hl=ja ● doGet/doPostは使えない ● トリガーはScriptApp.newTrigger(function)で設置
  27. 27. Copyright © Plannauts,Inc. 
 ● 公式ドキュメント
 https://developers.google.com/appmaker/
 ● いつも隣にITのお仕事 App Makerマニュアル
 https://tonari-it.com/app-maker-manual/
 ● チュートリアル
 https://developers.google.com/appmaker/tutorials
 ● サンプル
 https://developers.google.com/appmaker/samples ※「テンプレート」は沼なので「Starter App」以外は取り扱い注意 27 App Makerの参考情報

  28. 28. Copyright © Plannauts,Inc. 
 28 ぜひ活用してみてください!

  29. 29. Copyright © Plannauts,Inc. 
 
 ご清聴ありがとうございました
 
 29

×