初心者が調べたPHP開発環境の比較とおすすめ


PHPの正式名称

1.「Personal Home Page Tools」：略称「PHP Tools」

2.「Forms Interpreter」：略称「FI 」

3.「Personal Home Page Construction Kit」

4.「PHP/FI」

5.「PHP: Hypertext Preprocessor」：略称「PHP]

PHP: PHPの歴史 - Manual

上記の通り1〜5の順に変遷している。



PHPとは

動的にWebページを生成することができるサーバーサイドのスクリプト言語。スクリプトはHTMLファイルに記述しておき、ユーザーからWebブラウザーによって処理を要求されたときに、サーバー側でスクリプトを実行し、その結果をクライアントに返すという仕組み。MySQLやOracleといったさまざまなデータベースに対応しており、データベースを扱うWebアプリケーションの開発が容易であるという特徴がある。

参照：ASCII.jpデジタル用語辞典／PHP: PHP とはなんでしょう? - Manual



なぜPHPを学ぶのか

とある案件で作品紹介ページがあり、作品一覧を表示する時にHTMLのみで構成しているので、掲載作品が増えるたびに手作業でHTMLを追記していくのが非常に面倒で。



また作品追加は頻繁にないので、しばらく追加しないと、どこのタグを複製すれば良いのか忘れていて作業に時間がかかる。



この作業を簡単にに効率よくするには、作品をデータベースに格納して操作するのが良いので、この操作が得意なPHPを使うのが良いのだと知った。



PHPはどうやったら使えるか

PHPを書いたファイルをwebサーバ上に配置すれば動作する。

しかし動作確認のためにいちいちサーバサイドにアップして確認するのはちょっと手間。

なのでサーバサイドにアップすることなくPC上だけで開発が出来てしまうのが「開発環境」と呼ばれるもの、らしい。

「開発環境」には、webサーバ、PHP、データベース管理システムなど、webアプリケーション開発に必要なソフトウェア一式が含まれているということだ。



では「開発環境」はどれが良いか

PHPの開発環境は色々あるみたいで、何がどうなのか初心者の自分には良く分からない。



がそんな事も言っていられないので、ネットで先達たちが公開して下さっている情報を見つつ、各開発環境の特徴や違いを以下にまとめてみた。




MAMP
元はMac上に構築できるWebアプリケーションに必要なソフトウェアをパッケージ化したもの。ローカルサーバ環境一式。現在はWindows版もある。


XAMPP
クロスプラットフォーム（Linux / Windows / macOS / Solaris）上にWebアプリケーションに必要なソフトウェアをパッケージ化したもの。ローカルサーバ環境一式。


LAMP
Linux上に構築できるWebアプリケーションに必要なソフトウェアをパッケージ化したもの。ローカルサーバ環境一式。


LARAGON
Windows上に構築できるWebアプリケーションに必要なソフトウェアをパッケージ化したもの。ローカルサーバ環境一式。動作が軽量で今熱いらしい。まだ日本語の情報が少ない。


Neard
Windows用のポータブルWAMPソフトウェアスタック。よくわからない。


WampServer (WAMP)
Windows上に構築できるWebアプリケーションに必要なソフトウェアをパッケージ化したもの。ローカルサーバ環境一式。


Vagrant
Linux / Windows / macOS / Debian / CentOS上に仮想マシンをとても簡単シンプルに構築・操作するソフトウェア→PHPの開発環境を仮想環境に構築することができる。Webアプリケーションに必要なソフトウェアは別途仮想環境上にインストールする必要がある。


Docker
Windows / macOS上に構築できるコンテナ仮想化ツール。Webアプリケーションに必要なソフトウェアは別途仮想環境上にインストールする必要がある。



初心者が思うおすすめは

上記でサクッと調べた結果、初心者なりにおすすめが何となく分かったので。



まず初心者は色々慣れるために、


  • macOSならMAMP、WindowsならXAMPPから始める方が良いかな。

    →不明点などはネットで調べれば日本語でたくさん出てくる。

    →PHP関連本もどちらかの導入から始まる。


  • 英語ができるWindows使いならば、LARAGONが熱いかも知れない。

    →海外では今一番注目されている、らしい。

    →動作が軽いらしい。


  • VagrantやDockerは、MAMPやXAMPPで一通り慣れた後の次の段階という位置付け。

    →仮想環境の構築するもので、これを入れた後、PHPやApacheやMySQLなどを個別にインストールする必要がある。

    →でも今、特にDockerは初心者でもいきなり勉強する人が増えているのか、人気があるらしいから、一足飛びしても良いかも知れない。

こんな感じだろうか。


自分は初心者でMac使いなので、MAMPを導入しようと思う。







コメント

コメントを投稿

よく読まれている記事

CSSボタンでテキストを天地中央に揃えるとき、なぜボタン高と行高を一緒にするのか

イメージ
表題の件が気になり調べたものを共有した方がイイかなと思い公開してみる。 自身の中でまだよく噛み砕けていないので判りづらい箇所があるかと思うが、そこはご寛恕を。 参考 Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification Cascading Style Sheets Level 2 Revision 1 (CSS 2.1) Specification（日本語訳） Eric A. Meyer著. 株式会社クイープ訳. CSS完全ガイド第2版 . オライリージャパン, 2010 インライン要素とは何か 文書構造を構成するブロックレベル要素内の特定箇所にある特定の機能や論理的な意味を付加する要素をいう。それ自身の前後に改行を生成しない。例としては、a要素、em要素、span要素など。 インライン要素には非置換要素と置換要素とがある。今回は置換要素には触れない（置換要素の代表例はimg要素）。 非置換要素とは何か 要素に囲まれた内容がそのまま表示される要素。HTMLやXHTMLの要素の大半は非置換要素である。 インライン非置換要素の特徴 widthとheightは適用されない。 背景はコンテンツエリアとpaddingに適用される。 上下marginは、事実上適用されない。 左右paddingは、要素の先頭と末尾のみに適用される。 上下paddingは、要素の背景を上下に伸ばすが、行の高さに影響しないため、背景色がある場合は上下の行（実際は上の行）に重なってしまう。 line-heightは何を制御しているか 行高を指定するline-heightは単純に行間を制御しているのではなく、 leadingという、コンテンツエリアの上下にある余白を制御 している。 leadingはline-heightとfont-sizeとの差 であり、 この差を等分 して コンテンツエリアの上下に加えることによって行間が決まる （コンテンツエリア＋leadingをインラインボックスという）。 コンテンツエリアとは、インライン非置換要素では、要素内の全ての文字を繋ぎ合わせたボックスでfont-sizeの値と同じ高さになる。 図解すると以下の通り。 つまり、line-heightが設定され...
Read more »

FullCalendarの導入からカレンダー毎の色指定まで

イメージ
2012年7月の拙サイト改装2回目時に既に導入している「 FullCalendar 」について、導入からGoogleカレンダーの複数読込み、カレンダー毎の色指定までをおさらい。基本的な流れはFullCalendarサイトの解説を踏襲。 デフォルト状態 下記改修を施した後 1. ダウンロード Downloadページ から「fullcalendar-1.5.3.zip」をダウンロードして解凍後、自サーバーへアップ。 2. fullcalendarのCSSとJSを読込む <head> タグ内に以下を記述。 <link rel="stylesheet" type="text/css" href=" fullcalendar.css " /> <script type="text/javascript" src=" fullcalendar.js "></script> <script type="text/javascript" src=" fullcalendar.min.js "></script> <script type="text/javascript" src=" gcal.js "></script> 赤字部分は各自の階層に合うように適宜変更。 3. FullCalendarにGoogleカレンダーを読込むためのjQueryを <head> タグ内に記述 必ず <script> タグで囲むこと。 <script type="text/javascript"> $(document).ready(function() { $(' #calendar ').fullCalendar({ // あとでここに色々追記 }) }); </script> 4. <body> タグ内のFullCalendarを挿入したい箇所にID属性を挿入 <...
Read more »

FacebookページのフィードURLを取得しウォールを自サイトに表示

イメージ
結局未採用だけど、折角調べて試してみたので記録しておく。 参照サイトは jQueryでFacebookページのウォールを自分のサイトに表示する方法（簡易バージョン） | webOpixel FacebookページのフィードURL取得は（取得ツール付き） FacebookページのフィードURLを取得してフィードリーダーで購読する方法: 小粋空間 以上、深謝。 自分のFacebookページのフィードURLを取得 上記参照サイトでは、自FacebookページのID確認方法について書かれているが、小粋空間さんのページに「自FacebookページのフィードURL取得ツール」があるので、自FacebookページのURLを入力すれば、フィードURLを表示してくれる。但しフォーマットはAtom1.0なので、RSS2.0フォーマットは以下のように変更する。 小粋空間さんの取得ツールで取得したフィードURL https://www.facebook.com/feeds/page.php?format= atom10 &id= [取得したID] RSS2.0フォーマットに変更後 https://www.facebook.com/feeds/page.php?format= rss20 &id= [取得したID] jQueryを自サイトに貼込み webOpixelさんからjQueryをを拝借し、自サイトに貼り込む。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script> <script type="text/javascript"> $(function() { var formatData = function(date) { var d = new Date(date); return (d.getFullYear() + '.' + ("0"+(d.getMonth()+1)).slice(-2) + '.' ...
Read more »