Giter Club home page Giter Club logo

laravel-stations-2's Introduction

環境構築

  1. Docker Desktop

上記は必ずインストールした上で始めてください。

Macにおける初期設定

  1. Terminal.app を開きます
  2. git clone https://github.com/SuguruOoki/laravel-stations-2.git で自分のPCにこのリポジトリをダウンロードします
  3. cd laravel-stations-2 でカレントディレクトリをダウンロードしたディレクトリである laravel-stations-2 に移動します。
  4. cp .env.example .env を実行し、必要な環境の情報が書かれた .env ファイルを作成します。
  5. docker compose build --no-cache を実行します。
  6. ↓のような表示が流れていくことを確認してください

d161a9cadf8e80bcaa66273d3f2ee10b

  1. docker compose up -d を実行します。
  2. docker compose ps というコマンドを打って次のような表示になっていれば、ひとまずOKです!

スクリーンショット 2022-01-18 16 31 52

  1. docker compose exec php-container composer install を打ちましょう
  2. .env ファイル内の APP_KEY= の右辺が空白の場合、docker compose exec php-container php artisan key:generate を打ちましょう
  3. .env ファイル内の APP_KEY= にキーが登録されたことを確認し、docker compose up -d を実行します
  4. http://localhost:8888 を開いて次のような表示になっていれば環境構築は終了です!お疲れさまでした。

スクリーンショット 2022-03-18 16 09 00

Windows における初期設定

Windows での初期設定を行うためには、キャラクターユーザーインターフェイス(CUI)の操作を行う必要があります。

PowerShell の起動方法

Windows では、PowerShellとよばれるシェルが標準で搭載されています。シェルはキャラクターユーザーインターフェイスの 1 つで、ファイルやディレクトリの操作などに特化したものです。

PowerShell を起動するには、スタートボタン(左下にある Windows のロゴ)を右クリックするか、Win-Xキーを押して以下のメニューを表示してください。 管理者権限を必要とする場合は「Windows PowerShell (管理者)(A)」、それ以外の場合は「Windows PowerShell(I)」をクリックしましょう。

image

PowerShell を操作する

PowerShell を起動すると、以下のような画面が出てきます。

image

シェルは、上のような端末と呼ばれる画面に文字を入力することにより操作します。試しに文字を入力してみましょう。 >以下に入力した文字が現れます。>のように、入力待ちになっていることを表す記号をプロンプトと言います。

プロンプトに文字を入力しEnterキーを押すと、コンピュータはその内容(指示)に合わせて動作します。このような指示をコマンドと呼びます。コマンドにはさまざまな決まりがありますが、ここではその説明は割愛します。

つぎに、コピー&ペーストのやり方について説明します。ブラウザ上でコピー(Ctrl-c)したものを貼り付けるには、端末上で右クリックします。また、端末上の文字をコピーしたいときには、コピーしたい部分をドラッグで選択し右クリックします。メモ帳などにペースト(Ctrl-v)して正しくコピーできるか確認するといいでしょう。

winver

では試しに、上のコマンドをコピー&ペーストしてEnterキーを押しましょう。以下の画面が出たら成功です。

image

作業ディレクトリ

シェルには、作業ディレクトリというものが存在します。

ファイルやディレクトリがどこにあるかをパスと言われる文字列で表現しますが、すべて絶対パスで指定していては煩わしいです。 作業ディレクトリを決めておくと、そのディレクトリとの相対位置でパスを表現できるようになります。住所や部屋番号を言うより、お隣さんや近所の〇〇さんと言ってしまった方が簡単なのと同じです。

そのため多くのコマンドは、作業ディレクトリ上で操作を行うことを想定しています。たとえば、

mkdir {ディレクトリ名}

のようなコマンドは、{ディレクトリ名}に一致するディレクトリを作業ディレクトリ内に作成します。

作業ディレクトリを変更するには、cdコマンドを使います。

cd (ここにパスが入る)

作業ディレクトリの中身を見るには、dirコマンドを使います。

dir

シェルの起動時には、多くの場合ホームディレクトリが作業ディレクトリとして指定してあります。ホームディレクトリは頻繁に用いるものなので、~という略称が与えられています。

cd ~

でホームディレクトリに戻ることを確認しましょう。

Scoop を用いた環境構築(推奨)

パッケージ管理ツールと呼ばれる、ソフトウェアのインストールを簡単にするためのツールをインストールします。 Chocolatey など他のパッケージ管理ツールもありますが、 Scoop を用いた環境構築を推奨します。

Scoop をインストールするには、PowerShell を管理者権限で起動し、以下のコマンドを入力します:

iwr -useb get.scoop.sh | iex

インストールに失敗する際は、以下のコマンドを入力してから再度上のコマンドを入力してみましょう:

Set-ExecutionPolicy RemoteSigned -scope CurrentUser

これらの操作を行うためには、ユーザーアカウントに管理者権限があることが前提となります。

Git、node および yarn のインストール

Railway を進めるには、Gitnodeyarnのインストールが必要です。管理者権限で起動した PowerShell に以下のコマンドを入力して、Scoop を経由してインストールしましょう:

scoop install git nodejs-lts yarn

最後にこのリポジトリを自分のPC(ローカル環境)にダウンロード(Git Clone)します。

  1. PowerShell を開きます
  2. git clone [email protected]:SuguruOoki/laravel-stations.git で自分のPCにこのリポジトリをダウンロードします
  3. cd laravel-stations でカレントディレクトリをダウンロードしたディレクトリである laravel-stations に移動します。
  4. cp .env.example .env を実行し、必要な環境の情報が書かれた .env ファイルを作成します。
  5. docker compose build --no-cache を実行します。
  6. ↓のような表示が流れていくことを確認してください

d161a9cadf8e80bcaa66273d3f2ee10b

  1. docker compose up -d を実行します。
  2. docker compose ps というコマンドを打って次のような表示になっていれば、ひとまずOKです!

スクリーンショット 2022-01-18 16 31 52

  1. docker compose php-container composer install を打ちましょう
  2. .env ファイル内の APP_KEY= の右辺が空白の場合、docker compose exec php-container php artisan key:generate を打ちましょう
  3. .env ファイル内の APP_KEY= にキーが登録されたことを確認し、docker compose up -d を実行します
  4. http://localhost:8888 を開いて次のような表示になっていれば環境構築は終了です!お疲れさまでした。

スクリーンショット 2022-03-18 16 09 00

laravel-stations-2's People

Contributors

azu0925 avatar sakifukumoto avatar sugitlab avatar suguruooki avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.