ホームページ制作 京都 / WordPress DTP

Kyoto Web Design 8acrewood blog

8acrewoodのブログです。ブログサンプルも兼ねております。

PCにXAMPをインストールする方法&設定 その4 【phpMyAdminの設定】

今回はphpMyAdminです。

PHPの醍醐味もであるデータベースを使用するのに、
これまたXAMPPのデフォルトでは文字化けが多発します。

ちょこちょこっと設定を変えていきます。

まずは画面の確認。
XAMPPの初期画面から、PHPmyadminの画面へ飛びます。

01

左側の項目からphpMyAdminをクリック。

02

phpMyAdminのスタート画面が開きます。

設定を確認したいので、「SQL」タブを開き、
「SHOW VARIABLES LIKE ‘char%’」
と記入して、実行します。

03

右下の実行を押します。

04

こんなかんじです。

予想以上にUTFじゃないので、設定しなおします。

mysql\binの、my.iniファイルを変更します。

[mysqld]に

skip-character-set-client-handshake
character-set-server = utf8
collation-server = utf8_general_ci
init-connect = SET NAMES utf8

skip-character-set-client-handshake
character-set-server = utf8
collation-server = utf8_general_ci
init-connect = SET NAMES utf8

を追記します
default-character-set
のところに上書きしましょう。

もう一度
「SHOW VARIABLES LIKE ‘char%’」
で確認します。

05

すべての項目がきちんとUTF-8になってます。

一昔前は「my.cnf」というファイルに設定していたのですが、
今は「my.ini」に設定するようです。

もしこれでも治らない場合は、PCを再起動してみましょう。
意外と治ります。

PCにXAMPをインストールする方法&設定 その3 【my.iniの設定】

今回はMySQLの設定をします。

設定ファイルのファイルは、
「c:\xampp\mysql\bin」のなかのmy.iniです。
テキストエディタで開きます。

「my.ini」の設定は、
[client]といった感じでカテゴリ分けされているので、
PHPの設定ファイルである「php.ini」に比べて随分とわかりやすいです。

①[mysqld]

read_rnd_buffer_size = 512K
myisam_sort_buffer_size = 8M
log_error=”mysql_error.log”
の後ろあたりに、

default-character-set = utf8
skip-character-set-client-handshake

②[mysqldump]

quick
max_allowed_packet = 16M
の後ろに、

default-character-set=utf8

③[mysql]

no-auto-rehash
# Remove the next comment character if you are not familiar with SQL
#safe-updates
の後ろに、
default-character-set=utf8

を追記します。

これも言語系です。

PHPはapacheの初期設定だと、ものすごい勢いで文字化けを起こすので、
いろいろと設定が必要なわけです。

ちなみにこれらの設定ファイルを書き換えた後は、
XAMPPを再起動しましょう。

PCにXAMPをインストールする方法&設定 その2 【php.iniの設定】

今回はPHPの設定です。

PHPで色んなことをしようとすると、もっと細かい設定が必要になってきますが、
今回は、基本的な設定だけを扱います。

めんどくさいですが、これくらいはやっておかないと後で大変なことになります。

なので、今回は主にPHPの日本語設定です。

まずは、「c:\xampp\php」の、PHPの設定ファイルである「php.ini」をテキストエディタで開きます。

11

こんなかんじで、ズラーッとプログラムが並んでいますが、

すべてをイジるわけではないので、軽い気持ちで行きましょう。

「;default_charset = “UTF-8″」を検索して、
「default_charset = “UTF-8″」に変更します。

「;」はコメントアウトで、「この行を読み込まない」という意味です。

「;mbstring.language = Japanese」を
「mbstring.language = Japanese」に変更。

「;mbstring.internal_encoding = EUC-JP」を
「mbstring.internal_encoding = UTF-8」

「;mbstring.http_output = auto」を
「mbstring.http_output = pass」

「;mbstring.http_input = SJIS」を
「mbstring.http_input = pass」

「;mbstring.encoding_translation = Off」を
「mbstring.encoding_translation = Off」

「;mbstring.detect_order = auto」を
「mbstring.detect_order = UTF-8,SJIS,EUC-JP,JIS,ASCII」

「;mbstring.substitute_character = none;」を
「mbstring.substitute_character = none;」

「;mbstring.strict_detection = Off」を
「mbstring.strict_detection = Off」

てな感じです。

バージョンによって細かい初期設定は違うのですが、

変更後は上記のようにすればよいです。

※これらの設定は慣れていないとミスをする可能性もあります。
ファイルはいじる前に必ずバックアップを取っておきましょう!

PCにXAMPをインストールする方法&設定 その1

WindowsPCでPHPを始めるときに、まずするべきことは「xampp」をインストールすることです。

インストールだけだと簡単なもんですが、
設定となどややこしいことも多いので、
備忘録がてらつらつらと書いていきます。

①XAMPPのインストール

まずは「xampp」で検索し、いちばん上に出てくるページにアクセスします。
https://www.apachefriends.org/jp/index.html

01

真ん中あたりにOSごとに種類分けされたアイコンがあるので、

自分にPC環境にあったリンクをクリックします。

あとは、ダウンロードからインストールまでガンガン進みます。
細かい設定は後からでも変えられるので、とりあえずインストールです。
②XAMPP起動してみよう

インストール時に何もいじくっていなければ、
「C:」のなかに「XAMPP」フォルダができているので、
そのなかの「XAMPP.controll.exe」をダブルクリックで開きます。

02

コントロールパネル上の、

「Apache」「MySQL」の二つの項目を起動させます。
Actionエリアのスタートボタンをポチッとすれば起動です。

03
③インストールできたかの確認

任意のインターネットブラウザを開き、
アドレスに、「http://localhost」と打ち込むと、
XAMPPのスタート画面が開きます。

04

こんな画面が出てきます。とりあえず日本語(任意ですが)を選びます。

05

この画面が出れば、とりあえずインストールは成功です。

久しぶりにインストールしなおしたのですが、
XAMPPのホームページがかっこよくなってますね。
以前は女の人が飛び跳ねてる変なトップページだったんですが。

ですが、インストールするたびに文字化けやレイアウト崩れが多かったのはなくなっているようです。
日々進化ですね。

長くなるので設定は次の投稿で。

意外と知らないjqueryをダウンロードする方法

一昔前は、いろんなページに「こちらからダウンロード」
というようなボタンがあって、簡単にダウンロードできていたような気がするのですが、
最近ではそんなボタンを見かけなくなりました。

人によっては最新版がダウンロードできなくて大変だ!
と思っている人がいるかもしれません。
もちろんいないかも知れません。

なぜボタンを見かけなくなったのか。
その答えは簡単。

jqueryのホームページからとても簡単に最新版がダウンロードできることをみんなが知ったからなのです。(たぶん)

まずはjqueryのホームページに行きます。

http://jquery.com/

01

こんなかんじです。

リストにdownloadとあるので、おもむろにクリックしてダウンロードページへ

02

英語ばっかりでとてもややこしいですね。

ここでそっとページを閉じてしまう人もいるかもしれません。

ですが、もう一頑張りです。
とりあえず最新版がほしいので、赤文字の上のほうが欲しいという目星は尽きます。

Download the compressed, production jQuery 1.11.1
Download the uncompressed, development jQuery 1.11.1
Download the map file for jQuery 1.11.1
jQuery 1.11.1 release notes

文字の意味は分かりません。
ですが、ここで必要なのは、「production」や「development」のところだけなのです。

ダウンロードと書いてあるので、とりあえずクリックしてみます。

03

さっきページを閉じなかった人もここで閉じたくなるとは思いますが、ここはぐっと我慢して「戻る」ボタンを押しましょう。

このプログラムの羅列は、jqueryのプログラムを快適に読み込ませるためにマッシュアップしたものです。
リスト下の「development」の方には、マッシュアップされていないものが記載されてあります。

jacascriptをいじりたい!という人は後者を選ぶと良いです。
通常は「production」のほうがよく使用されます。

さてダウンロードの方法ですが、クリックしてもダウンロードすることはできません。

ではどうしたらよいのか?

04

右クリックをして「名前を付けてリンク先を保存」を選択するだけです。

あとは任意の場所にダウンロードします。

そうすると 「jquery-1.11.1.min.js(数字はバージョン)」など、のファイルがダウンロードされます。

これでばっちりですね!

葵祭に行ってきました。2014

五月の京都といえば葵祭です。
葵祭は言わずと知れた京都三大祭りの一つで、
歴史はいちばん古く、千年以上続いているといわれています。

今年は雨で大変でしたが、後ろに並んでいたベテランのお姉さんの傘に入れてもらい、
雨の中果敢に撮影してきました!

ですが、レンズを濡らしたくないので、望遠に変えたりすることなく、
ノーマルレンズのみの撮影なので、ちょっと遠かったりして見にくいかもしれません。

葵祭自体は五月に入って、有名な流鏑馬など、
大小さまざまな行事があるのですが、
今回はいちばんラストを飾る、行列です。

行列は京都御所を出発し、下賀茂神社を経由し、上賀茂神社へと向かうので、
上賀茂神社で行列を待ちます。

1 2

 

雨のため二時間くらい前でも境内の特別席チケットは多数売れ残っているようでしたが、
ちょっとケチって外で撮影することにしました。

3時くらいになるとほぼ定刻通りに行列が入ってきました。

5 3

 

結構な距離を歩いた上に雨ということで、みなすごい勢いの疲れ顔で入ってきます。
馬も全く覇気がなく、ちょっと可哀想になってきます。

4 6

 

お姫様が入ってきたところで場内が少しだけ盛り上がりますが、
行列も客も雨でげんなりで盛り上がりは続かず。。。

てなことで僕も行列をが終わってすぐに帰宅しました。

葵祭は平日ということもあり、なかなか行きにくいので、
次に行く機会があれば、ぜひ晴れてほしいものです。