独学でWEBアプリ開発を勉強したいけど、自由に使えるサーバはない。
業務でWEBアプリとの連携について聞かれたから実際にやってみようと思ったけど、やっぱり自由に使えるサーバはない。
ngrokはとても便利なんだけど毎回URLが変わるから常用はできない。
Herokuは無料なんだけど英語だしGitするのが面倒くさい。
そんなこと、ありませんか？私はこれで二度目です（笑）
それならGoogleAppsScriptを使えばいいじゃないか！
Googleアカウントがあれば利用できるし、サーバも必要ない。環境構築不要。
インターネット接続環境さえあればいつでも開発できる。
何といっても、無料！！
他にも色々と利点はありますので、興味のある方は他の方の記事を検索してみてください。
GoogleAppsScriptを始める
Google Driveの[新規] - [その他] - [Google Apps Script]を選択します。
すると、新しいプロジェクトが作成されます。これでもう準備は整いました！はやー( ﾟДﾟ)
WEBアプリを作る
プロジェクトが作成できたら、コード.gsにコードを書いていきます。
function doGet(e) {
var html = HtmlService.createTemplateFromFile('index')
return html.evaluate()
}
function doPost(e) {
var html = HtmlService.createTemplateFromFile('index')
return html.evaluate()
}
これを保存すれば、サーバーサイドプログラム完成です！はやー( ﾟДﾟ)
WEBページを作る
WEBアプリで表示するWEBページを作ります。
[ファイルを追加] - [HTML]でHTMLを作成します。
ファイル名はindexにします。自動的に最低限必要な要素は追加された状態でHTMLが作成されます。べんりー( ﾟДﾟ)
HTMLでHello World!を表示しましょう。
bodyの間にHello World!と入力して保存します。
これでWEBページは完成です。はやー( ﾟДﾟ)
インターネット上に公開する
それでは最後にデプロイ作業です。
[デプロイ] - [新しいデプロイ]を選択します。
[設定] - [ウェブアプリ]を選択します。
アクセスできるユーザーを[全員]に変更して[デプロイ]を選択します。
デプロイ作業が完了しました！はやー( ﾟДﾟ)
ウェブアプリのURLをコピーしてブラウザでアクセスしてみましょう。
きちんと表示されてますね！これですべて完成です。はやー( ﾟДﾟ)
おわりに
ここまでお付き合いいただきありがとうございました。
と、言っても簡単過ぎてすぐ終わりましたよね。
こんな環境を無料で提供してくれるなんて、本当にGoogle様様デス。
それにしても昨年は忙しくて死ぬかと思った。。。気づけば半年以上記事書いてなかった。
今年は無理せず勉強の時間を確保して、勉強したことを少しずつでもアウトプットしていきたいと思います。
本年もどうぞよろしくお願いいたします。
ではまた！(^^)/