TechAcademy（テックアカデミー） プログラミング Python PythonでWebサーバを構築する方法を現役エンジニアが解説【初心者向け】
オーダーメイドコース
icon
icon
Python

PythonでWebサーバを構築する方法を現役エンジニアが解説【初心者向け】

初心者向けにPythonでWebサーバを構築する方法について現役エンジニアが解説しています。WebサーバはWebブラウザからの要求に応答を返すソフトウェアで、実はPythonでもWebサーバーを実装することが出来ます。

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

PythonでWebサーバを構築する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して、初心者向けに解説します。

 

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

 

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

 

田島悠介

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

大石ゆかり

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

田島悠介

PythonでWebサーバを構築する方法について詳しく説明していくね！

大石ゆかり

お願いします！

 

Webサーバの概要と構成

Webサイトを閲覧する時は、ソフトウェアであるWebブラウザを使用し、インターネット上のWebサーバにアクセスしています。

WebサーバはWebブラウザからの要求(HTTPリクエスト)に応答(HTTPレスポンス)を返すソフトウェアです。

Webサーバは有名なApacheやIISだけで構築できるものではなく、PythonでもWebサーバを実装することが可能です。

 

Webサーバを起動してみよう

以下のようにコマンドを実行すると、簡易Webサーバが起動します。

$ python -m http.server 8000
Serving HTTP on 0.0.0.0 port 8000 (http://0.0.0.0:8000/) ...

Webブラウザで http://127.0.0.1:8000/ というアドレスにアクセスすると、Webサーバを起動したディレクトリのファイル一覧を確認できます。

127.0.0.1(localhost)は、そのコンピュータ自身を示す特殊なIPアドレスです。

8000はWebサーバの起動しているTCPポート番号です。

 

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

Webサーバに表示するページを作成しよう

カレントディレクトリに以下内容のindex.htmlファイルを作成しましょう。

Hello,World!

これでWebサーバを停止し、再度Webサーバを起動します。

Webサーバを停止する場合、Ctrl-c(キーボードのCtrlとcを同時押し)と入力してください。

Webブラウザで http://techacademy.jp/magazine/wp-content/uploads/2017/07/index.html2_-620×437-e1499391542321.png というアドレスにアクセスすると、Hello,World!の文字列をみられます。

 

まとめ

この記事ではPythonで簡易Webサーバを構築する方法を紹介しました。

 

執筆してくれたメンター

橋本紘希（はしもとひろき）

システムインテグレータ企業勤務のシステムエンジニア。

開発実績: Javaプログラムを用いた業務用Webアプリケーションや基幹システム用バッチアプリケーションなどの設計構築試験。

 

大石ゆかり

PythonでWebサーバを構築する方法が分かりやすくて良かったです！

田島悠介

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

大石ゆかり

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

 

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

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

記事を検索

関連するキーワード

関連する記事

Pythonのpandasを利用してcsvファイルを操作する方法を現役エンジニアが解説【初心者向け】

Pythonのpandasを利用してcsvファイルを操作する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説...
Python

Pythonでリアルタイムにグラフを描画する方法を現役エンジニアが解説【初心者向け】

Pythonでリアルタイムにグラフを描画する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して、初心者向けに解説します。 ...
Python

Pythonにおけるwindowsへのインストールとpipの利用方法について現役エンジニアが解説【初心者向け】

Pythonにおけるwindowsへのインストールとpipの利用方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向...
Python

Pythonのwinsoundで音楽再生する方法を現役エンジニアが解説【初心者向け】

Pythonのwinsoundで音楽再生する方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説し...
Python

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

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

「Python list index out of range」エラーが出た時の対処法を現役エンジニアが解説【

Pythonで「Python list index out of range」エラーが出た時の対処法について解説します。 そもそもPythonについてよく...
Python

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

初心者でもできる！Apacheをインストールする方法

Webサーバとは Webサーバーとは、Webブラウザからのリクエスト（要求）に対し、Webページの内容をレスポンス（回答）として表示させる役割があります。 Webサーバーの代表的な例としてApacheとNginxとIISが存在します。 Apache http処理に特化しているため、最初からWebサーバーとしての機能が豊富である一方、ある程度のメモリを必要とする。 Nginx 同時リクエスト処理に特化しているため、多くの機能はついていないが、その分メモリが少なくても大丈夫。 IIS Windows標準のWebサーバーです。Windows標準のIISを使用する現場では、.net（どっとネット）と呼ばれる技術で開発されたシステムが使われることが多いです。 Webサーバの役割 Apacheの説明で、http処理という言葉が出てきました。 httpとは、WebサイトのユーザーがWebサーバーにリクエストするときに使用する指示方法のことです。正式には、Hypertext Transfer Protocolといいます。 Webサーバーはhttpで要求された「このページを表示してください」というリクエストに対して、「表示させるデータはこれです」という風に表示させるデータをレスポンスするための存在しています。 そして、世界的に使われている、WebサーバソフトウェアとしてApache（アパッチ）があります。 そんなApacheを初心者でも使えるように、インストール方法を解説します。 （※記事のインストールする環境のOSはWindows7・64bit版です）   Apacheとは？ Apacheとは、Webサイトを提供するためのソフトウェアです。 現在、インターネットにはありとあらゆるWebサイトが存在していますが、それら全てが、Webサーバソフトウェアと言われるツールによって提供されています。 Webサーバソフトウェアの中でも、世界中で利用されているツールが「Apache」です。   Apacheには下記の特徴があります。 無料で利用できる コミュニティの充実している OS依存しない柔軟さがある   Apacheは無料で利用できるツールのため、保証などはありません。ただし、世界的に利用されているため、ユーザ同士でコミュニティを作り独自の相談窓口やナレッジサイトを公開しています。 ユーザが積極的に情報を提供することでApache自体の問題点が日々改善されているため、無料とは思えないほどソフトウェア自体にバグがなくまた利用実績の高いツールです。   また、WebサーバソフトウェアはOSに依存するものもありますが、ApacheについてはOSに依存せず利用することができます。 そのため、Webアプリケーションの開発環境を制限することなく、自分が使いたいマシンでアプリ開発をすることができます。   ※注意※ OpenSSLを用いてWebサイトを公開する場合、下記バージョンで脆弱性が見つかっているので使用しないようにご注意ください。 ・対象バージョン OpenSSL 1.0.1 から 1.0.1f OpenSSL 1.0.2-beta から 1.0.2-beta1     [PR] 未経験からWebエンジニアを目指す方法とはApacheインストール方法 ここからは具体的にインストール方法を見ていきます。   (1)Apacheインストーラーをダウンロード・インストール前準備 Apache LoungeにアクセスしてApacheインストーラーをダウンロードします。 下図画面が表示されたら、赤枠箇所をクリックしましょう。 （※32bitWindowsを利用している場合は「Apache 2.4.9 Win32」をクリック） クリック後、インストーラー「httpd-2.4.9-win64-VC11.zip」のダウンロードが始まるので少し待ちます。ダウンロードが終了したら、Zipファイルを解凍します。   Zipファイルの解凍後「C:Usershttpd-2.4.9-win64-VC11」を表示してください。   続いて、フォルダ内に存在する「Apache24」を「C:」に移します。「Apache24」上で右クリック→切り取りを選択してください。 (もちろん「Apache24」を選択して「Ctrl+x」でも大丈夫です)   続いて、「C:」フォルダを表示させ、フォルダ内で右クリック→貼り付けを選択します。 (もちろん「C:」を表示させて、「Ctrl+v」でも大丈夫です。)   「C:Apache24」フォルダがあることを確認し、「Apache24」フォルダを表示させます。   フォルダ内の「conf」フォルダをクリックし、「httpd.conf」ファイルをテキストエディタで表示させます。   表示させた後、検索機能で「ServerName」を検索します。 検索すると「#ServerName www.example.com:80」がヒットするので、「#」を削除して上書き保存してください。   ※注意※ Skypeを使ってる方は、Skypeの設定を変更する必要があります。 Skypeの画面「ツール」→「設定」を選んでから「接続」をクリックし、チェックボックを外して「保存」をクリックします。 その後、Skypeを再起動してください。Skypeのサービス再起動でも、PC自体を再起動でもどちらでも構いません。   以上でインストール前の準備は完了です。     (2)Apacheインストール Apacheのインストールや起動は基本的にコマンドプロンプトを使用します。 コマンドプロンプトは 「スタート」→「すべてのプログラム」→「アクセサリ」→「コマンドプロンプト」 で使用することができます。   最初にコマンドプロンプトを起動してください。 コマンドプロンプトが表示されたら、「cd c:Apache24bin」と入力し、「Enter」を押します。 この画像のように入力欄の左側が「c:Apache24bin>」に変化したらOKです。   続いて「httpd -k install」と入力し、「Enter」を押します。 このように表示されたらインストールは完了です。     (3)Apacheの使い方 最後にApacheの簡単な使い方として、起動方法と停止方法だけ紹介します。   Apacheの起動方法 コマンドプロンプトを表示させ、「cd c:Apache24bin」と入力し、「Enter」を押してください。 次に「httpd -k start」と入力して、「Enter」を押してます。   何も表示されずに、入力欄が表示されたら、ブラウザを起動してください。 ブラウザのURL入力欄に、「http://localhost/」と入力し「Enter」を押してこのような画面が表示されたら、Apacheが正常に起動していることになります。   Apacheの停止方法 コマンドプロンプトを表示させ、「cd c:Apache24bin」と入力し、「Enter」を押してください。 次に、「httpd -k stop」と入力して、「Enter」を押します。 このように表示されたらOKです。   この状態で「http://localhost/」にアクセスしてみると、アクセスできなくなっていることが確認できます。   Apacheの再起動方法方法 Apacheの設定を変更した際にはApacheの再起動を行い、設定ファイルを読み込み直す必要があります。 その際、停止のコマンドを実行後、起動のコマンドを実行するという2回のコマンドではなく、再起動コマンドを1回実行するとう操作が可能です。 再起動するコマンド httpd -k restart   http://localhost/について ブラウザのアドレスバーに入力したhttp://localhost/は、現在の自分のパソコンの位置を意味します。 http://localhost/をIPアドレスで表すと、http://127.0.0.1/というIPアドレスになります。 これがApacheの標準設定で指定されているhttp://localhost/とhttp://127.0.0.1/の関係になります。   以上でApacheのインストール方法、および起動方法の紹介は以上です。 Apacheのモジュールの導入 Webサーバーの説明で、最初からWebサーバーとしての機能が豊富という部分がありました。 この機能は後から追加して拡張することができます。 その拡張機能をモジュールと言います。 今回はよく使われるモジュールを紹介します。 mod_auth_basic 基本認証です。basic認証とも呼ばれます。ページにアクセスした際、ユーザー名とパスワードを要求される簡易認証の機能です。 mod_rewrite あるページにアクセスした際、別のURLとして書き換える機能です。 例えば、http://example.com/?p=123にアクセスした際、この?p=123というURLの表示が分かり辛いので、ブラウザのURLとしては、http://example.com/123/に変換して表示されます。 したがって、ユーザーからするとhttp://example.com/123/を表示させているが、実際は、http://example.com/?p=123で取得されたデータということになります。 その他にもたくさんのApacheモジュールがあります。 Apacheモジュールの公式情報についてはこちらからご覧頂くことが可能です。 データベースサーバの構築方法としてMySQLのインストール方法の記事もあるのであわせて参考にしてください。 [お知らせ]TechAcademyではプログラミング初心者でも最短4週間でエンジニアになれるオンラインブートキャンプを開催しています。特別な開発環境の構築なくプログラミングを学ぶことができます。 この記事を監修してくれた方 中本賢吾（なかもとけんご） アジマッチ有限会社　代表取締役社長 開発実績：PHPフレームワークを利用した会員制SNS・ネットショップ構築、AWSや専用サーバー下でLinuxを使用したセキュアな環境構築、人工知能を利用したシステム開発、店舗検索スマホアプリ開発など。 その他にも地域の職業プログラマー育成活動を行い、2018年には小学生がUnityで開発したオリジナルAndroidアプリをGooglePlayでリリース。ゲームで遊ぶより作ろうぜ！を合言葉に、小学生でも起業できる技術力を育成可能で有ることを証明し続けている。
プログラミング

誰でもできる！MAMPのインストール方法【初心者向け】

.post-body img{border: solid 1px #eee;} プログラミングの勉強を始める人にとって最初の難関は、開発環境の構築ではないでしょうか。そんな方でも使える開発環境のMAMPのインストール方法を初心者向けに解説した記事です。 MAMP（マンプ）はPHPの開発環境として使われます。XAMPPと同じように、MySQLも一緒に使えるので便利です。 本記事では、MAMPをインストールする方法と、PHPの最初のプログラムが書けるまでを解説しています。 本記事の目次 本記事は下記の流れで解説します。 MAMPとは？ MAMPのインストール方法 PHPでプログラミング MAMPとは？ MAMPとは「macOS」「Apache」「MySQL」「PHP」の頭文字をとったものです。 MAMPは、これらを一括で使うことができ、PHPとMySQLの開発環境として使用できます。 無料ホームページでもそれらを対応したサービスはあるのですが、データ送信に使うFTPソフトが必要だったり、SQLデーターベースの準備が必要で、初心者にとっては難しいこともあります。   なお、名前からMacでのみの利用と思われそうですが、WindowsとMacの両方のOSで使用することが可能です。 また、無料で使えるMAMPと有料版のMAMP PROがあります。違いとして、例えばlocalhostの代わりにユニークなエイリアスを与えることができるなど高機能になっています。ただし、初心者は無料版で十分でしょう。 本記事では、無料版のMAMPのインストール方法のみ紹介します。 [PR] 未経験からWebエンジニアを目指す方法とはMAMPのインストール方法 それでは早速、MAMPをインストールしてみましょう。 MAMPのダウンロードサイトにアクセスしてください。   アクセスすると、このように表示されるので、一番上の画像内にある「Free Download」ボタンをクリックしてください。   Macの場合 次の画面で、MacのPCの場合は種類によってクリックする場所が違います。 新しいPC（M1やM2など）の場合は、「Apple M1/M2 CPU」と書かれた部分をクリックします。 インテルのCPU（i7やi5など）を搭載したPCの場合は、「Intel x86 CPU」と書かれた部分をクリックします。   Windowsの場合 一番上に表示されている「Windows 10+」と書かれた部分をクリックします。 上記のそれぞれのPCに対応した部分をクリックするとブラウザでダウンロードが始まります。 ブラウザの下にダウンロードの進行状況が表示されます。 Mac Windows アプリのサイズがかなり大きいので、ダウンロードに時間がかかります。     macOSでインテルのCPUかどうかを見分けるには？ 左上のりんごのアップルメニューから「このMacについて」をクリックします。 開いた画面に「プロセッサ」と書かれていればインテルのCPUが搭載されていて、「チップ」と書かれていればApple M1などの新しいPCです。   Downloadボタンが見つからないときは？ もしDownloadボタンが見当たらないときは、MAMPのトップページを下にスクロールして「Free MAMP download >」リンクをクリックします。     Windowsでダウンロードが始まらないときは？ Windowsで下記の画像が表示されたときは、「保存」をクリックします。     ここからは、WindowsとMacそれぞれのインストール方法を紹介します。   Windowsでのインストール Windowsの場合は、実行すると次のようなメッセージが表示される場合があります。 この画面は不正なプログラムが自動でインストールされるのを防ぐ機能です。 はいを押して、MAMPのインストール画面を表示してください。 Nextをクリックしてください。   一緒にインストールするアプリを指定します。 今回は無料のMAMPだけインストールするので、チェックは2つとも外してから、Nextをクリックします。   使用許諾契約が英語で表示されます。 同意してインストールを続ける場合は「I accept the agreement」をクリックして選択し、Nextをクリックします。   次はプログラムをインストールするフォルダを指定する画面です。 そのままNextをクリックしましょう。   次に表示される画面は、スタートメニューに登録する場所の指定です。 そのまま「Next」をクリックします。   デスクトップにアイコンを作成するかどうかを決める画面が表示されます。 そのまま「Next」をクリックします。   最後に、今まで入力した情報を確認します。 内容に問題なければ「Install」をクリックします。   インストールが完了するまで、時間がかかる場合があるので気長に待ちましょう。   インストールが完了した画面が表示されます。 「Finish」をクリックしたらMAMPのインストールは完了です。     Macでのインストール 続いてMacのインストール方法です。 ダウンロードしたファイルを開くと、「はじめに」の画面が表示されます。 「続ける」をクリックします。   「大切な情報」が英語で表示されます。 「続ける」をクリックします。   「使用許諾契約」の画面が英語で表示されます。   「続ける」をクリックすると表示されている使用許諾契約に同意するか尋ねられます。 使用許諾契約に同意できるなら「同意する」をクリックします。   続いて「インストールの種類」画面が表示され、インストールに必要な記憶装置の空き容量が表示されます。 インストールするのに必要な空き容量は、使用しているPCやMAMPのバージョンによって変わるので、よく確認しておきましょう。 インストール先の空き容量に問題がなければ、「インストール」をクリックします。   インストールの確認を求められるので、パスワードかTouch IDの指紋認証などで許可しましょう。   さらにインターネットからダウンロードしたアプリをインストールする確認画面が出ます。 「OK」をクリックしてインストールを許可します。   インストールが始まります。 インストールには時間がかかるので、完了するまで待ちます。 インストールが完了したら「閉じる」ボタンをクリックします。   インストールが完了すると、ダウンロードしたインストーラのファイルを削除するか尋ねる画面が表示されます。 インストールできていれば、インストーラは不要なので「ゴミ箱に入れる」をクリックして削除します。 これでMacにMAMPをインストールする作業は完了です。     PHPでプログラミング MAMPがインストールできたら、MAMPを使ってPHPのプログラミングを実行してみましょう。 今回は、ブラウザに「PHPのテスト表示成功!」と出力するプログラムを作成します。 PHPのプログラムを動作させるために、WebサーバであるMAMPを起動しておきます。 ※XAMPPなどの他のサーバアプリがすでにインストールされて起動している場合、ポート番号などが競合してMAMPのサーバが起動できない場合があります。 サーバを起動する MacでMAMPのサーバを起動する まずは、画面下のDockからMAMPをクリックして開いてください。   MAMPのウィンドウと同時に黄色の「Standard View」の画面が表示されたときは「Show this window when starting application」のチェックを外してから、左上の×で閉じます。   MAMPのコントロールパネルが表示されます。 右上にある「Start」をクリックして、サーバを起動します。 しばらくしてサーバの起動が完了すると、クリックした「Start」ボタンが「Stop」に変わって、サーバが起動中であることを表す緑色になります。 WindowsでMAMPのサーバを起動する Windowsの場合は、デスクトップ画面に作成されたMAMPアイコンをダブルクリックして起動します。 MAMPをDropboxとリンクするページが表示されますが、Dropboxとのリンクは必須ではないのでそのままページを閉じて大丈夫です。 起動時にWindows標準セキュリティ機能などにより、ファイアウォールの確認画面が表示されることがあります。 「プライベートネットワーク」だけにチェックを入れて「アクセスを許可する」ボタンを押します。 MAMPが起動してコントロールパネルが表示されます。 既定の設定では、Apache Server（Webサーバ）がMAMPの起動時に自動的に開始されます。 緑の丸がついていたら起動が完了しています。 サーバを停止するには「Stop Severs」、開始するには「Start Servers」をクリックします。 停止や開始には少し時間がかかります。 反応がないからといってサーバの開始・停止ボタンを短時間に連続してクリックしないようにしましょう。   MAMPのサーバからWebページを表示させる ここからはWindows・Mac共通の操作になります。 MAMPのコントロールパネルの「WebStart」をクリックするとブラウザが開き、MAMPのサーバが表示させたWebページが表示されます。 （画面はMacで表示した場合です） 表示されているページのURLの最初の部分が、自分で配置したWebページを表示させるときに必要になります。 自分のPCで表示されているURLの赤枠で囲った部分を覚えておきましょう。   これからPHPのプログラムを書いていきますが、MAMPは開いたままにしておいてください。   プログラムを書くには、書式情報を含まない文字だけの情報を保存できるテキストエディタが必要です。 Winodwsには「メモ帳」、Macには「テキストエディット」が標準搭載されていますので、今回はそちらを使います。   メモ帳（Windows）   テキストエディット（Mac） テキストエディット起動後、「新規書類」をクリックします。   書式情報のないPHPのコードとして保存するために、メニューバーから「フォーマット」->「標準テキストにする」を選択します。 もし、「標準テキストに変換しますか？」と確認画面が出た場合は「OK」をクリックします。   Windows・Macともに、テキストエディタが開けたら次のようにコードを入力します。 <?php print ('PHPのテスト表示成功!') ?> ※「‘PHPのテスト表示成功!’」以外は半角（漢字オフで入力する英数字や記号）で入力します。 Mac Windows 入力できたら、ファイル名をtest1.phpにして、htdocsというフォルダ上に保存します。 メモ帳（Windows）メニューバーの「ファイル」->「名前を付けて保存」Cドライブ  > MAMP > htdocs テキストエディット（Mac）メニューバーの「ファイル」->「保存」アプリケーション > MAMP > htdocs   ここまでできたら、MAMPのコントロールパネルの「WebStart」をクリックし、ブラウザのURLを以下の例のように後半部分を「test1.php」に修正します。 このように http://localhost:ポート番号/htdocs以降のファイルパス という形でMAMPで起動させたサーバから、WebページやPHPのプログラムを読み込めます。 なお、先ほど保存したファイルを更新すると、この出力結果も更新されます。   おわりに MAMPのインストール方法は以上です。 もう少しPHPの基礎を知りたい場合は、PHPで文字列を出力する方法やPHPの変数を使う方法をまずはご覧ください。   PHPを勉強していて、 ・もっと効率的に勉強したい ・誰かに聞きながら学びたい ・自分でWebサービスを作りたい と思ったことはないでしょうか？ そんな方のために、TechAcademyではオンラインブートキャンプPHP/Laravelコースを提供しています。 現役エンジニアがパーソナルメンターとして受講生に1人ずつつき、マンツーマンのメンタリングで学習をサポートし、オリジナルWebサービスを開発することが可能です。 独学に限界を感じている場合はご検討ください。
PHP

Ruby on Railsでアプリを作成し起動する方法【初心者向け】

RubyのフレームワークRuby on Railsで、アプリの作成からブラウザで動作を確認するまでの手順を解説します。 どうやってRailsでWebアプリを作ろうかと悩んでる人は、作成からブラウザでの表示まで理解できるはずです。 なお本記事は、テックアカデミーのWebアプリケーションオンラインブートキャンプの内容をもとに紹介しています。   田島悠介 Ruby on Railsの開発環境が整ったら、まずはアプリケーションを作成してみよう。 大石ゆかり 田島メンター！！最初は何をしたらいいんですか〜？ 田島悠介 ターミナルでアプリケーションを作成するコマンドを入力するよ。作成コマンドは”rails new ○○(アプリケーション名)”だ。 大石ゆかり さっそくやってみます！   アプリケーションの作成 $ rails new sample 上記コマンドを実行すると必要なファイルが生成され、最後にbundle installというコマンドが実行されます。 bundle installとは、Bundlerというgem管理ライブラリのコマンドで、Ruby on Railsの動作に必要なgemをすべてインストールしてくれる便利なコマンドです。   使用するデータベースを変更したい オプションを指定しないで作成した場合、使用するデータベースはSQLiteが選択されます。 もし、MySQLを使用することが決定している場合などは、rails newを行う時点で指定しておくと良いでしょう。 使用するデータベースを指定するには-dオプションを使用し、その後に使用したいデータベース名を記載します。 $ rails new sample -d mysql   生成されたdatabase.ymlを確認してみると、MySQLの設定になっていることがわかります。   田島悠介 作成されたフォルダを実際に開いて見てみようか。 大石ゆかり たくさんのフォルダと、ファイルが追加されていますね。 田島悠介 これらのファイルを編集したり、新たなファイルを追加したりしてアプリケーションを構成していくんだ。その前にlocalhostでアプリが実行できるかを確認しておこう。   サーバを起動する 先ほど作ったプロジェクトに移動して、サーバを起動してみましょう。 サーバを起動するには下記コマンドを実行します。 $ rails s sはserverと同義なのでrails serverでも問題ありませんが、記述が短い方を利用するほうが良いでしょう。   コマンドを実行すると、このような表示がされます。 WEBrickというサーバが起動し、http://localhost:3000で確認ができるようになりました。   ブラウザからアクセスしてみましょう。 この画面が表示されれば、Railsアプリの起動に成功しています。   About your application’s environmentというリンクをクリックすると、Ruby on Railsがどういう環境で動作しているかを確認できます。   同時に2つのサーバを起動したい 例えば、2つのRuby on Railsアプリを動作させたい時、サーバを2つ起動する必要がありますが、2つめのサーバ起動時にA server is already runningと表示され起動できません。 これはデフォルトの状態ではWEBrickが3000ポートを使用するのですが、すでに利用済みで3000ポートが空いていないため発生します。 その場合、別のポートをオプションで指定すると起動することが可能です。 $ rails s -p 3001 http://localhost:3001にアクセスすると、2つめのアプリにアクセスできるようになります。 これで、Ruby on Railsを起動させるまでの手順は完了です。 また、Ruby/Rails開発のためのおすすめエディタ/IDEとはについて、現役エンジニアが回答した記事もありますのであわせてご覧ください。   田島悠介 http://localhost:3000での実行は確認できたかな？ 大石ゆかり 無事起動できました！ 田島悠介 rails sでサーバを起動したときは、必ず終了時にCtrl+cを入力しよう。これを行わずにターミナルを閉じたりすると、次に起動する際にエラーになる場合があるよ。 大石ゆかり 分かりました、気をつけます。ありがとうございました！   [お知らせ]テックアカデミーでは初心者でも8週間でエンジニアになれるRuby on Railsオンラインブートキャンプを開催しています。RubyでWebアプリを開発したい方はご参加ください。
Ruby

Android StudioでAndroidアプリのエミュレータを使う方法【初心者向け】

Androidアプリをこれから開発したい！という初心者向けの記事です。 Androidアプリの開発環境のAndroid Studioでエミュレータを使えば、PC上でAndroidアプリを実行することができます。また、画面の大きさやSDカードの容量などを自分で設定できるため、手軽にさまざまな環境のテストも可能です。   大石ゆかり 田島メンター！！Androidのエミュレータってどうやって使うんですか〜？ 田島悠介 今開発しているのってAndroid Studioでだよね。それだったらAndroid Studioからエミュレータを使えるよ。 大石ゆかり どうやるんですか〜？   開発環境構築の流れ Android StudioでAndroidアプリのエミュレータを使う方法は、以下のような手順になります。 仮想デバイスの作成 エミュレータの起動 アプリをエミュレーターで起動する エミュレーターが動かない時は・・・ それでは順番に見ていきましょう。     仮想デバイスの作成 初めてエミュレータを起動する場合や、新しい環境のエミュレータを使いたい場合に必要な作業です。すでに仮想デバイスの作成ができている場合は、次の手順に進んでください。   ツールバーから、「AVD Manager」を起動しましょう。   「Create Virtual Device」をクリックします。   この中にすでに起動したい環境に近いものを選択し「Next」をクリックします。   システムイメージ（Android OS）をダウンロードするため、上記の「Download」をクリックします。「x86 Images」タブで他のバージョンをダウンロードすることもできます。   「Accept」を選択し、「Next」をクリックします。   「Finish」をクリックします。   「Next」をクリックします。   先ほど選択したデバイスの設定が表示されます。もしも、自分が使用したい環境と異なる場合は、ここで設定をカスタマイズすることができます。設定ができたら、「Finish」ボタンをクリックします。   下記のように追加されたらAVDの作成は完了です。 この画面（Android Virtual Device Manager）を閉じます。     これでエミュレータを使う準備ができました。   [PR] 未経験からWebエンジニアを目指す方法とはエミュレータの起動 いよいよ起動していきます。   ツールバーから、「AVD Manager」を起動します。   先程作成した仮想デバイスが表示されていますので、「再生」ボタンをクリックします。     数分待つとエミュレータが起動します。起動が遅いことがあり、少し時間がかかる場合がありますので、気長にお待ちください。起動しないからといって焦らないようにしましょう。   エミュレータの起動ができました。「Android Virtual Device Manager」を終了してください。     アプリをエミュレーターで起動する 最後に開発したアプリをエミュレータで起動してみましょう。   ツールバーから「Debug」をクリックします。   起動中のエミュレータの一覧が表示されますので、「OK」ボタンをクリックします。   しばらくすると、先ほどアプリが起動したエミュレータにアプリが実行されます。     エミュレーターが動かない時は・・・ まれに、手順通り進めたのにエラーになってエミュレータが動かない場合があります。 代表的なエラーメッセージと対策を説明します。   エミュレーターのRAMサイズが大きすぎる Android studio Cannot set up guest memory 'pc.ram': Invalid argument PCのメモリ容量に対して、エミュレーターのRAMサイズが大きすぎる場合に発生します。 ツールバーから、「AVD Manager」を起動します。 作成した仮想デバイスが表示されていますので、「編集」ボタンをクリックします。 「Show Advanced Settings」ボタンをクリックします。 Memory and Strage にある RAM:の容量を小さくします。作業が完了したら「Finish」ボタンを押して下さい。   「Intel x86 Emulator Accelerator (HAXM)」がインストールされていない emulator: x86 emulation currently requires hardware acceleration!  Please ensure Intel HAXM is properly installed and usable. CPU
Androidアプリ開発

Rubyのnet/httpライブラリの使い方を現役エンジニアが解説【初心者向け】

Rubyのnet/httpライブラリの使い方について解説します。   そもそもRubyについてよく分からないという方は、Rubyとは何なのか解説した記事を読むとさらに理解が深まります。 なお本記事は、TechAcademyのオンラインブートキャンプRuby講座の内容をもとに紹介しています。   田島悠介 今回は、Rubyに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 net/httpライブラリの使い方について詳しく説明していくね！ 大石ゆかり お願いします！   net/httpライブラリとは 汎用データを転送したりするプロトコルで、HTTPを扱ったりするためのライブラリーの一つとしてnet/httpがRubyにあります。 平たく言えば、Webサーバーからドキュメントを得たりフォームの情報を送信したりすることがRubyのプログラムでできてしまうということです。   net/httpライブラリの使い方 net/httpライブラリの使い方としては最初に   require 'net/http'   と書きます。次にuriをつかう場合は   require 'uri'   と書きます。その他   Net::HTTP メソッド   などを使ってドキュメントを取得したります。   [PR] 未経験からWebエンジニアを目指す方法とは実際に書いてみよう それでは実際に書いてみましょう。以下のコードをファイルに書いてみてください。   require 'net/http' require 'uri' Net::HTTP.get_print URI.parse('https://www.yahoo.co.jp/') #=> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> ............   こちらファイルを実行すると上記のように長くyahooのトップページのソースが表示されますね。   ではもう少し汎用的に次のコードを見てください。   require 'net/http' require 'uri' url = URI.parse('http://www.yahoo.co.jp') res = Net::HTTP.start(url.host, url.port) {|http| http.get('/index.html') } puts res.body #=> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <link rel="shortcut icon" href="https://s.yimg.jp/favicon.ico" type="image/vnd.microsoft.icon" /> <link rel="icon" href="https://s.yimg.jp/favicon.ico" type="image/vnd.microsoft.icon" /> ............   Net::HTTP.start メソッドで、HTTP セッションを開始します。webサーバ名とhost名が引数として渡されています。getメソッドはパスを取得します。   筆者プロフィール 町田　耕 学生時代は会計学専攻。塾講師勤務を経て、企業のCFOとして会社経営に携わる。 会社経営から一線を退いた後、インフラエンジニアの妻の勧めでプログラミングを 独学で始め、プログラミングセミナーなど転々としながら、開発案件に携わるようになる。 現在、フリーランスとして活動しながらテックアカデミーのメンターも勤めている。 大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でもRuby on Railsを使ったプログラミングを習得できるオンラインブートキャンプRuby講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
Ruby

PHPでhttpかhttpsかを判定する方法を現役エンジニアが解説【初心者向け】

今回は、PHPでhttpかhttpsかを判定する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。   PHPについてそもそもよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプ、PHP/Laravel講座の内容をもとに紹介しています。   田島悠介 今回は、PHPに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 PHPでhttpかhttpsかを判定する方法について詳しく説明していくね！ 大石ゆかり お願いします！   httpとhttpsの違いとは この記事では、PHPでhttpかhttpsかを判定する方法を紹介します。 まずは、httpとhttpsの違いについてついて説明していきます。 HTTPとは「Hyper Text Transfer Protocol（ハイパーテキストトランスファープロトコル）」のことです。 ホームページのデータは文字だけでなく画像や動画などがあります。これらのデータをサーバとクライアントの間で通信するときの通信規約（プロトコル）がHTTPです。 HTTPに対してHTTPSには文字列の最後に「S」が付いています。この最後の「S」は「Secure（セキュア）」の「S」です。HTTPSもHTTPと同じプロトコルの一つですが、HTTPSではSSL（Secure Socket Layer）というプロトコルが使用されています。 SSLのプロトコルを使用することによりその通信の内容は暗号化されます。URLがhttpかhttpsかで何が変わるかというと、通信内容が暗号化されているか、されていないかの違いとなります。 URLがhttp://で始まるものは暗号化されておらず、URLがhttps://で始まるものは暗号化されているものとなります。暗号化されているということは、通信を行う際の安全性が高まり、通信経路の盗聴や改ざんによる、詐欺被害や、ハッキング、無線LAN経由でのサイバー攻撃などを受けにくくなります。 反対にHTTP通信を行うことは、そのような被害を受けやすく、HTTPS通信を行うことが推奨されています。   httpsを判定する方法 上記の通り、HTTPでの通信はセキュリティ面の安全性が不十分のため、もしユーザーがHTTP通信を行った場合、HTTPS通信に変換するような処理を行ったりすることができ、より安全にシステムの利用、運用を行えます。 それでは、まずはユーザーがHTTP・HTTPSのどちらでシステムにアクセスしているか半別する方法を紹介します。 echo $_SERVER['HTTP']; 通信プロトコルの内容を知りたい時にPHPでは基本的に、$_SERVER というスーパーグローバル変数にアクセスすることで値を取得できます。 上記では$_SERVERにHTTPという文字列を指定することで、通信の内容がHTTP通信であるかを確認できます。 もし、HTTP通信であった場合は以下の結果となります 'on' 反対にHTTP通信でなかった場合は「NULL」になります。 また、$_SERVERにHTTPSの文字列を渡すことで、その通信内容がHTTPSかどうかを判別できます。   [PR] 未経験からWebエンジニアを目指す方法とは実際に書いてみよう それでは、上記の判定方法を利用して、HTTP通信でシステムにアクセスされた場合、 HTTPS通信に変換するようなソースを見ていきましょう。 <?php // HTTPS通信でなかった場合HTTPS通信でリダイレクトする if (empty($_SERVER['HTTPS'])) { header("Location: https://{$_SERVER['HTTP_HOST']}{$_SERVER['REQUEST_URI']}"); exit; } 上記のソースでは、まず、通信内容がHTTPSかどうかを判定し、そうでなかった場合は、https://で始まるURLに変換し、リダイレクト（自動的に指定したURLに転送）するという内容になっています。 このような処理を行うことで、HTTPS通信による安全なシステムのアクセスできます。   筆者プロフィール 平野大輝（ひらのだいき） スキル：PHP・Java・JavaScriptを用いて様々なアプリを開発するWebエンジニア。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！   TechAcademyでは、初心者でも、PHPやフレームワークのLaravelを使ってWebアプリケーション開発を習得できる、オンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。
PHP

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

副業したい方

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

はじめての副業コース

転職したい方

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

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

スキルアップしたい方

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

Pythonコース

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

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

オーダーメイドコース
TechAcademy（テックアカデミー） プログラミング Python PythonでWebサーバを構築する方法を現役エンジニアが解説【初心者向け】