Nuxt.jsとFirebase Authenticationでログイン認証を作る | non-standard world株式会社
こんにちは、エンジニアの高崎です。 Nuxt.jsとFirebaseを使って簡単なメモを取るWEBサービスを作るこの特集、前回は導入のためのセットアップをしました。今回はNuxt.jsとFirebase Authentication（ログイン認証）を使ってGoogleアカウントでログインする機能を実装します。 Googleのログイン認証を有効にする １．Firebaseのコンソールにログインします。 ２．プロジェクトを選択し、表示されるトップページの赤枠をクリックします。 3.Nuxt.jsのプロジェクトをフォルダに戻って/pluginsフォルダの中に下記のようなfirebase.jsを作ります。 4.２の画面で表示される画面を参考にapiKey〜messagingSenderIdまでをご自身のプロジェクトのものに変更します。 apiKey: "ここにAPIキーが入ります", authDo
Vue.jsとFirebaseで本番環境、ステージング環境をなるべく節約して構築する - GAミント至上主義
yagish履歴書は、システム1人、デザイン1人、イラスト1人、計3人の小さなチームで作っていて、開発は非常に身軽なので、本番公開時もローカルの開発環境＋Firebase本番環境だけだった。 rirekisho.yagish.jp でもさすがに大きな変更を本番でやるのは怖いので、手間と費用をなるべく抑えつつ、Firebaseを使ったステージング環境を構築することにした。 開発環境はVue CLI 3で構築。 cli.vuejs.org 環境変数 これは3ファイルで分ける .env.production .env.development .env.stagingステージング環境について公式ドキュメントに書いてあるので、参考にする。 cli.vuejs.org .env.staging NODE_ENV=production VUE_APP_TITLE=My App (staging)ただNO
dev プロパティ
server.jsconst { Nuxt, Builder } = require('nuxt') const app = require('express')() const port = process.env.PORT || 3000 // オプションを使って Nuxt をインスタンス化する const config = require('./nuxt.config.js') const nuxt = new Nuxt(config) app.use(nuxt.render) // 開発モードのときのみビルドする if (config.dev) { new Builder(nuxt).build() } // サーバーを Listen する app.listen(port, '0.0.0.0').then(() => { console.log(`Server is listeni
nuxtjs/axiosでinterceptorを使う[Nuxt.js Vue.js] | myBlog
最近 Vue.js ばっかり触っている。 その流れで Nuxt.js を使って Web サイトを作っているが， @nuxtjs/axios の interceptor を使おうとしてハマったのでメモを残しておく。 目次 そもそもどういった時に使いたいかというと， axios の interceptor @nuxtjs/axios の interceptor おわりに そもそもどういった時に使いたいかというと，ログインが必要なサイトを作るときに token 情報をリクエストヘッダーに含める時とかに使うと便利！ 例 リクエスト発行直前に，token があれば header に詰める！みたいな処理を差し込む レスポンスに新しい token が入っていたら，token を更新する 上記例をリクエストごとに書くのはナンセンスなので，axios の interceptor に書いておいて，毎回リクエス
dev プロパティ
server.jsconst { Nuxt, Builder } = require('nuxt') const app = require('express')() const port = process.env.PORT || 3000 // オプションを使って Nuxt をインスタンス化する const config = require('./nuxt.config.js') const nuxt = new Nuxt(config) app.use(nuxt.render) // 開発モードのときのみビルドする if (config.dev) { new Builder(nuxt).build() } // サーバーを Listen する app.listen(port, '0.0.0.0').then(() => { console.log(`Server is listeni
GoogleApps ScriptにESP8266からPOSTする - Qiita
Google Apps Script (GAS)に定期的にデータを上げるための開発メモ。 ポイント1 定期実行はArduinoのMsTimer2の代わりにTickerライブラリを使う 参考: https://qiita.com/exabugs/items/34aab51eb2d35207629b WiFi通信のような処理はonTickerな関数ではなくloop内に設置する。 サンプルコード #include <Ticker.h> Ticker ticker; bool bSend = false; void setup() { ticker.attach_ms(1000, onTicker); } void loop() { if (bSend) { //GASへPOSTする処理 bSend = false; } } void onTicker() { bSend = true; } ポイ
【gas】drive上のjsonファイルにアクセス - Qiita
背景 健康管理のため、体組成計のデータをスプレッドシートに流し、これをグラフにしてgas使ってslackやらlineやらに送れるようにしていた。 これをgithubで管理したいと思ったけど、token丸見え… 目的 というわけで、 tokenをJSONで別管理しよう 実装 function TokenImported() { var file_name = 'token.json'; var fileIT = DriveApp.getFilesByName(file_name).next(); var textdata = fileIT.getBlob().getDataAsString('utf8'); var jobj = JSON.parse(textdata); Logger.log(jobj) return jobj; } var jtoken = TokenImported()
閲覧中のWebサイトで使われている技術を確認できるChrome拡張「Wappalyzer」のご紹介 - Qiita
はじめに エンジニアたるもの、よそで使われている技術は気になると思います。今回は、そんな時に役立つChrome Extensionの「Wappalyzer」をご紹介します。 概要 Wappalyzerは、ブラウザに現在閲覧しているWebサイト内で使われているテクノロジーを覗き見する機能を追加できる拡張スクリプトです。 Chrome Extensionとして配布されているほか、FirefoxのAdd-onとしても配布されているので、どちらでもお好みのブラウザで利用が可能です。 Chromeのかたはこちらのリンクより、Firefoxのかたはこちらのリンクよりダウンロードが可能です。 使ってみる 導入方法をご紹介しましたので、早速実際に使ってみましょう。 今回はWappalyzerを導入したGoogle Chromeにて、Qiitaの執筆画面を見てみます。 まずはじめに、対象とするページを開いた
aws-amplifyをnuxt.jsで使ってみた - Qiita
はじめに Nuxt.jsとAWS Amplifyを組み合わせて認証をするだけのbareboneアプリケーションを作成した．忘れないうちに主にNuxt.jsに関して得られた知見を文字に起こす． 筆者はNuxt.js初心者なので，間違いや改善点があればコメントをいただけると幸いです． 今回作成したサンプルプロジェクトはこちら 実装の参考にしたaws-amplify-vueはVue.js使いなら必見である． 注意 Nuxt.jsのチュートリアルとAWS Amplifyのreadmeを読んだことがあるくらいの知識は必要なので，未読の方は読んでおいてください．(あとAWS入門ではないので，Cognito UserPoolとかの設定はよしなにやっておいてください) またこの記事のNuxt.jsはSSR(サーバーサイドレンダリング)モードで開発，実行しているとする． サンプルプロジェクトについて 内容
NuxtのSSRモードで一部だけSSRをスキップする方法 - Qiita
そういえばわざわざ探して公式ドキュメントに追加しておきながら日本語の情報としてまとめてなかったなぁと思いメモ。 Nuxt の SSR モードにおける悩み Nuxt はデフォルトでサーバーが立ち上がって Node.js サーバーがサーバーサイドレンダリングを行う SSR モードで起動するようになっている。 SSR をしたい場合はどうしても SSR モードを使う必要があるけれど、とはいえ例えば SSR 非対応な Vue コンポーネントを読み込んでいる時に、 plugins で ssr: false にしていてもカスタムコンポーネントを記述していると問題となったりしてすこし具合が悪い。 そんな時の、「ここだけSSRしないでおきたい」という要望も、 Nuxt は対応している。 <no-ssr> コンポーネント Nuxt には、本体にデフォルトで登録されたカスタムコンポーネントである <no-ssr
フロントエンドのバリデーションを hapi の joi で行うと手軽で便利 - Qiita
Webフロントエンドの入力とバリデーションは、煩雑なのに手を抜きづらいという、なかなか難しいテーマとして長らく存在し続けています。 最近のSPA開発では、ReactやVue向けに、専用のライブラリが提供されていることも少なくありません。しかしながら、それらは得てして特定のフレームワークに依存しており、かつ解決したい課題に対してオーべースペックであることが少なくありません。 そうして簡単なフォーム作成の時に使える丁度良いフレームワークはないか悩んでいたところ、サーバーサイドJS向けのバリデーションライブラリである hapijs/joi が非常にマッチしていること、そして、その joi が、ブラウザ向けに joi-browser として移植されていることを知り、実際に案件に投入したところ丁度良い塩梅で便利だったのでご紹介いたします。 Joi (オリジナルNode.js版) の特徴と使い方 Jo
Chocolateyを使った環境構築の時のメモ - Qiita
Chocolateyを使った環境構築の時のメモ [Windows] Windows 10をクリーンインストールした際の 環境構築のためにソフトをインストールする際に役立った Chocolateyの使い方をまとめました. chocolateyとは? Ubuntu/Debian系でよく使われるパッケージ管理の apt-get が Windows版でchocolateyになったと思えばいいと思う. これをインストールすると みたいな感じでインストールできる. インストールするメリット 使いたいソフトの Windowsインストーラ をダウンロードして 毎回 Yes とか 承諾 とかをクリックする 手間が省ける chocolateyでインストールしたソフトは一括アップデートできる cinst ${packagename}でググれば，ソフトのインストールは楽々 広告URLをクリックして偽ソフトをうっか
claspを使ってGoogle Apps Scriptをローカルで開発・編集する その1 - claspを使ってみる - Qiita
claspとは Google Apps Scriptをローカルで開発・編集するためのCLIツール。 なぜclaspを使うのか gitなどでソースコードのバージョン管理をできるようにするため TypeScriptでコードを書けるようにするため webpackなどでモジュールを使えるようにするため 使い慣れたエディタでコードの編集ができるようにするため claspのインストール CLIのインストール
5分で作るclaspを使ったGoogle Apps Scriptの開発環境 - Qiita
❄️Google Apps ScriptはGoogleが提供するスクリプトエディタでコーディングできるが、好きなエディタを使えない、Gitで管理できない等の問題がある。そこで便利なのが、ローカルで開発できるようにしてくれるGoogle製のツール「clasp」だ。本稿ではこれを使った5分程度でできるGoogle Apps Scriptの開発環境構築法を説明する。 本稿ではできるだけ環境構築の手間を省くため、gas-clasp-startarを使用する。そのため本稿で構築する開発環境は次の技術基盤を採用したものになる。 TypeScript Webpack TSLint, Jest, Prettier claspをインストールする yarnコマンドでインストールする。
GAS のGoogle製CLIツール clasp - Qiita
Google Apps Scriptというと以前はWebのエディター上でしかコードを書けなかった。 手に馴染んだエディタが使えないし、バージョン管理はしにくかった。 Googleからclaspが登場し開発環境は大幅に改善された。 利用バージョン： clasp v1.1.5 インストール npm コマンドでインストールできる。 npm i clasp でインストールすると以前は別モノがインストールされたが、今は An alias for @google/claspと書かれており単にclasp のみでも良さそう。 ログイン Webエディタ側から取るにも、Webエディタ側にアップするにもユーザ認証が必要ということで、まずはログインする必要がある。 ログインする前には Google Apps Script API を有効にしておく必要もある。 https://script.google.com/h
claspを使い、Google Apps Scriptプロジェクトをgitでバージョン管理する - Qiita
はじめに Google Apps Script、活用していますか？ 筆者は業務でそこそこ活用しており、その経験も踏まえて先月はアドベントカレンダーを書いたりしていました。 Google Apps Scriptを実例交えて基礎からざっくり学ぶ Advent Calendar 2017 ただ、業務で使っていると困ることがあります。 ソースコードが全てGoogleドライブ上で管理されている（誤削除怖い。gitでバージョン管理したい） クラウド上のScriptEditorより、お気に入りエディタで開発したい その長年の悩みが、Google公式のCLIツール「clasp」が登場したことにより少し改善しそうです。 まぁ今までもプラグイン等を使えば解決できたのですが、徐々にGASプロジェクトが肥大化するにつれてバージョン管理しないとなーと思っていた矢先、Google先生がリリースしてくれたのでこれを期に
Use the command line interface with clasp | Apps Script | Google for Developers
Send feedback Use the command line interface with clasp Stay organized with collections Save and categorize content based on your preferences. To develop and manage Apps Script projects from your terminal rather than the Apps Script editor, you can use an open-source tool called clasp. The clasp codelab provides an overview of all clasp features. Features Develop locally clasp lets you to develop
Google Apps Scriptでファイル名、フォルダ名からファイルへアクセスしたい - Qiita
Google Apps Script（GAS）を使ってファイルへアクセスする場合、ファイルIDやフォルダIDを指定してアクセスする方法は多く紹介されています。Google DriveではファイルIDが分かるとフォルダが異なっていてもファイルへアクセスすることができる点で便利ではあるのですが、作業時にファイル名やフォルダ名から直接アクセスすることができれば都合が良いと思うことがあります。例えば、GASで作成したファイルやGAS経由でアップロードしたファイルについてはその作成時にファイルIDを取得できますが、外部から複数のファイルをGoogle Drive上にドラッグ＆ドロップした場合は、ファイル名は知っていてもIDはファイルを直接確認しないとわかりません。そこで、ファイル名からファイルIDを取得することができると少し便利になると考えました。丁度このような機会があり、少し調べつつ考えてみたとこ
Google Apps ScriptでJPEGの画像からOCRで画像内の文字列を取得してみた - saitodev.co
表題の通り、Google Apps Script(以後GAS)で、 指定の画像から文字列を取得できるか？試してみた。 Google Apps ScriptのHTML ServiceでGoogle Calendarの予定を取得してみる 先に画像から文字列を取得あたりだけど、 以前、Googleドキュメントで画像ファイルから文字列を抜き取ってみるの記事でGoogleドキュメントを活用して、画像から文字列を取得してみた。 この技術を光学文字認識(Optical character recognition：OCR)と呼ぶ。 光学文字認識 - Wikipedia ここらへんの話はオライリーから出版されている 実践コンピュータビジョンや ゼロから作るDeep Learningが良いかも 試す画像は、 SOY Shopの管理画面の注文一覧ページで表示速度周りを改修していますの文章の箇所のキャプチャで、
画像 ダウンロード googleドライブ apps script - Google 検索
2024/03/03 · この記事ではApps Scriptで作ったウェブアプリ上で、Googleドライブに保存した画像を利用する方法をいくつかご紹介します。なお非公式な方法もご紹介 ...
GitHub - getredash/redash: Make Your Company Data Driven. Connect to any data source, easily visualize, dashboard and share your data.
Redash is designed to enable anyone, regardless of the level of technical sophistication, to harness the power of data big and small. SQL users leverage Redash to explore, query, visualize, and share data from any data sources. Their work in turn enables anybody in their organization to use the data. Every day, millions of users at thousands of organizations around the world use Redash to develop
RedashでAmazon Athenaのクエリ結果をビジュアライズする | DevelopersIO
Amazon Athenaのクエリ結果をチーム内で共有する場合、クエリ結果を表やグラフ形式でビジュアライズできると便利です。この場合Amazon Athena自身にはビジュアライズの機能がないため、他プロダクトの力を借りる形になります。 弊社ブログでもAmazon QuickSightとTableauでAmazon Athenaのクエリ結果をビジュアライズする方法が紹介されています。 【新機能】Amazon QuickSightがAmazon Athenaをサポート！ ｜ Developers.IO Tableau 10.3新機能：Amazon Athenaへ接続 #tableau ｜ Developers.IO OSSのプロダクトという観点では、Redashも有力な選択肢になるかと思います。 今回はこのRedashでAmazon Athenaに接続しクエリ結果をビジュアライズする方法をご
Apache SupersetでAmazon Athenaのクエリ結果をビジュアライズする | DevelopersIO
お試し環境であればどのサンプルを使っても問題ないかと思います。実運用環境では、数十分〜数時間の長時間のクエリを実行するケースも想定し、ワーカーを使って非同期にクエリを処理する構成にするのがよいかと思います。 ちなみにメッセージキューにはRabbitMQやAmazon SQS、クエリ結果の保存先にはAmazon S3やMemcachedも使えるようなので、別の機会に試してみたいと思います。 ディレクトリ構成 . ├── docker-compose.yml ├── postgres ├── redis └── superset └── superset_config.py 「postgres」、「redis」、「superset」ディレクトリを用意しコンテナからマウントします。 「postgres」、「redis」にはそれぞれのDBファイルを格納します。 「superset」にはSupers
Welcome | Superset
Apache Superset™ is an open-source modern data exploration and visualization platform. OverviewSuperset is fast, lightweight, intuitive, and loaded with options that make it easy for users of all skill sets to explore and visualize their data, from simple line charts to highly detailed geospatial charts. Powerful yet easy to useSuperset makes it easy to explore your data, using either our simple n
OSSの可視化ツール、supersetを試してみた - Qiita
はじめに 「WACUL Advent Calendar 2016」、11日目の記事です。 今回は、airbnb製の可視化ツール、supersetを一通り触ってみた感想と紹介を書いてみます。 supersetとは 公式には http://airbnb.io/superset/index.html に書いてあります。個人的には以下のようなツールだと認識しています。 柔軟なデータ入出力機構 Flaskベースのwebアプリケーション 豊富な組み込みの管理機能 また、ubuntu16.04で試したところ導入は楽でした（公式サイトに乗ってるとおりの手順であっさり） 柔軟なデータ入出力機構 supersetは、蓄積されたデータを出力するのに、グラフとして出力したりjsonだったりcsvだったりと様々な出力フォーマットに対応しています。また、入力元もMySQLやPostgresSQLなど色々と対応していま
Superset vs Redash - Qiita
こんにちは。リブセンスで分析基盤エンジニアをやっている @hiro-koba と申します。 この記事はLivesense Advent Calendar 2016 その3の11日目となっています。 弊社Advent Calendarはその3以外にその1、その2もございますので、併せてご覧くださいませ。 はじめに 弊社では分析基盤を自社開発しており、サイト上の行動データを、コンバージョンデータや属性データ等と紐付けて分析可能な環境を持っております。 そこで貯まったデータを利用し、以下のような用途で使用しております。 KPIモニタリング 流入数・CV数などの達成状況把握 異常値の発見 探索的分析 サイト上等に問題があった場合、ユーザーのPV単位まで遡って調査 レコメンデーション 行動ベースでの求人レコメンド 特に1のような用途において、「ダッシュボードツール」と呼ばれる、データをグラフなどで可
Redash と Superset を比較検証してみた | Wedding Park CREATORS Blog
こんにちは。SREチーム エンジニアの阿久津です。 今回は Redash と Superset という2つのツールを比較検証してみましたので それについて記事にしたいと思います。 ツールについて 両者はオープンソースのダッシュボードツールです。 簡単に言うと、DB等のデータを可視化（表やグラフ）してくれるツールになります。 ■Redash 公式サイト : https://redash.io/ ■Superset 公式サイト : https://superset.incubator.apache.org/index.html 比較したこと データソース連携 データ操作 グラフ ダッシュボード 比較まとめ 1. データソース連携 1-1. Redash Typeという項目のプルダウンからデータソースを選択します。 選択したデータソースによって入力する項目が切り替わるので、それに沿って情報を入力
Redash x AWS Lambda x Google SpreadsheetでKPI集計 - Qiita
mixiグループ Advent Calendar 2017 12日目の記事です。 現在、株式会社ミクシィ・リクルートメントで、今年で20周年を迎えたIT・Webの転職・求人情報サイト Find Job!のエンジニアを担当しています。 今回は、RedashとAWS LambdaとGASとGoogle Spreadsheetを利用して、KPIの集計をする話を書きたいと思います。 Redashを導入した話と上記で挙げた技術選定の話 （具体的にはどうするのって話を知りたい方は読み飛ばしちゃってください） Find Job!では今年に入ってから、BIツールとしてRedashを導入しました。 導入する前までは、定常的なデータ抽出が必要なときはエンジニアがSQLやコードを書いてcronで定期実行し結果をメールで送信する…みたいなことを行なっていました。 Redashを導入後は、cron書く必要もなくなり
GoogleAppsScriptでTwitterの画像を収集する - Qiita
本記事は本記事はマイネット Advent Calendar17日目の記事です。 7日目も書かせて頂きました@w_cotaがお送り致します。 はじめに 弊社 Advent Calendar 8日目で@peto_tnも申しておりましたが弊社では効率化など様々の目的からSpreadsheetsを始めとする多くのGoogle Appsを利用して運営を行っております。 社内でも運営に関わるKPI指標なりイベントスケジュールなりをSpreadsheetsなどで管理しており、それらを効率化するため社内のエンジニアはGoogleAppsScript(以下GAS)を活用して便利スクリプトなどを書いているのですが、私は殆どGASを触ったことがありませんでした。 そこで今回このような機会も得たことですし一念発起、まずはGASを触ってみようじゃないかということで完全に趣味のスクリプトを書いてみましたのでそのご紹介
Googleドライブに置いた画像のURL取得方法 (オリジナルとサムネイル) - Qiita
内容 Google Apps Scriptを使って、Googleドライブに置いた画像ファイルの本体とサムネイルへのURLを取得します。 背景 LINE Messaging APIで画像を送る際には、画像本体とサムネイル(240x240以下)へのURLが必要です。「本体はともかくサムネイルが必須って…」と悩んで調べ始めました。 https://developers.line.me/ja/reference/messaging-api/#image-message いまさらですが、リファレンスを見返すと、画像本体サイズも1024x1024以下となっていますね。 ここでは 見なかったこと にします。 必要なサービス Google Apps Script DriveAppを使うにあたって、なにか許可が必要だったような、違ったような… スクリプトと解説 // Googleドライブ上で共有設定した画像
Google Apps Scriptを使ってLINE Messaging APIでオウム返しをする - Qiita
Line BotをGoogle App Scriptで無料で手軽に試してみる。 http://qiita.com/osamu1203/items/0de2909821a1b3cbb350 こちらの記事を参考にLine Botを運用していたのですが、BOT API Trial Account廃止の通達がありました。 そこで、LINE Messaging APIの動作確認も兼ねて、オウム返しをするBotを作成しました。 LINE準備 https://business.line.me/ja/services/bot Messaging APIを始める で適当に入力してアカウントを作る。 さらにオウム返しをするため LINE@ MANAGER にてアカウント選択 > アカウント設定 > Bot設定 Webhook送信：利用する 自動応答メッセージ：利用しない アプリケーション準備 Googleドラ
LINE Botが超便利になるLINE Loginバージョン2の解説と実装方法(Heroku+PHP) - Qiita
LINE Login v2がものすごく便利なのに解説した記事が見当たらないので、LINE Messaging APIとの連携を例として書いておきます。(すいません、Salesforce版はありました > http://qiita.com/hhayai/items/c7d1d8e30751871aafc7) これが使えるとLINE Botで出来ることが格段に増えるのでBot Awardとか狙っている人にはものすごく便利かと。 LINE Bot Awards LINE Login バージョン2とMessaging APIを組み合わせて出来ること LINEのIn AppブラウザでユーザーはLINEのアカウントを利用してログインできる 2度目以降はIDパスワード入力無しの自動ログイン ログイン後はブラウザ上でもLINEの表示名、サムネイル、Messaging APIと共通のuserIdが取得できる
いまさらだけどGitを基本から分かりやすくまとめてみた - Qiita
はじめに Gitをそこそこ使いこなすにあたって必要な基礎知識やコマンドをまとめました。 Gitは少しかじったけど挫折したくらいの人が対象レベルになるかと思います。 当方、Subversionをまともに触ったことないゆとり世代なので集中管理型との違いとかはよく分かりません。 一部諸事情のため、XXXXXで情報を隠蔽しています。 この記事長いです。。。 Gitとは 分散型バージョン管理システム。 今時ソースコードなどをバージョン管理するってなったらGitを使うことになるでしょう。 GitHub(Enterprise含む)とかGitLabとかGitBucketとかBitBucketとかGitのサービスは複数ありますが、どれを使うかはチーム事情や会社事情などから決まる。 ローカルにリモートリポジトリの複製を作成するため、複数人が各々のローカルで変更履歴を利用して自由にファイルの編集やローカルコミッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://kapi-travel.com/programing/nuxt-js%EF%BC%8Bbulma%E3%81%AE%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88%E3%82%92%E7%88%86%E9%80%9F%E3%81%A7%E5%AE%9F%E8%A3%85%E3%81%99%E3%82%8B/
複数のGithubアカウントを同じPC上で切り替える - Qiita
GitHub - direnv/direnv: unclutter your .profile
env プロパティ
GitHub - howdy39/gas-clasp-starter: A starter template for Google Apps Script by clasp
GitHub - google/clasp: 🔗 Develop Apps Script projects locally.
GitHub - apache/superset: Apache Superset is a Data Visualization and Data Exploration Platform
NIFTY engineering - ニフティ株式会社のエンジニアたちのいまを伝えます
Google Apps Scriptで画像をダウンロードしてGoogle Driveに保存する方法 - あずみ.net