TechAcademy（テックアカデミー） プログラミング Python PythonでローカルPC環境にWeb Serverを立ち上げる方法を現役エンジニアが解説【初心者向け】
オーダーメイドコース
icon
icon
Python

PythonでローカルPC環境にWeb Serverを立ち上げる方法を現役エンジニアが解説【初心者向け】

初心者向けにPythonでローカルPC環境にWeb Serverを立ち上げる方法について現役エンジニアが解説しています。Web Serverとは、ブラウザからのリクエストに応じて、画像表示や画面を遷移したりする処理を行うプログラムのことです。MacやWindowsでWebサーバーを立ち上げてみます。

テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社　調査期間：2021年8月12日～8月16日　 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名　 調査手法：インターネット調査

PythonでローカルPC環境にWeb Serverを立ち上げる方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して、初心者向けに解説します。

 

Pythonについてそもそもよく分からないという方は、Pythonとは何なのか解説した記事を読むとさらに理解が深まります。

 

なお本記事は、TechAcademyのオンラインブートキャンプ、Python講座の内容をもとに紹介しています。

 

田島悠介

今回は、Pythonに関する内容だね！

大石ゆかり

どういう内容でしょうか？

田島悠介

PythonでローカルPC環境にWeb Serverを立ち上げる方法について詳しく説明していくね！

大石ゆかり

お願いします！

今回はPythonを使ってWeb Serverを立ち上げる方法を紹介します。

今では機械学習に使われている言語として有名なPythonですが、サーバーサイドの言語としても使われており、種類豊富なWebフレームワークが存在します。

今回はPythonの標準モジュールを使ってローカルのPC環境でWeb Serverを立ち上げてみます。

Web Serverとは？

Web Serverとは、ブラウザ（Chrome, Fire Foxなど）からのリクエストに応じて、画像表示をさせたり、画面を遷移したりする操作を行うマシンのことです。イメージを示すと、以下の画面の通りです。

ブラウザでアクセスした場合のWeb Sereverのリクエストとレスポンスの仕組み

ブラウザでURLを入力するとサーバに対してリクエストが送信されてサーバがレスポンスの画面をブラウザ上に表示させる仕組みです。

通常、サーバーはLinuxを使用したマシンが多いですが、ローカルで動作確認を行う程度であればWindowsやMacで確認することもできます。

Homebrewのインストール

それではMacのPython3上でサーバーを立ち上げるために、Python3の環境を構築します（Windowsの方はこの先のコマンドプロンプトでのWeb Serverの立ち上げ方まで進んでください。）。

そのためにまずはHomebrewをインストールします。HomebrewはMacで動作する拡張パッケージを簡単にセットアップするためのシステムです。

以下のコマンドを実行してHomebrewをインストールします。

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

 

[PR] 未経験からWebエンジニアを目指す方法とは

pyenvのインストール

Homebrewのインストールが終わったら、以下のコマンドを実行しpyenvをインストールします。

brew install pyenv

続いて、Python3系のバージョンをインストールします。今回は以下のコマンドを実行し、Python3.7をインストールします。

pyenv install 3.7.0

適当な作業ディレクトリに移動し、以下のコマンドで作業ディレクトリ上で先程インストールしたPythonのバージョンを実行します。

pyenv local 3.7.0

 

ローカル上でのWeb Serverの立ち上げ方（ターミナル）

先程pyenvでセットしたPythonのバージョンでWeb Serverを立ち上げるときは以下のコマンドで立ち上げが可能です。

python -m http.server 5000

数字はサーバーのポート番号を指定します。ちなみに何も指定しない場合は8000番ポートでこのサーバーが動作します。ブラウザを立ち上げて【localhost:5000】と入力すると、以下のようにブラウザ上にディレクトリの一覧が出力されます。

Pythonで立ち上げたWeb Serverにアクセスして取得したディレクトリ一覧

ローカル上でのWeb Serverの立ち上げ方（コマンドプロンプト）

Windowsの方はpyenvを使わずに、こちらのリンクからPythonをインストールして環境を構築します（既にパソコンでPython3系の環境が動作する場合はこの手順は不要です）。

コマンドプロンプトを立ち上げて【python -version】と入力し、Pythonのバージョンが表示されたらPythonがコマンドラインで動作します。

それではターミナルの時と同様に以下のコマンドを実行し、Web Serverを立ち上げてみます。

python -m http.server 5000

ブラウザ上で【localhost:5000】と入力すると、以下のようにブラウザ上にディレクトリの一覧が出力されます。

Pythonで立ち上げたWeb Serverにアクセスして取得したディレクトリ一覧

実際にローカルPC環境でWeb Serverを立ち上げてみよう

それでは、Web Serverを立ち上げてHTMLファイル表示させてみます。適当な作業ディレクトリに移動し、以下のコマンドを実行します。

python -m http.server 5000

続いてテキストエディタを開き、以下のHTMLファイルを作成し、サーバーを動作させている作業ディレクトリ上に保存します。

ファイル名は【index.html】とします。

<html>
    <body>
        <h1>Hello World!</h1>
        Success!
    </body>
</html>

保存したらブラウザを立ち上げて【localhost:5000】と入力して、先程作成したHTMLの画面が出力されたらサーバーが正常に機能しています。

Pythonで立ち上げたWebサーバーで作成したファイルにアクセスした結果

 

まとめ

今回は簡単にPythonでWeb Serverを立ち上げる方法を紹介してきました。

今回紹介した方法で静的サイトの動作確認をローカルで行うことができます。また、実際に手元のパソコンでローカルサーバーを立ち上げることで、このブログを始めみなさんが普段使うwebアプリケーションの仕組みを知ることが出来て、勉強になると思います。

監修してくれたメンター

メンター三浦

モバイルゲームを運用している会社のエンジニアをしています。趣味でWEB開発やクラウドコンピューティングもやっており、ソフトもハードもなんでもやります。

TechAcademyジュニアではPythonロボティクスコースを担当しています。好きな言語はPython, Node.js。

 

大石ゆかり

内容分かりやすくて良かったです！

田島悠介

ゆかりちゃんも分からないことがあったら質問してね！

大石ゆかり

分かりました。ありがとうございます！

 

TechAcademyでは、初心者でも、Pythonを使った人工知能（AI）や機械学習の基礎を習得できる、オンラインブートキャンプを開催しています。

また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。

記事を検索

関連するキーワード

関連する記事

Pythonのurllib.requestモジュールとよく使うurlopenの使い方を現役エンジニアが解説【初

Pythonのurllib.requestモジュールの使い方について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何...
Python

Pythonで逆行列を求める方法【初心者向け】

Pythonで逆行列を求める方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むとさ...
Python

Pythonで素数判定のプログラムを作る方法を現役エンジニアが解説【初心者向け】

Pythonで素数判定のプログラムを作る方法を行う方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか...
Python

Pythonで文字列の部分一致を抽出する方法を現役エンジニアが解説【初心者向け】

Pythonで文字列の部分一致を抽出する方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記...
Python

Pythonで降順ソートを行う方法【初心者向け】

Pythonで降順ソートを行う方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を読むと...
Python

Pythonのエラー"SyntaxError:Non-ASCII character"の解決方法を現役エンジニ

Pythonのエラー"SyntaxError:Non-ASCII character"の解決方法について解説します。 そもそもPythonについてよく分か...
Python

あわせてよく読まれている記事

今日からすぐできる！VagrantとVirtualBoxを使ってローカル開発環境を構築する方法【初心者向け】

プログラミング学習を始める際の最初の壁が、開発環境の構築だったということはないでしょうか？ 今回はVagrantとVirtualBoxを用いたローカル開発環境の構築方法をご紹介します。これでPC上に開発環境を比較的簡単に用意することができます。 なお、今回はMacのPCを使って紹介します。   目次 本記事では下記の手順で解説していきます。 実際に開発環境を構築したあとは、Rubyのファイルを例にブラウザで確認するまでの手順を紹介します。 VirtualBoxをインストールする Vagrantをインストールする VagrantでCentOSを立ち上げる ファイル転送ツールを導入する Rubyファイルをブラウザから確認する   VirtualBoxをインストールする VirtualBox（バーチャルボックス）とは、PC仮想化ソフトです。現在はオラクルが開発しており、製品表記は「Oracle VM VirtualBox」になっています。このPC仮想化ソフトを使うと、使用しているPC上に仮想的なPCを作成して、別の OSをインストール・実行することができます。PC仮想化ソフトには、VirtualBox以外にVMware PlayerやParallelsといったものがありますが、無料で手軽に使えて、Windowsや Linuxなど複数のOS をサポートしているVirtualBoxがおすすめです。   VirtualBoxのサイトにアクセスしてインストールしてみましょう。 左にある「Downloads」のボタンをクリックすると、OSごとのパッケージがダウンロードできます今回はMacですので、Mac OS Xを選びました。   ダウンロードしたファイルを開くとこのような画面になりますので、「Double click on this icon」をクリックしてインストールしてください。 これでVirtualBoxのインストールは完了です。   [PR] 未経験からWebエンジニアを目指す方法とはVagrantをインストールする 続いて、Vagrant（ベイグラント）をインストールします。Vagrantとは、一言で言えば環境構築を簡単に立ち上げるためのツールです。Vagrantがなければ仮想マシンを立ち上げや環境構築にさまざまな作業が必要でしたが、Vagrantはそういったワークフローをまとめて行うことができます。 VirtualBoxとVagrantの2つがあることで、開発環境を仮想マシン上に自動作成することができます。   では早速インストールしましょう。Vagrantのサイトにアクセスすると、ダウンロードのボタンがあるのでクリックします。 今回はMacを使用するので「MAC OS X」をクリックしてダウンロードします。   ダウンロードしたファイルを開くとこのような画面になりますので、Vagrant.pkgをクリックしてインストールしましょう。   インストールが完了したらターミナルを開いて下記のコマンドを実行してみてください。 $ vagrant -v   無事にバージョンが返ってくればVagrantのインストールは完了です。 Vagrant 1.7.4   VagrantでCentOSを立ち上げる 続いて、インストールしたVagrantを使って、CentOSを立ち上げてみます。実際の操作はターミナルを使用しましょう。 Vagrantbox.esというサイトから立ち上げるために必要な情報を取得することができます。今回は、CentOS 7.0の64bitを使い、名前は「centos」にしましょう。   まずはターミナルを使って、Vagrantに「centos」という名前のboxを追加します。boxとは仮想マシンを手軽にクローンするためのベースイメージのことです。 $ vagrant box add centos http://developer.nrel.gov/downloads/vagrant-boxes/CentOS-6.4-x86_64-v20130427.box   boxの追加には少し時間がかかりますが、完了したら設定ファイルを作りましょう。 $ vagrant init centos   そして最後にVagrantを起動します。 $ vagrant up これで、VagrantでCentOSの立ち上げが完了しました。   ファイル転送ツールを導入する それでは今度は、ファイル転送ツールを使ってMacからCentOS内のファイルを参照できるようにしましょう。 ファイル転送ツールにはCyberduckやFileZillaなど様々ありますが、今回はFileZillaを使っていくことにします。   先ほどの、「vagrant up」でVagrantを立ち上げる際に出力されるログを見てみましょう。ここにSSH接続に必要な情報はが表示されています。パスワードはvagrantになります。 ~/D/I/centos ❯❯❯ vagrant up Bringing machine ‘default’ up with ‘virtualbox’ provider… ==> default: Resuming suspended VM… ==> default: Booting VM… ==> default: Waiting for machine to boot. This may
プログラミング

これだけは覚えておきたい！基本的なUNIXコマンド20【初心者向け】

今回は、プログラミング初心者でも覚えておきたいUNIXコマンドを紹介します。 プログラミングを学んでWeb開発する際に、WebサーバのOSとしてLinuxやUNIX系を利用することがあります。 そのため、Web開発をするためにUNIXコマンドの知識が必要です。 Amazonが運営するAWSといったサービスやCloud9といったサービスでも、UbuntuやLinuxが利用されています。 そのため、特定のOSで利用可能なコマンドです。 また、Macのターミナルを扱う時も使用しますので、覚えておくと便利です。 WindowsでUNIXコマンドを利用できるので、コマンド操作に慣れることは実務においても技術的なレベルが上がります。 そこでこの記事では、プログラミング初心者でも覚えておきたいUNIXコマンドを初心者向けに紹介します。 目次Web Serverとは？Homebrewのインストールpyenvのインストールローカル上でのWeb Serverの立ち上げ方（ターミナル）ローカル上でのWeb Serverの立ち上げ方（コマンドプロンプト）実際にローカルPC環境でWeb Serverを立ち上げてみようまとめ監修してくれたメンター    UNIXコマンドとは UNIXコマンドとは、LinuxやUNIX系OSのWeb開発で利用するコマンドです。 ウィンドウやボタン、アイコンといった視覚的なオブジェクトをマウスで操作するインターフェイスをGUI（Graphical User Interface）と呼びます。 一方、文字入力によってコンピュータに命令を与えて操作するインターフェイスをCLI（Command Line Interface）、あるいはCUI（Character User Interface）と呼びます。 「コマンド」とはコンピュータに指示する命令であり、CLI上で用いるプログラム／アプリケーションのことを指します。 UNIXに由来するコマンドを「UNIXコマンド」と呼称します。 現在ではGUIがコンピュータを操作する手法として主流ですが、ある操作の結果を別の操作に用いたり、自動的に複数の操作を行ったりする場合など、CLIの方が適している作業が多く存在します。   Windows10でUNIXコマンドを利用する方法 2021年3月現在の最新バージョンのWindows10では、WSL（Windows Subsystem for Linux）を有効化することでUNIXコマンドを利用できます。 コントロールパネル プログラム プログラムと機能 Windowsの機能の有効化または無効化 上記の順に選択をして、「Linux用 Windows サブシステム」をチェックしてください。 コントロールパネルを開いてプログラムを選択する画面 プログラムを選択してWindowsの機能の有効化または無効化を選択する画面 Linux用Windowsサブシステムを選択してOKを押してください。   Microsoft StoreでUbuntuをインストール Microsoft StoreをWindowsで起動します。 Ubuntuを検索して出てきた表示の入手をクリックしてUbuntuをインストールします。   インストールにはしばらく時間が必要です。   インストールが完了したら起動ボタンを押してください。   Windows上で初期設定を行うための起動が始まります。 初回のみ起動時間が必要です。   ユーザー名とパスワードを設定すると完了です。 パスワードは設定用と入力用に同じものを2回入力する必要があります。   設定が完了したら、UNIXコマンドの入力が可能になります。     [PR] 未経験からWebエンジニアを目指す方法とは覚えておきたいUNIXコマンド20 ここからは主要なUNIXコマンド20選を紹介します。 いずれもMacのターミナルで入力した例を画像で表示しているので、ぜひ自分のPCでも試してみてください。   ディレクトリとファイルの確認、移動に使うコマンド   pwd 現在の作業ディレクトリの絶対パスを表示します。 なお絶対パスとは、最上位階層から目的のファイルやフォルダまでの道筋を省略なく記述する方式のことです。 一方の相対パスは、起点となる現在位置から目的のファイルやフォルダまでの道筋を記述する方式です。 入力例： pwd 現在どのディレクトリにいるのかを確認するときに使います。 cd 作業ディレクトリを変更するコマンドです（ディレクトリを移動します）。 入力例： cd (ディレクトリ名) cdだけで実行するとホームディレクトリへ移動します。 「cd -」とすると、直前にいたディレクトリへ移動します。「cd ..」とすると親ディレクトリへ移動します。 ls ディレクトリの内容をリスト表示するコマンドです。 入力例： ls (ディレクトリ名) lsだけで実行すると、現在のディレクトリに含まれるファイル名をリスト表示します。 ディレクトリを指定すると、そのディレクトリに含まれるファイル名をリスト表示します。 また、「ls -l」でパーミッションや所有者などの関連情報を付加して表示、「ls -a」で隠しファイル・隠しフォルダを含めて表示することが可能です。 ディレクトリとファイルの操作で使うコマンド cp ファイルをコピーするコマンドです。 入力例： cp (ファイルA) (ファイルB) この場合ファイルAをファイルBにコピーします。 また「-f」オプションをつけた場合、コピー先に同名のファイルがあった場合上書きされます。 「-i」オプションをつけた場合は上書きするかどうかをファイルごとに確認します。 なおディレクトリを内容ごと（再帰的に）コピーするときは、「-R」オプションをつけます。 mv ファイルの移動およびリネームを行うコマンドです。 入力例： mv (ファイルA) (ディレクトリB) mv (ファイルA) (ファイルB) 1つめの例では、ファイルAをディレクトリBに移動します。 2つめの例では、ファイルAからファイルBに名前を変えることができます。   cpコマンドと同じように、「-f」オプションをつけた場合、移動先に同名のファイルがあった場合は上書きされます。 「-i」オプションをつけた場合は、上書きするかどうかを確認します。 rm ファイルを削除するコマンドです。 入力例： rm (ファイル名) ディレクトリを削除する場合は「-d」オプションを指定しますが、削除できるのは空のディレクトリだけです。 ディレクトリに内容物がある場合は「-r」オプションを指定することで、中に入っているファイルを含めてディレクトリを削除します。   ゴミ箱へ入れるのではなく、即座に削除されることに注意してください。 mkdir ディレクトリを作成するコマンドです。 入力例： mkdir (ディレクトリ名) 通常、指定したパスの途中のディレクトリが存在しない場合はエラーになります。 「-p」オプションをつけると、途中のディレクトリが存在しない場合、それらを含めてディレクトリを作成することが可能です。 touch ファイルの変更日を更新するコマンドです。 入力例： touch (ファイル名) 「touch file1.txt」とすると、「file1.txt」の変更日時が更新されます。 存在しないファイル名を指定した場合、その名前で空のファイルが作成されます。 ln リンクを作成するコマンドです。 入力例： ln -s (ファイル名) (リンク名) 「-s」オプションを付けることで、シンボリックリンクを作成します。 シンボリックリンクは、ディレクトリやファイルのショートカットとして用いられます。 chmod ファイルのパーミッション（所有権）を変更します。 入力例： chmod 750 (ファイル名) この入力例は、ファイル所有者にすべての権限を与え、グループに読み込みと実行権、その他のユーザーは権限なしにするコマンドです。 パーミッションは「mode」引数に8進数字あるいは記号で指定します。 上記の入力例は8進数字の指定です。   8進数字指定する場合は、3桁の値で指定します。 1桁目が「ファイル所有者」のアクセス権、2桁目が「グループ」のアクセス権、3桁目が「その他のユーザー」のアクセス権です。 各桁の値は、読み込み権を表す4と、書き込み権を表す2と、実行権を表す1の和を指定します。 例えば、読み込み権と実行権のみを与える場合には、4と1の和である「5」を指定します。 それぞれの権限の組み合わせと値は、下記の表をご覧ください。 アクセス権 値 0 権限なし 1 実行権 2 書き込み権 3 書き込み権と実行権 4 読み込み権 5 読み込み権と実行権 6 読み込み権と書き込み権 7 すべての権限   また、記号で指定する場合は、以下の記号を組み合わせてパーミッションを指定します。 chmod a+w (ファイル名) この入力例の場合、すべてのユーザーに書き込み権限を付加します。 記号 誰に a すべてのユーザ u 所有者 g グループ o 他のユーザ   記号 付加・除去 + 付加 – 除去 = 全クリア   記号 権限の種類 r 読み w 書き x 実行 chown ファイル・ディレクトリの所有者とグループを変更します。 入力例： chown (ユーザー名) (ファイル名) この例では、指定したファイルの所有者を指定したユーザーに変更します。 なお、ファイルの所有者とグループはファイルのパーミッション範囲に関係してきます（あるユーザーのみアクセス可能など）。 所有者の変更はスーパーユーザーのみ可能です。 chgrp ファイルのグループを変更します。 入力例： chgrp (グループ名) (ファイル名) この例では、指定したファイルの所属グループを変更します。 chownと同じく、グループはファイルのパーミッション範囲に関係してきます（あるグループに属しているユーザーのみアクセス可能など）。   ファイル内容の表示、閲覧するときに使うコマンド cat ファイルの内容を結合し、表示するコマンドです。 入力例： cat (ファイルA) (ファイルB) 複数ファイルの内容を結合して表示します。 ファイルを1つだけ指定して、単にその内容を表示する場合にも使用可能です。 less ファイルの内容をスクロール可能な状態で表示するコマンドです。 入力例： less (ファイル名) ファイル内容を一画面しか見ることができない（スクロールできない）catコマンドとは異なり、スクロール可能な状態で表示するコマンドです。 qを入力すると表示が終了します。   ファイルの検索で使うコマンド find ファイルを検索するコマンドです。 入力例： find (ディレクトリ名) find (ディレクトリ名) -name (文字列) 1つめの入力例では、ディレクトリ内にあるファイルを表示します。 -nameを付けることで、ディレクトリ内にある文字列を指定して検索できます。 また「find . -ctime
プログラミング

今さら聞けない！ターミナルの使い方【初心者向け】

Mac OSを使っていると、システム環境設定などでは設定することができない、高度な設定をしたいと思う場合があるかと思います。 そのようなカスタマイズをおこなうためには、Mac OSのターミナルという機能を使う必要があります。また、ターミナルはプログラミングをする際にも利用します。 そこで今回は、初心者向けにターミナルの利用方法を紹介します。   なお本記事は、TechAcademyのWebアプリケーションオンラインブートキャンプの内容をもとに紹介しています。 なお、今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。 目次 本記事は、下記の流れで説明します。主要コマンドも紹介しているので、記事を読んだらすぐに使ってみてください。 ターミナルとは ターミナルの使い方 ターミナルの主要コマンド   ターミナルとは ターミナルとは、コマンドと呼ばれる命令文を用いてMacの操作や設定をおこなうためのツールです。 通常は利用する必要はありませんが、高度な設定をする場合や、Macでプログラミングをおこなう場合には利用する必要があります。 Windowsにおけるコマンドプロンプトと呼ばれているものとほぼ同じものです。 ターミナル上では、マウスやトラックパッドを用いて操作するのではなく、キーボードで「コマンド」と呼ばれる命令を入力することによって操作します。 この記事では、ターミナルの基本的な使い方や、よく利用されるコマンドについてまとめています。     [PR] 未経験からWebエンジニアを目指す方法とはターミナルの使い方 ターミナルは、「アプリケーションフォルダ」内の「ユーティリティフォルダ」にインストールされています。 起動すると、次のような真っ白な画面が表示されると思います。 しばらくすると時刻などが表示されますので、それまで待ちましょう。 このとき表示されている文字の意味は、次の通りです。 ログイン日時：ターミナルを起動した日時、1行目に表示 コンピュータ名：コンピュータの名前、2行目前半に表示 ディレクトリ：現在のディレクトリの位置、2行目後半に表示 ※この画像では個人情報が含まれるために上記の情報は消していますが、実際は画像中赤文字の上にこれらの情報が表示されます   ディレクトリとは、「Finder」で言うところの「フォルダ」と同じものです。 例えば、先ほどの画像で示したターミナルで開いているディレクトリは、個人情報なため、ここでは白で隠してありますが、Macのユーザ名と同じ名前のディレクトリです。 Finderですと、次のようにフォルダに該当します。 （左側のメニューから、自分のユーザ名と同じフォルダを開いています） このように、ターミナルは特定のディレクトリについて操作をおこなうツールになります。 そのため、特定のファイルに対して操作をおこないたい場合、そのファイルが存在するディレクトリに移動してから操作する必要があります。 （詳しくは「コマンドの使い方」にて記載します）   ターミナルの設定は、通常のアプリケーションと同じく、上部バーの「ターミナル」内にある「環境設定」からおこなえます。   背景や文字の色を変えたい場合は、この環境設定中にある「プロファイル」から変更することができます。 ここでは、あらかじめ用意されているいくつかの配色パターンから、背景色や文字の色を選ぶこともできます。 例えば、この画像中にある「Homebrew」を選択すると、ターミナルは次のように変わります。 また、これらの配色は自分の好きな色にカスタマイズすることもできます。 カスタマイズする場合は、同じくプロファイルの左下にある「+」ボタンから、新しいプロファイルを作成し、右側の「テキスト」や「ウィンドウ」のタブを切り替えながら、色などを選択します。     ターミナルの主要コマンド 基本的な設定がわかったら、ターミナルのコマンドを覚えていきましょう。 今回は、ターミナルでよく利用するコマンドを11個紹介していきます。全てのコマンドは、入力した後にEnterを押すことによって実行されます。   cd ディレクトリ間を移動する場合に使用します。 「ターミナルの使い方」でも述べたとおり、ターミナルでは1つのディレクトリしか開くことができません。 そのため、他のディレクトリにあるファイルを操作したい場合は、そのディレクトリまで移動する必要があります。 （パスを指定する方法もありますが、ここでは割愛します） このディレクトリの移動に用いるコマンドが「cd」コマンドです。 「cd ディレクトリ名」と入力して実行します。 例えば、現在のディレクトリ中にある「Documents」ディレクトリへ移動したい場合は、「cd Documents」と入力します。 このとき、もし入力したディレクトリが存在しない場合は、「No such file or directory」というエラーが出ます。 また、現在のディレクトリよりも1つ上のディレクトリへ移動したい際は、「cd ../」と入力します。 これらのディレクトリ名は、連続で入力することもできます。 例えば、Documentsディレクトリ内にあるtextディレクトリを開きたい場合は、「cd Documents/text」と入力すると移動できます。   ls 現在のディレクトリ内に存在する、ディレクトリやファイルを表示するコマンドです。 このコマンドは「ls」のみで実行します。 例えば、先ほど画像で示したユーザ名のディレクトリですと、この図のように表示されます。（ユーザー名は白で隠してあります） Finderのフォルダと比較すると、全く同じ名前のディレクトリを表示していることが分かるかと思います。 先ほど紹介したcdコマンドでディレクトリを移動する際は、このlsコマンドで事前に移動したいディレクトリが存在するか確認すると便利です。   mkdir ディレクトリを作成するためのコマンドです。 「mkdir 作成したいディレクトリ名」で実行します。 例えば「mkdir AAA」と入力し実行すると、AAAというディレクトリが作成されます。   rm ファイルを削除するコマンドです。 「rm ファイル名」で実行します。 このコマンドで削除したファイルはゴミ箱には入らず、また警告等も出ませんので、十分注意して実行するようにしてください。 誤って重要なファイルを削除してしまった場合、コンピュータが起動しなくなる可能性もあります。   mv ファイルやディレクトリの名前を変更する場合や、移動する場合に利用します。 用途が2つあるので紛らわしいのですが、どちらの場合も「mv AAA BBB」のように入力して実行します。 AAAとBBBは、ファイルまたはディレクトリの名前です。 このコマンドを実行した場合の動作は、このAAAとBBBによって、次のように異なります。 BBBというディレクトリが存在する場合は、AAAをBBBの中へ移動 BBBというファイルが存在する場合で、かつAAAがファイルの名前である場合は、BBBへ上書き保存 BBBが存在しない場合には、AAAをBBBという名前に変更   cp ファイルをコピーするコマンドです。 「cp AAA BBB」と入力すると、AAAというファイルがBBBという名前でコピーされます。 このとき、BBBというファイルが既に存在している場合は、BBBへ上書き保存します。 また、BBBがディレクトリの名前である場合は、BBBディレクトリの中にAAAがコピーされます。   pwd 今開いているディレクトリまでのパスを表示します。 ターミナルで今どのディレクトリを表示しているのか分からなくなったら、このコマンドを実行しましょう。 このコマンドもlsと同様に、「pwd」のみで実行します。   man コマンドのマニュアルを開きます。 マニュアルは英語ですが、各コマンドのオプションなどが表示されるので、1度は試してみましょう。 「man マニュアルを開きたいコマンド名」で実行します。 例えば、「man man」と入力した場合は、次のようにmanコマンドの利用方法が表示されます。 このマニュアルを読んでいると、「OPTIONS」という項目があることが分かるかと思います。 この記事では説明を割愛しましたが、多くのコマンドにはオプションと呼ばれる機能を付加して実行することができます。 例えばmvやcpコマンドで「-n」オプションを付けて実行すると、上書き保存を防止することなどができます。 特にプログラミングなどをターミナルでおこなう場合にはオプションもかなり利用することになると思いますので、こちらのmanコマンドでオプションの使い方などを一通り目を通してみましょう。 このマニュアルは、終了する場合に「q」を入力します。 qを入力して終了しないと、次のコマンドを受け付けませんので注意しましょう。   find ファイルやディレクトリの検索に利用します。 「find 検索する場所 -name 検索するファイル名」で実行します。 「検索する場所」が分からない場合には、先ほどのpwdコマンドやlsコマンドを用いて、大体の目星を付けましょう。   clear ターミナル画面をクリアし、表示された文字を全て消去します。 実行した内容が取り消される訳ではありません。 同じコマンドを何度も実行する場合などは、どのコマンドをいつ実行したのかが分かりにくくなってしまいます。 そのような場合はこのコマンドを実行し、一旦ターミナルを見やすくしましょう。 このコマンドは「clear」のみで実行できます。   exit ログアウトする場合に用います。 通常のターミナル利用では、ログアウトせずにターミナルを終了しても問題ありません。 しかし、サーバ等に接続している場合は必ずこのコマンドでログアウトしてからターミナルを終了しましょう。 このコマンドは「exit」のみで実行できます。 exitではなく、「logout」コマンドでもログアウトすることができます。       さいごに 今回の記事は以上です。 ターミナルではかなり高度な設定や操作をおこなうことができます。しかし、コマンドを一度実行してしまうと、その操作を取り消すことはできません。 rmコマンドの欄にも記載しましたが、コンピュータ中の重要なファイルを消去してしまったり、破損させてしまったりした場合は、起動しなくなる場合も起こりえます。 インターネット上では、ターミナルで実行できる様々なコマンドが紹介されていますが、どのような動作をするのか分からないコマンドは、十分に調べてから実行するようにしましょう。 [お知らせ]TechAcademyでは初心者でもエンジニアになれるオンラインブートキャンプを開催しています。各自にパーソナルメンターがつきます。 また、現役エンジニアから学べる無料のプログラミング体験会も実施しているので、ぜひ参加してみてください。
プログラミング

今さら聞けない！コマンドプロンプトの使い方【初心者向け】

初心者向けに、Windowsの「コマンドプロンプト」の使い方を紹介した記事です。 コマンドプロンプトは、WindowsのPCがあれば誰でも使うことができますが、通常は利用することはほとんどありません。   ただし高度な設定をする場合や、Windowsでプログラミングをおこなう場合には利用する必要があります。そのため、プログラミングを勉強する前に基本的な使い方を覚えておくと良いでしょう。 なお、Macで使えるターミナルとほぼ同じものです。   また本記事は、TechAcademyのWebアプリケーションオンラインブートキャンプの内容をもとに紹介しています。   なお、今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。   目次 本記事は、下記の流れで説明します。主要コマンドも紹介しているので、記事を読んだらすぐに使ってみてください。 コマンドプロンプトとは コマンドプロンプトの使い方 コマンドプロンプトの主要10コマンド   コマンドプロンプトとは コマンドプロンプトとは、コマンドと呼ばれる命令文を用いてWindowsの操作や設定をおこなうためのツールです。真っ黒の画面を見たことがあるかもしれません。 コマンドプロンプト上では、マウスやトラックパッドを用いて操作するのではなく、キーボードで「コマンド」と呼ばれる命令を入力することによって操作します。 この記事では、コマンドプロンプトの基本的な使い方や、よく利用されるコマンドについてまとめています。   [PR] 未経験からWebエンジニアを目指す方法とはコマンドプロンプトの使い方 コマンドプロンプトはスタートメニューから開くことができます。 スタートメニューの検索で「cmd.exe」と入力してみてください。ここで表示されるのがコマンドプロンプトです。   次にウィンドウを大きくしたり、色を変更していく流れを紹介していきます。 左上のアイコンをクリックするとプロパティが表示されます。そこからフォントタブを選択し、文字サイズを選択することができます。自分が使いやすい大きさにするといいでしょう。   オプション コマンドプロンプトのプロパティを開いた状態で、最初に表示されるのがオプションです。 オプションでは、カーソルのサイズ、コマンドの履歴、編集オプションの設定が可能です。 カーソルのサイズ カーソルのサイズでは、コマンドプロンプト上で表示されているカーソル自体の大きさを、大中小から選択することが可能です。   コマンドの履歴 コマンドの履歴ではバッファーサイズとバッファー数と重複する古い履歴を破棄する設定が可能です。 バッファーサイズでは履歴をどれくらい保存するか設定できます。たくさん保存自体場合は数字を増やします。 バッファー数はプロセスごとの保存数を設定できます。通常利用の場合変更不要です。 重複する古い履歴を破棄する設定を有効にすると無駄な履歴がなくなります。   編集オプション 編集オプションは基本的に全てチェックした状態で所為です。 簡易編集モードでは、コピー・アンド・ペーストが利用できます。 挿入モードでは、コマンドの挿入が可能になります。 Ctrlを有効にすると、Ctrlキーを利用可能になります。   テキストの選択 行の折り返し選択を有効にするでは、1行を折り返して表示することができます。 テキスト選択キーを拡張することで、一般的なショートカットキーを利用することができます。   現在のコードページ 現在のコードページでは文字コードが表示されています。   従来のコンソールを使う 従来のコンソールを使うを有効化すると、再起動することで以前のバージョンのコマンドプロンプトを利用できます。   コンソールの新機能の詳細 コンソールの新機能の詳細では、マイクロソフトのWebページに遷移してコンソールの新機能を知ることができます。   フォント ウィンドウの大きさも同様にフォントタブでサイズを選択することで、自由に変更することができます。 サイズ サイズでは文字サイズを変更できます。   フォント フォントでは文字フォントを変更できます。   選択したフォント 選択したフォントでは実際に選択したフォントがどのように表示されるか見ることができます。   レイアウト 「レイアウト」のタブを選択すると、画面バッファーのサイズやウィンドウのサイズ、ウィンドウの位置を変えることができます。 画面バッファーのサイズ 画面バッファーのサイズでは、画面全体としてのサイズを指定できます。   ウィンドウのサイズ ウィンドウのサイズでは、ウィンドウのサイズ自体を指定できます。   ウィンドウの位置 ウィンドウの位置では、コマンドプロンプト起動時のウィンドウの位置を指定できます。   画面の色 「画面の色」のタブを選択すると、ウィンドウの色を自分が見やすいように変えることができます。 画面の文字では、最終的にどのような文字や背景や色を利用するかを設定することが可能です。 色に関してはRGBの値を指定することで様々な色を指定することが可能です。 画面の色以外に、ポップアップする表示の文字と背景色も変更することが可能です。 また、不透明度を変更することで、コマンドプロンプトの後ろに別のウィンドウがある場合、後ろのウィンドウを透けて見せるかどうかを設定する事が可能です。 不透明度が100%の場合は、後ろの別のウィンドウは全く見えません。 不透明度30％にすることで、後ろのウィンドウをより透けて見えやすくすることができます。 不透明度が30％より小さい値が無いのは、不透明度の値が小さすぎるとコマンドプロンプト自体が透明になり見えなくなるためです。   閉じる時にはコマンドプロンプトの左上にあるアイコンをクリックして終了を選択したり、右上にあるバツ印をクリックして閉じます。 基本的な使い方はこれだけです。     コマンドプロンプトの主要10コマンド 基本的な使い方がわかったところで、コマンドプロンプトでよく使うコマンドを10つ紹介します。 どれも基本的なコマンドですので、覚えておきましょう。   cd 現在表示されているディレクトリ（カレントディレクトリ）を表示することができます。コマンドを打ち実行するだけで確認できます。 また、「cd パス」を入力するとカレントディレクトリを変更することができます。この際、指定するパスは、現在のカレントディレクトリを基準として指定する必要があります。   dir dirと入力するだけで、カレントディレクトリにあるファイルやフォルダーの一覧が表示されます。また、「dir パス」とすることで、指定したパスに含まれるファイルなどを表示することも可能です。   tree dirと似ていますが、ディレクトリ構造をグラフィカルなツリーで表示することができます。   type テキストファイルの内容を確認するコマンドです。 「type ファイル名」とすると、ファイルの内容が出力されます。   ren ファイル名を変更する際に利用します。「ren 対象のファイル名 新しいファイル名」とすることで変更可能です。   move 大きく分けて2つの利用目的があるコマンドです。 1つは、ファイルを移動する時に利用します。「move 移動するファイル名 移動先パス」とすることで、移動します。 2つ目は、ディレクトリ名を変更する時に利用します。「move 変更前ディレクトリ名 変更後ディレクトリ名」とすることで変更可能です。   copy ファイルをコピーする時に利用します。「copy コピー元 コピー先」とすることでコピー可能です。   del ファイルやフォルダを削除する時に利用します。「del ファイル名」とするとファイルが削除されます。   help コマンドの使い方を調べることができます。「help コマンド名」とすることで、そのコマンドの使い方が表示されます。   cls 画面を消去するのに使用します。clsと入力することで、コマンドプロンプトの画面に表示されていた内容が消えます。   今回の記事は以上です。   この記事を監修してくれた方 中本賢吾（なかもとけんご） アジマッチ有限会社　代表取締役社長 開発実績：PHPフレームワークによるフランチャイズ企業向け会員制SNS。Shopifyによる海外進出用大規模ネットショップ構築。Vue.jsによる金融機関向け内部アプリ。AWSやLinuxハウジングサーバーでの環境構築。人工知能を利用した画像判別システム。小売チェーン店舗用スマホアプリ。Wordpressによる不動産チェーン店向け賃貸・売買仲介システム。基幹システム移管用データコンバートシステム。   小学生がオリジナルAndroidアプリをGooglePlayでリリース、NHK Whyプログラミング入賞、全国Programing Festival入賞、中学生がSNS型PWAアプリリリースなど、ボランティアプログラミング教育活動行っている。   紹介したコマンドはぜひ自分で試してみてください。 [お知らせ]TechAcademyでは初心者でもエンジニアになれるオンラインブートキャンプを開催しています。これからプログラミングを学びたい、エンジニアとして活躍したいという方はぜひご覧ください！ また、現役エンジニアから学べる無料のプログラミング体験会も実施しているので、ぜひ参加してみてください。
プログラミング

コマンドラインでphpinfo()を実行する方法を現役エンジニアが解説【初心者向け】

コマンドラインでphpinfo()を実行する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。   そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まるでしょう。   なお本記事は、TechAcademyのオンラインブートキャンプPHP/Laravel講座の内容をもとに紹介しています。   田島悠介 今回は、PHPに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 コマンドラインでphpinfo()を実行する方法について詳しく説明していくね！ 大石ゆかり お願いします！ 目次 phpinfo コマンド コマンドラインとは コマンドラインでphpinfo()を実行する 任意の名前のファイルに落とす まとめ   [PR] 未経験からWebエンジニアを目指す方法とはphpinfo コマンド ここでは、phpinfo関数の意味などについてみていきましょう。   phpinfo関数とは phpinfo関数はPHPの設定情報を表示する関数です。 phpのインストール後の起動確認や設定情報の確認に使われます。 phpinfo関数を使って設定情報を表示する方法は、以下になります。 ブラウザに結果を表示する コマンドライン上に表示する 1.のブラウザに表示する方法では、設定情報が項目ごとに綺麗に整えられて表示されるため、見た目に分かりやすく初心者向きです。   実行してみよう phpinfo関数を実行してみましょう。 Webサーバー上に次のようなindex.phpファイルを用意して保存します。 <?php phpinfo(); ブラウザを開いて URLにlocalhost/index.phpと入力し、アクセスすると以下の画像が表示されます。 この画面では、PHPのバージョンが7.3.20であること、またPHPが読み込んでいる設定ファイルのパスがC:xamppphpphp.ini であることなどが分かります。   コマンドラインで実行する方法との比較 見た目も分かりやすい表示方法であるものの、ファイルを作成しWebサーバーを立ち上げる手間がかかります。 しかし、2.のコマンドライン上に表示する方法はより簡単で、コマンド一行だけで実行することが可能です。   コマンドラインとは ここまで、コマンドラインについてみていきましょう。 コマンドライン（ CUIの画面 ） コマンドラインとは、ユーザーがOSに対して文字列だけでソフトウェアなどを実行するCUI画面のことを指します。 コンピューターがユーザーからの指示を受け付ける窓口と考えるとわかりやすいかもしれません。 WindowsのようなデスクトップOSを使うときはGUIで直感的に操作することが多いといえます。 サーバーの管理などでLinuxを使用する時にはGUIの操作だけでは完結できないことが多く、コマンドラインの操作は避けて通れません そのため、ある程度コマンドラインでの操作方法について慣れておくと便利でしょう。   実際に起動するソフトウェア 実際にコマンドラインを利用する場合は、専用のソフトウェアを起動するものの、使用するOSによって呼び名が変わります。 例えば、Windowsでは、コマンドプロンプト、MacやLinuxならターミナルや端末と呼びます。 基本的な操作方法はどれも同じです。 起動すると黒い画面が表れ、カーソルが点滅します。 カーソルがある場所にコマンドを入力し、実行結果が同じ画面に出力されるでしょう。 さらにコマンドを入力して、という風に対話的にPCとやり取りすることが可能です。   コマンドラインでphpinfo()を実行する コマンドラインでphpinfo関数を実行する方法を見ていきましょう。 コマンドプロンプトの起動 ここからは、Windows上で実際にコマンドプロンプトを起動してphpinfo()を実行します。 想定している実行環境はWindows10であるものの、他のバージョンでも実行方法はほぼ同じです。 Windows10のスタートメニューから、windowsシステムツール > コマンド　プロンプトをクリックしましょう。 phpinfo()の実行 次に、rオプションを付けてphpinfo関数をphpコマンドで実行します。 (rオプションは、PHPコードをPHPのスクリプトタグ無しに実行可能です。)   php -r 'phpinfo();' または、php -iでも同じです。 実行すると以下のようにコマンドプロンプト上に設定情報が表示されます。 文字だけがまとまって表示される為、少し初心者には見づらいです。 また、表示が一度に流れるため、細かく見たい場合は結果の内容を次にご紹介する方法でファイルに落としてみると良いでしょう。   任意の名前のファイルに落とす 前述の通り、コマンドプロンプト上に表示するだけでは、使いにくいため、設定情報をファイルに保存する方法を見ていきましょう。   リダイレクトで出力先を変更 コマンドプロンプトでコマンドを実行した時の出力先は、通コマンドプロンプトの画面に設定されています。 phpinfo()を実行すると結果が画面に出力されるでしょう。 任意のファイルへ出力先を切り替えたい場合は、 以下のようにリダイレクト （ > ） を使います。 コマンド > ファイルへのパス コマンドの実行結果の出力先が指定されたファイルに変更されます。 例として、C:Usersユーザー名Documentsconfフォルダ内にphp.iniというファイル名でphpinfo()の実行結果を保存したい場合は以下のように入力しましょう。 php -r 'phpinfo();' > C:Usersユーザー名Documentsconfphp.ini 入力した場合、php.iniファイルへphpinfo()の実行結果が出力されます。 出力ファイルの活用 設定情報をファイルに落とせば、通常のテキストファイルを扱う要領で必要に応じて、ファイル内の情報を検索したり、抽出したりなどが可能です。 一つの利用例として、設定情報にはPHPの拡張モジュールの情報があります。 PHPのライブラリの中には特定の拡張モジュールが無いと動作しないものがあり、そのような場合に、ファイルとしていつでも出力できれば、関連するモジュール情報の確認がしやすくなるでしょう。   まとめ この記事では、phpinfo()コマンドを使ったPHPの設定情報を取得する方法とファイルに保存する方法を解説しました。 PHPの設定情報の確認は、PHPの実行環境の構築や管理に欠かせない作業です。 そのため、必要な時に迷わないように一度使い方を整理してみましょう。   執筆してくれたメンター メンター安野 Webアプリケーションエンジニアとして長年健診業界で業務システムの開発に従事してきました。 TechAcademyではPHP/Laravelコースを担当しています。 開発実績: 健康診断システム、電話予約システム、検査管理システム、各種データ処理ツール   大石ゆかり コマンドラインでphpinfo()を実行する方法がよく分かったので良かったです！ 田島悠介 ゆかりちゃん、これからも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でもPHPやフレームワークのLaravelを使ってWebアプリケーション開発を習得できるオンラインブートキャンプPHP/Laravel講座を開催しています。 挫折しない学習方法を知れる説明動画や現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
PHP

今さら聞けない！GitHubの使い方【超初心者向け】

開発者にとってなくてはならないサービスとしてGitHubがあります。 エンジニアにとっては当たり前のサービスですが、これからプログラミングの勉強を始める初心者にとってはよくわからないかもしれません。 そこで今回は、GitHubの使い方について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そもそもGitHubとは何なのか、どんな時に使うツールなのかを知っていきながら、実際の使い方を紹介しています。 本格的に使おうと思ったらもっと多くのことを知る必要がありますが、業務で使うということでなければ十分でしょう。 目次Web Serverとは？Homebrewのインストールpyenvのインストールローカル上でのWeb Serverの立ち上げ方（ターミナル）ローカル上でのWeb Serverの立ち上げ方（コマンドプロンプト）実際にローカルPC環境でWeb Serverを立ち上げてみようまとめ監修してくれたメンター Gitについてそもそもよく分からないという方は、GitHubとは何なのか解説した記事を読むとさらに理解が深まります。   今回の記事の内容は動画でもご覧いただけます。 テキストよりも動画の方が理解しやすいという場合はぜひご覧ください。     大石ゆかり 田島メンター！！GitHubってなんですか〜？ 田島悠介 GitHubはね、Gitをオンライン上で管理するサービスだよ。 大石ゆかり もう少し詳しく教えてもらえますか〜？   GitHubとは GitHubとは、ソフトウェア開発プロジェクトのためのソースコード管理サービスです。 ソースコードを更新したバージョンの管理や閲覧、バグ追跡機能、SNSの機能を備えており、開発者にとってなくてはならないサービスです。 また、GitHubを使ってソースコードの管理を行っている企業も多数あります。   GitHubが人気な理由と類似サービスとの違い GitHub は、Git を使用したソフトウェア開発とバージョン管理のための人気のあるプラットフォームおよびクラウドベースのサービスです。コードを効率的に保存、管理、共同作業するために必要なツールを開発者に提供します。ユーザーフレンドリーなインターフェースと豊富な機能を備えた GitHub は、世界中の開発者にとって不可欠なツールとなっています。 GitHub はテクノロジー業界では有名な名前かもしれませんが、ライブカジノへのユニークなアプローチを持つオンラインカジノ市場も多くの日本人プレイヤーに人気を集めています 。その一例が、プレイヤーに没入型でインタラクティブなゲーム体験を提供する日本の市場志向のオンラインカジノ、ライブカジノハウスです。 オンラインカジノブランドレビュー関連ページで調べる通り、ライブカジノハウスは、日本の文化と技術の要素を取り入れることで、ライブカジノの伝統的なコンセプトを次のレベルに引き上げます。伝統的な日本の衣装を着たライブディーラーから高度なバーチャルリアリティテクノロジーまで、ライブカジノハウスはプレイヤーにユニークなゲーム体験を提供します。 イノベーションと顧客満足に重点を置いているライブカジノハウスは、日本市場で大きな支持を得ています。その成功は、日本のオンラインカジノ業界の可能性を浮き彫りにし、多様な興味や好みに応えるために継続的に進化している様子を示しています。より多くの日本のプレーヤーがエンターテインメントのニーズのためにオンラインカジノに目を向けるにつれて, ライブカジノハウスや他の日本の市場志向のオンラインカジノが、伝統的なカジノ体験の限界を押し広げ続ける様子を見るのはエキサイティングです。 GitHubと同じようなソースコード管理サービスとしては、BitbucketやGitLabなどがあります。 それぞれのサービスとの違いをもとに、GitHubが人気な理由を見ていきましょう。 理由1：無料のプライベートリポジトリ ソースコードを管理する単位をリポジトリと呼びます。 リポジトリは格納場所という意味で、他の利用者にも公開されるパブリックリポジトリと、公開が関係者だけに限定できるプライベートリポジトリがあります。 ソースコードを公開したくない場合は、プライベートリポジトリを選択する必要がありますが、以前はGitHubは有料、BitbucketやGitLabでは無料という状況でした。 しかし2020年4月から、GitHubでも無料のプライベートリポジトリを無制限に作成可能になりました。 これによりGitHubを使いたかったがソースコードは公開したくない個人や企業の利用が大幅に増え、さらにGitHubの人気が高まる状態となりました。   理由2：オープンソースコミュニティに育まれたSNS機能 オープンソースとはソースコードが公開されており、誰でも無料で利用できるソフトウェアのことを指します。 また、オープンソースコミュニティとは、オープンソースの開発者同士の集まり、結びつきのことです。 GitHubでは以前から多くのオープンソースが管理されており、たくさんのオープンソースコミュニティが形成されています。 このオープンソースコミュニティに育まれる形で、GitHubには以下のような機能が充実しており、コミュニティが開発を行いやすくなっています。 コミュニティの中で誰がどのぐらい貢献しているかを可視化する機能（スター、貢献度） 開発メンバーの知見を共有する機能（Wiki、GitHub Pages） ソースコードの更新などに関する議論をやりとりする機能（Issues、Codeとの連動） 単にソースコード管理サービスとしての機能だけを捉えると、実はGitHub、Bitbucket、GitLabとも大きな違いはありません。 しかしこのような開発しやすい環境を支援する機能という点では、GitHubが頭一つ抜けている印象を持ちます。   理由3：先進的な機能の拡充 GitHubは2018年にMicrosoft社に買収され、傘下の一企業となりました。 Microsoft社は買収後もGitHubを独立企業として維持する意向を示しており、両社はオープンソースコミュニティにとっても良好な関係となっています。 このような環境の中から、以下のような先進的な機能が次々と誕生しています。 世界中のエンジニアに人気のあるMicrosoft社のフリーのソースコード編集ソフト「Visual Studio Code」をオンラインで利用できる「Codespaces」 オープンソースコミュニティに開発者としてではなく、資金提供者として参加できる「Sponsors」機能 ソフトウェアの開発から公開までの一連の流れをサポートする「GitHub Actions」 これら先進的な機能は類似のソースコード管理サービスにはないものであり、開発者にとってGitHubを選ぶ理由の1つとなっています。   GitHubのアカウント登録 それではさっそくGitHubに登録してみましょう。 まずは、GitHubのトップページにアクセスします。 ここでメールアドレスを入力し、緑色の「Sign up for GitHub」ボタンをクリックします。   次の画面でUsername（ユーザー名）やPassword（パスワード）を入力します。 下の方にある「Pick the spiral galaxy」は、不正なユーザー登録を防ぐための仕組みです。 クイズになっており渦巻状の銀河の絵を数回選択します。 なお、このクイズは定期的に変わるようです。   決められた回数、クイズに正解すると「Create account」ボタンを押せるようになります。 ボタンを押して次に進みましょう。   このような画面になります。   登録したメールアドレスに認証のメールが届きます。 メールの内容に従いユーザー認証を行ってください。 以上でGitHubのアカウント登録は完了です。   大石ゆかり GitHubの登録はできました♪それで、どうやって使うんですか〜？ 田島悠介 その前にいくつか知っておいたほうがいいことがあるから、教えておくね。 大石ゆかり はい、お願いします♪   [PR] 未経験からWebエンジニアを目指す方法とはGitHubを使う上で知っておきたい事前知識 早速GitHubを使っていきたいところですが、使い始める前に知っておきたい事前知識を3つ紹介します。 ここで紹介する言葉がまったくわからない場合は、理解しておきましょう。 事前知識1：ローカルリポジトリとリモートリポジトリ 事前知識2：コミットとプッシュとは 事前知識3：ブランチ（branch）とは 事前知識4：インデックス（index）とは   事前知識1：ローカルリポジトリとリモートリポジトリ リポジトリとは、ファイルやディレクトリの状態を保存する場所です。 変更履歴を管理したいディレクトリなどをリポジトリの管理下に置くことで、そのディレクトリ内のファイルなどの変更履歴を記録することができます。 リポジトリは自分のマシン内にある「ローカルリポジトリ」とサーバなどネットワーク上にある「リモートリポジトリ」の2カ所にあります。 基本的にローカルリポジトリで作業を行い、その作業内容をリモートポジトリへプッシュする流れで行います。   事前知識2：コミットとプッシュとは 最低限この2つは知っておきましょう。 コミット(commit) ファイルの追加や変更の履歴をリポジトリに保存すること プッシュ(push) ファイルの追加や変更の履歴をリモートリポジトリにアップロードするための操作   事前知識3：ブランチ（branch）とは ソフトウェアの開発では、現在リリースしてるバージョンのメンテナンスをしながら新たな機能追加やバグ修正を行うことがあります。 このような、並行して行われる複数のバージョン管理を行うために、Gitにはブランチ（branch）という機能があります。 ブランチは履歴の流れを分岐して記録していくものです。 分岐したブランチは他のブランチの影響を受けないため、同じリポジトリ内でそれぞれの開発を行っていくことができます。   事前知識4：インデックス（index）とは リポジトリ管理下にあるディレクトリの中には、一時的に使うファイルなど、Git管理が不要なものもあります。 そこでGitでは、バージョン管理する対象のファイルやフォルダを「インデックス」と呼ばれる台帳に登録することで、必要なもののみバージョン管理が行えるようになっています。 逆に言えば、新たにフォルダやファイルを作成した場合、コミットする前にインデックスに登録する必要があります。 忘れないようにしましょう。   GitHubの使い方 それでは使い方を覚えていきましょう。 基本的なGitの作業は下記のような流れとなるので、GitHubを使って順番に紹介します。 なお、「1」の作成は初回のみ行い、「2」から「5」を繰り返します。 基本的に小さい作業の単位でコミットを行い、ある程度作業がひと段落した時にプッシュをするのが一般的です。 コミットの作業がわかりやすいように、コミットメッセージを残しておくと、ログを追っていく時に役立ちますので覚えておきましょう。 Githubでリポジトリを作成（git init） ファイルの作成、編集を行う ファイルの作成/変更/削除をgitのインデックスに追加する（git add） 変更結果をローカルリポジトリにコミットする（git commit） ローカルリポジトリをプッシュしてリモートリポジトリへ反映させる（git push）   GitHubでリポジトリを作成（git init） まずはリポジトリを作成します。 GitHubにログインした状態で以下にアクセスします。 https://github.com/new   次に表示される画面では、「Repository name」の入力のあと、必要に応じて「Description」も入力します。 また、リポジトリの種類を「Public」か「Private」を選択します。 ソースコードを公開したくない場合は「Private」を選択すると良いでしょう。 最後に、リポジトリの中にあらかじめREADMEファイルを作成しておく場合は「Initialize this repository with a README」にチェックを入れます。 .gitignoreやlicenseについては後で追加や変更ができるので、Noneを選択します。 必要項目の入力が終わり「Create repository」ボタンをクリックするとリポジトリの作成は完了です。 次の画面で、リモートリポジトリのアドレスが表示されますので、控えておいてください。   ファイルの作成、編集を行う はじめに、ローカルのPC上にローカルリポジトリを作成します。 今回は「awesome」というディレクトリを作成することにします。   以下の操作はWindowsであればPowerShell、Macであればターミナルで行います。 コマンドは1行ずつ、最後にEnterキーを押して入力しましょう。 mkdir awesome cd awesome git init 「mkdir」は新しくディレクトリを作成するコマンドで、「cd」はディレクトリを移動するコマンドです。 awesomeというディレクトリを作成し、そのディレクトリに移動してから作業が始まります。 そして、この「git init」コマンドはGitリポジトリを新たに作成するコマンドです。 バージョン管理を行っていない既存のプロジェクトをGitリポジトリに変換する場合や、空の新規リポジトリを作成して初期化する場合に使用します。 git initコマンドを実行するとカレントディレクトリをGitリポジトリに変換します。   次に、テキストエディタなどで以下のHTMLファイルを作り、先ほどのawesomeフォルダに「hello.html」という名前で保存しましょう。   現在の状態を確認しましょう。 git status   結果は以下のようになります。 hello.htmlが「Untracked files」、つまりインデックスに登録されていないファイルとして表示されています。 On branch master Untracked files: (use "git add <file>..." to include in what
Git

あなたの目的に合わせて学べるコース

副業したい方

Web制作の力を身につけ
副業までサポート

はじめての副業コース

転職したい方

未経験から
Webエンジニアに

Webエンジニア転職保証コース

スキルアップしたい方

AIも統計解析もできる
Pythonを学ぶ

Pythonコース

※ 経済産業省の行うリスキリングを通じたキャリアアップ支援事業の補助金対象コースです。条件を満たすことで支払った受講料の最大70％がキャッシュバックされます。詳しくは こちら のページをご確認ください。

TechAcademyから
現役エンジニアの方へ
お知らせ

オーダーメイドコース
TechAcademy（テックアカデミー） プログラミング Python PythonでローカルPC環境にWeb Serverを立ち上げる方法を現役エンジニアが解説【初心者向け】