3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

掲示板を作ろう~その1 環境構築編~

Posted at

#きっかけ
プログラマーになりたいと思った人がやるべき7つのこと より

せっかくプログラミングを学んでいるのであれば、こんなものを作ってみたいというものが一つくらいあってほしいと個人的には思いますが、どうしても何を作れば良いのかわからないという人は、ログイン機能、画像投稿機能、データダウンロード機能が備わった掲示板を作ってみてください。

ワイ「すぐできそうな気がする」
⇒やってみた

転職のためのポートフォリオにもなるなぁ

#環境をどうするか
掲示板を作るにはサーバが必要か:thinking:
掲示板は外部に見えるようにしたいしどうしようかなぁ:confused:

###選択肢1 自宅サーバ
自宅サーバを外部に公開したことがないから、実施するコストが高い。
すぐできる気がしない。
⇒却下

###選択肢2 VPS or クラウドのVM
Betterな選択肢。仕事でオンプレとVMでサーバ構築してるし実施コストは低い。

VPSとクラウドのVMについてはこれがとても参考になったよ!!!
マウンテンデュー単価で考える個人開発用サーバ VPSサーバ編(AWS Lightsail、VULTR、さくらのVPS、ConoHa)

でも、お金がかかっちゃうか…:money_mouth: お試しだし無料でなんとかしたい!
後、サーバ構築は仕事でやってるし面倒なんだよなぁ
他の選択肢はないのか!?

###選択肢3 AuzreのWeb app+SQL Server
ホームページとして公開するだけなら、PaaSでよくね:thinking:

PaaSとは

 スライド42参照

AzureのWeb AppならFreeのプランがあるし、Web Appと連携するのであればDBも無料で作成可能。
お試しだから処理性能もトラフィック量も考慮しないし、個人的にクラウドを使っていきたいのもある………
⇒採用

※完全に無料ではない
App Service プラン では以下の記載あり(記事作成時点)

165 MB の送信ネットワーク トラフィックが含まれています。追加の送信ネットワーク帯域幅は別途課金されます。
App Service プランでは、20 MB の無料の SQL データベースに12 か月間アクセスできます。12 か月が経過した後は、この無料の SQL データベースは有料の SQL 基本サブスクリプションに変換されます。

#####Appendix: Why Azure?
クラウドなら最大手のAWSの方がよかったのでは?
I love Microsoft !

#環境
AzureのWeb APP + SQL DB(Freeプラン)
Githubと連携させてコードをデプロイ

##Azure上で無料のWeb App+SQL DB作成手順
※(2018/11/23時点での作成方法)

  1. Azureポータルにアクセス!
  2. App Service -> 追加 -> Web Appsの「Web App + SQL」 -> 作成!WebAppSQL追加.png
  3. 「App Service プラン/場所」は"free"に設定 かつ 「SQL Database」は「価格レベル」に"Free、32MB"を設定したDBを作成(他は任意に設定!) -> 作成!!!Free設定.png
  4. Web Appができるのを待って、終了!

太字は無料にするためにとても重要なので間違えないこと!!!

##コードデプロイの設定
※(2018/11/23時点の方法)

  1. GitHub上で、適当にリポジトリを作ります
  2. index.htmlをCreateします。
  3. Azureポータル -> App Serviceから作成したWeb Appを選択
  4. デプロイメント の デプロイセンター(プレビュー) -> GitHub -> App Service Kudu ビルドサーバー -> 作っておいたリポジトリを選択 -> 完了!
index.html
<!DOCTYPE html>
<html>
  <body>
  test
  </body>
</html>

これで下地はできました!

##URLアクセス
Web AppのURLは画像の箇所にあります!
URL.png
URLにアクセスするとなんか表示されています!
アクセス結果.png

#アプリケーション部分の作成
今回は環境構築編として、ここまで。
現在進行形でアプリケーション部を作っておりますのでお待ちください。
(12月中には作り終えたい所存)

意外と時間かかるな

3
4
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?