(15)ページお問い合わせEclipseのインストール&初期セットアップ(PHPプログラム開発環境用)2015/4/4(土)WEBhttps://yossy-style.net/eclipse-install-setupEclipseのインストール&初期セットアップ(PHPプログラム開発環境用)ちょっとPHPを基本から勉強し直そうと思って、気づけばプロ並みPHP~ショッピングカート作りにチャレンジ!という書籍を購入して、最近PHPを勉強していた今日このごろ、家でごろごろ。この本、今の自分のレベルにはちょうどいい感じの分かりやすい書籍。本題、PHPを書くときはコードアシスト補助入力やデバッグができるEclipseが好きで使っているわけですが、時がたってEclipseのバージョンもだいぶ新しくなっているようだったので、この機会に新しいバージョンのEclipseを入れ直してみることに。いろいろな初期設定方法を忘れてしまっていて、グーグル先生にお世話になりながら、ようやく使える状態になりましたよ、と。次回同じことが繰り返されそうなので、備忘録としてEclipse・XAMPPのインストール&初期セットアップについて書いておきます。自分用の最低限のセットアップなので、あしからず。既定の実行ブラウザの変更EclipseにEmmetをインストールするおまけ.PHPプロジェクトとPHPファイルの作成方法EclipseのダウンロードこのPleiadesのサイトから、まずEclipseをダウンロード。最初に最新の4.4(Luna)をインストールして使ったら、デバッグのステップ実行に不具合があって使いづらかったので、ひとつ前の4.3(Kepler)をインストール。先に言うと、Keplerに関してはLunaのようなデバッグの不具合はないです。Edition、の条件にあったアイコンをクリック。クリックするとダウンロードが始まる(自分の設定なのかChromeだとダウンロード画面がエラーになっちゃうので、他のブラウザ(IEとか)でやったらちゃんとダウンロードできた)EclipseとXAMPPがセットに入っているパッケージなので、ダウンロードには他のソフトなどと比べるとちょっと時間がかかる。ダウンロードが終わったら、ダウンロードしたZIPファイルを解凍。これまた時間が結構かかるので、ひたすら待つ。いうフォルダーが出来ているので、このフォルダーを自分が管理しやすい場所に移動する。今回は、C:\pleiadesに移動。XAMPPの初期設定このpleiadesフォルダーの中には開発ツールのeclipseとxamppのフォルダーが入っている。先に、XAMPPの初期設定を行う。setup_xampp.batの実行C:\pleiades\xamppにsetup_xampp.batというファイルがあるので、このファイルを実行。コマントプロンプトが立ち上がって、処理が始まる。処理自体は数秒で終わるので、画面の指示通り何かキーを打つと、画面が終了する。これで、XAMPP関連の各種ファイルパスなどの設定が完了する(らしい)。以前はEclipseでデバッグできるように、php.iniファイルも後から修正する必要があった気がするけど、今はこれだけでデバッグもできるような設定になっているのはありがたい。Panelを立ち上げる。ApacheとMySQLの横の「Startボタン」を押して、ApacheとMySQLを起動中の状態にする。続いて、MySQLのパスワードを設定するために、Apacheの横の「Admin」ボタンを押す。「セキュリティ」タブをクリック。「MySQLユーザルートにパスワードがありません」と表示されている下部に記載されている。データベースのユーザ「root」には初期状態だとパスワードが設定されていない。そんなわけで今からこれを設定する。ページの左側のメニューがエラーっぽくなっているけど、無視して構わない。パスワードを入力する。今後ローカル環境でデータベースに接続する際に使う事になるので、忘れないように何かにメモを。「パスワードを変更しました。パスワードが変更された旨のメッセージが出ればOK。パスワードを例えばpassという文字列に設定した場合、以降、データベースを使う場合は、ユーザ名/root、パスワード/pass、接続先ホスト/localhostで使えるようになる。他にもやった方がいい変更はあるけど、最低限のXAMPPの設定はこれぐらいで。後日この記事か別記事に追記しようかな。Eclipseの設定ようやくEclipseの設定を。C:\pleiades\eclipse\eclipse.exeを実行して、Eclipseを起動。↓なメッセージが出てきたら、「この選択を~、表示しない」にチェックを入れて、「OK」。チェックを入れないと、起動の度にこの画面が表示される。↓これが起動直後の画面。この今のEclipseの初期状態でも問題なく動くけど、自分的にはちょっと使いづらい部分があるので、その設定を変更します。初期状態だと、↓のような感じでフォントサイズが小さいので、もうちょっと大きいフォントに変更。「基本」を展開して、下にスクロール。「テキスト・フォント」を選択して「編集」をクリック。サイズの初期状態が9となっているので、それより大きいサイズに変更。サイズ変更したら「OK」。開いたウィンドウを全部閉じて、さっきのPHPファイルに戻ると、文字サイズが大きくなる。これだけで、だいぶん作業しやすくなる。初期状態で、作成したPHPファイルを実行すると、↓のように内部ウェブブラウザでプログラムが実行されてしまう。これだと動作確認が非常にやりづらいので、既定の実行ブラウザの変更をする。一般→Webブラウザ。初期状態が「内部Webブラウザーを使用」になっているので、これを変更する。「外部Webブラウザーを使用」にチェックして、その下欄のブラウザーの選択肢から使用したいブラウザにチェックを入れる。Explorer」に。この一覧にないブラウザを使用したい場合は、「新規」ボタンより追加選択することも可能。ブラウザを選んだら「OK」で画面を閉じる。先ほどのPHPファイルを再度実行してみると・・。Explorerでプログラムを実行することができた。これで動作確認がしやすい。Coding)はHTMLやCSSを効率的に入力できるとても便利なツール。そんなEmmetはDreamweaverにも拡張機能としてもインストールして使えるけど、Eclipseにも同様に使えます。いうわけで、EmmetをインストールしてEclipseでも使えるようにします。「作業対象」にhttp://emmet.io/eclipse/updates/と入れて、「追加」ボタン。こんな窓が開いても、そのまま「OK」で。Emmetにチェックボックスを入れて、「次へ」またしばしの待ち時間。「使用条件の条項に同意します」にチェックを入れて、「完了」。