JQuery勉強中のまこやんのブログ(工事中)

JQuery勉強中のまこやんのブログ(工事中)

アメブロでHTMLやCSSやJSやJQueryを使って勉強をするために始めたブログ

Amebaでブログを始めよう!
久しぶりにブログ書くけどくだらんことです。

ついになめこ終わったー
図鑑全部埋めたあともなめこ収穫し続けて早何日か。。。
なめこポイントカンストしましたー\(^_^)/
photo:01


ちなみに普通のなめこは15000以上収穫してました。
次の目標は全種類カンストかぁ~?
いや。流石にそこまでやる気ないですけど(笑)
前回の続きで今回はWordPressのインストールをまとめてみます。

まずは前回USBメモリー内にインストールしたXAMPPフォルダ内のxampp-controlを起動してApatchとMysqlのStartをクリックし起動します。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール02

起動出来たら、
http://localhost/xampp/
にアクセスします。

アクセス認証が出てきたら、前回設定したXAMPPのユーザー名、パスワードを入力します。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール11

次に左のメニューカラムの下の方にある、
phpMyAdminをクリック!!
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール13

ここで図のような画面になったらXAMPPで設定したMySQLのパスワードを入力!
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール14

phpMyAdminのページが出たら、データベースをクリック。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール15

「新規データベースを作成する」に「wordpress」と入力し、作成をクリック。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール16

これでXAMPPにWordPressを入れる準備ができました。

次にWordPressをダウンロードしてきます。

WordPressはこちらからダウンロードしてください。

http://ja.wordpress.org/
最新のバージョンはWordPress3.3です。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール17


ダウンロードしたら
wordpress-3.3-ja.zip
を解凍します。
解凍したフォルダを
xampp\htdocs\wordpress\
となるようにwordpressのフォルダごと入れます。

出来ましたら。
http://localhost/wordpress/
にアクセスします。
アクセス出来ない場合Apache,MySQLが起動していない可能性がありますので、
xamppのコントロールパネルから
Apache,MySQLが起動しているか確認してください。

ここからは画面の指示に従っていけばよいので簡単!!
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール18

JQuery勉強中のまこやんのブログ(工事中)-xamppインストール19

ユーザ名、パスワード、以外はデフォルトでOK
ユーザ名、パスワードはXAMPPで設定されたMySQLのパスワードを入力してください。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール20

サイト名等を入れてください。あとで変更できますので適当でもいいです。
ユーザ名とパスワードはWordPressにログイン時に必要になりますので、
忘れないようなものを付けてください。
メールアドレスはパスワードを忘れた時にいるようなのでちゃんとしたものを入力するようにしてください。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール22

JQuery勉強中のまこやんのブログ(工事中)-xamppインストール23

ここで先程インストール時に設定したユーザー名・パスワードを入力。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール24

図のような画面が出れば完了です!!
おつかれさまでした!!
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール25

勉強してることをブログとかでまとめて、アウトプットするのって思ってたより大変だね!
あとで見た時にすんなり理解できればOKなんだろうけど。わかるかな~?


やろうやろうと思ってたWordPressを今勉強してるからブログにして、あとで見た時に分かるようにまとめてみる。

で、XAMPPとWordPressのインストールの仕方を自分なりにググってやったから。まとめてみます。

今回インストールしたのは外出先でもWordPressの編集が出来るように、USBにXAMPPを入れとく事が出来るXAMPP USB Lite 1.7.7 というのをインストールしました!!

XAMPPはこちらからダウンロードしてください

http://www.apachefriends.org/jp/xampp-windows.html

んで、いっぱい種類があるけど今回使ったのは、XAMPP USB Lite 1.7.7のZIP形式です。他のEXEや7ZIPは分かりませんあせる
ダウンロードしたらこれをUSBに展開します。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール01
なお展開するときにUSBの直下にXAMPPフォルダが来るようにするといいみたいです!!
こんな感じ

E:\XAMPP\
インストールはこれだけです(早っ!!)
んで
まずはsetup_xamppってファイルを開きます。コマンドプロンプトが起動して自動で処理してくれると思います。そして、「何かキーを押してください」って出てきたら終了。

次にxampp-controlを開きます。
そして、Apatch,MysqlのStartをクリック。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール02

次にブラウザでhttp://localhost/にアクセスすると。
http://localhost/xampp/splash.phpへリダイレクトされます。

このページが出たら日本語をクリック。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール03

次に右のメニューからセキュリティをクリック。
すると、現在のセキュリティの状態が表示されます。
左のメニューカラムがエラってますね。これを直します。
セキュリティの状態はあとで直します。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール04

xampp\security\htdocs\navi.phpをTeraPadなどのテキストエディタで開きます。
んで、図のように以下のコードに修正します。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール05
修正、追加したら文字コードをUTF-8Nで保存します。

次に
xampp\security\htdocs\lang\jp.phpを以下記載を追加します。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール06
同じく追加したら文字コードをUTF-8Nで保存します。

できたら再びセキュリティーページへ。
エラーが解消されていると思います。ここで文字化けが起こる場合ブラウザの文字コードをUTF-8や自動検出等に変更すると直るんじゃないかな。

次に、セキュリティ設定に入ります。
セキュリティ画面の図の箇所をクリック。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール07

1.MySQLの管理者用アカウントのパスワードを設定します。
パスワードを入力します。適宜パスワードを決めてください。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール08
パスワードの変更が出来たら。
rootのパスワードが変更されました。設定を有効にするために、MySQLを再起動してください。
と出てくるので。
XAMPP Control PanelからMySQLを再起動させます。
「Stop」で再び「Start」とするだけ!!簡単です!!

2.XAMPPにアクセス時にログインしないといけないようにします。
ユーザとパスワードを入力しクリック。ここも適宜登録してください。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール09

以下のようにでれば成功です。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール10
これでhttp://localhost/xampp/にアクセスする際にパスワードが要求されるようになります。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール11

この2点を設定するとセキュリティページの「要注意」3箇所が「安全」にかわります。
もう一つの「PHPがsafe modeで起動していません。」はWordPressインストール時に「安全」にすると邪魔になるみたいですので今回は設定しません。
JQuery勉強中のまこやんのブログ(工事中)-xamppインストール12

ここまででXAMPPの設定はおしまいです。USBを取りだす際には必ずxampp-controlでApatchとMysqlをSTOPして、EXITで閉じてから取り出してください。

自分なりにググって調べたのをまとめましたがあとでみてわかるかな~これw
たぶん詳しい方がみると、これした方がイイとかこうやった方がラクとかあると思いますが、そこはご勘弁を!!
WordPressのインストールも一緒にしちゃうと長いので、WordPressは次回に持ち越しです。