山形のWeb開発コミュニティ「wanir(わにる)」の分科会で立ち上がったPHP勉強会＠山形に参加してきました。

第１回PHP勉強会＠山形

cakephpについてとPHPオープンソース(CMS・Framework)について。

cakephpは今まで何度か使っているので復習的なキモチでした。少人数だったんで今まで疑問に思っていたことなんかも聞くことができて良かったです。

あと聞いたことがないフレームワークの話が出てきて、興味を持ったので後でさわってみようと思います。

今回は少人数だったので、次回は人がもっと集まるように何かやんないといけないですね。

仙台で開催された「1000 Speakers@Sendai」に僭越ですがスピーカーとして参加してきました。

検索エンジンを有効利用するWEBサイト構築というタイトルでプレゼンしてきましたので資料を公開します。

1000Speakersとは「自分の技術をさらけだす場」を提供することを目的としたプロジェクトです。

昨日1000 Speakers@Sendaiに参加してきました。

申込するとき、メンツを見るとガチな技術者さんばかり…不相応かと思いましたが地元・近場にいる技術者さんと絡める機会かなぁと、思い切って申し込みましたが、普段目にしないような知らない言語や面白い技術の話を聞くことができてホントに勉強になりました。

終始和やかな雰囲気で、カンファレンスから飲み会までほとんどの方が参加するほど楽しい会でしたｗ

私は参加者に知り合いが一人もいなかったのですが、ホントに色んな人が話しかけて下さり、名刺を交換させていただきまして大変ありがたかったです。

特にBlogで書いてませんでしたが性別は女です。男だと思って気軽に誘っていただいたtakedaさん。ありがとうございましたｗ

心残りなのは、時間オーバーで最後の部分が全然話せなかったことです＾＾；

資料を公開するので発表できなかった部分もぜひご覧ください。

プレゼン資料公開

コードサンプル

リファラの取り方

Javascript

<script type="text/javascript" language="javascript">
<!--
document.write(document.referrer);
// -->
</script>

PHP

<?php
echo $_SERVER["HTTP_REFERER"];
?>

検索キーワードで表示部分を変更させる簡単なサンプル

マクドナルドLPO導入リニューアルの際は、MT4でLPO対策を実現するモジュールを関連記事として、アスキー他いくつかのサイトにご紹介いただき、反響がありましたので、今回は、実際にマクドナルドのように(スライド15ページ)、ページの部分的なところを変更させる処理のサンプルを出してみました。

<?php

// 文字コードはUTF-8に
define("CHARACTERSET","UTF-8");

function keyword($linkurl) {

// リファラから検索エンジンごとにキーワードをデコードする処理

if (strpos($linkurl,".google.")) {

//もしgoogleからのリファラだったら

   $str = eregi_replace(".+q=([^&]+).*","\\1",$linkurl);
   $str = urldecode($str);
   $str = mb_convert_encoding($str,CHARACTERSET,"UTF-8");
} elseif {

//･･･検索エンジンごとに同様の処理

}

//リファラの取得
$key = keyword($_SERVER['HTTP_REFERER']);

//検索キーワードに任意の文字列が含まれていたら
if(stripos($key, "PHP")){

//キーワード「PHP」で訪れた人に提案する部分

}elseif(stripos($key, "eclipse")){

//キーワード「eclipse」で訪れた人に提案する部分

}
?>

応用：こんなふうに使います

アドワーズ広告との連携

アドワーズ広告などから来たお客さんをページに誘導して費用対効果を計る。

オンラインショップ

「キーワード」と一致する商品リストを表示させる

カタログ系サイト

資料請求やお問い合わせのページへのコンバーション率を上げる

symfonyとはPHP5のフレームワークで、ajax開発にも対応した開発効率のよいフレームワーク…らしいです＾＾；

フレームワークを使うのは初めてですので、まだ良さがよくわかっていませんが、PHP開発に使ってみたいと思います。

xampp環境でsymfonyをインストールから、eclipseで開発環境を作るまでをまとめてみました。

数あるPHPフレームワークの中からsymfonyを選択したのはMVC構造を勉強したかったのとAjax開発が容易である(らしい)ことです。同じ条件だとCakePHPもあてはまりますが、ドキュメントが多かったのでsymfonyにしてみました。zend Frameworkも後々やってみたいと思っています。

インストール前の準備

xampp・eclipseのインストール

• Eclipseとpdtで日本語化したPHP開発環境を作る(Xampp) : delab

作業環境

symfonyはPEARからインストールすることが出来ます。xamppにPEARも一緒に入っているので、新たにPEARをインストールする必要はありません。

symfonyを動作させるにはPEAR1.4.0以上 PHP5.1.0以上の環境が必要です(最新のxamppならOK)。

プロジェクトの構造

PEARのバージョンを確認する

インストールの前に、PEARのバージョンを確認します。

コマンドプロントで PHPのインストールディレクトリ(C:\xampp\phpなど)に移動してバージョンを確認します。

C:/xampp/php >  pear -V

バージョンが足りなかった場合は

C:/xampp/php >  pear upgrade PEAR

でアップグレードすることができます。

symfonyのインストール

ここまで準備が出来たら、インストール作業に移ります。

PEARチャンネルにsymfonyを登録する

symfonyは、symfony.comでパッケージが配布されているので、Channel機能を使ってPEARコマンドよりインストールすることになります。まずはPEARにチャンネルを登録します。

C:/xampp/php >  pear channel-discover pear.symfony-project.com

最後にsucceedと出てきたら完了です。

symfonyのインストール

コマンドを実行するとインストールします。終わるまで少し時間がかかりました。

C:/xampp/php >  pear install symfony/symfony

バージョンを確認。正常にインストールされていればバージョンが出てきます。

C:/xampp/php >  symfony -V

これでsymfonyがインストールされました。

symfonyプロジェクトを作成

次は、xampp環境で、開発はeclipseを使ってやることを前提に練習用のプロジェクトを作成します。

symfonyプロジェクト用のワークスペースを作成

eclipseを使う前提で、他のプロジェクトと一緒にならないように新しいワークスペース：workspaceにドキュメントをインストールしています。

Eドライブの新規ワークスペース：workspaces に、symfonyというフォルダを作成します

 > mkdir E:/workspace/symfony

symfonyのプロジェクトをインストール

上で作成したディレクトリE:/workspase/symfonyに移動します。

 > cd E:/workspase/symfony

E:/workspase/symfonyに練習用プロジェクト「askeet」を作成します

E:/workspace/symfony > symfony init-project askeet

フロントエンドアプリケーションとして「frontend」を作成する。

E:/workspase/symfony > symfony init-app frontend

これでsymfony本体と練習用プロジェクトがインストールされました。

eclipseで作業することを考えて、プロジェクトをワークスペース用のディレクトリにインストールしましたが、実際に稼動させるのはxampp/htdocs内です。

eclipse使わない場合はxampp/htdocs内にインストールしないと動きません。

Apacheの設定

今作ったプロジェクトをApacheで動かすための設定です。

プロジェクトの公開ディレクトリ

eclipse使わない場合は、上でインストールしたプロジェクトのディレクトリを指定します。

C:/xampp/htdocs/symfony

バーチャルホストの設定

http://127.0.0.1の内容の実体はC:/xampp/htdocsになります。

これはドキュメントルートと呼ばれています。

現在の設定だと、プロジェクトのweb公開用のディレクトリC:/xampp/htdocs/symfony/webまでのアドレスは下のようになります。

http://127.0.0.1/symfony/web

ちょっと長いので、バーチャルホスト機能を使って、WEB公開領域にドキュメントルートをもうひとつ作ります。

バーチャルホストとはIPやホスト名でドキュメントルートを振り分けする機能です。

今回はポート番号を使ってドキュメントルートを振り分けてみます。

練習用プロジェクトの公開ディレクトリ

C:/xampp/htdocs/symfony/web

サーバーアドレス(IPの後ろのポート番号で振り分けしています)

http://127.0.0.1:8080/ → C:/xampp/htdocs/symfony/web

httpd.confの設定

ポート番号を追加します

C:/xampp/apache/conf/httpd.conf

# Change this to Listen on specific IP addresses as shown below to
# prevent Apache from glomming onto all bound IP addresses (0.0.0.0)
#
#Listen 12.34.56.78:80
Listen 80
Listen 8080

ファイルの最後に追加

C:/xampp/apache/conf/httpd.conf

<VirtualHost *:8080>
DocumentRoot C:/xampp/htdocs/symfony/web
Alias /sf  C:/php5/pear/data/symfony/web/sf
<Directory "C:/xampp/htdocs/symfony/web">
AllowOverride All
Order allow,deny
Allow from all
</Directory>
</VirtualHost>

保存してApache を再起動します。

XAMPPコントロールパネルからApacheを「Stop」してから10秒ほど待って「Start」 してください。

Runningにならない場合はhttp.confの記述が間違っています。または少し待ってから「Start」するといいみたいです。

サイトの確認

http://127.0.0.1:8080

にアクセスして、以下の画面が表示されれば、Symfonyが正常に動いています。

画像が出ない場合は、httpd.confで指定したエイリアスのパスが間違っていますので、環境に合わせて修正して下さい。

Alias /sf  C:/php5/pear/data/symfony/web/sf

symfonyをeclipseのプロジェクトに設定

上で作成したプロジェクトをeclipseで設定します。

新しいワークスペースを作る

ファイル > ワークスペースの切り替え > その他を選択して新しいワークスペースを設定します。

詳しいワークスペースの作り方・プロジェクトの作成の仕方はこちらを見て下さい。

• EclipseでPHP開発環境を作る – 設定 : delab

ワークスペース：E:/workspace

サーバーの設定

新しくPHPサーバーを設定します。

URL：1287.0.0.1：8080

ディレクトリ：C:/xampp/htdocs/symfony

PHPプロジェクトを作成する

プロジェクト名：symfony

これで、インストールしたプロジェクトとeclipseのプロジェクトが同期しました。

• EclipseでPHP開発環境を作る – 設定

PHPプロジェクトの作成

新規PHPプロジェクトを作る

ファイル > 新規 > PHPプロジェクトを選択し、新しいPHPプロジェクトを作成します。

プロジェクトの名前：test1

ナビゲーターにtest1というプロジェクトが表示されました。

新規PHPファイルの作成

ナビゲーターのtest1を右クリックして、新しいPHPファイルを作成します。

ソースフォルダ: /test1が初期入力されています。

ファイル名: index.php

PHPテンプレートから作成する

テンプレート「New PHP File」を使ってページを作成します。

簡単なスクリプトを作成する

簡単なスクリプトを作成します。

index.php

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head profile="http://purl.org/net/ns/metaprof">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>
<body>
<?php
echo '
hello!
';
?>
</body>
</html>

PHPファイルが作成されました。

では作成したファイルを、実行・デバッグします。

PHPファイルの実行とデバッグ

PHPの実行

ナビゲーターからindex.phpを選択。右クリックで実行 > PHP WebページでPHPを実行します。

ブラウザで正常に実行されました。

デバッグして問題点を調べる

先程の実行と同じ手順でデバッグします。デバッグ > PHP WebページでPHPをデバッグします。

エラー個所を表示してくれます。ブラウザでみるとこんな感じ。

「；」がないと言ってます。

実際のプロジェクト作成ではとても便利です。

前回までにインストールしたXampp×EclipseでPHP開発環境を作るための設定です。

eclipse＋pdt(PHP)＋Pleiades(日本語化) インストールから設定までのまとめ

1. Eclipseとpdtで日本語化したPHP開発環境を作る(Xampp)
2. EclipseでPHP開発環境を作る – Aptanaのインストール
3. EclipseでPHP開発環境を作る – 設定

eclipseの初期設定

インストールしたeclipseを最初に立ち上げると、ワークスペースを作成する画面が出てきます。

※ワークスペースとは、ローカルの作業スペースのことです。

今回は、作業スペースをE:\Workspaceにしました。

こちらで作業したものが、これから作るPHPサーバーに反映されます。

ワークスペースが作成されました。

PHPの環境設定

PHP実行可能ファイルの設定

ウィンドウ > 設定 > PHP > PHP実行可能ファイルに、PHPのパスを指定します。

PHPサーバーの設定

PHPを実行するサーバーの設定です。ワークスペース(ローカル作業スペース)で作ったプロジェクトを実行するサーバー(xamppの場合はC:\xampp\htdocs内)を設定します。

ウィンドウ > 設定 > PHP > PHPサーバーこちらに最初からDefault PHP Web Serverという名前のサーバーが入っていますので、編集して使用します。

上記は、C:\xampp\htdocs\testをサーバースペースに設定した例です。実際の環境に合わせて下さい。

これで環境の設定は終了です。

PHPプロジェクトの作成

では実際にプロジェクトを作ってみます。

新規プロジェクトの作成

ファイル > 新規 > プロジェクト > PHPプロジェクトを選択します。

新規PHPプロジェクトの設定

プロジェクト名を決めます。デフォルトではプロジェクト名がそのままファイル名になるので、半角英数字にします。

今回はestimateがプロジェクト名です。サーバーとローカル作業フォルダにestimateフォルダが出来ています。

PHPインクルード・パス

今回は使用しません。

プロジェクトestimateが作成されました。

文字化けする場合は

Aptanaをインストールしている場合、文字化けすることがよくあるようです。というか自分の設定でも文字化けしました(；・∀・)

実際にプロジェクトを作ってみて文字化けするようならウィンドウ > 設定 > 一般 > ワークスペースより、文字コードを変更するといいかも。

文字コードはプロジェクトごとにも設定できます。

EclipseのPHP開発環境に、Eclipseのプラグインとして動作するWebエディタ「Aptana」を導入しました。

eclipse＋pdt(PHP)＋Pleiades(日本語化) インストールから設定までのまとめ

1. Eclipseとpdtで日本語化したPHP開発環境を作る(Xampp)
2. EclipseでPHP開発環境を作る – Aptanaのインストール
3. EclipseでPHP開発環境を作る – 設定

Ajax開発もできる 高機能なWEBエディタ Aptana

前回 Eclipseとpdtで日本語化したPHP開発環境を作る(Xampp) で、PHPの統合環境をインストールしました。

ただ、実際にプロジェクトを作成する際には、HTMLなどのWeb言語も必須になります。

WebエディタにDreamweaverを使ってもいいのですが、HTML部分だけ別のエディタで書くのも面倒なので、Eclipseのプラグインとして動作するWebエディタ「Aptana」を導入します。

eclipse本体のソフトウェア更新からインストールできるので簡単です。Aptanaサイトにも導入の仕方が書いてありました(英語です)。

Plugging Aptana into an existing Eclipse configuration

Aptanaの動作を見てみる

導入する前に、実際の動作を確認できるように、動画をアップしました。

新規 > HTML > DTD選択 > タグの補完を使って書く

プロジェクトからHTMLを新規作成で、DTDに合わせたHTMLテンプレートが出てきます。

HTMLテンプレートは自分で使いやすいものを作成することも出来て超便利。

タグの補完もサクサクで、Dreamweaverいらないです。

Aptanaのインストール

Aptanaインストールを開始する

ヘルプ > ソフトウェア更新 > 検索及びインストールでインストールが開始します。

新規リモート・サイトを作成

名前：Aptana

URL：http://update.aptana.com/install/3.2/

更新するサイトを選択

Aptanaをチェックして「終了」をクリック。

検索結果からインストールするものを選択

Aptanaをチェックして「次へ」をクリック。

次の画面で規約の同意が出ますので、同意します。

Aptanaのインストール

終了ボタンでインストールが開始します。少し時間がかかりますが、eclipseを再起動して終了になります。

次回でEclipseの設定に移ります。

Eclipseはオープンソースの統合開発環境(IDE)です。

Windows・xampp環境で、Eclipse PDT(PHP統合開発環境)・Pleiades(日本語化)をインストールしました。

eclipse＋pdt(PHP)＋Pleiades(日本語化) インストールから設定までのまとめ

1. Eclipseとpdtで日本語化したPHP開発環境を作る(Xampp)
2. EclipseでPHP開発環境を作る – Aptanaのインストール
3. EclipseでPHP開発環境を作る – 設定

EclipseをPHPのIDEとして使う方法

IDEとは、プログラム開発に必要なツール類をひとまとめにしたソフトウェアアプリケーションを指します。

最近IDEって言葉をはじめて知りました。なかなか便利そうです。

今までDreamweaverでコーディングしてましたが、PHP開発環境用のプラグインがあると聞いて、早速入れてみました。

インストール前の準備

Eclipse/pdt環境に必要なもの

PDT(PHP Development Tools) – PHP向けの統合開発環境

Pleiades – 本体とプラグインを日本語化するプラグイン

作業環境

インストールファイル

※今回は敷居の低いxamppで検証しましたが、coLinuxでも実働しています。

xamppは初心者でも簡単にPHP/Mysql環境を作ることが出来るアプリケーションです。

また、最初からZendなどのデバッガーが入っているので、自分で入れる手間が省けます。

xamppインストールにはこちらが参考になると思います。

[ThinkIT] 第3回：5分でXAMPPをWindowsにインストール

EclipseのPHP向けの統合開発環境 PDT をインストール

PDTとはEclipse上でPHPの統合開発環境を利用できるプロジェクトです(PHP Development Tools) 。

今回は、Eclipse本体を、PDTのオールインワンパッケージで一緒にインストールします。

PDT (former PHP IDE) Project Downloads

最新リリース – 1.0 Release Build(R20070917)のリンクより

PDT All-in-One – pdt-all-in-one-1.0-R20070917-win32.zip

上記をダウンロードし、解凍してできたEclipseフォルダを、C:

などに移動して、Eclipse.exeで起動します。

現在の最新リリースは1.0.2 Release Build R20080103になっています。ダウンロードファイルはpdt-all-in-one-R20080103-win32.zipです。

Eclipseを日本語環境で使うプラグイン – Pleiades

Eclipseがインストールされたら、日本語化の作業を行います。

Pleiadesのダウンロード

Pleiades (Eclipse プラグイン日本語化プラグイン)

こちらのダウンロードからPleiades 本体 > 最新板 or 安定版 をダウンロードします。

※今回最新版を入れてみましたが、Pleiades自体、まだ動作安定していない？ようなので、安定版のほうがいいのかも。

Pleiadesのインストール

ダウンロードして出来たフォルダ内のfeaturespluginseclipse.exe -clean.cmdをホームディレクトリ(今回はC:/Eclipse)にコピーします。

eclipse/eclipse.iniの最後の行にjavaagent指定を追加。

eclipse\eclipse.ini

-javaagent:plugins/jp.sourceforge.mergedoc.pleiades/pleiades.jar

初回起動時にeclipse/eclipse.exe -clean.cmdをダブルクリックして実行します。

xamppでデバッグの設定

xamppでPHPのデバッグが出来るように、xdebugの設定を行います。

xampp1.6.4ではxdebugがインストール済みですので、xdebugをダウンロードする必要がなく楽です。

Cドライブ直下にxamppがインストールされているものとします。

しかしデフォルトではZendDebuggerが有効になっていますので、修正してxdebugを有効にします。

php.iniの設定

[Zend] zend_extension_ts…の一行をコメントアウト。

[XDebug] 以下のコメントアウトを外して有効化します。

Apache/PHPとPHPの2か所を同様に修正して下さい。

C:\xampp\apache\bin\php.ini 1263行目

;zend_extension_ts = "\xampp\php\zendOptimizer\lib\ZendExtensionManager.dll"
....省略
[XDebug]
;; Only Zend OR (!) XDebug
zend_extension_ts="\xampp\php\ext\php_xdebug.dll"
xdebug.remote_enable=true
xdebug.remote_host=127.0.0.1
xdebug.remote_port=9000
xdebug.remote_handler=dbgp
xdebug.profiler_enable=1
xdebug.profiler_output_dir="\xampp\tmp"

C:\xampp\php\php.ini

[Zend]
;zend_extension_ts = "\xampp\php\zendOptimizer\lib\ZendExtensionManager.dll"
....省略
[XDebug]
;; Only Zend OR (!) XDebug
zend_extension_ts="\xampp\php\ext\php_xdebug.dll"
xdebug.remote_enable=true
xdebug.remote_host=127.0.0.1
xdebug.remote_port=9000
xdebug.remote_handler=dbgp
xdebug.profiler_enable=1
xdebug.profiler_output_dir="\xampp\tmp"

httpd.confの設定

C:\xampp\apache\conf\httpd.conf

LoadModule rewrite_module modules/mod_rewrite.so

LoadModule rewrite_moduleのコメントアウトを外します。

Apacheを再起動するとxdebugが有効になっているはずです。

次は Aptanaのインストールです

関連書籍

EclipseではじめるPHP

NRIラーニングネットワーク株式会社

翔泳社 2007-02-14

by G-Tools , 2008/05/31

Eclipse3ではじめるPHP5プログラミング入門―Eclipse PDT対応

掌田 津耶乃

秀和システム 2007-12

by G-Tools , 2008/05/31