マガジンのカバー画像

Web開発日記

118
Webサービスを作るにあたっての個人的メモ
運営しているクリエイター

#Github

GitHubでメンションされているプルリクエストを見逃さない方法

GitHubでチーム運用していて、ちょっと利用しにくかったところをハックしました。 課題GitHub運用でよくある課題として、『メンション見落としがち』というのがあります。特に多くのレポジトリ対応している場合いちいちメールを見ないので、見落とすことが多くなってしまうのです。 そうするとどうなるかというと、slack上で「あのプルリクどうなりましたでしょうか...?」と連絡が来て、『ごめんなさーい!見逃してました、すぐ確認します!』のようなやりとりが発生します。 今回はこ

GitHubでリポジトリ名を変更する方法。(+Netlifyでの設定)

GitHubのリポジトリ名ですが、作った後に「やっぱり変えたいな。」と思うことありません? 今回はGitHubのリポジトリ名の変更方法を記載します。 GitHubでの操作まずはGitHubで操作します。 GItHubで変更希望のリポジトリを選択し、「Settings」をクリック、「Repository name」に変更後の名前を記入し、「Rename」をクリックします。 .git/config の修正次に、.git/configファイルを修正します。 プロジェクトル

GitHub PagesでWebページを公開する方法

Webサイト作成したら、『さて公開サーバどうしようかな』という問題に直面します。レンタルサーバも安いので(月500円とかで借りれる)、レンタルサーバを契約しても良いのですが、今回はGitHubでサクッと公開してしまうやり方を説明します。 今回はGitHub PagesでWebサイトを公開します。 GitHub Pagesとは?GitHub Pagesとは、GitHubが提供するホスティングサービスのことです。GitHubが提供しているだけあり、既存のリポジトリを利用して公

HerokuにGitHubからデプロイする方法

HerokuにGitHubからデプロイする方法を記載します。 前提 ・Herokuアカウント取得済 ・GitHubアカウント取得済み ・GitHubリポジトリ作成済み それでは始めます。 Herokuのアプリケーションを作成するHerokuのダッシュボードにアクセスし、「Create new app」をクリック。 App nameにアプリ名を記入し、「Create app」をクリックする GitHubと連携する。Deployタブをクリックし、「Deployme

Vueのプロジェクトを作成し、Netlifyで公開するまで

Vue.jsやってます。今回はVue CLIにてVueのプロジェクト作成し、GitHubにソースアップして、Netlifyでサイト公開するまでの流れをまとめました。 ある程度慣れてくれば、15分くらいでできるのではないかと思います。 前提 ・Vue.jsの知識が少しでもあること ・GitHubアカウント持っていること ・Netlifyアカウント持っていること それでは始めます。 Vue CLIにて Vueのプロジェクト作成下記にてインストール npm install

【GitHub】コンフリクトの解決方法について

GitHub、プルリクエストの確認が終わりいざマージしようと思った瞬間に、こんなメッセージが表示されマージできない時があります。 いわゆる『コンフリクト』というやつですね。今日はこのコンフリクトの解決方法を記載したいと思います。 コンフリクトとは?例えばこんな状況です ・AさんとBさんの2人で開発をしている ・Aさんは「topic-A」というブランチ、Bさんは「topic-B」というブランチで作業している ・AさんとBさん、ブランチは別だが同じファイル「sample.h

Githubでカンバン機能を利用する方法

Githubでカンバン機能が利用できるようなので利用してみました。 カンバンとは?簡単にカンバンについて説明すると、タスクが今どのステータスかを簡単に視覚化できる機能です。 こんな感じですね↓ 画像はwikipediaより引用 上の画像だと、左から「To Do」「Doing」「Done」と3つのカラムに分かれておます。 ポストイットがそれぞれのタスクになります。 タスクが進むごとに、左から右へ(TodoからDoing、Doneへ)移動するようになります。 ツールだと

Githubにissueのテンプレートを作成する方法

Githubにはissueのテンプレート機能があるようなので利用してみました。テンプレートを作成することで、複数人数で開発していても issue の書き方が統一できるので便利です。 それでは issue のテンプレート作成方法を説明します。 Githubに issue テンプレートを作成する方法 1. Settingsページへ移動 Githubの 『Settings』 → 『Options』 をクリックします。 2. テンプレート作成画面に移動 画面中程にある F

ローカルのディレクトリをGithubへアップロードする方法

今回はローカル環境で作業していたプロジェクトを、Githubにアップする方法を記載します。 前提 ・Gitをインストールしていること(※1) ・GitHubのアカウントをすでに作成済みであること(※2) ・今回はMacで作業してます。  ※1 まだインストールしていない方はこちらを参考にどうぞ  ※2 アカウント持っていない方はこちらを参考にどうぞ それでは手順を説明します。 Githubリポジトリを作成する。まずGithubを開きます。GIthubのマイページを開き、

Git基本操作。ローカルでの作業からリモートリポジトリのマージまで。

Gitをコマンドラインから実行する方法をまとめました。超初心者用ということでやっていますので、ご参考までにどうぞ。 また、noteの最後に参考にした記事一覧を掲載してますので、そちらも併せてどうぞ。 1. ブランチを作成する 2. ブランチをリモートに登録 3. git add 変更点の追加 4. git commit ファイルコミット 5. git push ファイルをプッシュ 6. マージする 7. Githubのリポジトリに反映する 1. ブランチを作成するまずはブ

プルリクした時にコンフリクトした場合の対応方法

先日プルリクエストしたら This branch has conflicts that must be resolved と警告が出ました。 こちらはファイルがコンフリクトを起こしている時のメッセージのようです。 簡単に言うと、同じファイルをAさんとBさんの2人で編集してしまい、先にAさんが編集終わってマージした後に、Bさんがマージしようとするとこのメッセージが出ます。 例えば 元のファイル: <?phpprint "おはようございます。"?> と言うファイ

入江開発室と初めてのGitHub

この記事は、 入江開発室に入った私が、初めてプロジェクトに参加した時にGitHubと出会い、 「GitHubを利用できるようにならないと何もできないぞ...!!」 とはっと気付いたので、今後GitHub知らないけど入江開発室で色々なプロジェクトに参加したい!という方のために、GItHubの簡単な利用方法を書いた記事です。 一応GitHubの簡単な使い方を知りたい、という方のニーズにも答えているのではないかと思いますので、よければご覧ください。 --- 💻 --- はじめ