超初心者向け！コピペdeGASのススメ

連日の投稿と比較すると、あまりにレベルが違って申し訳ないような記事ですが・・・<br />
「Java ScriptもC言語も知らないよ！」という超プログラミング初心者でも、コピペで作れるGoogle Apps Scriptで、お手軽プログラミング体験してみましょう～という話です。<br />
（ちなみに私、GAS歴1年以上になりますが、未だにゼロからGASが書けずにコピペで何とか凌いでいます。。。）<br />
<h2>
<br />■GOAL</h2>
<br />
コピペして、アレンジを加えるだけで、以下の方法がな～んとなく分かっちゃいます！<br />
<br />
　　(1)　スプレッドシートが開いた時に、自動的にスクリプトを起動<br />
　　(2)　スプレッドシートに独自メニューを追加<br />
　　(3)　インプットボックスの表示<br />
　　(4)　メッセージボックスの表示<br />
　　(5)　シートを新しく名前を付けて作成する<br />
　　(6)　セルの背景色・文字色の設定<br />
<br />
<h2>
■コピーするのはこのScript</h2>
今回コピーする元となるのは、<a href="https://developers.google.com/apps-script/" target="_blank">Google Developers（公式）のGoogle Apps Script</a>に関するサイト。<br />
このサイトは、GASの概要やクラスとメソッド一覧などがまとまっていて、右も左も分からない人にも優しいサイトです。<br />
そしてこのサイトには、いくつかのサンプルスクリプトも掲載されています。<br />
<br />
今回は、その中の「<span style="background-color: white; color: #222222; font-family: Arial, sans-serif; font-size: 12.800000190734863px; line-height: 20px;">5-Minute Quickstarts</span>」→「<span style="background-color: white; color: #dd4b39; font-family: Arial, sans-serif; font-size: 12.800000190734863px; line-height: 20px;">Macros, Menus, and Custom Functions</span>」をコピーしてGASを作りましょう。<br />
<br />
<a href="http://1.bp.blogspot.com/-9NibNTn3_Cw/Uq7L6N5FHqI/AAAAAAAAB-w/nf8y6m7k5nI/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">　　<img border="0" src="http://1.bp.blogspot.com/-9NibNTn3_Cw/Uq7L6N5FHqI/AAAAAAAAB-w/nf8y6m7k5nI/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3.JPG" height="170" width="400" /></a><br />

<h2>
■コピーする方法（超簡易版）</h2>
<br />
　1．「Set it up」の1行目の中の青文字部分をクリック<br />
<br />
<a href="http://2.bp.blogspot.com/-r8zurHTbLJk/Uq7L6LxbnsI/AAAAAAAAB-4/Jn8SZd6eyPA/s1600/%25E3%2582%25AD%25E3%2583%25A3%25E3%2583%2597%25E3%2583%2581%25E3%2583%25A32.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;">　　<img border="0" src="http://2.bp.blogspot.com/-r8zurHTbLJk/Uq7L6LxbnsI/AAAAAAAAB-4/Jn8SZd6eyPA/s1600/%25E3%2582%25AD%25E3%2583%25A3%25E3%2583%2597%25E3%2583%2581%25E3%2583%25A32.JPG" height="250" width="400" /></a><br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-9NibNTn3_Cw/Uq7L6N5FHqI/AAAAAAAAB-w/nf8y6m7k5nI/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="http://1.bp.blogspot.com/-9NibNTn3_Cw/Uq7L6N5FHqI/AAAAAAAAB-w/nf8y6m7k5nI/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="http://1.bp.blogspot.com/-9NibNTn3_Cw/Uq7L6N5FHqI/AAAAAAAAB-w/nf8y6m7k5nI/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="http://1.bp.blogspot.com/-9NibNTn3_Cw/Uq7L6N5FHqI/AAAAAAAAB-w/nf8y6m7k5nI/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="http://1.bp.blogspot.com/-9NibNTn3_Cw/Uq7L6N5FHqI/AAAAAAAAB-w/nf8y6m7k5nI/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A3.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a></div>
<br />
2．「はい、コピーを作成します」をクリック<br />
3．新しく作成されたスプレッドシートの、「ツール」→「スクリプトエディタ」をクリック<br />
<div style="text-align: start;">
<span style="text-align: center;">4．スクリプトをコピー＆ペースト</span></div>
5．プロジェクトの名前を付けて保存<br />
6．実行ボタンを押して、スクリプトの承認をする<br />
<br />
　これで準備OK！<br />
<br />
<h2>
■こんなスクリプトです</h2>
ちなみにこのコピーしたスクリプト、こんなことしてくれるんです。<br />
<br />
　1．スプレッドシートを開いた時に、自動的にメニューバーに「Directions」→「Generates　step-by-step」という独自メニューを追加<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-iHFB9ar1AJY/Uq7Vjx5m9tI/AAAAAAAAB_w/ctwSvDFPZeE/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A37.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-iHFB9ar1AJY/Uq7Vjx5m9tI/AAAAAAAAB_w/ctwSvDFPZeE/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A37.jpg" height="166" width="400" /></a></div>
<br />
　2．1．で追加された独自メニューを選択すると、インプットボックス表示<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-fuKWdBa2EmA/Uq7VjRV8OAI/AAAAAAAAB_o/47zlaXLTeWM/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A38.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-fuKWdBa2EmA/Uq7VjRV8OAI/AAAAAAAAB_o/47zlaXLTeWM/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A38.JPG" height="218" width="400" /></a></div>
<br />
3．インプットボックスに、行数番号を入力　（例：3）<br />
<br />
4．新しいシート作成＆指定した行数に記載されている「起点」→「終点」までの道順を表示<br />
<br />
5．道順を「メートル換算」→「マイル」に変換<br />
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://3.bp.blogspot.com/-2RYppvj4SHM/Uq7VjjOrdjI/AAAAAAAAB_s/Fp3Fwbwqoww/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A39.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://3.bp.blogspot.com/-2RYppvj4SHM/Uq7VjjOrdjI/AAAAAAAAB_s/Fp3Fwbwqoww/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A39.JPG" height="356" width="400" /></a></div>
<br />
<h2>
■使えるスクリプトはコレ！</h2>
<div>
スクリプトの全文は、Google Developers（公式）サイトをご確認頂くとして、そのスクリプトの中から、応用しやすい便利なスクリプトを抜粋してご紹介します。</div>
<h3>
1．　スプレッドシートが開いた時に、自動的にスクリプトを起動</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-zfSZuT_q5ZI/Uq7tMr1ixRI/AAAAAAAACAI/hCpQRgYBuwg/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A311.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-zfSZuT_q5ZI/Uq7tMr1ixRI/AAAAAAAACAI/hCpQRgYBuwg/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A311.JPG" height="36" width="200" /></a></div>
<div>
<br /></div>
<div>
function名を”onOpen()”と書くと、それ以降の｛｝間に記載したプログラムが、スプレッドシートを開いた時に自動的に実行されます。</div>
<div>
<br /></div>
<h3>
2．　スプレッドシートに独自メニューを追加</h3>
<a href="http://2.bp.blogspot.com/-aJtScn57RQQ/Uq7tMuOogSI/AAAAAAAACAQ/8XQp-ueRrNg/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A310.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-aJtScn57RQQ/Uq7tMuOogSI/AAAAAAAACAQ/8XQp-ueRrNg/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A310.JPG" height="105" width="400" /></a><br />

<div>
<a href="http://2.bp.blogspot.com/-f2DmeDjgmxY/Uq7vSRm8hAI/AAAAAAAACAo/yeU4ai86HYE/s1600/%25E3%2582%25AD%25E3%2583%25A3%25E3%2583%2597%25E3%2583%2581%25E3%2583%25A313.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="http://2.bp.blogspot.com/-f2DmeDjgmxY/Uq7vSRm8hAI/AAAAAAAACAo/yeU4ai86HYE/s1600/%25E3%2582%25AD%25E3%2583%25A3%25E3%2583%2597%25E3%2583%2581%25E3%2583%25A313.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a></div>
<div>
<br /></div>
<div>
↓　こう書くと、こうなる...</div>
<div>
<br /></div>
<div>
<a href="http://2.bp.blogspot.com/-f2DmeDjgmxY/Uq7vSRm8hAI/AAAAAAAACAo/yeU4ai86HYE/s1600/%25E3%2582%25AD%25E3%2583%25A3%25E3%2583%2597%25E3%2583%2581%25E3%2583%25A313.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-f2DmeDjgmxY/Uq7vSRm8hAI/AAAAAAAACAo/yeU4ai86HYE/s1600/%25E3%2582%25AD%25E3%2583%25A3%25E3%2583%2597%25E3%2583%2581%25E3%2583%25A313.jpg" /></a></div>
<div>

<div>
　・変数spreadsheetに、現在アクティブなスプレッドシートを格納</div>
<div>
　・変数menuItemsに、独自メニューをクリックした時にプルダウンで表示されるメニューの名称と、そのメニューをクリックした時に紐付けたいfunction名を指定</div>
<div>
　・"．．．addMenu（）"でメニューバーに表示したい名称と、それに紐づくサブメニューを指定</div>
<div>

<div>
　　※緑色の箇所を書き換えれば、独自メニューのできあがり<div class="separator" style="clear: both; text-align: center;">
</div>
</div>
<h3>
3．　インプットボックスの表示</h3>
<a href="http://1.bp.blogspot.com/-kCwHXBZSuXo/Uq7tMxzFnsI/AAAAAAAACAM/Qazwq-AB-t4/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A312.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-kCwHXBZSuXo/Uq7tMxzFnsI/AAAAAAAACAM/Qazwq-AB-t4/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A312.JPG" height="93" width="400" /></a><br />
<h3>
<br /></h3>
<h3>
<br /></h3>
<div>
　　↓こう書くと、こうなる...</div>
<div>
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-GTmrzzAG3gQ/Uq7xXxn_v3I/AAAAAAAACAw/86b-2TwvMSk/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A314.jpg" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-GTmrzzAG3gQ/Uq7xXxn_v3I/AAAAAAAACAw/86b-2TwvMSk/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A314.jpg" /></a></div>
<div>
　・"Browser.inputBox()"でインプットボックス表示</div>
<div>
　・上記の（）の中は、（インプットボックスのタイトル,インプットボックスの表示メッセージ,ボタンの種類）</div>
<div>
<br /></div>
<br />
<h3>
4．　メッセージボックスの表示</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-giWJIi7GWFw/Uq7yhfrkUxI/AAAAAAAACA4/9VS9XPllbHM/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A316.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-giWJIi7GWFw/Uq7yhfrkUxI/AAAAAAAACA4/9VS9XPllbHM/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A316.JPG" height="40" width="400" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-qumqn7mZFaw/Uq7ytYNtDOI/AAAAAAAACBA/jRrki3_Zr30/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A317.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="http://4.bp.blogspot.com/-qumqn7mZFaw/Uq7ytYNtDOI/AAAAAAAACBA/jRrki3_Zr30/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A317.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a></div>
↓こう書くと、こうなる...<br />
<br />
<a href="http://1.bp.blogspot.com/-9Si4cHfi-Ls/Uq7-qqrzJkI/AAAAAAAACBU/Mq2O_BeYIYc/s1600/%25E3%2582%25AD%25E3%2583%25A3%25E3%2583%2597%25E3%2583%2581%25E3%2583%25A318.JPG" imageanchor="1" style="clear: left; display: inline !important; margin-bottom: 1em; margin-right: 1em; text-align: center;"><img border="0" src="http://1.bp.blogspot.com/-9Si4cHfi-Ls/Uq7-qqrzJkI/AAAAAAAACBU/Mq2O_BeYIYc/s1600/%25E3%2582%25AD%25E3%2583%25A3%25E3%2583%2597%25E3%2583%2581%25E3%2583%25A318.JPG" /></a><br />
<br />
<br />
<h3>
5．　シートを新しく名前を付けて作成する</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-IZm0rtOj9i4/Uq7_tPnupJI/AAAAAAAACBc/6Sa5rsyFn-4/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A319.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-IZm0rtOj9i4/Uq7_tPnupJI/AAAAAAAACBc/6Sa5rsyFn-4/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A319.JPG" height="156" width="400" /></a><a href="http://1.bp.blogspot.com/-IZm0rtOj9i4/Uq7_tPnupJI/AAAAAAAACBc/6Sa5rsyFn-4/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A319.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-ohE7KyLgPTg/Uq7_tVO51LI/AAAAAAAACBg/Bn4wOHYb1Co/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A321.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="http://4.bp.blogspot.com/-ohE7KyLgPTg/Uq7_tVO51LI/AAAAAAAACBg/Bn4wOHYb1Co/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A321.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-ohE7KyLgPTg/Uq7_tVO51LI/AAAAAAAACBg/Bn4wOHYb1Co/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A321.JPG" height="81" width="400" /></a><a href="http://4.bp.blogspot.com/-ohE7KyLgPTg/Uq7_tVO51LI/AAAAAAAACBg/Bn4wOHYb1Co/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A321.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="http://4.bp.blogspot.com/-ohE7KyLgPTg/Uq7_tVO51LI/AAAAAAAACBg/Bn4wOHYb1Co/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A321.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a><a href="http://4.bp.blogspot.com/-ohE7KyLgPTg/Uq7_tVO51LI/AAAAAAAACBg/Bn4wOHYb1Co/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A321.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><br /></a></div>
&nbsp;↓　こう書くと、こうなる...<br />

<div>
・変数sheetNameに、新しく作成するシートの名称を格納</div>
<div>
・既に同じ名前のsheetが存在しないか確認し、既存の場合はクリア</div>
<div>
・既存のシートがない場合は、.insertSheet（）で新規シート追加</div>
<div>
<br /></div>
<h3>
6．　セルの背景色・文字色の設定</h3>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-mSqqb4rR8Kc/Uq7_tdQbl6I/AAAAAAAACBY/FSu0L96944M/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A320.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://1.bp.blogspot.com/-mSqqb4rR8Kc/Uq7_tdQbl6I/AAAAAAAACBY/FSu0L96944M/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A320.JPG" height="100" width="400" /></a></div>

<br />
　　 ↓　こう書くと、こうなる...<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="http://2.bp.blogspot.com/-6Dzn9hsTAxY/Uq7_t17bWtI/AAAAAAAACBw/4G901Imd6O4/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A322.JPG" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" src="http://2.bp.blogspot.com/-6Dzn9hsTAxY/Uq7_t17bWtI/AAAAAAAACBw/4G901Imd6O4/s1600/%E3%82%AD%E3%83%A3%E3%83%97%E3%83%81%E3%83%A322.JPG" height="151" width="400" /></a></div>
<br />

　・getRange（）で、セルを指定<br />
　・.set・・・・（）で、背景色や文字色などを各種設定<br />
<h2>
■つまり・・・</h2>
<div>
プログラムって、動いてみて初めて喜びや楽しさを感じるもの！</div>
<div>
喜んだから、楽しいから、感動したから、、、それが原動力になってもっと勉強してみるか、となるので、まずはコピペでGASを動かしてみましょ～～～。</div>
<div>
<br /></div>
<div>
と、いうことでした！</div>
<div>
<br /></div>
<div>
<br /></div>