広告

【GitHub】プロジェクトリポジトリにプッシュ

Laravel

当サイトではアフィリエイト広告を利用しています。

広告

はじめに

今回は、GitHubリポジトリへプッシュする手順をまとめました。

どんなファイルでもプロジェクトでも構いませんが、今回はLaravelプロジェクトをプッシュする手順をまとめました。
VS Codeを使うやり方と、Gitコマンドを使うやり方の2つを紹介します。

他にも私のブログで、Laravelについて解説している記事がありますのでご覧ください。

使用するバージョンなど
  • Windows 11 or macOS Monterey (M1)

2022/10/10 WindowsとMacを使い、最新バージョンで確認しました。

広告

【紹介】個人開発

私の個人開発ですがQuiphaというサービスを開発しました。(Laravel, Vue3など)
良かったら、会員登録して動作を試してみて下さい。

また、Laravel 9 実践入門という書籍を出版しました。
Kindle Unlimitedを契約している方であれば、読み放題で無料でご覧いただくことができます

是非多くの方に読んでいただき、Laravelの開発に少しでもお役に立てたら幸いです。

VS Codeの用意

VS Codeのインストール方法は、以下の記事にまとめましたのでご覧ください。

【VS Code】インストール手順を解説 【Windows/M1 Mac対応】
今回はVS Codeのインストール手順を解説します。WindowsとMacのそれぞれ分けてまとめました。

設定方法は以下を参考にしてください。

【VS Code】オススメの設定・拡張機能・便利機能・ショートカット【Win/Mac対応】
私的に最初に行う設定や、拡張機能、よく使うショートカットや便利な機能をまとめてみました。

プロジェクトの作成

適当なプロジェクトを作成します。
Sailでプロジェクトを作成しました、詳しくは以下の記事を参考にしてください。

Windows
Laravel Sailで開発環境構築【Vite対応】
今回は、Laravel Sailを使って環境の構築を行いました。 SailはDockerですので、開発環境を簡単に用意することもできますし、カスタマイズすることも楽です。
Mac
【M1 Mac】Laravel Sailで開発環境構築【Vite対応】
Laravel Sailを使って環境の構築を行いました。 SailはDockerですので、開発環境を簡単に用意することもできますし、カスタマイズすることも楽です。

以下のコマンドでプロジェクトを作成します。

curl -s https://laravel.build/example-laravel-github | bash

Gitのインストール

Windows

最新のGit for Windowsを使用する場合、特定の条件でうまく動作しない現象が発生しました。
詳しくは以下をご覧ください。

Gitで「fatal: detected dubious ownership in repository」が出力されコミットできない場合
Gitを操作した場合に、「fatal: detected dubious ownership in repository」が発生する場合を調査しました。

Git for Windows をインストールします。  
下記のサイトから、インストーラをダウンロードし、インストールを行います。

Git for Windows
We bring the awesome Git VCS to Windows

インストーラを起動します。

基本的にはオプションは変更せずに進めますが、以下の「改行」のオプションだけ変更しました。

インストールが完了しました。

Git Bashを起動し、Git用のメールアドレスと名前を設定しておきましょう。

$ git config --global user.email "you@example.com"
$ git config --global user.name "Your Name"

ちなみに古いバージョンには脆弱性がありますので、必ず最新バージョンを利用しましょう。

バージョン管理システム「Git」にセキュリティ上の脆弱性、Git for Windowsユーザーやマルチユーザー環境利用者が取るべき対処法は?
プログラムのソースコードなどの変更履歴を記録・追跡するための分散型バージョン管理システムの「Git」に、セキュリティ上の脆弱性があると指摘されています。すでにこの脆弱性に対応した最新バージョンとなる「Git 2.35.2」が公開されており、…

Mac

ターミナルを起動し、以下のコマンドを実行します。

% git --version

Gitがインストールされていない場合は、以下のダイアログが表示されますのでインストールを選択します。

“git”コマンドを実行するには、コマンドライン・デベロッパツールが必要です。ツールを今すぐインストールしますか?
コマンドライン・デベロッパツールを今すぐダウンロードしてインストールするには、”インストール”を選択してください。

規約を確認します。

完了しました。

インストール完了後、以下のコマンドでGitのバージョンが確認できます。

% git --version

git version 2.30.1 (Apple Git-130)

Git用のメールアドレスと名前を設定しておきましょう。

% git config --global user.email "you@example.com"
% git config --global user.name "Your Name"

その1:VS Codeでプッシュ

プッシュ

VS CodeでGitHubへプッシュしてみましょう。
ソース管理を開き、GitHubに公開をクリックします。

以下のダイアログが表示されますので、「許可」をクリックします。

Windows

ちなみにMacの場合は以下のようなダイアログになります。

Mac

拡張機能 ‘GitHub’ が GitHub を使用してサインインしようとしています。

以降の解説キャプチャは、Windowsをベースにしていますが、Macでも操作は同様です。

「Authorize Visual Studio Code to access GitHub」と表示されました。
Continueボタンをクリックします。

「Authorize github」ボタンをクリックし認証します。

成功しました。

VS Codeに戻り、再度「GitHubに公開」ボタンをクリックすると、リストが選択できます。
それぞれ公開か、非公開かのリポジトリが選択できます。

今回は公開を選択しました。(下のpublicの方)

公開リポジトリが作成されました。

広告

その2:GitHubにリポジトリを作成しGitコマンドでプッシュ

VS Codeを使わずに、Gitコマンドを使ってプッシュする手順です。

リポジトリ作成

事前にGitHubアカウントを作成しましょう。

リポジトリを作成します。New repositoryを選択します。

以下のようにリポジトリを作成しました。
今回はプライベートリポジトリとしました。

GitHubのリポジトリの初期画面が表示されました。
今回は、Laravelのプロジェクトファイルがすでに存在するため、以下の手順を行います。

プッシュ

先程作成したLaravelプロジェクトの直下で、以下のコマンドを実行します。
URLは各自のリポジトリのものに読み替えてください。
エラーが出る場合は、この後の手順をご確認ください。

cd example-laravel-github/

git init
git add README.md
git commit -m "first commit"
git branch -M main
git remote add origin https://github.com/chigusa-web/example-laravel-github.git
git push -u origin main

ここではREADME.mdはすでに存在するため、作成はしません。
手順通り、README.mdのみプッシュしています。

コミット時のエラーについて

git commitコマンドを実行する際に以下のエラーが出る場合があります。


*** Please tell me who you are.

Run

  git config --global user.email "you@example.com"
  git config --global user.name "Your Name"

to set your account's default identity.
Omit --global to set the identity only in this repository.

fatal: empty ident name (for <xxx@xxx>) not allowed

その場合は、以下のコマンドで設定してください。
(メールアドレスと名前は任意)

git config --global user.email "you@example.com"
git config --global user.name "Your Name"

global設定については、ユーザディレクトリの.gitconfigに保持されます。

プッシュ時のエラーについて

プッシュ時に以下のエラーが出る場合があります。
GitHubはパスワード認証を廃止したためです。

Username for 'https://github.com': xxx
Password for 'https://xxx@github.com':
remote: Support for password authentication was removed on August 13, 2021. Please use a personal access token instead.
remote: Please see https://github.blog/2020-12-15-token-authentication-requirements-for-git-operations/ for more information.
fatal: Authentication failed for 'https://github.com/chigusa-web/example-laravel-github.git/'

GitHubのアカウントのSettingsを開きます。

左サイドバーでDeveloper settingsをクリックします。

Personal access tokensを選択し、「Generate new token」をクリックします。

名前は任意で、期限は短くしました。
スコープはrepoを選択しました。

トークンが表示されますのでコピーします。

git push時のログイン情報のパスワードとして、先程のトークンを入力します。

Username for 'https://github.com': xxx
Password for 'https://xxx@github.com':

作成したGitHubリポジトリにプッシュできました。

クローン

クローンのやり方については、以下の記事にまとめました。

【Laravel】プロジェクトをGitHubからクローンした後にやること
今回は、GitHubのリポジトリにあるLaravelプロジェクトを、クローンして開発環境を構築しサイトが起動するところまでの手順をまとめました。

さいごに

今回はLaravelプロジェクトをGitHubへプッシュする手順をまとめました。
是非活用しましょう。

他にも私のブログで、Laravelについて解説している記事がありますのでご覧ください。

LaravelMacOSPHPVS CodeWindowsツールプログラミング
広告

個人開発

千草 @chigusaweb

現役のITエンジニア。 気ままにコードを書いたり技術情報を発信しています。 Webアプリ/Windows・Macアプリ/モバイルアプリなど。 (Java, PHP, Javascript, Swift, Python, C#, 他) 個人開発:Clibor, Quipha, TXT-Crypter, 符計算特訓, チグサツール Kindle本: Laravel9 実践入門, 他

クリップボード履歴

Clibor

Windows

Cliborはシンプルで高機能なクリップボード履歴ソフトです。
また普段よく使うワードを定型文として登録し、いつでもクリップボードに保存することができます。高度なテキスト整形・FIFOモード・ホットキーに対応。

クリップボード履歴

Windows版Cliborの利便性を、そのままMacでも。
定型文登録、高度なテキスト整形、FIFOモードなど、便利なクリップボード履歴機能を利用できます。macOS最新のTahoeにも対応。

テキスト暗号化

テキストを暗号化してURLで共有・保存できる無料サービスです。
パスフレーズを知る人だけが復号できます。登録不要、データはサーバーに保存されません。
Notionでも利用できます。

学習

Quipha

Web / iOS

自分だけの問題集や問題を作成し、クイズを行い、学習に活用することができるアプリです。
例えば、学校の授業、語学学習、IT資格やその他の資格など多彩な分野での学習を支援します。
いつでも、どこでも、あなたの学習をサポート。

ツール

日常の「ちょっとした効率化」をサポートするWeb便利ツール集。
テキスト・データ処理から最新のAI連携まで、日々のちょっとした手間でググりがちなユーティリティを1つの場所に集約。

麻雀

麻雀の符計算をひたすら特訓しマスターしましょう。
初心者の方はもちろん、もっと速く計算したい方にも役立ちます。
5万対局以上の実践から問題を収録。

コメント

タイトルとURLをコピーしました