Zenn
🙌

webdev: 完全無料テックスタック

2023/03/28に公開
Web
個人開発
技術スタック
tech

はじめに

こんにちは。普段はWeb系の開発をしているkstdxと言います。
私は学生身分なのであまりお金を消費できません。
そこで、今回は完全無料でも十分に開発・継続が可能なテックスタックを紹介したいと思います。

Webアプリに必要な技術

サーバ

バックエンドサーバとアプリケーションサーバで分けることもありますが、今回はサーバと一括にさせていただきます。

サーバはWeb開発で欠かせないものです。
DBやWebAPIとの接続やアプリケーションのレンダリングなど、さまざまな部分で利用されます。
というかサーバがなければWebアプリケーションは作れません。

ドメイン・DNS

〇〇.comやサブドメインなどのドメインは絶対に必要ですし、それを運営するためにもDNSサーバが必要不可欠です。

データベース

Web開発にはほぼ確実と言っていいほどデータベースが必要不可欠です。
データベースがないと投稿などの管理も保存もできません。
絶対に必要です。(確信)

Analytics

アクセス解析はとても重要です。
特にブログとかになるとアクセス数で全てが決まります。
これもほとんど無料のやつなので紹介は楽ですね。

認証周り

Google認証やメール認証など、認証周りも必要になってくるアプリもあるでしょう。
ですが、こちらに関してはだいたい有料になってしまうので割愛します。
Sendgridを使うとはじめの方は完全無料運営が可能です。

テックスタック

サーバ

Cloudflare Workers

Cloudflare社の提供しているサーバレスです。
一日10万リクエストまで無料で耐えてくれます。
APIサーバなどを構築する場合はWorkersがベストだと思います。

Cloudflare Pages

こちらもCloudflare社が提供しています。
Next.jsやSveltekitなど、たいていのWebフレームワークがそのまま動きます(=SSRが動く)
アプリケーションサーバなどはこちらに絶対に立てましょう。(確信)
帯域に関しては無制限、また静的なリクエストも無制限です。
強い(確信)

Deno Deploy

こちらは個人的に推したい環境です。
Denoのためだけのデプロイ環境です。
個人的にはFreshを使ったアプリケーションをデプロイすることで、完璧な開発環境を手に入れることができます。
これも１日10万リクエスト無料で耐えるのでぜひ使ってみましょう。

Vercel

自分はいろいろ順序間違えてVercelに実質BANされている希少な人間なのですが、Vercelはちゃんと使えばトップレベルに使えます。
普段利用も可能ですし、ビルド時間も豊富です。
ただ、無料枠では広告などの挿入がちょっと危ないのでコマーシャルな利用は避けたほうがいいです。

Netlify

Netfl〇〇と勘違いしたことがある人も多いと思います。
Netlifyは帯域も月100GB無料で使えるし、たいていのWebフレームワークがそのまま動くのでおすすめです。

GitHub Pages

静的サイトを作りたい方にとっては夢のような環境でしょうが、こちらは今回のコンセプトには合わないのでカットです。
内容自体は魅力的ですが、SSRが不可能です。

Render

RenderはGoとかRubyとかPythonとか、なんでも動きます。
一般的なNode.jsのWebフレームワークを使っていない方にはおすすめです。
帯域も月100GB無料で使えるのでぜひ使ってみてください。

ドメイン・DNS

Cloudflare Registrar

ドメインの登録は残念ながらお金がかかりますが、このCloudflareのサービスは原価でドメインを提供してくれるのでおすすめです。.comとか特にやすいです。

エックスドメイン

国内では最安値レベルのサイトです。
Cloudflare Registrarと違って銀行払いもコンビニ払いもできるのが利点です。
子供でも親に頼らず簡単に利用できますね(白目)

Cloudflare DNS

DNSはCloudflareに頼りましょう。
他に方法はありません。
なんせ無料でくそパワフルですから。

データベース

MongoDB Atlas

言わずと知れたNoSQLの代表格MongoDBですが、Atlasというサービスを展開しています。Sharedだと無料で使えるのでおすすめです。
ただ、ちゃんと使うレベルになったらサーバレスとかに移行するのもおすすめです。
デメリットとしてはRDBみたいにサクサク使えないところですかね。

Cloudflare D1

これはやばいです。
SQLiteをエッジで使えます。
Cloudflare様様です。
ちょっと語彙力が足りなくて申し訳ないですが、もちろんRDBなので使い慣れてるとサクサクWeb開発できます。
Cloudflareなので価格もこれから発表されると安そうですね。
ただデメリットがあるとすればまだOpen Alphaなので安定していないことぐらいでしょうか。

Cloudflare KV

キーバリューストアを使うならこれです。D1と違ってStableなので安心して利用できます。
Workerなどと合わせるととても開発効率が上がります。

Analytics

Google Analytics

Google様の提供する神レベルに使いやすいAnalyticsです。
一般的にはこちらを使うのがいいかと思います。
無料枠というか、もう有料枠って何ぞやってレベルでほとんど無料なのでぜひ使ってみてください。

Cloudflare Web Analytics

実はCloudflareも使いやすいAnalyticsを作っています。
Cloudflare系のサービスを使っている人にとっては便利かもしれませんね。

おわりに

今回はWeb開発で便利な無料のテックスタックを紹介しました。
この他にもこんなのありますよーってのあったらリプ欄にお願いします。

ちなみに個人的にはCloudflareで揃えるのがいいかなと思います(回し者)
ほんと万能なのでCloudflareを崇めましょう()

ただ、Deno Deployも独自で素晴らしいのでこっちも崇めましょう()

Discussion