1. ～ XAMPPの導入からWPプラグイン作成まで ～

2. 本日の予定
— PHPの紹介
— WordPressの紹介
— XAMPPを導入
— PHPのHelloWorld
— WordPressを導入
— WordPressを使ってみよう
— WordPressのプラグイン紹介
— WordPressのプラグイン作成 （目標）
— WordPressの応用

3. PHPの紹介

4. PHPってなんじゃらホイ
— PHP: Hypertext
Preprocessor
— 所謂、CGIと呼ばれるもの
— スクリプト言語
— サーバーサイドのプログラミング言語
— 感覚としては、HTMLに埋め込めるC言語
— Perlの凄い版
— PHP文庫とは関係ありません

5. PHPで何出来るの？
— 何でも出来ます
— 掲示板、チャット、SNS系のサイト、BOT、Dos攻撃
— ライブラリが豊富
— DBとの連携が取れる
— 将来プログラマになりたいなら、必ず触る…と思う。
— 料理は作れません
— 彼女も作れません

6. PHPの個人的なイメージ
— WebサイトにMCV（Model,Controller,View）を持たせて
くるもの
— HTMLの中に記述できる言語
— ゲームとかリアルタイムレンダリングはしない
— JavaScript、HTML５、Flashの方がいい（クライアントサイド）
— DGライブラリは面白い
— http://mekashindo.vs.land.to/gd/

7. ちょこっとソース公開
<?php
function koch(&$img , $time, $width){
$p = pow(3, $time);
$len = ($width - 10) / $p;
$x = 0;
$y = 50;
_koch( $x, $y, $img , $time, 0, $len);
}
function _koch(&$x0, &$y0, &$img, $time, $rad, $len){
if($time <= 0){
$x = $len * cos($rad) + $x0;
$y = $len * sin($rad) + $y0;
imageline( $img, (int)$x0, (int)(3600-$y0), (int)$x, (int)(3600-$y), ImageColorAllocate($img, 0x00,
0x00, 0x00));
$x0 = $x;
$y0 = $y;
return;
}
_koch($x0, $y0, $img, $time - 1, $rad, $len);
_koch($x0, $y0, $img, $time - 1, $rad + pi()/3, $len);
_koch($x0, $y0, $img, $time - 1, $rad - pi()/3, $len);
_koch($x0, $y0, $img, $time - 1, $rad, $len);
}
?>

8. WordPressの紹介

9. WordPressってなに？
— 見ればわかります。
— http://wordpress.decoweb.jp/

10. もう少し詳しく
— PHPで作られたオープンソースのGPLソフトウェア
— ブログとホームページの中間みたいなもの
— プラグインが豊富
— 使い方いろいろ
— 結構重たいｗ

11. XAMPPの導入

12. XAMPPのインストール
— Webサーバーの環境を整えるもの
— Apache＋MySQL＋PHP＋α ＝ 超便利
— 全部まとめてインストール出来る
— http://www.apachefriends.org/jp/xampp-­‐
windows.html
— Cドライブ直下にxamppというフォルダを作るのがおすす
め。
— ProgramFilesの中には入れない方がいい。

13. サーバーを立てる時の注意
— Skypeが８０ポートを利用していると、Apacheと干渉するた
め、８０ポート以外を使用すること
— PHP.iniの ShortOpenTagをONにしておくと幸せかもし
れない
— また、ERRORをALLにしておくとNOTICEを検知できる
— ソースファイルはUTF-­‐8で保存しましょう。
— ソースファイルはUTF-­‐8で保存しましょう。
— ソースファイルはUTF-­‐8で保存しましょう。

14. PHPの動作テストしてみる
— 「info.php」というファイルを作成する
— テキストエディタで以下を入力
<?php
phpinfo();
?>
— 「C:xampphtdocsinfo.php
」に保存する
— WEBブラウザで「http://localhost/info.php」を開く
— 何か表示されれば成功！

15. WordPressをインストールしよう

16. WordPressのインストール
— wordpress-­‐3.0.1-­‐ja.zipを”htdocs”に展開
— “htdocswordpress”というフォルダが出来ればおｋ
— 「http://localhost/wordpress/」を開く
— 基本的には指示に従えば、出来る。

17. WordPressのインストール
— 「http://localhost/phpmyadmin/」を開く
— 「wordpress」というデータベースを作成する

18. WordPressのインストール
— さっき作成したデータベース名を入力
— ユーザー名「root」、パスワード「」（無し）
— 作成をクリック

19. WordPressのインストール

20. WordPressのインストール

21. WordPressで遊んでみよう

22. WordPressで遊んでみよう
— http://localhost/wordpress/にアクセスしよう
— http://localhost/wordpress/wp-­‐login.phpがログイン
— WordPressで記事を書いてみよう
— テーマを追加してみよう
— プラグインを導入してみよう

23. プラグインのインストール

24. プラグインのインストール
— http://www.authority-­‐site.com/2010/04/wordpress/
27-­‐wordpress-­‐plugin.html
— ここから「External
Links」をダウンロード
— 「C:xampphtdocswordpresswp-­‐contentplugins」に
ZIPの中身を展開する

25. プラグインのインストール
— 管理画面に入り、プラグインのタブを選
択し、External
Linksを有効化させる。

26. 本当に適応されたか確認しよう
— 以下のように外部リンクに画像が付加されていれば成功

27. ソースを見てみよう
— プラグインの画面で、ExternalLinksの編集を押してみよう。
— これが、WordPressのプラグインの正体
— PHPで書かれている。
— 本体もPHPで書かれてる。

28. プラグインを作成しよう！
（やっと本番）

29. Wp_post_twi2erをインストールしよう
— 編集を開いて、ソースを確認しよう

30. ソースコードを改変してみよう
— いろいろなコードを書いてみよう！
— 他のアクションのときに実行したい場合はこの辺をみると
いい。
— http://wpdocs.sourceforge.jp/
%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%
E3%83%B3_API/
%E3%83%95%E3%82%A3%E3%83%AB%E3%82%BF
%E3%83%BC%E3%83%95%E3%83%83%E3%82%AF
%E4%B8%80%E8%A6%A7

31. 他の人のWordPressにアクセスしてみる
— 自分のIPをおしえて、他の人もアクセスできるようにして
みよう。
— コメントもらったり、ハッキングしたりして、遊ぼう。

32. というわけで、お疲れ様でした
— 他にやってほしいことあったら、行ってください。
— ブラックでも、グレーでも大丈夫です。
— Webプログラミング以外でもOK
— 大きなシステム組んでみたいとか、いじって見たいとか。