実運用と技術的な流行を考慮してフロントとサーバの構成を考えてみる

2024年現在、新たにwebサービスを立ち上げようとした際には多岐にわたる技術セットが考えられます。
サーバ構成、利用するサービスのアーキテクチャ、言語等、、考え出すと何日も悩んだりします。特に今の時代リッチなライブラリも増えているので本当にキリがない。
自分が今後参考にするためにも様々な観点からまとめてみました。随時更新予定です。

※具体的なフレームワークを組み合わせるというよりは、考慮するべき用語集です。

用語まとめ

用語意味
SPAシングルページアプリケーション。htmlを初回読み込み後、APIにて差分のみ更新していく。
MPAマルチページアプリケーション。PHPやRuby等、サーバサイド言語で1ページずつhtmlを生成するスタイル。従来の基本的な作り方。
SSRサーバサイドレンダリング。ほとんどの場合node.jsで動くvue.js等、JavaScriptがサーバ側でhtmlを生成することを言うモダンな技術の事を指す場合が多いが、PHP等サーバ側言語がレンダリングすることも広義では同じ。
SSGサーバサイドジェネレーション。先にサーバ内にhtmlファイルを生成しておき、リクエストの度にそれを返す。SSRとはhtmlが生成されているタイミングの違いで区別。
ステートレス認証周りにてJWTを使う等して、サーバサイド側で情報を持たずにクライアント側に認証情報を持たせる。REST APIでサービスを作る際には基本的な考え方。
ステートフル認証情報をサーバサイド側言語の機能にて管理する。従来の一般的な考え方であり、今でもよく使われる。
外部認証Googleでログイン的なやつ。ログインに成功したかどうかと基本的な情報が返ってくる。
OAuth外部サービスと連携する時の認可状態を管理する仕組み。
認証IDとPASSを使ってログインする、といったような機能。
認可機能や情報へのアクセスを許可すると言うような意味合い。権限付与。

フロントエンドとサーバサイドに分ける?

まずはここから考えるでしょう。
分けなかった場合にはWordPressのように、サーバサイド言語で見た目に関わる部分も構築します。

一方、分けた場合はSPA+APIやSSR+APIの様に今時な仕組みで構成を組み立てることが可能です。

シンプルな会員機能があれば良いだけの場合はわざわざ分けずにサーバサイド言語だけで作成することも考えられますし、逆にある程度の規模の案件であれば役割の分離という観点から分けてしまう方が開発しやすかったりします。

(フロントとサーバを分ける場合)ドメインも分ける?

フロントとサーバを分ける場合、ドメインをどう分けるかも関わってきます。このあたりは認証ともトレードオフになるので、開発初期から方向性を決めておきましょう。

認証はステートレス?ステートフル?

大雑把に説明すると、従来のPHP等サーバ側でCookieセッションを管理する方法はステートフルと呼びます。一方でJWTトークンを使いサーバ側に認証情報を一切持たない方式をステートフルと呼びます。どちらも状況によってメリットデメリットあるので、よく考えて採用してください。

レンタルサーバはConohaWINGが最強にオススメ!

muchilogでは今までいろんなレンタルサーバやSaaSを使ってきましたが、今では全てをConohaWINGにて運営しています。

■今まで使ってきたサービス一覧
・さくらレンタルサーバ(ベーシックプラン)
・カゴヤ
・Azure
・AWS

今ではこのブログは勿論、webサービスのバックエンドやアプリのサーバ機能もConohaWINGで動かしています。
そんなConohaWINGのメリットをいくつか紹介します!

【国内最速No.1】高性能レンタルサーバーConoHa WING

無料で最大2個の独自ドメインが使える!

サイト運営に必要な独自ドメインをなんと無料で取得することが可能です!これだけでも月100円以上は運営費が節約できます。

優れた速度と安定感

私がAzureやさくらを解約した大きな理由はこれ。Conohaは非常に安定して稼働しており、ダウンタイムがほぼ発生しません。発生した場合は潔くお知らせしてくれます。
また、このブログは勿論、バックエンドとして動いてるプログラムも処理速度が大幅に向上しました(体感で倍速以上)。 Azure等のSaaSからレンタルサーバに移行するって普通考えられませんよね?しかし実際に大きなメリットを感じているのです。

頻繁に開催されるキャンペーン

ConohaWINGは半額に迫るようなキャンペーンを頻繁に開催しています。このキャンペーンによって、性能的には業界トップクラスであるにも関わらず、 月額料金換算で最安値クラスで使えるのです。
基本的に長期一括契約の方がお得になるため、muchilogでは最長で契約することをオススメします。価格と性能のバランスを考えれば他に乗り換えることも考えれられませんし。

レンタルサーバは必須です!

web系のプログラミング学習を進める際には、レンタルサーバの契約は必須と思ってください。ローカルの環境と本番環境で動作が違うことは良くありますし、ポートフォリオを公開するのも大切です。

学習や制作に集中するためにも、満足度、速度、安定度全てのレベルが高いConohaWINGを最強にオススメします!

web系サービス開発会社に転職したい!

muchilogではIT系へ転職したいという方には「自社サービスを運営しているweb系企業」への転職をおすすめしています。

web系は「自由な社風」「成長できる環境」「ホワイトな労働条件」であることが多いからです。

そんなweb系企業への転職を確実にするためのプログラミングスクールが登場しました。


RUNTEQ

RUNTEQはただのスクールじゃない!

RUNTEQはweb系の開発会社。開発会社が運営するスクールなので必要とされる技術力は勿論習得可能。しかしそれだけではないのです。

特にweb系で転職・就職活動を行う際にはポートフォリオを求められることがあります。ポートフォリオとは自分自身の作品のことで、技術力や企画力を示すものです。

RUNTEQではポートフォリオの作成を企画段階からサポートしてくれます!

他のプログラミングスクールでは提携企業の派遣やアルバイトとして就職するしかなかったりもしますが、RUNTEQはあなたの市場価値を高める方法まで教えてくれるということですね。

また、RUNTEQが扱う教材はどれも第一線で当たり前に使われている技術。特に未経験者の独学ではどうしてもスキルセットに穴が出来てしまいます。その点RUNTEQは確実に現場力を養えます。

そして2020年2月〜2021年12月までの内定者の98%がweb系企業に内定しています。これはRUNTEQの指導力とサポートが優れていることの証拠でしょう。

まずは無料説明会に申し込んではいかがでしょうか?

RUNTEQ


IT知識 アプリ・サービス運営 ノウハウ プログラミング
muchiをフォローする
MUCHILOG
タイトルとURLをコピーしました