Webサービスを作る手順をまとめてみた
Webサービスを作成するにあたって、今考えられる要素は
- フロント
- バックエンド
- インフラ
- データベース
- ドメイン取得
フロントは特に説明するまでもないが、バックエンドとインフラ、データベース関連がよくわかっていない
バックエンド
最近のバックエンド言語の流行としては
- JavaScript
- フロントバックどちらもできる。
- Python
- ライブラリが豊富
- PHP
- 学習コストが低い
- データベースへのサポートが厚い
- 多数のハッシュ関数が用意されていて安全性が高い
- Go
- マルチスレッドサポート
- ライブラリが豊富
- 高速なパフォーマンス
- TypeScript
- JSがありならこっちも使用可能
が選択肢として挙げられるらしい
- JSがありならこっちも使用可能
フレームワークとしては、
- Express
- JavaScript のフレームワーク
- 初心者に厳しい
- Django
- Python のフレームワーク
- セキュリティに強い
- Rails
- Ruby のフレームワーク
- ライブラリが豊富
- 初心者に優しい
- 開発効率がいい
- 実行速度遅め
- 型がない
- Laravel
- PHP のフレームワーク
- パフォーマンスが他フレームワークよりちょっと低い
- 初心者に優しい
- Spring
- Java のフレームワーク
- Javaを使用しているため静的型付けが存在する
- 個人的に家に本が存在する。
結論としては、SpringかRailsのどちらかかなー
仕組み
静的サイトの場合はこう。

たぶん今回作るのはこっち。
動的サイトはこう。


サーバーサイドの概要 - ウェブ開発を学ぶ | MDN
MDN のサーバーサイドプログラミング入門コースにようこそ!この最初の記事では、「これは何?」「クライアントサイドプログラミングとどう違うの?」「なぜ便利なの?」という質問に答えながら、ハイレベルな視点からサーバーサイドプログラミングを見ていきます。この記事を読めば、サーバーサイドコーディングを行うことで、ウェブサイトにどんな機能を加えることができるか、理解できるようになります。
より図を引用
Vueのサーバーサイドレンダリング(SSR)に関して

Vue.js
Vue.js - The Progressive JavaScript Framework
正直 NodeJS でいいと思っている。
NodeJSでのサーバーサイドに関してのリンク
ゴミみたいなアフィサイトが検索結果を埋め尽くしているせいで結構見つけるが大変。

Node.jsでサーバーサイドJavascriptに挑戦 | パソコン工房 NEXMAG
近年、モバイルアプリの広がりやIoTの普及により、一度に扱う通信容量は小さいものの、大量のリクエスト(通信)が発生するシチュエーションが増えてきています。今回は大量の小さな通信をさばくことを得意とするNode.jsを使ったサーバーサイドプログラムの基本についてご紹介します。
Express を使用してもいいなら

Node.jsとExpressで簡易Webサーバーを作ってみる
zenn.dev
データベース
- Firebase
- やはり経験済みであるFirebase
- Webでも使用可能 (Vue, Reactなど)
- MySQL
- OSS
- PostgreSQL
- OSS
- Oracle
- 企業向け
インフラ
Webシステムはアプリケーションとインフラによって構成されている。

特にサーバーサイドを表す。
Webシステムのインフラには、Webサーバ、AP(アプリケーション)サーバ、DBサーバの三種類が必要である。1台では仮想化で実現することができる。

Webサーバーの役割と構成要素を簡単に解説! - Web Jackman
Webページを公開する際必ず必要になるのが、ドメインとサーバーです。今回は「サーバー」の中でもWebページ作成
webjackman.jp
以下の本が参考になるらしい。
Note

【要約】新人エンジニアのためのインフラ入門 ~絶対に避けて通れない、駆け出しエンジニアの必読書~【書評】
私はプログラミングの勉強に対して、インフラの勉強はおろそかになりがちな傾向があります。そんな私が、図書館で株式会社BFTから出版された、新人エンジニアのためのインフラ入門という本を見かけたので読んでみました。 こちらBFTさんのホームページ
ここにもある。
新人エンジニアのためのインフラ入門 ーBFT道場 Think IT支部
thinkit.co.jp
よくネットに書いてあるのは AWS か Azure のチュートリアル。

初心に戻って AWS で静的 Web サイトを作成する - Qiita
AWSのサービスはなんだかんだ、UIが変わったりし、定期的に触らないと忘れてしまうので、基本に戻って、AWS 上で静的な Web サイトを作成します。Amazon S3 の静的ウェブサイトホスティ…

【AWS・はじめてのWebサーバー構築】構成から必要なサービスまでを解説 | クラスメソッド株式会社
AWS活用のファーストステップとして有力な候補の1つ、Webサーバー。この記事ではAWS上にWebサーバーを構築する際に必要となる基本的な要素について、詳しく解説します。

AWSにWEBアプリの最小構成環境を作る - Qiita
この記事についてAWS上にWebアプリを構築する際のメモです。既にWebアプリケーションは作成済みの前提とします。構成図※ 構成図の作成ツールについてたまに作るくらいならPowerPoin…
どのみちお金がかかる
コンテナ
コンテナ仮想環境下では自前でサーバーを一応立てられることができる。
たぶんクラウドよりかは簡単だと思う。。。
Herokuもある
作成したスクリプトをクラウドに置く。
- Heroku
- 昔使ったことあるから何とかなる

クラウド・アプリケーション・プラットフォーム | Heroku
Heroku は、アプリケーションの開発から実行、運用までのすべてをクラウドで完結できる PaaS(サービスとしてのプラットフォーム)です。
ロードマップ
- サイトマップ作成
- ワイヤーフレーム作成
- プロトタイプ作成
- コーディング
- フロント作成
- バックエンド記述
- データベース構築
- テスト
- ドメイン取得
正直一番わからないのは金銭処理関係
心持ち

8年間で20以上のWebサービスを作ってきて、ほとんど失敗した理由|ren@Anyflow Inc.
みなさま、はじめまして! ren と申します。 追記(5/6) 「具体的にどんなサービスを作って、どういう失敗をしたのですか?」と言われることが多かったので、書いてみました → 8年かけて開発したWebサービス15個の具体的な失敗理由とは? note は初投稿なのですが、タイトルどおり、 8年間で20以上のWebサービスを作ってきて、ほとんど失敗した理由を私の実体験を元に書いてみようと思います! Webサービスを作っている人、自社のサービスを作っている人、起業家、これからWebサービスを作りたい人など、少しでも参考になれば幸いです。 この記事を
- Webサービスやアプリを成功させるのは難しいけど、とても楽しいから諦めずに頑張ろう。
- タイミングを見定めて、人の課題を解決する、「人が欲しがるもの」を作ろう。
- サービス開発の本質を理解して、サービスを作ろう。