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

PythonをXAMPPで使う方法を現役エンジニアが解説【初心者向け】

初心者向けにPythonをXAMPPで使う方法について現役エンジニアが解説しています。XAMPPはWebサーバーとプログラミング言語がパッケージになった管理ツールのことです。PythonをCGIとしてWeb上で動作させることが出来ます。

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

PythonをXAMPPで使う方法について解説します。

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

 

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

 

田島悠介

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

大石ゆかり

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

田島悠介

PythonをXAMPPで使う方法について詳しく説明していくね！

大石ゆかり

お願いします！

 

XAMPPとは

Webアプリケーションはクライアント（ブラウザ）とサーバーで構成されます。Webアプリケーションの開発に必要なサーバーのソフトウェアをまとめてインストールできるのがXAMPPです。

XAMPPには以下のソフトウェアが含まれます。WindowsやMac、Linux版などがあり、全て無償で利用できます。

  • Apache：Webサーバー
  • MariaDB：データベース
  • PHP：プログラミング言語
  • Perl：プログラミング言語

XAMPPと書いてザンプと読みます。「X」は複数のOSに対応していることを指し、「AMPP」は上記のソフトウェアの頭文字です。

もともとはLinux専用で「LAMPP」と呼ばれていました。

 

PythonをXAMPPで使うメリット

XAMPPには上記のようにPHPやPerlといったプログラミング言語が含まれていますが、設定をすることでPythonも利用できます。

PythonをXAMPPで使うとPythonで書いたプログラムをWebサーバー上で実行できます。
PHPやPerlよりPythonを使いたい場合にはお勧めです。

なお、PythonのWebフレームワークであるFlaskやDjangoをApacheで動作させるためには、XAMPPに加えてWSGIという定義に準拠させるソフトウェアの導入と設定が必要になります。

この記事ではフレームワークは使わずPython単体での利用方法を確認します。

 

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

PythonをXAMPPで使う方法

まずは公式サイトからXAMPPをダウンロードしてインストールしましょう。

XAMPP公式サイト

同様にPythonもダウンロードとインストールを行います。

Python公式サイト

Windowsの場合には、インストールした後で環境変数「PATH」の設定が必要となります。環境変数の設定については以下を参考にしてください。

環境変数の設定

インストールが終わったらPythonをXAMPPで利用する設定を行います。XAMPPのコントロールパネルを開き、Apacheの右側にあるConfigボタンをクリックし、一番上の「Apache(http.conf)」を選択します。

httpd.confファイルが開いたら、一番下に以下を追記して保存します。
 

AddHandler cgi-script .py
ScriptInterpreterSource Registry-Strict

 

追記したらhttpd.confファイルを閉じ、XAMPPのコントロールパネルからApacheのStartボタンをクリックします。

最後にPythonのプログラムを作成して動作確認を行いましょう。

XAMPPをインストールしたフォルダに以下のファイルを作成します。1行目にはPythonをインストールしたフォルダから指定します。

test.py
 

#!C:Usersuser1Anaconda3python.exe
# -*- coding: utf-8 -*-

print("Content-Type: text/htmln")
print("Hello Python!")

 
ブラウザから「http://localhost/test.py」にアクセスし、以下のように表示されることを確認しましょう。


 

監修してくれたメンター

太田和樹（おおたかずき）

ITベンチャー企業のPM兼エンジニア

普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。

開発実績：画像認識技術を活用した駐車場混雑状況把握（実証実験）、音声認識を活用したヘルプデスク支援システム、Pepperを遠隔操作するアプリの開発、大規模基幹系システムの開発・導入マネジメント。

地方在住。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。

 

大石ゆかり

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

田島悠介

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

大石ゆかり

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

 

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

挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。

記事を検索

関連するキーワード

関連する記事

Pythonのnext関数の使い方を現役エンジニアが解説【初心者向け】

Pythonのnext関数の使い方について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して、初心者向けに解説します。 &nbs...
Python

ApacheをPythonで利用する方法を現役エンジニアが解説【初心者向け】

ApacheをPythonで利用する方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記事を...
Python

Pythonでハッシュ値を計算する方法を現役エンジニアが解説【初心者向け】

Pythonでハッシュ値を計算する方法について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して、初心者向けに解説します。 &n...
Python

Pythonで出力結果をファイルに保存する方法を現役エンジニアが解説【初心者向け】

Pythonで出力結果をファイルに保存する方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した...
Python

Pythonの基本的な文字列操作について現役エンジニアが解説【初心者向け】

Pythonの基本的な文字列操作について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して、初心者向けに解説します。  ...
Python

Pythonでファイルを1行ずつ読み込む方法を現役エンジニアが解説【初心者向け】

Pythonでファイルを1行ずつ読み込む方法について解説します。 そもそもPythonについてよく分からないという方は、Pythonとは何なのか解説した記...
Python

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

今さら聞けない！XAMPPをインストールする方法【超初心者向け】現役エンジニアが解説

プログラミング初心者にとって、開発環境の構築は最初難しいこともあると思います。 そこで、今回は開発環境のうち、使われることも多い「XAMPP（ザンプ）」をインストールする方法と、簡単な使い方・設定方法をご紹介します。 ぜひ記事を参考にインストールしてみてください。 （※記事でインストールする環境のOSはWindows10です）   目次 本記事では、下記の手順でXAMPPをインストールしていきます。 XAMPPとは XAMPPのインストール方法 XAMPPの使い方 おわりに そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   XAMPPとは XAMPPとは、Webアプリケーション開発に欠かすことのできないソフトウェアとそれ以外にもあると便利なツールを、無料で一括インストールすることができるパッケージのことです。 そもそも、Webアプリケーションを作成するには、最低でも以下が必要になります。 Apache（Webサーバ） MySQL（SQLデータベース） Webプログラミング言語（PHP、Rubyなど）   しかし本来この3つのソフトウェアはそれぞれ別の団体で作成・アップデートされているため、個別にダウンロード・インストールする必要があります。 これらのソフトウェアのインストールは、Webアプリケーション開発を初めてする人にとっては理解しにくいところがあるため、肝心のアプリ開発の前に挫折することもあるでしょう。 そんな時に役に立つのが「XAMPP」です。 ただし、XAMPPはパッケージとしての特性上、ソフトウェアによっては最新版のものでなかったりすることもあります。 そのため、商用利用する際は、セキュリティ面からそれぞれのソフトウェアのバージョンアップが必要になるのでご注意ください。   大石ゆかり いろんなソフトウェアで成り立っているんですねー。 田島悠介 Webアプリケーションって何か特別な感じがするけど、プログラムで作られているソフトウェアで成り立っているんだ。 大石ゆかり テスト環境では、セットでダウンロードした方がいいですね。 田島悠介 そうだね。XAMPPっていうパッケージが一般的なので、これをインストールしてみよう！   [PR] 未経験からWebエンジニアを目指す方法とはXAMPPのインストール方法 ここからは、XAMPPのダウンロード・インストール方法をご紹介します。   (1)XAMPPパッケージをダウンロード まずは、Apache Friendsにアクセスします。 上記画像赤枠の「Windows向け XAMPP8.0.2(PHP8.0.2)」をクリックしてください。 Macの場合は「OS X向け XAMPP8.0.2(PHP8.0.2)」をクリックしてください。 なお、「8.0.2」の部分はバージョンです。 執筆時点では「8.0.2」でしたが、パッケージの更新により変わる可能性があります。   クリック後、下記画面に切り替わりインストーラーのダウンロードが開始されます。 ダウンロードが完了するまで少々お待ちください。   ここで、ダウンロードしたファイルは「xampp-windows-x64-8.0.2-0-VS16-installer.exe」です。 このファイル名もパッケージのバージョンによって変わる可能性があります。     (2)XAMPPインストール 先ほどダウンロードした、「xampp-windows-x64-8.0.2-0-VS16-installer.exe」をダブルクリックします。   最初に以下の警告が表示されます。 これは「C:￥Program Files にインストールするとユーザー権限の関係でXAMPPの動作が制限される」という意味です。 別のフォルダにインストールするため、問題ありません。 「OK」をクリックします。   ここで下記画面が表示されますので、「Next」をクリックしてください。   次にインストールするソフトウェアを選択する画面が表示されます。 今回はすべてのソフトウェアをインストールするので、すべての項目にチェックを入れて「Next」をクリックしてください。 ※注意 既にインストールされているソフトウェアは灰色になり、選択できません。   つづいて、インストールするフォルダの選択です。 デフォルトのインストール先は「C:xampp」になっているので、ここは変更せずに「Next」をクリックしてください。 ※注意 インストール後、「C:xampp」は約740MBのフォルダになるので、Cドライブの容量にお気をつけください。   次は言語の選択です。 日本語は選択できないため「English」のまま「Next」をクリックしてください。   ここで表示される画面は「Bitnami」という、オープンソースプロジェクトについての説明です。 今回は「XAMPP」のインストールの紹介ですので、下記画面のチェックは外して「Next」をクリックしてください。 WordPressやRedmineに興味がある方は、別途「Bitnami」を確認してみてください。   最後に「XAMPP」をインストールしていいか聞かれるので、今までと同様に「Next」をクリックしてください。   クリック後、下記画面が表示されます。 お使いのPCのスペックにもよりますが、インストールには1分～5分程度かかります。   このように表示されたらインストール完了です。 このあと、「XAMPP」の動作確認をするので、画面赤枠のチェックボックスにチェックを入れた状態で、「Finish」をクリックしてください。 また、普段XAMPPを使う場合は「スタートボタン」→「XAMPP」→「XAMPP Control Panel」をクリックすると開きます。   大石ゆかり インストールは、フォルダを選択するぐらいで、けっこう簡単ですねー。 田島悠介 パッケージになっていて便利だね。 大石ゆかり ただ、ちょっとソフトウェアが多いですね。 田島悠介 簡単に説明すると、ApacheがWebサーバで、基本的にはファイルとフォルダを返すんだ。 MySQLがデータベース、FTPサーバがFilleZilla、メールサーバがMercury、WebalizerはApacheのログを詳しく解析してくれて、TomCatはJavaで作られたWebサーバで、PHPとPerlはプログラミング言語なんだ。   XAMPPの使い方 最後にXAMPPの簡単な使い方を紹介します。 今回は、「Apache」と「MySQL」の実行方法について説明します。   操作はいたって簡単で、下記画面の赤枠の「Start」をクリックするだけです。   正常に「Apache」「MySQL」が起動すれば、下記画面のように、PID(s)、Port(s)に数字が表示されます。 この時の注意点です。 お使いのPCに「Skype」がインストールされている場合、「Apache」が起動できないことがあります。   その場合は、Windowsのデスクトップの右下にあるインジケータでSkypeアイコンを右クリックし、「Skypeを終了」を選択してSkypeを終了させます。 その後、改めて「XAMPP」を起動して、「Apache」を起動してください。   おわりに XAMPPのインストール方法は以上です。 インストールが完了したら、XAMPPの文字化けを直すためにphp.iniの設定を合わせて行いましょう。   執筆してくれたメンター 太田和樹（おおたかずき） ITベンチャー企業のPM兼エンジニア 普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。 開発実績：画像認識技術を活用した駐車場混雑状況把握、音声認識を活用したヘルプデスク支援システム、ロボットアプリの開発、大規模基幹系システムの開発・導入マネジメント。著書「知識ゼロからの機械学習入門（技術評論社）」。 地方在住。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。   大石ゆかり Skypeがポート番号を使っていることがあるんですねー。バッティングすると少し面倒なことになりそうですね。 田島悠介 そうだね。プログラムって、ポート番号を指定して立ち上げることも出来るんだよね。 大石ゆかり プログラムがポート番号を使うんですか？何か実際の例はありますか？ 田島悠介 例えばブラウザにhttps://www.yahoo.co.jp:443って接続するとわかりやすいかな。Webサーバプログラムに接続してるんだよね。他の番号を入力するとエラーになるから、443には何かプログラムが起動しているってわかるよね。   テックアカデミーでは、初心者でもPHPやフレームワークのLaravelを使ってWebアプリケーション開発を習得できるオンラインブートキャンプPHP/Laravel講座を開催しています。 挫折しない学習方法を知れる説明動画や、現役エンジニアとのビデオ通話とチャットサポート、学習用カリキュラムを体験できる無料体験も実施しているので、ぜひ参加してみてください。
PHP

XAMPPを使ってWordPress用にローカル環境構築する方法【初心者向け】

WordPressを使ったサイト制作でも、ローカル環境を構築することができます。サイトをカスタマイズして、完成させてから公開したいという方におすすめです。   「ローカル環境を構築」と言うと、専門的で敷居が高そうですが、XAMPPを使うと手軽にできます。 今回は、XAMPPを使ってWordPress用にローカル環境構築する方法をお伝えします。   なお本記事は、TechAcademyのWordPressオンラインブートキャンプの内容をもとに紹介しています。   大石ゆかり 田島メンター！！WordPressのカスタマイズをしてみたいんですけど、はじめから本番環境でやるのって怖いので、何かいい方法はないですか？ 田島悠介 それならXAMPPを使ってパソコン上にローカルの開発環境を作るといいよ。 大石ゆかり XAMPPですか・・・？なんか難しそうですね・・・・・。 田島悠介 手順を踏めばそんなことないよ！やってみようか。 大石ゆかり はい、お願いします！   XAMPPをダウンロード、インストール まずはXAMPPをインストールしてみましょう。 上記のリンクを参考に試してみてください。一緒に簡単な使い方もチェックしておくと良いでしょう。     XAMPPを起動 起動して、「Apache」と「MySQL」をスタートさせます。   スタートさせたら、ブラウザに「http://localhost」を入力して開いてください。 言語を選べるので、一番端の日本語を選択します。   この画面が表示されたら準備完了です。     [PR] 未経験からWebエンジニアを目指す方法とはセキュリティ設定 まずはセキュリティを設定していおきましょう。左のメニューから、「ステータス」を確認してください。 赤枠で囲んだ部分が「要注意」として警告が出ていると思います。   このままでは、外部から攻撃されてしまうリスクがあります。 リンク先から、セキュリティの設定をしましょう。 MYSQLのROOTパスワードとXAMPPのディレクトリ制御（.htaccess）のユーザ名とパスワードを決めていきます。 ここで決めたパスワードは忘れないように注意してください。   なお、XAMPPのセキュリティについては、XAMPPでセキュリティ設定を行う方法でより詳しく紹介しています。     WordPress用のデータベースをMySQLに作成 ホーム画面の左メニュー、ツールの「phpMyAdmin」をクリックしてください。   ログイン画面が表示されるので、言語で日本語を選択します。 その下には、先ほど設定したMySQLのユーザ名とパスワードを入力します。 MySQL接続の照合順序が「utf8_general_ci」にであることを確認してください。 OKなら、上部にある「データベース」をクリックします。   続いて、作成するデータベースの名前を決めて入力します。 WordPress用なので、「wp」とするとわかりやすいかもしれません。     XAMPPにWordPressをインストール いよいよWordPressをインストールしていきます。   まず、WordPressの公式サイトからWordPressをダウンロードしてください。 ダウンロードしたzipファイルは解凍ソフトで解凍し、XAMPPの中に移動します。移動する場所は、C:￥xampp￥htdocsのフォルダの中です。この「htdocs」というフォルダが、公開ディレクトリになります。 これで、WordPressのインストールは完了です。     ブラウザからログイン 最後に、ブラウザからログインしてユーザー名などを設定します。 http://localhost/wordpress（ここは、作成したフォルダ名で変わります）/にアクセスしてください。   このあとは通常のWordPressを設定するときと同じですので、WordPressをインストールする方法を参考にログインしてみてください。 ログインできると、ローカル環境でWordPressの編集ができるようになります。   いかがでしたか？ WordPressを本格的に自分でデザインしてみたい！という人は、ぜひチャレンジしてみましょう。   WordPressをさらに使いこなしたい場合は、WordPressを最新版にアップグレードする方法も合わせてご覧ください。   大石ゆかり これで安心してカスタマイズができます♪ 田島悠介 そうだね。失敗しても気軽に作り直せるから安心だね！ 大石ゆかり はい♪   [お知らせ]TechAcademyでは、WordPressを使ってカスタマイズしたオリジナルサイトを構築できるWordPressオンラインブートキャンプを開催しています。期間中の8週間は現役エンジニアのメンターが毎日学習をサポートするので、独学よりも効率的に学ぶことができます。
WordPress

HTMLをブラウザで表示するXAMPPの使い方を現役エンジニアが解説【初心者向け】

HTMLをブラウザで表示するXAMPPの使い方について、TechAcademyのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 そもそも、HTMLの記述方法がわからない場合は、HTMLの書き方について解説した記事を読むとさらに理解が深まります。   なお本記事は、TechAcademyのオンラインブートキャンプ、Webデザイン講座のHTMLカリキュラムをもとに執筆しています。   田島悠介 今回は、HTMLに関する内容だね！ 大石ゆかり どういう内容でしょうか？ 田島悠介 HTMLをブラウザで表示するXAMPPの使い方について詳しく説明していくね！ 大石ゆかり お願いします！   目次 XAMPPとは XAMPPを使ってみよう 使い方と各種設定方法 まとめ   XAMPPとは インターネット上でWebページを公開しているのがWebサーバーと呼ばれるコンピュータです。Webサーバーの中ではWebページを作るための様々なプログラムが動作している場合があります。 例えばオンラインショッピングのWebページでは、データベースに保存してある商品データなどをもとにWebページを表示したり、注文情報の決済などを行うプログラムが動作しています。これらのプログラムはバックエンドと呼ばれています。 またそれに対してユーザーが操作するWebページやそこで動作するプログラムはフロントエンドと呼ばれています。これらWebサーバーやデータベース、バックエンドのプログラミング言語であるPHPの実行環境などがセットになったソフトウェアが「XAMPP」です。   [PR] 未経験からWebエンジニアを目指す方法とはXAMPPを使ってみよう XAMPPを使用するには、まず公式サイトからXAMPPをダウンロードします。 XAMPP公式サイト インストールは既定値のまま進めて良いでしょう。   使い方と各種設定方法 インストールが終わるとコントロールパネルが表示されます。ここから必要なソフトウェアをStartボタンを押して起動していきます。それぞれのソフトウェアの役割は以下のとおりです。 Apache：Webサーバー MySQL：データベース FileZilla：ファイル転送（FTP）を行うサーバー Mercury：メールの送受信を行うサーバー Tomcat：Javaなどのバックエンドプログラムを実行するためのソフトウェア 以下はApacheだけを起動した例です。 Apacheを起動したら、以下のアドレスをブラウザで開きます。 http://localhost/dashboard/ 以下のような画面が表示されたら正常に起動しています。 起動を確認したら、以下のHTMLファイルを作成し、XAMPPのインストール先のhtdocsフォルダに配置しましょう。 test.html <!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>こんにちは！XAMPP</h1> </body> </html> 以下のアドレスにアクセスします。 http://localhost/test.html 実行結果は以下のとおりです。作成したhtmlファイルが表示されたことが確認できました。   まとめ 今回の記事ではHTMLをブラウザで表示するXAMPPの使い方について学習しました。   監修してくれたメンター 太田和樹（おおたかずき） ITベンチャー企業のPM兼エンジニア 普段は主に、Web系アプリケーション開発のプロジェクトマネージャーとプログラミング講師を行っている。守備範囲はフロントエンド、モバイル、サーバサイド、データサイエンティストと幅広い。その幅広い知見を生かして、複数の領域を組み合わせた新しい提案をするのが得意。 開発実績：画像認識技術を活用した駐車場混雑状況把握、音声認識を活用したヘルプデスク支援システム、ロボットアプリの開発、大規模基幹系システムの開発・導入マネジメント。著書「知識ゼロからの機械学習入門（技術評論社）」。 地方在住。仕事のほとんどをリモートオフィスで行う。通勤で消耗する代わりに趣味のDIYや家庭菜園、家族との時間を楽しんでいる。   大石ゆかり 内容分かりやすくて良かったです！ 田島悠介 ゆかりちゃんも分からないことがあったら質問してね！ 大石ゆかり 分かりました。ありがとうございます！ TechAcademyでは初心者でも、オリジナルWebサイトを公開できる、オンラインブートキャンプを開催しています。 また、現役エンジニアから学べる無料体験も実施しているので、ぜひ参加してみてください。
HTML

初めてでも安心！Eclipseのインストール方法【PHPアプリケーション開発環境構築編】

今回は、Eclipseについて、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 Eclipseはプログラミングをより効率的に実装できる開発環境です。 実務でもEclipseを利用しているプロジェクトは多いので、実務に備えて学習してみてくださいね。   目次XAMPPとはPythonをXAMPPで使うメリットPythonをXAMPPで使う方法監修してくれたメンター   そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   大石ゆかり 田島メンター！エクリプスって何でしょうか？ 田島悠介 元々はJava言語で作られているJavaプログラムの開発ツールなんだけど、PHPのプログラムも書くこともできるんだ。 大石ゆかり テキストエディタで書くよりもメリットがあるんですか？ 田島悠介 コード補完や、ステップ実行なんかもあって便利なんだ。では、インストール方法を見てみよう！   今回の記事の流れ 少し長い記事になるので、下記のような流れで説明していきます。 インストール前の確認 Eclipseのインストール Eclipseを使ってみる インストールする方法だけでなく、日本語化の対応方法、簡単な使い方もあわせてご紹介します。   Eclipseとは Eclipse（エクリプス）は「統合開発環境（IDE）」と呼ばれるものです。 初期のコードはIBM VisualAgeに由来しています。 2001年にオープンソース化されました。 現在は様々なプラグインを利用することで、主流となっているプログラミング言語であればどんなものにも適用できます。 ※今回はWindows10でインストールしていますが、基本的な使い方はMacも同じです。   [PR] 未経験からWebエンジニアを目指す方法とはインストール前の確認 Eclipseをインストールする前に、お使いのPCの「対応ビット数」について確認しましょう。 Eclipseのインストーラをダウンロードする際に必要な情報なので、事前に調べておきます。   対応ビット数の調べ方 「スタートボタン」→「PC情報」と入力し、「PC情報」を選択します。   赤枠の部分にある「64ビット」という記載があれば64ビットです。   今回使用するのは、「64ビット」です。 32ビットバージョンをお使いの方は、2018年までの古いバージョンのものであれば利用自体は可能です。 しかし、PCスペックの都合上、どうしても32ビットを利用しなければならない状態を除いて、64ビットバージョンを利用していただくと良いです。 なお、今回のEclipseは「MergeDoc Project」が提供している、「Pleiades All in One」というパッケージを使用します。 通常Eclipseをインストールすると、日本語化プラグインを導入するまでは表記が英語になります。 「Pleiades All in One」を使用すると、インストールと同時に日本語プラグインを適用してくれます。 加えて、利用したい言語のプラグインや、Eclipse動作環境に必須のJava系プログラムも設定されておりスムーズです。 ただし、「Pleiades All in One」はWindowsにしか使うことができません。 したがって、LinuxやMacでEclipseをインストールする場合は、英語版のEclipseをインストールしてください。   Eclipseのインストール ここからはインストールの手順を解説します。   (1)インストーラをダウンロード ここでは、Eclipseのダウンロード方法を解説します。 まずは、MergeDoc Projectのサイトにアクセスして、赤枠の「Eclipse2021」をクリックします。   画面が切り替わったら、プログラミング言語とビット数に合ったものをダウンロードします。 今回は赤枠の、64bitのPHPの「Full Edition」を選びます。 「Standard Edition」ではJavaなどのEclipseの動作に必要なソフトウェアが付属していないエディションなので、今回は使用しません。   Downloadをクリックすると、ダウンロードが開始されます。 ダウンロードファイル名は、pleiades-2021-09-php-win-64bit-jre_20210919.zipのような形式です。 ダウンロードするファイルは約719MBと大きいので、PCの空き容量には十分お気をつけてください。   (2)Eclipseインストール ここではEclipseのインストール作業を解説します。 ダウンロードしてきたzipファイルを展開（解凍）します。 zipファイルを右クリックして、「全て展開」を選択すると次のような画面になります。 解凍する先はCドライブ直下にするため、画像の赤枠にあるように「C:￥」としてCドライブを選択してから、「展開」をクリックします。   展開（解凍）すると「pleiades」というフォルダができます。 「pleiades」というフォルダを開くと、次のようなファイルとフォルダが表示されます。   最初に「xampp」フォルダを開き、赤枠で囲んだ「xampp-control.exe」をダブルクリックしてください。   ここで言語を選択するので、「英語（米国国旗）」を選択し「Save」をクリックしてください。   さらに新しい画面が表示されますので、「Apache」「MySQL」の右横の「Start」ボタンを押してください。   完了したらWebブラウザを起動し、「http://localhost/」とURL欄に入力してください。 このような画面が表示されたら、XAMPPのインストール起動は完了です。   続いて、「pleiades」フォルダ内にある「eclipse」フォルダを開きます。 さらに「eclipse」フォルダ内にある「eclipse.exe」を実行します。 ※注意：「eclipsec.exe」という似ている名前のファイルがあるので注意してください。   「eclipse.exe」を実行した後、画面が切り替わるまで少々お待ちください。 ワークスペース・ランチャー画面が表示されたら「OK」ボタンをクリックします。   これで、日本語化されたPHPプラグイン導入済みのEclipseのインストールが完了しました。   Eclipseを使ってみる ここでは、Eclipseの基本的な使い方をご紹介します。 Eclipseを使う際は、事前に次の2つのファイルを実行しましょう。 xampp-control.exe eclipse.exe xampp-control.exeは、「xampp」フォルダにあります。 eclipse.exeは、「pleiades」フォルダ内の「eclipse」フォルダにあります。   Eclipseを起動 eclipse.exeを実行したら、「ファイル」→「新規」→「PHPプロジェクト」を選択します。   新たな画面が表示されたら、各項目を入力します。 最初は、デフォルトで選択済みの状態でよいです。 今回のプロジェクト名はtestにしてみます。 今回入力した内容 プロジェクト名：test 内容：ワークスペース内に新規プロジェクトを作成(チェックを入れる) PHPバージョンデフォルトPHP設定を使用(チェックを入れる) プロジェクト・レイアウト：プロジェクトをソース・フォルダとして使用(チェックを入れる) JavaScriptサポート：なし(チェックを外す)   項目を入力したら「完了」ボタンを押します。 ここで最初の画面に戻ったら、画面左側に今作った「test」が表示されます。   作成した「test」を選択し、「ファイル」→「新規」→「PHPファイル」を選択します。   この画面が表示されたら、ファイル名を「sample.php」として「完了」ボタンを押します。   EclipseでPHPプログラムを書いてみよう ここでプログラムを書いてみましょう。 サンプルプログラム <?php $a = 'Hello eclise<br>'; echo $a; $b = 'Hello Pleiades All in One 日本語ディストリビューション<br>'; echo $b; phpinfo(); 実行結果 解説 <?phpでは、PHPプログラムを開始しています。 $a = ‘Hello eclise<br>’;では、Hello ecliseという文字列と、<br>という改行コードを変数$aに代入しています。 echo $a;では、変数$aを表示しています。 $b = ‘Hello Pleiades All in One 日本語ディストリビューション<br>’;では、Hello Pleiades All in One 日本語ディストリビューションという文字列と、<br>という改行コードを、変数$bに代入しています。 echo $b;では、変数$bを表示しています。 phpinfo();では、PHP情報を表示しています。   プログラム実行とエンコード プログラムを実行してみます。 左側にある「test」プロジェクトの▼マークをクリックして、ツリー表示させます。 表示した「test」プロジェクトの中に、「sample.php」があります。 「sample.php」を右クリックして「実行」→「PHP Webアプリケーション」を選択します。   選択後、次のように表示されたらテストプログラムの実行は成功です。   しかし、今のままでは文字化けしています。 そこで、表示されている画面上で右クリックをして、「エンコード」→「Unicode(UTF-8)」を選択します。   エンコードを変更すると文字化けがなおります。 今後、文字化けが発生した場合も同様の方法で修正してください。   まとめ Eclipseを利用することで、PHPの開発環境を簡単に構築できました。 Eclipseを利用する場合は、「MergeDoc Project」が提供している、「Pleiades All in One」を利用すると簡単でした。 ぜひ自分でインストールして、アプリを開発してみてください！ PHPの開発環境として使えるXAMPPのインストール方法もあわせてご覧ください。   大石ゆかり プロジェクトを作らなければいけないのは、少し手間ですねー。 田島悠介 小さいプログラムの場合は、特にそうかもしれないね。 大石ゆかり プロジェクトはEclipseのツールの形式に対応したファイル形式みたいな感じで、ワークスペースは保存するフォルダであっていますか？ 田島悠介 その通り！最初の内はテキストエディタでいいかもしれないけど、慣れたら何かのIDEを使って作成するようにしたいね。   PHPを学習中の方へ これで解説は終了です、お疲れさまでした。 つまずかず「効率的に」学びたい 副業や転職後の「現場で使える」知識やスキルを身につけたい プログラミングを学習していて、このように思ったことはありませんか？ テックアカデミーのPHP/Laravelコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。 合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、PHP/Laravelを使ったWebアプリケーション開発を学べます。 まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。 時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！
PHP

誰でもできる！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

XAMPPを使ってMySQLでデータベースを作成する方法【初心者向け】

PHPの開発環境としてよく使われるXAMPPでは、MySQLを利用できます。 そこで今回は、XAMPPでMySQLを使ってデータベースを作成する方法について、テックアカデミーのメンター（現役エンジニア）が実際のコードを使用して初心者向けに解説します。 XAMPPでMySQLを使ってデータベースを作成するというのは、コマンドを利用せずクリックするだけで、データベースを作成できます。 実務でも、XAMPPを開発環境として利用し、MySQLを使ってデータベースを作成するので、ぜひ学習してみてください。 目次XAMPPとはPythonをXAMPPで使うメリットPythonをXAMPPで使う方法監修してくれたメンター そもそもPHPについてよく分からないという方は、PHPとは何なのか解説した記事を読むとさらに理解が深まります。   MySQLとは MySQLとは、無償提供されているリレーショナルデータベース管理システムのなかでも、群を抜いて高性能であるため、世界中で使われています。 利用されているシステムの規模は、個人レベルから社員数百名規模の企業と幅広く、信頼性の高さを表しています。   大石ゆかり 田島メンター！XAMPPをインストールしました。さっそくデータベースを使ってみたいんですが。 田島悠介 今回はphpMyAdminっていうソフトを使って、データベースを作成してみよう！ 大石ゆかり phpMyAdminって何でしょうか？ 田島悠介 コマンドプロンプトや、あるいはPHPなどのプログラム側からでもデータベースを作成できるんだけど、phpMyAdminの場合、グラフィカルな見やすい感じで作成できるんだ。さっそく見てみよう！   XAMPPを使ってMySQLでデータベースを作成する XAMPPをインストールしたら、「XAMPP Control Panel」を起動します。 下記の画面が表示されたら、赤枠で囲まれた「Start」のボタンをそれぞれクリックします。   クリック後、緑枠のように「PID(s)」と「Port(s)」に数字が割り振られたら成功です。   次にブラウザを立ち上げて、URL欄に以下を入力し、サイトにアクセスします。 http://localhost/phpmyadmin/index.php     URLを入力して下記画面が表示されたら、「言語：Language」「ユーザ名」「パスワード」を入力し、赤枠をクリックします。 （※今回、言語は「日本語」を選択しています）   ログイン後、下記画面が表示されたら、「データベース」をクリックします。   次の画面が表示されたら、青枠の箇所に任意のデータベース名を入力し、「作成」をクリックします。 （※例としてデータベース名「example」としています）   下記画面が表示された後、先ほど作成したデータベースが一覧にあることを確認し、選択します。   あとは、任意のテーブル名、カラム数を入力し、「実行」をクリックしてテーブルを作成していきます。 今回はMySQL自体の使い方については詳しく紹介しませんが、ぜひご自分で試してみてください。   [PR] 未経験からWebエンジニアを目指す方法とはまとめ 今回は、XAMPPを使ってMySQLでデータベースを作成する方法について解説しました。 データベース・MySQLの基礎の記事をご覧頂くと、さらに理解が深まりおすすめです。 phpMyAdminの使い方を参考に、phpMyAdminにも慣れていただくと良いですよ。 さらにXAMPPを使いこなしたい場合は、XAMPPでセキュリティ設定を行う方法もあわせてご覧ください。   大石ゆかり データベースを作成することができました！テーブルの作成やデータの追加もできるみたいですね。 田島悠介 そうそう。表示がコマンドプロンプトやプログラムのソースコードなどに比べてわかりやすいので、いいよね。 大石ゆかり 全部phpMyAdminで作成してもいいですか？ 田島悠介 悪くはないんだけど、ブログの管理者の画面とか、ユーザーの入力内容をデータベースに登録する場合は、PHPからデータベースにアクセスして登録する必要があるよね。   PHPを学習中の方へ これで解説は終了です、お疲れさまでした。 つまずかず「効率的に」学びたい 副業や転職後の「現場で使える」知識やスキルを身につけたい プログラミングを学習していて、このように思ったことはありませんか？ テックアカデミーのPHP/Laravelコースでは、第一線で活躍する「プロのエンジニア」が教えているので、効率的に実践的なスキルを完全オンラインでしっかり習得できます。 合格率10%の選考を通過した、選ばれたエンジニアの手厚いサポートを受けながら、PHP/Laravelを使ったWebアプリケーション開発を学べます。 まずは一度、無料体験で学習の悩みや今後のキャリアについて話してみて、「現役エンジニアから教わること」を実感してみてください。 時間がない方、深く知ってから体験してみたい方は、今スグ見られる説明動画から先に視聴することをおすすめします！
MySQL

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

副業したい方

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

はじめての副業コース

転職したい方

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

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

スキルアップしたい方

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

Pythonコース

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

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

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