19
もうすぐ公開! 123MAPS での Google Apps Script の活用 株式会社らしく h#p://www.rashiku1.com h#p://123ma.ps/ja/

123MASPでのGoogle Apps Scriptの活用

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: 123MASPでのGoogle Apps Scriptの活用

もうすぐ公開!  

123MAPS  での  Google  Apps  Script  の活用

株式会社らしく  h#p://www.rashiku1.com  

h#p://123ma.ps/ja/  

Page 2: 123MASPでのGoogle Apps Scriptの活用

アジェンダ

• 簡単に株式会社らしくをご紹介  • “Googleスプレッドシート+GAS”がすごいと思う7つのポイント  

• 123MAPSのご紹介  • 一般的なウェブサイト開発との比較  • 123MAPSでの GAS  の活用  

Page 3: 123MASPでのGoogle Apps Scriptの活用

株式会社らしくのご紹介  

142-0063 小山3-­‐27-­‐5  武蔵小山創業支援センター601

03-­‐5749-­‐3075

Page 4: 123MASPでのGoogle Apps Scriptの活用

「Google  Apps  Scriptでプログラミングを学ぶ本」(eBook版)の無料提供中!

• プログラミング未経験、初心者向けに書いてみました。  • Google  Apps  Scriptは、JavaScriptベースのサーバーサイトスクリプティング環境。  

お申し込みはこちら

Page 5: 123MASPでのGoogle Apps Scriptの活用

“Googleスプレッドシート+GAS”がすごいと思う7つのポイント

1.  スプレッドーシートをあたかもDBとして使うことで、入力の効率が高まる。

2.  スプレッドーシートをあたかもDBとして使うことで、一般的な管理画面の開発が不要になる。

3.  スプレッドーシートをあたかもDBとして使うことで、利用ユーザーの学習コストが低くなる。

4.  GASは可能性が広がっているJavascriptベースの言語 5.  Google AppsやGoogleのWebサービスとの組み合わせがすごすぎる。

6.  デプロイが異様に楽。 7.  トリガー(スケジューラー)が充実している。

Page 6: 123MASPでのGoogle Apps Scriptの活用

123MAPSのご紹介 h#p://123ma.ps/ja/

Page 7: 123MASPでのGoogle Apps Scriptの活用

12月に公開予定の有料版では、このようなサイトが  驚くほど少ないスクリプト量で実現できます!

123MAPSのご紹介 h#p://123ma.ps/ja/

Page 8: 123MASPでのGoogle Apps Scriptの活用

プログラム開発する領域

プログラム開発  する領域

入力 計算/保存 出力

一般的な方法

123MAPS

Googleスプレッドシート

一般的なウェブサイト構築との比較(1/2)

Page 9: 123MASPでのGoogle Apps Scriptの活用

一般的なウェブサイト構築との比較(2/2)

環境設定 開発作業 サイト  公開  準備

開発期間(スピード)

一般的な方法

123MAPS

Page 10: 123MASPでのGoogle Apps Scriptの活用

123MAPSでのGASの活用

1)  123MAPS利用申し込み者に、テンプレートのスプレッドシートと利用マニュアルの自動配布

2) スプレッドシート内で、住所を緯度経度に変換

3) Googleマップ上に複数の場所を表示するサンプルHTMLの自動作成と保存

4) Googleマップ上で修正したピンの位置の緯度経度をスプレッドシートに保存

Page 11: 123MASPでのGoogle Apps Scriptの活用

123MAPSでのGASの活用

1)  123MAPS利用申し込み者に、テンプレートのスプレッドシートと利用マニュアルの自動配布

2) スプレッドシート内で、住所を緯度経度に変換

3) Googleマップ上に複数の場所を表示するサンプルHTMLの自動作成と保存

4) Googleマップ上で修正したピンの位置の緯度経度をスプレッドシートに保存

Page 12: 123MASPでのGoogle Apps Scriptの活用

1)  123MAPS利用申し込み者に、テンプレートのスプレッドシートと利用マニュアルの自動配布

ポイント

•  クラス DriveAppの利用  •  ウェブアプリケーション化

123MAPSのGoogleドライブのフォルダ

申込者のGoogleApps  (Googleアカウント)

フォルダの作成

テンプレートのスプレッドシートなどのコピー

1

2

Page 13: 123MASPでのGoogle Apps Scriptの活用

123MAPSでのGASの活用

1)  123MAPS利用申し込み者に、テンプレートのスプレッドシートと利用マニュアルの自動配布

2) スプレッドシート内で、住所を緯度経度に変換

3) Googleマップ上に複数の場所を表示するサンプルHTMLの自動作成と保存

4) Googleマップ上で修正したピンの位置の緯度経度をスプレッドシートに保存

Page 14: 123MASPでのGoogle Apps Scriptの活用

2)  スプレッドシート内で、住所を緯度経度に変換

ポイント

•  クラス  Mapsの利用

Page 15: 123MASPでのGoogle Apps Scriptの活用

123MAPSでのGASの活用

1)  123MAPS利用申し込み者に、テンプレートのスプレッドシートと利用マニュアルの自動配布

2) スプレッドシート内で、住所を緯度経度に変換

3) Googleマップ上に複数の場所を表示するサンプルHTMLの自動作成と保存

4) Googleマップ上で修正したピンの位置の緯度経度をスプレッドシートに保存

Page 16: 123MASPでのGoogle Apps Scriptの活用

3)  Googleマップ上に複数の場所を表示するサンプルHTMLの自動作成と保存

ポイント

•  クラス DriveApp,  SpreadsheetApp  の利用

Page 17: 123MASPでのGoogle Apps Scriptの活用

123MAPSでのGASの活用

1)  123MAPS利用申し込み者に、テンプレートのスプレッドシートと利用マニュアルの自動配布

2) スプレッドシート内で、住所を緯度経度に変換

3) Googleマップ上に複数の場所を表示するサンプルHTMLの自動作成と保存

4) Googleマップ上で修正したピンの位置の緯度経度をスプレッドシートに保存

Page 18: 123MASPでのGoogle Apps Scriptの活用

4)  Googleマップ上で修正したピンの位置の緯度経度をスプレッドシートに保存

ポイント

•  クラス SpreadsheetApp  の利用  •  ウェブアプリケーション化して、独自APIを作成

Page 19: 123MASPでのGoogle Apps Scriptの活用

ありがとうございました。

株式会社らしく  h#p://www.rashiku1.com  

h#p://123ma.ps/ja/