読者です 読者をやめる 読者になる 読者になる

delalunaofficedaysのブログ

WORDPRESSとEC CUBEくらいしか触っていないWEBデザイナーの日記とかメモ。

NetBeansを使ってみる。

PHPを多く触る機会が増えそうなので統合開発環境を用意したいと思っていた。

NetBeansのインストール

いつもEclipseって結論に達するんだけど今回は気分でNetBeansを使ってみたいという気持ちになったので早速ダウンロードしてみる。 “HTML5/JavaScript"バージョンと"PHP"バージョンの違いがわからないけどPHP用にということでPHPバージョンをダウンロードしてみる。

ダウンロード~インストール~サンプル

nb01

インストールして起動してみたら以下の画面になった。 nb02 これは一体・・・?"ツアーを見る"をクリックするとブラウザが開いて英語版のツアーが開始されるみたいなのでちょっと後回し。 “サンプル・プロジェクトを試す"でサンプルを開いてみた。

nb03

PHPのサンプルを見てみようかな。 nb04

“TodoList"っていうプロジェクトらしい。 nb05

なんかブラウザで説明みたいなものが開いた。 nb06 全部英語ですけどね。

nb07

そしてこちらはIDE側。 nb07 IDEっぽい見た目でワクワクしますね。

コードを確認する画面はこんな感じ。 nb08

XDebugに興味をお持ちのようです

PHPを勉強できるようなチュートリアル記事もあるんですね。これは助かるかも。 https://netbeans.org/kb/trails/php_ja.html

折角のNetBeansなのでXDebugの事を調べておかないといけないような気に駆られる。 https://netbeans.org/kb/docs/php/debugging_ja.html

準備するもの:

がインストールされ、PHP開発用に構成されている必要があります。

とのことですが・・ XAMMPでええのかな?と思っています。 というわけでXAMMPを起動。 なんか久々に起動した気がした。 nb11

これだけ起動しておけばいいかな・・・・。 nb12

デバッグの方法は

  1. PHPソース・コードの実行を一時休止する行ごとにブレークポイントを設定します。
  2. デバッグ・セッションを開始します。
  3. ブレークポイントが設定された行に到達したら、[F7]および[F8]を押して、スクリプトを1行ずつ実行します。デバッガ・ウィンドウでアプリケーションの状態をモニターします。
  4. デバッグ・セッションを閉じます。

とのことです。

nb09

ブレークポイントは行数をクリックすれば設定できるみたい。

デバッグ・セッションを参考にしてみると良いかもしれないです。 https://netbeans.org/kb/docs/php/debugging_ja.html#debuggingSession

ではNetBeansを使ってプロジェクトを作っていこうかな。 nb13

ほい。 nb14

おっ?XAMMPの中を自動的に選択してくれたぞ? nb15 PHPのバージョンってどうなんだっけ・・・?自分のは5.4.27だったので"5.4"に設定。

nb16 そして実行構成を設定。これはこのままでいいか。

nb17 フレームワーク。は使ったことがないんですよね・・・。そのうち勉強したいとは思ってるけど。

nb18 Composerの設定。聞き慣れない言葉が出てきたわ。なんだこれ。 PHPのパッケージ管理システムのComposerのことらしいがよく・・・わからない。無視して"終了"。

やっとのことでプロジェクトが一つ作れました。 nb19 IDEってここらへん面倒だけどちゃんと設定しておくと後が楽なんですよね。(多分)

XDebugの設定

まずはXAMMPの設定をいじらんといかんらしい。 nb20

これね~"メモ帳"で開いちゃんですよねデフォルトだと。非常に使いにくいので設定を変更。ついでに全て使いやすいように設定。

php.iniの設定

文字コードをデフォルトUTF-8に設定 814行目あたり [code] ;default_charset = “UTF-8″ ↓ default_charset = “UTF-8″ [/code]

タイムゾーンAsia/Tokyo )の設定 1045行目あたり  [code] date.timezone=Europe/Berlin ↓ date.timezone=Asia/Tokyo [/code]

日本語利用のためのマルチバイト( mbstring )の設定 1860行目あたり [code] ;mbstring.language = Japanese ↓ mbstring.language = Japanese [/code] 1866行目あたり [code] ;mbstring.internal_encoding = EUC-JP ↓ mbstring.internal_encoding = UTF-8 [/code] 1870行目あたり [code] ;mbstring.http_input = auto ↓ mbstring.http_input = auto [/code] 1875行目あたり [code] ;mbstring.http_output = SJIS ↓ mbstring.http_output = UTF-8 [/code] 1883行目あたり [code] ;mbstring.encoding_translation = Off ↓ mbstring.encoding_translation = On [/code] 1888行目あたり [code] ;mbstring.detect_order = auto ↓ mbstring.detect_order = auto [/code] 1893行目あたり [code] ;mbstring.substitute_character = none; ↓ mbstring.substitute_character = none [/code] 1904行目あたり [code] ;mbstring.func_overload = 0 ↓ mbstring.func_overload = 0; [/code] 上書き保存して終了。

my.iniの設定

ついでにMySQL用のmy.iniファイルを設定。 (XAMPPインストールディレクトリ)\mysql\bin\my.ini にあるので

文字コードUTF-8 )の設定と追加 152行目あたり [code]

init-connect=\SET NAMES utf8\

↓ init-connect=SET NAMES utf8 [/code] 153行目 [code]

collation_server=utf8_unicode_ci

↓ collation_server=utf8_unicode_ci [/code] 154行目 [code]

character_set_server=utf8

↓ character_set_server=utf8 [/code] 155行目 [code]

skip-character-set-client-handshake

↓ skip-character-set-client-handshake [/code] 156行目 [code]

character_sets-dir=”C:/xampp/mysql/share/charsets”

↓ character_sets-dir=”C:/xampp/mysql/share/charsets” [/code]

ほんでやっとXDebugの設定をしていく。 php.iniに [code] [XDebug] zend_extension = "C:\xampp\php\ext\php_xdebug.dll" ;xdebug.profiler_append = 0 ;xdebug.profiler_enable = 1 ;xdebug.profiler_enable_trigger = 0 xdebug.profiler_output_dir = "C:\xampp\tmp" ;xdebug.profiler_output_name = "cachegrind.out.%t-%s" xdebug.remote_enable = 1 xdebug.remote_handler = "dbgp" xdebug.remote_host = "127.0.0.1" ;xdebug.trace_output_dir = "C:\xampp\tmp" [/code]

一番下に項目があるので上記のように書き換える。 xdebugのポート番号はデフォルトで9000ポートを使用しているらしいので特にNetBeans側の設定はいじらなくとも良いということ

nb21

これでデバッグ用の設定は完了した。

~記事の途中ですがお仕事による執筆休憩~

今回の作業用BGM