1
1

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 1 year has passed since last update.

HTML,CSSで作った静的サイトをデプロイしてみた話

Posted at

今回ポートフォリオサイトを僭越ながら作成しデプロイまで行ったのでちょっと書きます。

#使用したモノ
・HTML
・CSS
・Heroku(今回のデプロイ先)←無料でいけるヨ

#1 そのままデプロイできない…
HTMLファイル、CSSファイルだけだとHerokuに認められなかったです。

そこで一番簡単そうな方法を調べると、PHPアプリに改造するのが良いみたいですのでそうします。

#2 PHPファイルに大変身(超簡単だぜ!)
ルートディレクトリにindex.phpファイルを作成し以下を記入

index.php

<?php include_once("index.html"); ?>

#3 Json氏をジョイン
package.jsonファイルをルートディレクトリに作成し以下を記入

{}

#4 GitHubにPush!!
githubにpushします。

こちらの方の記事が大変参考になるかと思いますのでわからない方はどうぞ。
https://qiita.com/Toshimatu/items/f71a935612a55d6e674e

#5 Herokuへgo!
ここではherokuのアカウント作成等々は飛ばしますのでご了承ください。
この辺は以下のリンクが参考になるかと思いますのでどうぞ。
https://blog.proglus.jp/1438/

#6 HerokuとGithubリポジトリを紐付ける
ターミナルを開いていただいて

$ heroku login

$ heroku create アプリケーション名

#7 herokuを開く
Dashboardからデプロイしたいサイトを選択
Deployを選択
Deployment methodの項目からGitHubを選択しリポジトリ名を入力しconnect!
AutomaticDeploy等は好きにしてください。 

Manual deployの項目へ行きDeploy Branchをクリック!

完了

1
1
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
1
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?