最終課題

課題内容

簡易ブログサイトにユーザーログイン機能を実装し、Herokuにデプロイ
課題8で作成した簡易ブログサイトにユーザーログイン機能を実装し、GitHubを利用してHerokuにデプロイし、ネット上に公開します。

要件

  1. ブログサイトの最終確認

    • 簡易ブログサイトに実装されているユーザーログイン機能や投稿機能、検索機能が正常に動作しているか確認します。
  2. GitHubの利用準備

    • GitHubにアカウントを作成し、参考記事を読んでGitHubを使えるように準備します。
    • ローカルで作成したブログサイトをGitHubリポジトリにアップロードします。
  3. Herokuアカウントの作成と環境準備

    • Herokuにアカウントを作成し、Heroku CLIをローカル環境にインストールします。
  4. HerokuとGitHubの連携

    • HerokuのダッシュボードからGitHubリポジトリを接続し、Heroku上にブログサイトをデプロイできるようにします。
    • GitHubでコードを更新した際、自動でHerokuにデプロイされるように設定します。
  5. Herokuへのデプロイ

    • Heroku CLIを使用して、ローカル環境からHerokuにアプリケーションをデプロイします。
    • Gitを使ってHerokuリポジトリにプッシュし、サイトを公開します。
  6. データベースの設定

    • HerokuのPostgreSQLアドオンを使ってデータベースを設定します。ローカル環境のデータベースをHerokuのデータベースに移行します。
    • データベース接続情報をHerokuの環境変数に設定します。
  7. 最終動作確認

    • 公開後、ユーザーログイン機能、投稿機能、検索機能が正しく動作しているか最終確認します。

参考サイト: heroku 初級編 – GitHub から deploy してみよう –
参考サイト: Herokuを使ってHTMLのwebサイトを公開する方法を現役エンジニアが解説【初心者向け】
参考サイト: HerokuとGitHubを連携してデプロイする
参考サイト: 【初心者向け】Herokuでサービスを公開するには?【無料でアップロード】
参考サイト: HerokuでMySQLを利用する方法

完成目標期間

1週間以内を目安に、すべての作業を完了させてください。

使用するツール・技術

  • GitHub: コード管理およびHerokuへのデプロイのために使用します。
  • Heroku CLI: ローカル環境からHerokuにアプリケーションをデプロイします。
  • Git: GitHubリポジトリとHerokuを連携し、コードをデプロイします。
  • Heroku PostgreSQL: Heroku上でのデータベース管理を行います。

習得できるスキル

  • GitHubでのコード管理: GitHubを使ったコード管理とHerokuとの連携を学びます。
  • Herokuでのデプロイスキル: Herokuを使ってアプリケーションをインターネット上に公開する手順を学びます。
  • PostgreSQLの設定とデータベース移行: HerokuのPostgreSQLを使ったデータベース管理を学べます。
  • Gitでのデプロイ操作: Gitを使ってHerokuにコードをプッシュし、アプリケーションをデプロイする方法を学びます。
  • Webサイトの公開スキル: ローカル環境で開発したWebサイトをHeroku上にデプロイして公開し、運用する方法を習得します。

課題提出

1. 制作ファイルを確認する

制作ファイルを確認し、要件通りに動作しているかを確認してください。

2. 制作ファイルをギガファイルで提出

パソコンにLINEを追加していない場合は、必ず追加しておくようにしましょう。
参考サイト: パソコンでLINEを利用する

  1. ギガファイルを開く
  2. 「ファイルの保持期限変更」で【30日】以上を選択します。
  3. 制作ファイルをアップロードします。
  4. 当スクールのITスキルサポートLINE公式アカウント課題名とギガファイルのURLを提出して下さい。
    提出例

提出後について

プロジェクトファイルは必ず保存しましょう。
基本的にはご提出頂いてから1週間以内に順を追って、採点結果を LINE公式よりお送り致します。採点結果で修正があった場合は、指示に従って修正・提出を繰り返し、クリアしたら次の課題に進みましょう!

※注意事項※

課題で作成した動画等をSNS等にアップしたり、ご自身の実績として掲載することは絶対にやめて下さい。もし、見つかった場合は然るべき処置を取らせて頂きます。

感想、意見、質問を残す

※順々にご対応させて頂きますのでご意見、ご質問に時間がかかる場合がございます。

関連記事

課題1

課題2

課題3

課題4