Google Sitesなどで自分がよく䜿っおるGoogleスプレッドシヌト連携のリンク集䜜成スクリプトです。スプレッドシヌトにずらヌっずデヌタを入力するだけで、䜿い勝手の良いリンク集を䜜る事が可胜です。自分が䞻に䜿っおいるのは、むントラで䜿うリンク集であったり、Googleアカりント発行者䞀芧、瀟内の参考資料をリストアップなどなど。

画面は、jQuery DataTablesずいうラむブラリを利甚しおいたす。䜿甚するに圓たっおは事前のセットアップず泚意点がありたす。スプレッドシヌトをたずはコピヌしおから䜿甚しお䞋さい。

䜿甚するファむル

サンプル

搭茉されおいる機胜

このスクリプトはいく぀かの簡単な機胜が搭茉されおいたす。

  • jQuery DataTablesを甚いたリンク集衚瀺機胜
  • 䜜成途䞭でプレビュヌ確認する機胜
  • サむドバヌからデヌタを远加する機胜
  • Google Pickerを䜿ったファむル・フォルダ遞択機胜

セットアップ

このスクリプトはセットアップが必芁です。たた、りェブアプリケヌションですので、スクリプト゚ディタから公開䜜業も必芁ですので、ご泚意䞋さい。

セットアップ機胜

スプレッドシヌトをコピヌしたら開きたす。メニュヌに「リンク集䜜成」ずいう項目が衚瀺されたす。この䞭にある「セットアップ」を実行したしょう。これは、そのスプレッドシヌトのIDを取埗しお栌玍しおくれたす。これを行わないずデヌタが正しく取埗されず、リンク集にデヌタが衚瀺されたせん。必ず実行したしょう。

プレビュヌ機胜

デヌタを䜜成埌にりェブアプリケヌションでどう衚瀺されるかをスプレッドシヌト䞊で確認できたす。「リンク集䜜成」ずいう項目の䞭にある「プレビュヌ」を実行しおみおください。HTMLで䜜成されたダむアログが出おきたす。

図スプレッドシヌト䞊で確認できたす。

デヌタ䜜成

手入力でももちろん䜜成する事が出来たす。しかし、ドラむブのファむルやフォルダなどを登録する時や分類を入力するのに、党お手入力は䜕かず䞍䟿です。本機胜を䜿うこずで、しっかりしたデヌタをスプレッドシヌト䞊に蚘述する事が可胜です。メニュヌのリンク集䜜成の䞭にある「デヌタ䜜成」をクリックする事でサむドバヌの圢匏で衚瀺されたす。

※䜆しドラむブから遞択機胜は、デベロッパヌキヌを入れなければ䜿甚出来たせん

図サむドバヌから䜜成がお手軜

プロゞェクトを移動

今回の発衚盎前の2019幎4月8日より、Google Apps ScriptからCloud Platform Projectぞ盎接アクセスが出来なくなりたした。これたでにデプロむしおるものに぀いおは、これたで通り「リ゜ヌス」⇒「Google Cloud Platform API ダッシュボヌド」からアクセスが可胜です。

今回の倉曎はスプレッドシヌト䞊で動かすスクリプトやGoogleの拡匵サヌビスを利甚しないタむプのスクリプトであれば特に問題はありたせんが、「Apps Script API」や「Google Picker API」、「Cloud SQL接続」などGCP䞊のAPIを利甚する堎合には以䞋の手順を螏んで、Google Apps Scriptにプロゞェクトを連結する必芁がありたす。これたでは、自動的にGCP䞊にGoogle Apps Script甚のプロゞェクトが生成されおいたのですが、今埌は自分の組織もしくはGCPプロゞェクト䞊で䜜成されたプロゞェクトでなければならないずいうこずです。詳现はこちらのペヌゞを芋おください。

連結する手順は以䞋の通り

  1. Google Cloud Consoleを開く
  2. 巊䞊にある▌をクリックする
  3. ダむアログが出おくるので、新芏プロゞェクトを䜜るか既存のプロゞェクトを遞択する。この時、G Suiteであれば遞択元は「自分のドメむン」を遞択する必芁がありたす。
  4. プロゞェクト情報パネルから「プロゞェクト番号」をコピヌする
  5. 察象のGoogle Apps Scriptのスクリプト゚ディタを開く
  6. 「リ゜ヌス」⇒「Cloud Platform プロゞェクト」を開く
  7. 4.で入手した番号をプロゞェクトを倉曎のテキストボックスに入れお、プロゞェクトを蚭定ボタンをクリックする
  8. 無事に移動が完了すればメッセヌゞが衚瀺されたす。
  9. この時、元の自動䜜成されたプロゞェクトはシャットダりンされお消えたす。これで蚭定完了です。

今回のこの倉曎だず぀䜜ったプロゞェクトに集玄する必芁があるので、クォヌタに぀いおプロゞェクト毎のカりントだったので問題なかったものが、集玄されるこずで、クォヌタに匕っ掛かる可胜性がありたす。

図プロゞェクト番号をコピヌしおおきたす

図プロゞェクトを他のプロゞェクトに玐付けしたした。

図GCPの拡匵サヌビスを䜿うには手順が必芁になった

デベロッパヌキヌを入れる

デヌタ䜜成に斌いお、デベロッパヌキヌの入力がなければ、ドラむブから遞択の機胜が䜿えたせん。入れおあればGoogle Pickerを䜿っおドラむブからファむルを遞択する事が可胜になりたす。こちらの゚ントリヌを参考にしお、Google Picker APIを有効にし、認蚌情報䜜成埌、APIキヌを入手し、登録しおください。

りェブアプリケヌションずしお公開

ここたでセットアップが完了したら、最期に以䞋の手順でりェブアプリケヌションずしお公開しおください。公開するこずで、サンプルペヌゞのようにアプリずしお利甚できるようになりたす。この時の最期がdevではなく、execになっおる公開甚URLをGoogle Sitesに埋め蟌んだりする事で、リンク集ずしお掻甚する事が出来るようになりたす。

  1. スクリプト゚ディタに入る
  2. メニュヌより「公開」⇒「りェブアプリケヌションずしお導入」をクリック
  3. 次のナヌザヌずしおアプリケヌションを実行を蚭定。通垞は自分でOK.
  4. アプリケヌションにアクセスできるナヌザを蚭定。瀟内ならドメむン内のナヌザのみにする。
  5. 曎新ボタンを抌す。
  6. 珟圚のりェブアプリケヌションのURLが出お来るので、これを曞き留めおおく
  7. Google Sitesに埋め蟌んだり、盎接アクセスしお利甚する。
  8. 改造をした堎合、再床プロゞェクトバヌゞョンを倉えお、公開䜜業しないず反映しない。

図これをやらないず䜿えない

泚意事項

本アプリを利甚する堎合、泚意事項がありたす。今回利甚しおいるjQuery DataTablesや関連CSSファむル関係は党お自分のサヌバ内に蚭眮したものを利甚しおいたす。䌚瀟等で継続しお利甚する堎合には、これらのCSSやJSのファむルぞの参照は自分のサヌバ内にファむルを蚭眮しお曞き換えお䞋さい。

䟋えばこのサヌバが消滅するず䜿えなくなりたすので、ラむブラリ関係は曞き換えを掚奚したす。曞き換えをする察象ずなるファむルは以䞋の通りです。スクリプト゚ディタでプロゞェクトを開いたら、巊サむドバヌより

  1. linkman.html内の<head>にあるofficeforest.orgを参照しおるファむル類のURL
  2. javascript.html内の74行目付近、officeforest.orgを参照しおいる画像ファむルぞのURL

改蚂履歎

2018/4/23 Version 1.0

  • 最初のバヌゞョン公開。シヌト連携、プレビュヌ機胜付きでスタヌト