戻る

Rails5.0


動画学習サイトの構築 Rails5.0

  (0)
1,000円

タスク1-1   必要なインストール

このタスクについて


タスクの内容を一部抜粋します。
プロジェクトを購入していただくとこのタスクの内容の全てを読みやすい表示で見ることができます。
プログラムコードが色分けされて見やすくなります。
プログラムコードに行番号が付きます。
本文が色分けされて見やすくなります。
そしてこのアプリケーションのフルコードをダウンロードすることが可能になります。




Postgresqlのインストール

バージョン11.8( postgresql-11.8-1-windows-x64.exe)
https://www.enterprisedb.com/downloads/postgres-postgresql-downloads

以下の手順でインストールしてください。
PATHも通して下さい。
ai-trend.jp

バージョン確認コマンド
postgres --version
postgres (PostgreSQL) 11.8

Rubyのインストール

バージョン2.6.6(rubyinstaller-devkit-2.6.6-1-x64 .exe)
https://rubyinstaller.org/downloads/

以下のページに通りにMSYS2もインストールしてください。
mrradiology.hatenablog.jp

バージョン確認コマンド
ruby -v
ruby 2.6.6p146 (2020-03-31 revision 67876) [x64-mingw32]

Gitのインストール

バージョン2.27.0(Git-2.27.0-64-bit.exe)
https://git-scm.com/downloads

以下の手順でお願いします。
mrradiology.hatenablog.jp

バージョン確認コマンド
git --version
git version 2.27.0.windows.1


Nodeのインストール

バージョン12.16.1(node-v12.16.1-x64.msi)
https://nodejs.org/ja/

以下の手順でお願いします。
mrradiology.hatenablog.jp

バージョン確認コマンド
node -v
v12.16.1

Yarnのインストール

バージョン1.22.4(yarn-1.22.4.msi)
https://classic.yarnpkg.com/ja/docs/install#windows-stable

以下の手順でお願いします。
mrradiology.hatenablog.jp

バージョン確認コマンド
yarn -v
1.22.4

ChromeDriverのインストール

バージョン81.0.4044.69(chromedriver_win32.zip)
https://sites.google.com/a/chromium.org/chromedriver/downloads


以下の手順でお願いします。
mrradiology.hatenablog.jp

バージョン確認コマンド
chromedriver -v
ChromeDriver 81.0.4044.69 (6813546031a4bc83f717a2ef7cd4ac6ec1199132-refs/branch-heads/4044@{#776})

HeidiSQLのインストール

Postgresqlのデータベース確認はすべてHeidiSQLで行います。

バージョン11.0.0.5919(HeidiSQL_11.0.0.5919_Setup.exe)
https://www.heidisql.com/

以下の手順でお願いします。
mrradiology.hatenablog.jp

Visual Studio Codeのインストール

プログラムコードの編集、コマンド、Gitの管理は全てVisual Studio Codeで行います。
特にGitの管理はアプリケーションをデプロイする際に必須です。

ダウンロード
code.visualstudio.com

インストールは「VSCodeUserSetup-x64-1.45.1.exe」をダブルクリックして進んでいくだけです。
途中、「Pathを追加する」にチェックを入れておいて下さい。

日本語化します。
メニューバーから「view」を選択し、「command palette」 を選択します。


日本語に設定


「configure display language」を選択します。


言語設定


「install additional laugage」を選択します。


言語の選択


すると左に拡張言語パックが出てくるので「Japanese Language Pack for Visual Studio Code」を探してインストールします。


日本語


すべてが終わったらVScodeを再起動します。


再起動


私は背景色を青で設定しています。
左下の設定マークの配色テーマからできます。



この続きはプロジェクトを購入していただくことで見ることができます。
プロジェクトを購入していただくとこのタスクの内容の全てを読みやすい表示で見ることができます。
プログラムコードが色分けされて見やすくなります。
プログラムコードに行番号が付きます。
本文が色分けされて見やすくなります。
そしてプロジェクトを購入するとこのアプリケーションのフルコードをダウンロードすることができます。

まだレビューはありません。

動画学習サイトの構築 Rails5.0

1,000円

動画で学べるサイトを構築するプロジェクトです。プロジェクトを登録し、そのプロジェクトに動画を登録できます。プロジェクトはクレジットカードで購入でき、購入後すぐに動画を見ることができます。写真のアップロード、レビュー機能の実装、Google認証、アマゾンS3の利用方法も解説。ActiveAdminの実装、Gメールの設定、 HEROKUへのデプロイ方法を解説。 フルコードのダウンロード可能。

タスク数: 100