もうすぐ公開!	
  

123MAPS	
  での	
  
Google	
  Apps	
  Script	
  の活用	
株式会社らしく	
  
h#p://www.rashiku1.com	
  
h#p://123ma.ps/ja/	
  
アジェンダ	

•  簡単に株式会社らしくをご紹介	
  
•  “Googleスプレッドシート+GAS”がすごい
と思う7つのポイント	
  
•  123MAPSのご紹介	
  
•  一般的なウェブサイト開発との比較	
  
•  123MAPSでの GAS	
  の活用	
  
株式会社らしくのご紹介	
  

142-0063

小山3-­‐27-­‐5	
  武蔵小山創業支援センター601	
03-­‐5749-­‐3075
「Google	
  Apps	
  Scriptでプログラミングを学ぶ本」
(eBook版)の無料提供中!	
•  プログラミング未経験、初心者向けに書いてみました。	
  
•  Google	
  Apps	
  Scriptは、JavaScriptベースのサーバーサイトスク
リプティング環境。	
  

お申し込みはこちら
“Googleスプレッドシート+GAS”がすごいと思う
7つのポイント	
1.  スプレッドーシートをあたかもDBとして使うことで、
入力の効率が高まる。
2.  スプレッドーシートをあたかもDBとして使うことで、
一般的な管理画面の開発が不要になる。
3.  スプレッドーシートをあたかもDBとして使うことで、
利用ユーザーの学習コストが低くなる。
4.  GASは可能性が広がっているJavascriptベースの言語
5.  Google AppsやGoogleのWebサービスとの組み合わせ
がすごすぎる。
6.  デプロイが異様に楽。
7.  トリガー(スケジューラー)が充実している。
123MAPSのご紹介 h#p://123ma.ps/ja/
123MAPSのご紹介 h#p://123ma.ps/ja/	
12月に公開予定の有料版では、このようなサイトが	
  
驚くほど少ないスクリプト量で実現できます!
一般的なウェブサイト構築との比較(1/2)	
入力	

計算/保存	

一般的な
方法	
プログラム開発する領域	

123MAPS	

Googleスプレッドシート	
プログラム開発	
  
する領域	

出力
一般的なウェブサイト構築との比較(2/2)	
開発期間(スピード)	
一般的な
方法	

環境設定	

123MAPS	

開発作業	

サイト	
  
公開	
  
準備
123MAPSでのGASの活用	
1)  123MAPS利用申し込み者に、テンプレートの
スプレッドシートと利用マニュアルの自動配布	
2)  スプレッドシート内で、住所を緯度経度に変換	
3)  Googleマップ上に複数の場所を表示するサン
プルHTMLの自動作成と保存	
4)  Googleマップ上で修正したピンの位置の緯度
経度をスプレッドシートに保存
123MAPSでのGASの活用	
1)  123MAPS利用申し込み者に、テンプレートの
スプレッドシートと利用マニュアルの自動配布	
2)  スプレッドシート内で、住所を緯度経度に変換	
3)  Googleマップ上に複数の場所を表示するサン
プルHTMLの自動作成と保存	
4)  Googleマップ上で修正したピンの位置の緯度
経度をスプレッドシートに保存
1)  123MAPS利用申し込み者に、テンプレートのス
プレッドシートと利用マニュアルの自動配布	
ポイント	

•  クラス DriveAppの利用	
  
•  ウェブアプリケーション化	
123MAPSのGoogle
ドライブのフォルダ	

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

2	

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

1	
 フォルダの作成
123MAPSでのGASの活用	
1)  123MAPS利用申し込み者に、テンプレートの
スプレッドシートと利用マニュアルの自動配布	
2)  スプレッドシート内で、住所を緯度経度に変換	
3)  Googleマップ上に複数の場所を表示するサン
プルHTMLの自動作成と保存	
4)  Googleマップ上で修正したピンの位置の緯度
経度をスプレッドシートに保存
2)  スプレッドシート内で、住所を緯度経度に変換	
ポイント	

•  クラス	
  Mapsの利用
123MAPSでのGASの活用	
1)  123MAPS利用申し込み者に、テンプレートの
スプレッドシートと利用マニュアルの自動配布	
2)  スプレッドシート内で、住所を緯度経度に変換	
3)  Googleマップ上に複数の場所を表示するサン
プルHTMLの自動作成と保存	
4)  Googleマップ上で修正したピンの位置の緯度
経度をスプレッドシートに保存
3)  Googleマップ上に複数の場所を表示するサン
プルHTMLの自動作成と保存	
ポイント	

•  クラス DriveApp,	
  SpreadsheetApp	
  の利用
123MAPSでのGASの活用	
1)  123MAPS利用申し込み者に、テンプレートの
スプレッドシートと利用マニュアルの自動配布	
2)  スプレッドシート内で、住所を緯度経度に変換	
3)  Googleマップ上に複数の場所を表示するサン
プルHTMLの自動作成と保存	
4)  Googleマップ上で修正したピンの位置の緯度
経度をスプレッドシートに保存
4)  Googleマップ上で修正したピンの位置の緯度経
度をスプレッドシートに保存	
ポイント	

•  クラス SpreadsheetApp	
  の利用	
  
•  ウェブアプリケーション化して、独自APIを作成
ありがとうございました。	

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

123MASPでのGoogle Apps Scriptの活用