Laravel + GitHubで開発環境を作成|リポジトリの作成とLaravelアプリケーションの作成
- システム
エンジニア - Laravel+ GitHubで開発環境を作ってみたいのですが。
- プロジェクト
マネージャー - そうですか。それでは、Laravel+ GitHubを使って開発環境を作る方法についてご紹介しましょう。
Laravel + GitHubで開発環境を作成しよう!
今回は、Laravel + GitHubで開発環境を作成する方法について説明します。
ここでは、
・リポジトリの作成
・リポジトリのclone
・Laravelアプリケーションの作成
・リポジトリにpush
・別の場所でリポジトリのclone
について紹介します。
Laravel + GitHubで開発環境の作成に興味のある方はぜひご覧ください。
リポジトリの作成
まず、GitHubにリポジトリを作成します。GitHubのサイトにログインし、「New repository」ボタンをクリックします。
ここでは、「laravel_test」というリポジトリを作成します。ここに、Laravelアプリケーションのソースコードを格納します。
リポジトリのclone
GitHubで作成した空のリポジトリをcloneする方法を紹介します。ここでは、gitのバージョンは以下とします。
1
2
3
|
~$ git --version
git version 2.17.1
~$
|
まず、作業用のディレクトリを作成して移動します。
1
2
|
~$ mkdir work
~$ cd work
|
次に、GitHubで作成した空のリポジトリをcloneします。
1
2
3
4
|
~/work$ git clone https://github.com/ユーザ名/laravel_test.git
~/work$ ls
laravel_test
~/work$ cd laravel_test
|
laravel_testディレクトリが作成されますので、そこに移動します。
Laravelアプリケーションの作成
GitHubに登録するためのLaravelアプリケーションを作成します。次のコマンドを実行します。
1
|
~/work/laravel_test$ composer create-project laravel/laravel myapp --prefer-dist
|
コマンドが成功すると、Laravelアプリケーション名のディレクトリが作成されます。ディレクトリの中には、各種ディレクトリやファイルが格納されています。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
|
~/work/laravel_test$ ls -1 myapp/
app
artisan
bootstrap
composer.json
composer.lock
config
database
docker-compose.yml
package.json
phpunit.xml
public
README.md
resources
routes
server.php
storage
tests
vendor
webpack.mix.js
~/work/laravel_test$
|
リポジトリにpush
作成したLaravelアプリケーションをGitHubのリポジトリにpushします。まず、ローカルリポジトリにaddします。
1
|
~/work/laravel_test$ git add .
|
git statusコマンドで、状態を確認します。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
~/work/laravel_test$ git status
On branch master
No commits yet
Changes to be committed:
(use "git rm --cached <file>..." to unstage)
new file: myapp/.editorconfig
new file: myapp/.env.example
new file: myapp/.gitattributes
new file: myapp/.gitignore
new file: myapp/.styleci.yml
new file: myapp/README.md
(中略)
new file: myapp/tests/Feature/ExampleTest.php
new file: myapp/tests/TestCase.php
new file: myapp/tests/Unit/ExampleTest.php
new file: myapp/webpack.mix.js
~/work/laravel_test$
|
git configコマンドで、GitHubのメールアドレスおよびユーザ名を設定します。
1
2
|
~/work/laravel_test$ git config --global user.email メールアドレス
~/work/laravel_test$ git config --global user.name ユーザ名
|
git commitコマンドで、commitします。-mオプションでcommitコメントを記述してください。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
|
~/work/laravel_test$ git commit -m "first commit"
[master (root-commit) 11cc2f5] first commit
84 files changed, 9427 insertions(+)
create mode 100644 myapp/.editorconfig
create mode 100644 myapp/.env.example
create mode 100644 myapp/.gitattributes
create mode 100644 myapp/.gitignore
create mode 100644 myapp/.styleci.yml
(中略)
create mode 100644 myapp/tests/Feature/ExampleTest.php
create mode 100644 myapp/tests/TestCase.php
create mode 100644 myapp/tests/Unit/ExampleTest.php
create mode 100644 myapp/webpack.mix.js
~/work/laravel_test$
|
git logコマンドでcommitログを確認できます。
1
2
3
4
5
6
7
|
~/work/laravel_test$ git log
commit 11cc2f59e8109a2ce4ed707b001a086f498dd1b8 (HEAD -> master)
Author: ユーザ名 <メールアドレス>
Date: Wed Dec 16 13:17:36 2020 +0000
first commit
~/work/laravel_test$
|
git pushコマンドで、GitHubのリポジトリにpushします。
1
2
3
4
5
6
7
8
9
10
11
12
|
~/work/laravel_test$ git push origin master
Username for 'https://github.com':
Password for 'https://ユーザ名@github.com':
Counting objects: 110, done.
Delta compression using up to 3 threads.
Compressing objects: 100% (90/90), done.
Writing objects: 100% (110/110), 66.03 KiB | 4.13 MiB/s, done.
Total 110 (delta 6), reused 0 (delta 0)
remote: Resolving deltas: 100% (6/6), done.
To https://github.com/ユーザ名/laravel_test.git
* [new branch] master -> master
~/work/laravel_test$
|
GitHubのサイトで確認すると、Laravelアプリケーション「myapp」のソースコード一式がpushされていることを確認できます。
別の場所でリポジトリのclone
別の作業者が別の場所でリポジトリをcloneするケースを想定してみましょう。まず、作業ディレクトリを作成して移動します。
1
2
3
|
~$ mkdir work2
~$ cd work2
~/work2$
|
git cloneコマンドで、GitHubのリポジトリをcloneします。
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
|
~/work2$ ls
~/work2$ git clone https://github.com/ユーザ名/laravel_test.git
Cloning into 'laravel_test'...
remote: Enumerating objects: 110, done.
remote: Counting objects: 100% (110/110), done.
remote: Compressing objects: 100% (84/84), done.
remote: Total 110 (delta 6), reused 110 (delta 6), pack-reused 0
Receiving objects: 100% (110/110), 66.03 KiB | 357.00 KiB/s, done.
Resolving deltas: 100% (6/6), done.
~/work2$ ls
laravel_test
~/work2$ cd laravel_test/
~/work2/laravel_test$ ls
myapp/
~/work2/laravel_test$ ls -1 myapp/
app
artisan
bootstrap
composer.json
composer.lock
config
database
docker-compose.yml
package.json
phpunit.xml
public
README.md
resources
routes
server.php
storage
tests
webpack.mix.js
~/work2/laravel_test$
|
先ほど、GitHubにpushしたLaravelアプリケーションのファイル群が取得できていることが分かります。
- システム
エンジニア - よく分かりました。自分でも開発環境を作ってみます。
- プロジェクト
マネージャー - そうですね。複数の人数で開発するもありますので、まずは始めてみるのがいいでしょう。
まとめ
いかがでしたでしょうか。Laravel + GitHubで開発環境を作成する方法について説明しました。複数人で開発する場合は、コード管理は必須です。
GitHubでコード管理する方法をマスターして効率的に開発してください。
FEnet.NETナビ・.NETコラムは株式会社オープンアップシステムが運営しています。
株式会社オープンアップシステムはこんな会社です
秋葉原オフィスには株式会社オープンアップシステムをはじめグループのIT企業が集結!
数多くのエンジニアが集まります。
-
スマホアプリから業務系システムまで
スマホアプリから業務系システムまで開発案件多数。システムエンジニア・プログラマーとしての多彩なキャリアパスがあります。
-
充実した研修制度
毎年、IT技術のトレンドや社員の要望に合わせて、カリキュラムを刷新し展開しています。社内講師の丁寧なサポートを受けながら、自分のペースで学ぶことができます。
-
資格取得を応援
スキルアップしたい社員を応援するために資格取得一時金制度を設けています。受験料(実費)と合わせて資格レベルに合わせた最大10万円の一時金も支給しています。
-
東証プライム上場企業グループ
オープンアップシステムは東証プライム上場「株式会社夢真ビーネックスグループ」のグループ企業です。
安定した経営基盤とグループ間のスムーズな連携でコロナ禍でも安定した雇用を実現させています。
株式会社オープンアップシステムに興味を持った方へ
株式会社オープンアップシステムでは、開発系エンジニア・プログラマを募集しています。
年収をアップしたい!スキルアップしたい!大手の上流案件にチャレンジしたい!
まずは話だけでも聞いてみたい場合もOK。お気軽にご登録ください。
新着案件New Job
-
開発エンジニア/東京都品川区/【WEB面談可】/在宅ワーク
月給29万~30万円東京都品川区(大崎駅) -
遠隔テストサービス機能改修/JavaScript/東京都港区/【WEB面談可】/テレワーク
月給45万~60万円東京都港区(六本木駅) -
病院内システムの不具合対応、保守/東京都豊島区/【WEB面談可】/テレワーク
月給30万~30万円東京都豊島区(池袋駅) -
開発/JavaScript/東京都豊島区/【WEB面談可】/テレワーク
月給50万~50万円東京都豊島区(大塚駅) -
債権債務システム追加開発/東京都文京区/【WEB面談可】/在宅勤務
月給62万~67万円東京都文京区(後楽園駅) -
PMO/東京都豊島区/【WEB面談可】/在宅勤務
月給55万~55万円東京都豊島区(池袋駅)