Date post: | 24-Jun-2015 |
Category: |
Education |
Upload: | hiroaki-murayama |
View: | 3,375 times |
Download: | 3 times |
~ XAMPPの導入からWPプラグイン作成まで ~
本日の予定 � PHPの紹介 � WordPressの紹介 � XAMPPを導入
� PHPのHelloWorld � WordPressを導入
� WordPressを使ってみよう � WordPressのプラグイン紹介
� WordPressのプラグイン作成 (目標) � WordPressの応用
PHPの紹介
PHPってなんじゃらホイ � PHP: Hypertext Preprocessor � 所謂、CGIと呼ばれるもの � スクリプト言語 � サーバーサイドのプログラミング言語 � 感覚としては、HTMLに埋め込めるC言語 � Perlの凄い版 � PHP文庫とは関係ありません
PHPで何出来るの? � 何でも出来ます � 掲示板、チャット、SNS系のサイト、BOT、Dos攻撃 � ライブラリが豊富 � DBとの連携が取れる � 将来プログラマになりたいなら、必ず触る…と思う。 � 料理は作れません � 彼女も作れません
PHPの個人的なイメージ � WebサイトにMCV(Model,Controller,View)を持たせてくるもの
� HTMLの中に記述できる言語 � ゲームとかリアルタイムレンダリングはしない
� JavaScript、HTML5、Flashの方がいい(クライアントサイド) � DGライブラリは面白い
� http://mekashindo.vs.land.to/gd/
ちょこっとソース公開 <?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);
} ?>
WordPressの紹介
WordPressってなに? � 見ればわかります。 � http://wordpress.decoweb.jp/
もう少し詳しく � PHPで作られたオープンソースのGPLソフトウェア � ブログとホームページの中間みたいなもの � プラグインが豊富 � 使い方いろいろ � 結構重たいw
XAMPPの導入
XAMPPのインストール � Webサーバーの環境を整えるもの � Apache+MySQL+PHP+α = 超便利 � 全部まとめてインストール出来る � http://www.apachefriends.org/jp/xampp-‐windows.html
� Cドライブ直下にxamppというフォルダを作るのがおすすめ。
� ProgramFilesの中には入れない方がいい。
サーバーを立てる時の注意 � Skypeが80ポートを利用していると、Apacheと干渉するため、80ポート以外を使用すること
� PHP.iniの ShortOpenTagをONにしておくと幸せかもしれない
� また、ERRORをALLにしておくとNOTICEを検知できる � ソースファイルはUTF-‐8で保存しましょう。 � ソースファイルはUTF-‐8で保存しましょう。 � ソースファイルはUTF-‐8で保存しましょう。
PHPの動作テストしてみる � 「info.php」というファイルを作成する � テキストエディタで以下を入力 � 「C:xampp\\htdocs\\info.php 」に保存する � WEBブラウザで「http://localhost/info.php」を開く � 何か表示されれば成功!
<?php phpinfo(); ?>
WordPressをインストールしよう
WordPressのインストール � wordpress-‐3.0.1-‐ja.zipを”htdocs”に展開 � “htdocs\wordpress”というフォルダが出来ればおk � 「http://localhost/wordpress/」を開く � 基本的には指示に従えば、出来る。
WordPressのインストール � 「http://localhost/phpmyadmin/」を開く � 「wordpress」というデータベースを作成する
WordPressのインストール � さっき作成したデータベース名を入力 � ユーザー名「root」、パスワード「」(無し) � 作成をクリック
WordPressのインストール
WordPressのインストール
WordPressで遊んでみよう
WordPressで遊んでみよう � http://localhost/wordpress/にアクセスしよう � http://localhost/wordpress/wp-‐login.phpがログイン � WordPressで記事を書いてみよう � テーマを追加してみよう � プラグインを導入してみよう
プラグインのインストール
プラグインのインストール
� http://www.authority-‐site.com/2010/04/wordpress/27-‐wordpress-‐plugin.html
� ここから「External Links」をダウンロード � 「C:xampp\htdocs\wordpress\wp-‐content\plugins」にZIPの中身を展開する
プラグインのインストール
� 管理画面に入り、プラグインのタブを選択し、External Linksを有効化させる。
本当に適応されたか確認しよう � 以下のように外部リンクに画像が付加されていれば成功
ソースを見てみよう � プラグインの画面で、ExternalLinksの編集を押してみよう。 � これが、WordPressのプラグインの正体 � PHPで書かれている。 � 本体もPHPで書かれてる。
プラグインを作成しよう! (やっと本番)
Wp_post_twi2erをインストールしよう � 編集を開いて、ソースを確認しよう
ソースコードを改変してみよう � いろいろなコードを書いてみよう! � 他のアクションのときに実行したい場合はこの辺をみるといい。
� 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
他の人のWordPressにアクセスしてみる � 自分のIPをおしえて、他の人もアクセスできるようにしてみよう。
� コメントもらったり、ハッキングしたりして、遊ぼう。
というわけで、お疲れ様でした � 他にやってほしいことあったら、行ってください。 � ブラックでも、グレーでも大丈夫です。 � Webプログラミング以外でもOK � 大きなシステム組んでみたいとか、いじって見たいとか。