Help us understand the problem. What is going on with this article?

【比較してみた】みんなが使っている個人開発(Webサービス)向けPaaS・ホスティングサービス

More than 1 year has passed since last update.

はじめに

199X年(2018年) 、 世界(Qiita) は 核の炎(「WEBサービス作ってみた」ブーム) に包まれた!
海は枯れ、地は裂け、全ての生物が死滅したかのように見えた。
だが、人類は死滅していなかった!

ということで、先人達のWEBサービスのPaaS/ホスティングサービス/技術要素を比較してみた。
(普段遊ぶときは、 Heroku×node.js くらいしか使わないので・・・)

※2018/10/29追記:比較記事追加しました!

※2018/11/4追記:結局、何を使えば良いの?に関してはこちら

サマリ

ホスティングサービス・CDN・DB・ストレージは、「コストで選んでいる」という表現が多かった。
サーバサイド技術はあまりこだわりが見られず、慣れた技術を使っている様子。
一方で、フロントサイドの技術にはこだわる人が多かった。

※2018/10/29追記分の情報を踏まえてサマリに反映済み

比較項目 比較結果
ホスティングサービス AWS・Firebase・Heroku・Netlifyが多い。次いでConoHa。AWSでガッツリ構築してる人も居る。
CDN CloudflareもしくはCloudFront@AWS。
DB RDBMSのが多いけど、NoSQLも多い。ケースバイケース。
ストレージ S3@AWSが圧倒的
サーバサイド Ruby×Railsが強い。次いで、PHP×Laravel、Python。node.jsはそこまで多くない。
フロントサイド Vue.jsが強い、次いでReact.js。SCSSやSemanticUIなどのCSS系技術も強い。
コスト 無料〜700円/月くらいが多いけど、どこまで非機能面(性能、監視、運用など)にこだわるかで変わる。

比較

前提

  • 表の見方
    • ハイフンは、記載がない・判別がつかないなど。
    • インフラ(主):処理を担うサーバーが存在する環境
    • インフラ(他):ロードバランサとか
    • (だいたい)投稿日時順で並んでます。
  • その他注意事項
    • 人力判断なので、ミスあるかも。(プログラムで収集とかじゃない)
    • CSSやJavascriptはもちろん、BootstrapやjQueryなどは、もはや使われてないことが無いので、割愛。
    • SCSSもCSSの一種扱いして表現してません。1
    • ドメイン代は記載ない場合が多いので、割愛してます。だいたい100円〜1000円/年くらい。
    • 表が崩れるため、ページタイトルは省略してます・・・

比較結果

比較対象一覧

Qiitaの「個人開発」「Webサービス」タグが登録されている記事
いいねが100以上の記事が対象。(一部例外あり)
WEBサービスの個人開発が対象。モバイルとかは対象外。
あと、最近話題になった記事で覚えているものを個人的に追加。

2018/10/29追加
追加分は「2018年内に更新されている」かつ「[WEBサービス]で検索してヒットした」かつ「個人開発(WEBサービス)っぽい」記事です。

インフラ構成

記事 インフラ(主) インフラ(他) CDN DB関連 ストレージ 費用
Rails初心者... Sakura - - - - -
WordPressで... XSERVER - - MySQL - サーバ代2376円/月
「中年の危機」...のオッサン... Azure - - SQLServer BlobStorage@Azure -
東大を出て...1年後に... Heroku - - PostgreSQL S3@AWS -
就活のためにWEBサービスを作ったら... ロリポップ - - - - サーバー代
開設後3週間で収益10万円... Heroku - CloudFlare Redis@Heroku/MongoDB/GraphQL CloudStorage@GCP/S3@AWS 無料
10万pv/月達成...ソースコード... AWS - - MySQL@AWS - 約6000円
...Semantic UIで... Firebase - CloudFlare RealTimeDatabase@Firebase - -
「ツイッターでつぶやけるボタン」... ConoHa - CloudFlare Redis - 月額630円
MapAPI...でWebサービス... - - - - - -
...プログラマ向けニュース推薦アプリ...2 Heroku AWS CloudFront@AWS MongoDB@mLab3 - -
...技術ブログサービス「Qrunch(クランチ)」... ConoHa - CloudFlare MariaDB@ConoHA - -
初心者3人でwebサービス(webアプリ)を作った... Netlify AWS - DynamoDB@AWS S3@AWS 無料
Qiitaで草...「QiitaHub」... Netlify - - - - -
...JAMstackな草を生やすサービス... Now/Netlify - - MongoDB@mLab3 - 無料
エンジニア向け...名言を集めたサイト... Heroku/Netlify - - GraphQL - 無料
Qiita版TweetDeck... ConoHa - - - - 630円/月
...Qiitaの殿堂... GCP - - sqlite3 - 無料

2018/10/29追加

記事 インフラ(主) インフラ(他) CDN DB関連 ストレージ 費用
...RailsでWebサービス... - - - PostgreSQL/Redis - -
ブラウザを...楽器にしてみた - - - - - -
学生...!Webサービスの開発... AWS AWS CloudFront@AWS RDS@AWS S3@AWS -
...AIを...作れる「AIメーカー」... AWS AWS - RDS@AWS EFS@AWS -
...サーバーレスでJAMStackなECサイト... Firebase Firebase - FireStore - -
Vue.js + Firebase... Firebase Firebase - - - -
...コードレビューサービス... - - - - - -
保育園落ちたアラフォー... Heroku - - - - -
割り勘webサービス... AWS - - - - -
...自分の顔がジャニーズ系かどうか... AWS AWS - - - 約2000円/月
Angular + Firebase... Firebase Firebase - - - -
新卒, Webサービス... さくらVPS - - - - 月2000円
乃木坂46...ドラクエ風のパーティ... Netlify/Heroku - - - Cloudinary -
フロントエンド全然わからないマン... - - - - - -
...大学生が1週間でVue.js... GitHub Pages - - - - -

アプリ構成

記事 MW サーバサイド フロントサイド 補足
Rails初心者... nginx/unicorn Ruby×Rails - 2016年の記事
WordPressで... - WordPress(PHP) - WordPress
「中年の危機」...のオッサン... IIS C#×ASP.net - WindowsServer
東大を出て...1年後に... - Ruby×Rails - コメント欄が優しい世界
就活のためにWEBサービスを作ったら... - PHP×Laravel - マーケティング
開設後3週間で収益10万円... - Ruby×Rails React×Redux マネタイズ
10万pv/月達成...ソースコード... nginx/unicorn Ruby×Rails - OSS
...Semantic UIで... - - Vue.js SemanticUI
「ツイッターでつぶやけるボタン」... - PHP×Laravel Vue.js 好き
MapAPI...でWebサービス... - - - BingMaps
...プログラマ向けニュース推薦アプリ...2 - node.js Vue.js×Vuex キュレーションアルゴリズム
...技術ブログサービス「Qrunch(クランチ)」... nginx/unicorn Ruby×Rails - フロント自作
初心者3人でwebサービス(webアプリ)を作った... - - React×Redux チーム開発
Qiitaで草...「QiitaHub」... - - React デザイン重視
...JAMstackな草を生やすサービス... - node.js×express 独自FW JAMstack
エンジニア向け...名言...サイト... - Ruby×Rails - 面白さ
Qiita版TweetDeck... - Ruby×Rails - UX重視
...Qiitaの殿堂... - python×Flask - 低学習コスト

2018/10/29追加

記事 MW サーバサイド フロントサイド 補足
...RailsでWebサービス... Docker/nginx×Supervisor Ruby×Rails - バッチ処理もある!
ブラウザを...楽器にしてみた - Ruby×Rails SPA(React)×bulma 音楽な世界
学生...!Webサービスの開発... Docker/Nginx Ruby×Rails Webpack インフラが丁寧
...AIを...作れる「AIメーカー」... - PHP×ZendFramework Python×Flask/Caffe AI
...サーバーレスでJAMStackなECサイト... - FirebaseFunction Nuxt.js JAMstack
Vue.js + Firebase... - - Vue.js ポートフォリオ
...コードレビューサービス... - - - コメント欄が活況
保育園落ちたアラフォー... - PHP×Laravel - コメント欄が活況
割り勘webサービス... - Python×Flask Vue.js 開発ツール活用
...自分の顔がジャニーズ系かどうか... Nginx Python×Flask jinja2 肉厚な記事
Angular + Firebase... - - Angular.js Angular解説が丁寧
新卒, Webサービス... apache Ruby×Rails - 機械学習(TF-IDF)
乃木坂46...ドラクエ風のパーティ... - Java×SpringWebFlux - S3じゃない
フロントエンド全然わからないマン... - Ruby×Rails/Slim Vue.js/Materialize UIへのこだわり
...大学生が1週間でVue.js... - - Vue.js フォントのこだわり

技術情報補足

インフラ系

記事に無いサービスも紹介してます。

サーバ

  • 大手クラウドサービス: エンタープライズ利用の時に使うイメージがあったが、無償枠を上手く使って個人開発している人が多い。
    • AWS:Amazonさん。ここで改めていうことは無い。
    • Azure:Microsoftさん。ここで改めていうことは無い。
    • GCP:Googleさん。ここで改めていうことは無い。
    • OpenShift:RedHatさん。ここで改めていうことは無い。
  • VPS: 仮想OSサービスなので、OSレイヤーから知識が必要だが、安いサービスが多い。
    • ConoHa: 最近よく聞く。安価で使いやすいらしい。
    • さくらインターネット:昔からあるので、実績面で安心感がある。
    • vultr:激安らしい。よく知らない。
  • PaaS: OSレイヤーは気にしなくていいサービスが多い。手軽にリリースしたいときはこっち。ただ、スリープするのに悩まされることが多い。
    • heroku:安定と信頼のheroku。いろんな人が開発してるので、情報が多くて嬉しい。
    • △Now:新しめのサービス?最近聞くようになってきた。JavaScript (Node.js)もしくはDockerに特化。
    • netlify:新しめのサービス?最近聞くようになってきた。日本向けCNDがあったり、性能面も意識されている点は強み。
    • ロリポップ:2018年12月31日まで無料キャンペーン実施中らしい。
  • BaaS: 基本的には、モバイルアプリ用のサーバ処理を提供するサービス。WEBサービスにも転用可能。
    • firebase:BaaSといえば、これ。ってイメージ。他にもあるけど、今回のメインターゲットではないので、これだけ紹介。
  • その他
    • dokku:VPSとかにインストールすることで、擬似Heroku環境が作れるらしい。とても便利そう。PaaSでも、サービスによっては使えるので、活用していきたい。

メール

  • Mailgun : APIベースのメールシステム・・・紹介記事

ツール系

ちょっと目に止まったツール類を軽く紹介。

デプロイツール

  • Capistrano :Railsのデプロイツール・・・紹介記事

デザインツール

データ収集

ビジネス系

ドメイン

クラウドソーシング

  • Lancers:サービス名称の募集に使っている人がいた

その他

アーキテクチャー

  • DDD:ドメイン駆動開発。プロセスの定義ではなく、考え方についての定義なのでちょっと難しい。・・・紹介記事
  • JAMstack:「サーバとのやり取りはAPIのみとし、HTML側でそれを受け取って表示するような感じ」って理解している。2017からキーワードとしては上がっているけど、作りやすそうだし、流行りそうな気がする。・・・紹介記事1紹介記事2

個人開発に役立ちそうな記事

役立ちそうな書籍

さいごに

気まぐれに比較して見ましたが、だいぶ情報が整理されて個人的にはスッキリしました。

基本的に、みんな急に新しい技術に手を出したというよりは、少しずつ取り入れて行って、いまの形に落ち着いたって人が多いっぽい。
「プログラミング始めて〜ヶ月で」みたいな人には当てはまらないだろうけど、歴史あるぽい方々は、そんな感じで、ある程度似た技術でWEBサービスを作っていた。

自分は幸いにもherokuで遊んだり、AWSのいくつかは触ったことあるので、近い技術から模倣してみようかな。(無償枠の範囲で)
あと、ネットワーク周りの情報が少ないので、そこらへんを意識しながら構築してみたい。

あ、記事内の間違い or こういうサービスもあるよ的な話あれば教えてください。

以上です。

2018/10/31追記

(たぶん一盛り上がり終わったと思うので、反響を追記)
エゴサしてると、GCPのサービスであるGCE推しの人がちらほらいるので、今のトレンドはそっちに移りつつあるのかな?


  1. ちょっとフロントエンド界隈には疎いので、どれくらい市民権を得ているのか知らないのですが、なんとなく使っている人が多い空気感を感じました。 

  2. プログラマ向けニュースキュレーションサービスを作ってみた話が前日譚としてあります。 

  3. mlab は MongoDB, Inc. に買収されました。今後は MongoDB Atlas という mlab と類似のサービスに統合されていくようです。 

nh321
せやかて工藤、このアカウントが発信するんは全て個人的な意見で、現在所属する会社の公式見解では無い、ゆーとるやろが。
tis
創業40年超のSIerです。
https://www.tis.co.jp/
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away