blogプログラマでゲーマーのうるしが綴るメモ2018-06-17GCP無料枠で趣味のWebサービスを作った結論GCP無料枠でTCG「ファイアーエムブレムサイファ」の通販価格比較サイト「サイファログ」を最新の技術スタックで作ってみた。趣味で何かをしているとき、こんなザービスが欲しいなぁ、と思うことがよくあります。自分はトレーディングカードゲーム「ファイアーエムブレムサイファ」に嵌っているのですが、これがなかなか面白いです。あるあるなのですが、カードが一杯入っているボックスを複数買ったところで、欲しいカードは全部必要枚数揃わず、店舗や通販を利用して、カードを指名買いしていく必要があります。いうのは分かりにくく、感覚的に買うと損をしてしまうことがあります。そこで、通販価格を一覧できるサイトを用意し、参考価格として用いたり、通販が安ければそのまま購入してしまおうと考え実行に移すことにしました。できればみんなに使って欲しい。方法といってもお金をかけたくない。登録して初年に貰える無料クレジットとは別に、一部サービスにはずっと無料で使い続けられる枠があり、それだけでそれなりのサービスが作れるよ、という情報を聞いたので試してみることにしました。アプリケーションの実装には、新しめの技術スタックを用いて、自分のエンジニアとしての勉強をすることにしました。要素を用いて構築します。無料枠には注意点がいくつかあります。リージョンを指定する必要があります。個々のサービスについても以下のような制約があります。方は意外とこの条件が調べても見つからなくて苦労しました。公式ドキュメントのヘルプ辺りを探すと出てきます。サーバーとフロントエンドサーバーを分離して実装。深い理由はないですが、個人的に分離する方が好みだから、というぐらい。用いて全てのサーバーのコードを記述しました。簡潔な記述による可読性は代え難い利便性があります。得意な分野なので、実装で困る事は無かったんですが、通販サイト毎のロジックを書いていくのに心が折れそうになりました。フロントエンド開発のツール群を用いての開発は自分にとっては、ほぼ未知の領域で一番苦労したのは開発環境を理解することです。最新の技術スタックを用いた開発を、上記のようなツール群を用いて一から作ろうと思っても、何から手を付けていいか分からない、という事態が発生するのは至極当たり前です。github.comそこで自分は上記のような、開発テンプレートを参考に、自分の使用したいライブラリなどに差し替えて、自分なりの開発環境を整えました。フロントエンドの開発は楽しい。アプリ書いてる時もそうですが、目に見える創意工夫というのは楽しいです。作成する為に用いています。サーバーを作ったというだけなのです。デプロイするを押すだけで環境構築完了します。