広告

【Django】GitHubと連携【VS Code】

Django

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

広告

はじめに

今回はDjangoプロジェクトを、VS Codeを使ってGitHubと連携する手順を解説します。

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

使用するバージョン
  • Windows 11 / 10
  • macOS Monterey (M1)
  • Python 3.10.2
  • Django 4.0.2

WindowsでもMacでも同様です。

前提

Djangoプロジェクトであればなんでも結構ですが、今回は前回作成した以下のプロジェクトを連携してみました。

【Django】翻訳できるWebアプリを作ろう【DeepL】
DjangoでWebアプリケーションを作成し、DeepLを利用して翻訳を行います。

また、settings.pyについては以下の記事の通り、機密情報の対応を行った前提で解説しています。

【Django】SECRET_KEYなどの機密情報を別ファイルで管理
Djangoにおける、機密情報の管理方法を解説します。

VS Codeの用意

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

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

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

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

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"
広告

.gitignoreの作成

プッシュする前に.gitignoreファイルを作成し、以下のようにします。
キャッシュフォルダと、機密情報の設定ファイルはGitの管理対象外とします。

.gitignore
settings_local.py
__pycache__/

VS Codeでプッシュ

プッシュ

VS CodeでGitHubへプッシュしてみましょう。
VS Codeを起動し、Djangoプロジェクトを読み込みます。

ソース管理を開き、GitHubに公開をクリックします。

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

Windows

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

Mac

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

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

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

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

今回は非公開リポジトリ(private)を選択しました。
リポジトリ名は指定できますので、「translationApp」としました。

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

VS Codeでクローン

VS Codeを開きます。
ソース管理を開き、「リポジトリのクローン」をクリックします。

「GitHubから複製」を選択します。

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

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

事前に連携が済んでいる場合は、この手順は発生しません。

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

成功しました。

VS Codeの方に、ユーザのリポジトリ一覧が表示されますので、クローンしたいリポジトリを選択します。

非公開リポジトリの場合は、直接入力して指定します。

選択後、リポジトリのソースがダウンロードされ、クローンが完了します。

今回のプロジェクトは、VS Codeのリモート開発に対応しておりますので、以下の記事を参考にコンテナ上でプロジェクトを開くことができます。

【Python+Django4】VS Code+Dockerで簡単構築【Dev Containers】【Win/Mac】
Djangoの開発環境を、VS CodeとDockerを使用して簡単に構築し、リモート開発を行います。

クローン後に行う作業

クローンした後は設定ファイルを用意しましょう。
サンプルとしてコミットしていた、機密情報を扱うファイルをコピーしてファイルを作成します。

translationApp/settings_local_sample.py
↓コピーして作成
translationApp/settings_local.py

詳しい解説については、以下の記事を参考にしてください。

【Django】SECRET_KEYなどの機密情報を別ファイルで管理
Djangoにおける、機密情報の管理方法を解説します。

SECRET_KEYを再生成します。

プロジェクト直下で以下のコマンドを実行します。

$ python manage.py shell

対話モードで以下のコードを実行します。

>>> from django.core.management.utils import get_random_secret_key
>>> get_random_secret_key()
'xxx-xxxx'

出力された文字列を、以下のキーに設定します。

translationApp/settings_local.py
SECRET_KEY = 'xxx-xxxx'

他にも設定キーがあれば、適宜設定しましょう。

さいごに

個人の開発でも、チームの開発でもGitHubはよく使われますが、ぜひ活用しましょう。

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

DjangoMacOSPythonWindowsツールツール他プログラミング
広告

個人開発

千草 @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をコピーしました