Ingwer Design

node.jsを使ってみようインストール編 - とにかくやってみるブログ

2014-03-08T06:03:04Z

クライアントサイドプログラムといわれているJavaScriptがサーバサイドで動く。なんだかおもしろそうですね。
node.jsはグーグルが開発したV8エンジン上で実行されます。まずは実行環境を整えるためnode.jsをインストールしましょう。

]]> 「node.js」のダウンロード

「node.js」をダウンロードする

http://nodejs.org/download/

「node.js」のインストール（Mac編）

Macの場合は「Mac OS X Installer (.pkg)」をダウンロードし「node-v0.10.26.pkg」をダブルクリックします。
「続ける」をクリックします。
使用許諾書を読んだ上で「続ける」をクリックします。
インストールを続けるには使用許諾書を読んで「同意する」をクリックします。
「インストール」をクリックします。
インストール許可画面が表示されたらパスワードを入力して「ソフトウェアをインストール」をクリックします。
インストール完了です。「閉じる」をクリックします。インストーラを使えばすごい簡単。
「node.js」がちゃんとインストールできているか確認します。アプリケーション＞ユーティリティフォルダ内にあるターミナルを起動。
「node -v」と打ってバージョン番号が表示されればOK。
これで「node.js」の実行環境や各種コアモジュール、そして機能を追加する時に使うパッケージ管理担当「npm（Node Packaged Modules）」がインストールされました。あとは使ってみるだけ♪

node.jsとはリンク集 - とにかくやってみるブログ

2014-03-07T08:28:01Z

なにかと噂の「node.js」について調べてみる。
あとでじっくり読んでみよう。

本家サイト：http://nodejs.org/
本家サイト（日本語サイト）：http://nodejs.jp/nodejs.org_ja/
日本ユーザグループ：http://nodejs.jp/
Node.js とは一体何か？：https://www.ibm.com/developerworks/jp/opensource/library/os-nodejs/
サーバサイドJavaScriptの本命「node.js」の基礎知識：http://www.atmarkit.co.jp/ait/articles/1102/28/news105.html
Nodeビギナーズブック：http://www.nodebeginner.org/index-jp.html
基礎から学ぶNode.js：http://gihyo.jp/dev/serial/01/nodejs/0001

コピー禁止用のjQueryプログラム - とにかくやってみるブログ

2014-03-03T10:13:02Z

写真家の方のサイトを作る際に画像をコピーできないようにしてもらえないか・・・と言われ、コピー禁止用のJavaScriptを書いてみました。HTMLがクライアント側で解釈されるので完全にコピー禁止にすることはできませんが、一手間かけないとコピーできないようになってます。

なるべく簡単に導入できるよう書いてみました。

]]> サンプルページ

今回のプログラムでは以下の機能を実装しました。

文字や画像を選択させない
右クリックででてくるコンテキストメニューを表示しない
Ctrl+A,Ctrl+Cによるコピーをさせない
画像には透明画像のカバーをつけて直接選択できないようにする

入力系パーツに影響がないようにしたり、ショートカットキーを使ったコピーをさせないようにしたり、いろいろ組み込んでみました。IE6とIE7で「display:inline-block」が効かないためある条件でレイアウト崩れが起きるけど、来月でXPのサポート切れるからひとまず放置してます。いい方法あったら教えてください。

サンプルページ

ダウンロード

cpguard.zip

フォルダ構成は以下のとおり

cpguard.css：デザインファイル
cpguard.js：JavaScriptファイル
image.gif：サンプルで使用している画像
spacer.gif：画像カバー用の透明GIF
spacer.png：デバッグ用画像カバー半透明PNG

jQuery本体の読み込み（CDN）

今回のプログラムはjQueryを使用しているので、jQuery本体(CDN)を読み込みます。

CSSの読み込み

コピー禁止用のCSSファイルを読み込みます。
※「cpguard.css」のディレクトリを変更した場合はパスを書き換えてください

CSSの中身は主に選択禁止用プロパティの指定。またJavaScriptでコピー禁止させるので、JavaScriptが無効になっていたらコピー禁止対象を非表示にします。

@charser 'utf-8';
.body {
  user-select: none; /* 選択制御 */
  -moz-user-select: none; /* Firefox */
  -webkit-user-select: none; /* Safari、Chromeなど */
  -ms-user-select: none; /* IE10から */
  cursor: default;
}
.cpguard {
  display: none;
}

JavaScriptの読み込み

コピー禁止用のJavaScriptプログラムを読み込みます。
※「cpguard.js」のディレクトリを変更した場合はパスを書き換えてください

コピー禁止用のプログラムの内部はこんな感じ。もうちょっといい感じのプログラムがあったら教えてください。

$(function(){
  $('.cpguard').removeClass('cpguard');//JS有効時表示
  $('body').on('contextmenu selectstart copy cut', false);//右クリックメニュー、選択、コピー、カット禁止
  $('p:not(p:has(:input))').mousedown(function(){return false;});
  //入力パーツ除く段落内マウスボタン押下時イベント却下

  //画像保護
  //画像カバーパス取得
  var src = $('#cpguard').attr('src');
  var srcArray = src.split('/');
  srcArray[srcArray.length-1] = 'spacer.gif';//「spacer.png」にするとカバー画像がデバッグ用半透明赤画像に
  src = srcArray.join('/')
  //画像カバー装着
  $('img').wrap('').parent("div")
  .append('');
  $('img.spacer').bind('load',function(){
    $(this).css({
      'position':'absolute',
      'top':0,
      'left':0,
      'width':$(this).prev().width(),
      'height':$(this).prev().height()
    })
  });

  // ctrl+a,ctrl+c 禁止呼び出し
  $(document).keydown(key_down_event);
  $(document).keyup(key_up_event);

});
// ctrl+a,ctrl+c 禁止関数
var ctrl_key = false; // ctrlキーが押されてるか判断する変数
function key_down_event(event) {
  console.log(event.keyCode);//キーコードをコンソールに表示（デバッグ用）
  if (event.keyCode == 224) {//ctrlキー取得(224)
    ctrl_key = true;
  }
  if (ctrl_key && (event.keyCode == 65 || event.keyCode == 67)) {
    //ctrl + aキー(65) cキー(67)押下時
    return false;//キー操作無効 
  }
  return true;
}
function key_up_event(event) {
  //ctrlキーアップ時、判定を戻す
  if (event.keyCode == 224) {
    ctrl_key = false;
  };
}

HTMLにclass属性を記述

コピー禁止したい要素に「class="cpguard"」を記述します。JavaScriptが無効になっていると対象要素が非表示になります。

：

WordPressを使ってみよう：教材スライド - とにかくやってみるブログ

2013-09-05T07:37:42Z

WordPress勉強会で使用したスライドです。

Xampp環境下にWordPressをインストールする方法や管理画面の基本的な使い方、オリジナルテーマを作成して、自分の好きなデザインを適用させる方法を紹介しています。

]]> スライド１

01-WordPressを使ってみよう from Kazuhiro Akutsu

スライド２

02-WordPressの基本的な使い方 from Kazuhiro Akutsu

スライド３

03-WordPressで子テーマを作ろう from Kazuhiro Akutsu

スライド４

04-WordPressでオリジナルテーマを作ろう from Kazuhiro Akutsu

XAMPP for Mac OS X 1.7.3 のMySQL文字コード設定 - とにかくやってみるブログ

2012-12-05T21:54:17Z

XAMPP for Mac OS X 1.7.3 のMySQLに文字コードを設定します。今回はUTF-8に設定します。

]]> XAMPP for Mac OS X 1.7.3 のMySQLに文字コードを設定

MySQLの設定ファイル「my.cnf」を編集します。
「アプリケーション」>「XAMPP」>「xamppfiles」>「etc」フォルダ内に「my.cnf」ファイルがあるので、テキストエディタで開いて編集します。

設定ファイルのバックアップ

設定ファイルを編集するときは、設定ファイルのバックアップを必ずとってから行いましょう。設定ファイルが壊れるとXAMPPを起動することができなくなってしまいます。

設定ファイルの編集

文字コードの設定

26行目の[mysqld]の次の行に下記を追記します。

[mysqld]
port		= 3306

[mysqld]
default-character-set=utf8
skip-character-set-client-handshake
port		= 3306

77行目付近の[mysql]の次の行に下記を追記します。

[mysql]
no-auto-rehash

[mysql]
default-character-set=utf8
no-auto-rehash

修正した「my.cnf」を保存して設定完了です。MySQLを再起動して設定を反映させましょう。

XAMPP for Mac OS X 1.7.3 インストール関連記事

ターミナルの管理者権限パスワードを設定する - とにかくやってみるブログ

2012-12-04T20:57:00Z

ターミナルに「su -」と入力して管理者権限になる時のパスワードを設定する方法を紹介します。

]]> ターミナルの管理者権限パスワードを設定する

「アプリケーション」 > 「ユーティリティ」フォルダ内の「ターミナル.app」をダブルクリックして起動させます。
ターミナルを起動したら、以下のコマンドを入力していきます。

$に続いて「sudo passwd root」と入力してエンターキーを押します。

sudo passwd root
現在のログインしているユーザパスワードを入力しエンターキーを押します。
※入力しても画面に変化がありませんが、きちんと入力されています。

Password:
新しく設定する管理者権限のパスワードを入力してエンターキーを押します。
※入力しても画面に変化がありませんが、きちんと入力されています。

Changing password for root.
New Password:
確認のためもう一度管理者権限のパスワードを入力してエンターキーを押します。
※入力しても画面に変化がありませんが、きちんと入力されています。

Retype new password:
$に続いて「su -」と入力してエンターキーを押し、管理者権限を持つスーパーユーザになります。

su -
先程設定した管理者権限パスワードを入力しエンターキーを押します。
※入力しても画面に変化がありませんが、きちんと入力されています。

Password:
下記の文字が表示されたら管理者権限（root）でログインできています。

localhost:~ root#
「exit」と打って管理者権限からログアウトします。

exit
「exit」と打ってターミナルでの作業を完了させます。「[Process completed]」と表示されたらターミナルを閉じます。

exit
上記の操作により以下のようなターミナル結果になります。

Last login: Fri Dec 4 01:06:12 on ttyp1
Welcome to Darwin!
-bash: rt: command not found
localhost:~ [ユーザ名]$ sudo passwd root
Password:[ユーザのパスワード入力（画面には表示されません）]
Changing password for root.
New password:[設定する管理者権限パスワードを入力（画面には表示されません）]
Retype new password:[設定する管理者権限パスワードを入力（画面には表示されません）]
localhost:~ [ユーザ名]$ su -
Password:[設定した管理者権限パスワード入力（画面には表示されません）]
localhost:~ root# exit
logout
localhost:~ [ユーザ名]$ exit
logout
[Process completed]

XAMPP for Mac OS X インストール関連記事

XAMPP for Mac OS X 1.7.3 のセキュリティ対策 - とにかくやってみるブログ

2012-12-03T18:37:27Z

XAMPPは開発環境を手軽に構築することを目的としているので、インストール直後のセキュリティ対策はあまりなされていません。テスト環境として最低限必要なセキュリティ設定をしていこうと思います。

※これから記述する内容はあくまでもテスト環境として最低限のセキュリティ対策になります。

]]> XAMPPのセキュリティ画面へアクセス

XAMPPのセキュリティ画面へアクセスします。

XAMPPのコントロールパネルでApacheとMySQLが起動していることを確認します。
XAMPPの管理画面（http://localhost/xampp/）を表示させ、左メニューの「セキュリティ」をクリックします。
XAMPPのセキュリティ画面が表示されたら、ステータスに「要注意」があることを確認します。

ApacheのXAMPPディレクトリへのアクセス制限

現段階ではXAMPPでインストールしたApacheサーバへ、誰もがアクセスできる状態になっています。テスト時にはアクセス制限をかけ、第三者に不用意にアクセスされないようにしましょう。

「アプリケーション」 > 「ユーティリティ」フォルダ内の「ターミナル.app」をダブルクリックして起動させます。
ターミナルを起動したら、以下のコマンドを入力していきます。

$に続いて「su -」と入力してエンターキーを押し、管理者権限を持つスーパーユーザになります。

su -
管理者権限のパスワードを入力しエンターキーを押します。
※入力しても画面に変化がありませんが、きちんと入力されています。

Password:

管理者権限でログインできない

※下記のメッセージが表示される方は「ターミナルの管理者権限パスワードを設定する」で管理者権限パスワードを設定してください

su: Sorry
下記のパスを入力、エンターキーを押しXAMPPのセキュリティ設定ツールを起動します。

/Applications/XAMPP/xamppfiles/xampp security
下記の文字が表示されたらエンターキーを押します。

Do you want to set a password? [ja]
XAMPPの管理画面に設定したいパスワードを入力しエンターキーを押します。
※入力しても画面に変化がありませんが、きちんと入力されています。

Password:
確認のため先程入力したパスワードと同じものを入力しエンターキーを押します。
※入力しても画面に変化がありませんが、きちんと入力されています。

Password (again):
下記の文字が表示されたらエンターキーを押します。

Normaly [ja]
下記の文字が表示されたらエンターキーを押します。

Do you want to change the password anyway? [nein]
下記の文字が表示されたら完了です。

Done.
「exit」と打って管理者権限からログアウトします。

exit
「exit」と打ってターミナルでの作業を完了させます。「[Process completed]」と表示されたらターミナルを閉じます。

exit
上記の操作により以下のようなターミナル結果になります。

Last login: Fri Dec 4 01:06:12 on ttyp1
Welcome to Darwin!
-bash: rt: command not found
localhost:~ [ユーザ名]$ su -
Password:[管理者権限パスワード入力（画面には表示されません）]
localhost:~ root# /Applications/XAMPP/xamppfiles/xampp security
XAMPP: Quick security check...
XAMPP: Your XAMPP pages are NOT secured by a password.
XAMPP: Do you want to set a password? [ja]
XAMPP: Password: [管理画面表示時のパスワード入力をして設定（画面には表示されません）]
XAMPP: Password (again): [管理画面表示時のパスワードを入力して確認（画面には表示されません）]
XAMPP: Password protection active. Please use 'xampp' as user name!
XAMPP: MySQL is accessable via network.
XAMPP: Normaly [ja]
XAMPP: Turned off.
XAMPP: Stopping MySQL...ok.
XAMPP: Starting MySQL...ok.
XAMPP: MySQL has to run before I can check the security.
XAMPP: MySQL has to run before I can check the security.
XAMPP: MySQL has a root passwort set. Fine! :)
XAMPP: ProFTPD has a new FTP password. Great!
XAMPP: Do you want to change the password anyway? [nein]
XAMPP: Done.
localhost:~ root# exit
logout
localhost:~ [ユーザ名]$ exit
logout
[Process completed]

ApacheのXAMPPディレクトリへのアクセス制限後に管理画面にアクセスすると・・・

ユーザ名とパスワードを入力する画面が表示されるので、ユーザ名「xampp」、パスワードは「ApacheのXAMPPディレクトリへのアクセス制限」で設定したパスワードを入力します。

MySQLの管理者パスワードを設定

MySQLの管理者パスワードを設定し、データベースを不用意に操作されないようにします。

「アプリケーション」 > 「ユーティリティ」フォルダ内の「ターミナル.app」をダブルクリックして起動させます。
ターミナルを起動したら、以下のコマンドを入力していきます。

$に続いて「su -」と入力してエンターキーを押し、管理者権限を持つスーパーユーザになります。

su -
管理者権限のパスワードを入力しエンターキーを押します。
※入力しても画面に変化がありませんが、きちんと入力されています。

Password:

管理者権限でログインできない

※下記のメッセージが表示される方は「ターミナルの管理者権限パスワードを設定する」で管理者権限パスワードを設定してください

su: Sorry
下記のパス+コマンドとパスワードを入力、エンターキーを押しMySQLにパスワードを設定します。

/Applications/XAMPP/xamppfiles/bin/mysqladmin -u root -p password [設定したいパスワード]

もし、設定したいパスワードが「admin」だったら以下のように入力します。

/Applications/XAMPP/xamppfiles/bin/mysqladmin -u root -p password admin
下記の文字が表示されたらエンターキーを押して設定完了です。

Enter password:
「exit」と打って管理者権限からログアウトします。

exit
「exit」と打ってターミナルでの作業を完了させます。「[Process completed]」と表示されたらターミナルを閉じます。

exit
上記の操作により以下のようなターミナル結果になります。

Last login: Fri Dec 4 01:06:12 on ttyp1
Welcome to Darwin!
-bash: rt: command not found
localhost:~ [ユーザ名]$ su -
Password:
localhost:~ root# /Applications/XAMPP/xamppfiles/bin/mysqladmin -u root -p password [MySQLに設定するパスワードを入力]
Enter password:
localhost:~ root# exit
logout
localhost:~ [ユーザ名]$ exit
logout
[Process completed]
上記で設定したパスワードをphpMyAdminにも設定します。
「アプリケーション」 > 「XAMPP」 > 「xamppfiles」 > 「phpmyadmin」フォルダ内にある「config.inc.php」をテキストエディタで編集します。

phpMyAdminにパスワードを設定する

「config.inc.php」ファイルの34行目「$cfg['Servers'][$i]['password'] = '';」にパスワードを記述して保存します。

/* Server parameters */
$cfg['Servers'][$i]['host'] = 'localhost';
$cfg['Servers'][$i]['user'] = 'root';
$cfg['Servers'][$i]['password'] = '';
$cfg['Servers'][$i]['connect_type'] = 'socket'; 
$cfg['Servers'][$i]['compress'] = false;
$cfg['Servers'][$i]['AllowNoPassword'] = true;

/* Server parameters */
$cfg['Servers'][$i]['host'] = 'localhost';
$cfg['Servers'][$i]['user'] = 'root';
$cfg['Servers'][$i]['password'] = '[設定したパスワード]';
$cfg['Servers'][$i]['connect_type'] = 'socket'; 
$cfg['Servers'][$i]['compress'] = false;
$cfg['Servers'][$i]['AllowNoPassword'] = true;

もし設定したパスワードが「admin」だった場合は下記のように記述します。

/* Server parameters */
$cfg['Servers'][$i]['host'] = 'localhost';
$cfg['Servers'][$i]['user'] = 'root';
$cfg['Servers'][$i]['password'] = 'admin';
$cfg['Servers'][$i]['connect_type'] = 'socket'; 
$cfg['Servers'][$i]['compress'] = false;
$cfg['Servers'][$i]['AllowNoPassword'] = true;

修正したファイルを保存してphpMyAdminの設定は完了です。

設定を変更したので「Apache」と「MySQL」を再起動して、再度XAMPPの管理画面（http://localhost/xampp/）を表示させます。
ユーザ名とパスワードを入力する画面が表示されるので、ユーザ名「xampp」、パスワードは「ApacheのXAMPPディレクトリへのアクセス制限」で設定したパスワードを入力します。
管理画面の左メニューから「セキュリティー」を選択して表示される画面のステータスが「安全」になっていればセキュリティ設定完了です。

XAMPP for Mac OS X 1.7.3 インストール関連記事

XAMPP for Mac OS X 1.7.3 の起動 - とにかくやってみるブログ

2012-12-02T16:31:03Z

XAMPPを起動させて各サービスが正常に動くか確認してみましょう。

]]> コントロールパネル

XAMPPフォルダ内の「XAMPP Control.app」をダブルクリックしてコントロールパネルを表示させます。
「Apache」の［Start］ボタン、「MySQL」の [Start] ボタンを押します。
「認証」画面が表示されるので、パスワードを入力して「OK」ボタンをクリックします。
「Apache」「MySQL」のランプが緑になっていれば、Webサーバとデータベースが起動しています。

Apacheの「Running」がすぐに消える

Apacheの緑ランプに変わらない場合は、ポートがふさがっている可能性が考えられます。「Apacheの「Running」がすぐに消える」を参照してみてください。

ブラウザで確認

Webブラウザを起動してアドレスバーに「http://localhost/」と入力してアクセスします。表示された画面にある「日本語」リンクをクリックします。

ユーザ名とパスワードを入力する画面が表示された場合は、ユーザ名「xampp」、パスワードは「ApacheのXAMPPディレクトリへのアクセス制限」で設定したパスワードを入力します。
上記の画面が表示されればXAMPPは正常にインストールされています。以上でXAMPPのインストール完了です。

Notice: Undefined variable: PHP_SELF in /Applications/XAMPP/xamppfiles/htdocs/xampp/lang/jp.php on line 166

上記のエラーが出る場合はApplications > XAMPP > xamppfiles > htdocs > xampp > langフォルダ内「jp.php」の166行目を以下のように修正します。

$TEXT['cds-text2']="CDリストPDFドキュメント.";

文字化けする場合

テキストエンコードが違うため文字化けしています。UTF-8で再表示させましょう。

デフォルトエンコーディングをUTF-8にする場合はSafari > 環境設定からデフォルト円コーディングをUTF-8に設定します。

Noticeエラーに関して

ページ下部に二つNoticeエラーが表示される時がありますが、日本語の対象翻訳文がないだけなので無視して構いません。

XAMPP for Mac OS X 1.7.3 インストール関連記事

XAMPP for Mac OS X 1.7.3 の初期設定 - とにかくやってみるブログ

2012-12-01T15:34:13Z

XAMPPをインストールしただけでは日本語をうまく扱えないので、設定ファイルを変更しなければなりません。日本語対応の他にエラー表示等の設定についても変更していきます。

]]> 変更する設定ファイル

PHPの設定ファイル「php.ini」を編集します。
「アプリケーション」>「XAMPP」>「xamppfiles」>「etc」フォルダ内に「php.ini」ファイルがあるので、テキストエディタで開いて編集します。

設定ファイルのバックアップ

設定ファイルを編集するときは、設定ファイルのバックアップを必ずとってから行いましょう。設定ファイルが壊れるとXAMPPを起動することができなくなってしまいます。
「php.ini」をコピーしてファイル名の後に日付をいれておき（例：「php_20110507.ini」）、不具合が起きたらこのファイルを「php.ini」の名前に戻しましょう。

設定ファイルの編集

エラー表示に関する設定変更

開発時は詳細なエラーを表示させてデバッグの手がかりにします。270行目の「error_reporting = E_ALL」に変更します。

error_reporting = E_ALL & ~E_NOTICE

error_reporting = E_ALL

公開時のエラー表示について

公開時にエラー内容が表示されると内部のパス情報等が第三者にわかってしまいます。これはセキュリティ上好ましくないので、開発時は277行目を「display_errors = On」に、公開時にはエラーが表示されないよう「display_errors = Off」に変更しましょう。

display_errors = On

display_errors = Off

HTTPヘッダに出力するデフォルト文字コードに関する設定変更

先頭の「;（セミコロン）」を削除して設定を有効にし使用する文字コードを指定します。「UTF-8」で開発する場合は400行目を「default_charset = "UTF-8"」に変更します。

;default_charset = "iso-8859-1"

default_charset = "UTF-8"

マルチバイト文字に関する設定変更

マルチバイト文字で使用する言語を指定します。1079行目の先頭にある「;（セミコロン）」を削除して設定を有効にし「mbstring.language = Japanese」に変更します。

;mbstring.language = Japanese

mbstring.language = Japanese

mbstring関数のデフォルト文字エンコードに関する設定変更

マルチバイト文字を扱うmbstring関数のデフォルト文字エンコードを指定します。1084行目の先頭にある「;（セミコロン）」を削除して設定を有効にし文字コードを指定します。「UTF-8」で開発する場合は「mbstring.internal_encoding = UTF-8」に変更します。

;mbstring.internal_encoding = EUC-JP

mbstring.internal_encoding = UTF-8

HTTP入力用文字エンコード検出に関する設定変更

HTTP入力用文字エンコードを自動検出させるか指定します。1087行目の先頭にある「;（セミコロン）」を削除して設定を有効にし「mbstring.http_input = pass」に変更します。

;mbstring.http_input = auto

mbstring.http_input = pass

HTTP出力用文字エンコード検出に関する設定変更

HTTP出力用文字エンコードを自動検出させるか指定します。1091行目の先頭にある「;（セミコロン）」を削除して設定を有効にし「mbstring.http_output = pass」に変更します。

;mbstring.http_output = SJIS

mbstring.http_output = pass

HTTP入力用文字エンコード自動変換に関する設定変更

HTTP入力用文字エンコードを自動変換させるか指定します。1098行目の先頭にある「;（セミコロン）」を削除して設定を有効にし「mbstring.encoding_translation = Off」に変更します。

;mbstring.encoding_translation = Off

mbstring.encoding_translation = Off

自動文字エンコードの検出に関する設定変更

PHP内で使用される文字列の文字エンコードの検出順を指定します。1102行目の先頭にある「;（セミコロン）」を削除して設定を有効にし文字コードを指定します。代表的な文字コードである「UTF-8」、「SJIS」、「EUC-JP」、「JIS」、「ASCII」等を指定しておくといいでしょう。

;mbstring.detect_order = auto

mbstring.detect_order = UTF-8,SJIS,EUC-JP,JIS,ASCII

コード変換できない文字の設定

コード変換する際に、コードとして変換できない文字をどのように扱うかを指定します。1106行目の先頭にある「;（セミコロン）」を削除して設定を有効にしnoneと指定して出力しないようにします。

;mbstring.substitute_character = none;

mbstring.substitute_character = none;

関数のオーバーロード設定

シングルバイト対応の関数を mbstring 関数の対応する関数でオーバーロードするか設定します。1116行目の先頭にある「;（セミコロン）」を削除して設定を有効にし0と指定してオーバーロードしないようにします。

;mbstring.func_overload = 0

mbstring.func_overload = 0

タイムゾーンの設定

date()関数でエラーが出ないように1160行目の設定値を変更します。

date.timezone = 'UTC'

date.timezone = Asia/Tokyo

以上で、「php.ini」ファイルの設定は完了です。「Apache」を再起動し修正した設定を反映させます。

XAMPP for Mac OS X 1.7.3 インストール関連記事

XAMPP for Mac OS X 1.7.3 のインストール - とにかくやってみるブログ

2012-11-30T15:06:50Z

XAMPP for Mac OS X 1.7.3 はWebサーバやPHP、DBなどをまとめてインストールすることができるパッケージです。

インストールされる代表的なサービス

Webサーバ：Apache
プログラム：PHP、Perl
データベース：MySQL

XAMPP for Mac OS X 1.7.3 のインストール手順を見てみましょう。

]]> 「XAMPP for Mac OS X 1.7.3」のダウンロード

「XAMPP for Mac OS X 1.7.3」をダウンロードする

http://www.apachefriends.org/jp/xampp-macosx.html
※2013/9/5：XAMPP for MacOS X 1.8.2が公開されたため1.7.3をダウンロードする場合、以下のCautionを参照

XAMPP for Mac OS X 1.7.3 のダウンロード

2013/9/5：XAMPP for MacOS X 1.8.2が公開されたため1.7.3をダウンロードする場合、以下のページからダウンロードします。

XAMPP for Mac OS X 1.7.3のダウンロード

「XAMPP for Mac OS X 1.7.3」のインストール

ダウンロードした「xampp-macosx-1.7.3.dmg」ファイルをダブルクリックします。
「XAMPP」フォルダを「Applications」フォルダにドラッグ＆ドロップしてインストールします。

XAMPP for Mac OS X 1.7.3 インストール関連記事

Dreamweaverの環境設定（PHP用） - とにかくやってみるブログ

2012-01-06T04:52:11Z

DreamweaverでPHPファイル用の環境設定を記述していきます。

今回は文字コードを「UTF-8N」、改行コードを「LF」、文章型宣言を「XHTML1.0 Transitional」に設定していきます。

※現場によって文字コードや改行コード、文章型宣言は変わると思うので、設定文字コードや改行コード、文章型宣言が「UTF-8N」や「LF」、「XHTML1.0 Transitional」でない場合は「UTF-8N」、「LF」、「XHTML1.0 Transitional」部分を対象文字コードや対象改行コード、対象文章型宣言に置き換えてお読みください。

]]> Dreamweaverの環境設定（PHP用）

メニューバーの「編集」＞「環境設定」をクリックします。
環境設定画面のカテゴリから「新規ドキュメント」を選択します。
今回はPHP用の環境設定なので、初期設定ドキュメントから「PHP」を選択します。
初期設定ドキュメントタイプから対象の文章型宣言を選びます。今回は「XHTML 1.0 Transitional （トランジショナル）」を選択します。
エンコーディング初期設定から対象の文字コードを選びます。今回は「Unicode(UTF-8)」を選択します。
「Unicode Signature (BOM) を含める」のチェックが外れていることを確認します。BOMとはUnicodeを識別するためのバイト文字です。ここのチェックを入れたままにするとセッション使用時等に不具合が起きます。必ずチェックを外すようにしましょう。
ショートカットを使用して新規ドキュメント用ダイアログボックスを表示させる場合は、「Ctrl+Nで[新規ドキュメント]ダイアログボックスを表示」にチェックが入っていることを確認しましょう。
カテゴリから「コードフォーマット」を選択して改行コードを変更します。
改行タイプから対象の改行コードを選択します。今回は「LF （Unix）」を選択します。
設定が終わったら[OK]ボタンをクリックします。これでPHP用の環境設定は終了です。

NoEditorの初期文字コード・改行コード設定 - とにかくやってみるブログ

2012-01-06T02:38:16Z

NoEditorの初期文字コード・改行コード設定方法を記述していきます。この設定により、今後指定された文字コードと改行コードで新しいファイルが作成されます。

今回は文字コードを「UTF-8N」、改行コードを「LF」に設定していきます。

※現場によって文字コードや改行コードは変わると思うので、設定文字コードや改行コードが「UTF-8N」や「LF」でない場合は「UTF-8N」、「LF」部分を対象文字コードや対象改行コードに置き換えてお読みください。

]]> NoEditorの設定

メニューバーの「ツール」＞「オプション」＞「エディタ設定」をクリックします。
エディタ設定画面の「エディタ設定」タブ＞「読込保存」タブをクリックします。
文字コードから対象の文字コードを選択します。今回は「Unicode(UTF-8 BOM無)」を選択します。
改行コードから対象改行コードを選択します。今回は「LF ONLY」を選択します。
設定が終わったら[設定]ボタンをクリックします。これで新規作成時の文字コードが「UTF-8N」になり、改行コードが「LF」になります。
新規作成で新しくファイルを作成し、ステータスバーの文字コードと改行コードが設定した「UTF-8N」と「LF」になっていることを確認できれば設定完了です。

TeraPadの初期文字コード・改行コード設定 - とにかくやってみるブログ

2012-01-05T10:45:24Z

TeraPadの初期文字コード・改行コード設定方法を記述していきます。この設定により、今後指定された文字コードと改行コードで新しいファイルが作成されます。

今回は文字コードを「UTF-8N」、改行コードを「LF」に設定していきます。

]]> TeraPadの初期文字コード・改行設定

メニューバーの「表示」＞「オプション」をクリックします。
オプション画面の「文字コード」タブをクリックします。
初期文字コードから対象の文字コードを選択します。今回は「UTF-8N」を選択します。
初期改行コードから対象改行コードを選択します。今回は「LF」を選択します。
設定が終わったら[OK]ボタンをクリックします。これで新規作成時の文字コードが「UTF-8N」になり、改行コードが「LF」になります。
新規作成で新しくファイルを作成し、ステータスバーの文字コードと改行コードが設定した「UTF-8N」と「LF」になっていることを確認できれば設定完了です。

XAMPP for Windows のセキュリティ対策 - とにかくやってみるブログ

2012-01-05T09:04:02Z

XAMPPは開発環境を手軽に構築することを目的としているので、セキュリティがゆるゆるです。テスト環境として最低限必要なセキュリティ設定をしていこうと思います。

※これから記述する内容はあくまでもテスト環境として最低限のセキュリティ対策になります。

]]> XAMPPのセキュリティ画面へアクセス

XAMPPのセキュリティ画面へアクセスします。

XAMPPのコントロールパネルでApacheとMySQLが起動していることを確認します。
XAMPPのインストール完了画面（http://localhost/xampp/）を表示させ、左メニューの「セキュリティ」をクリックします。
XAMPPのセキュリティ画面が表示されたら、ステータスに「要注意」があることを確認し「http://localhost/security/xamppsecurity.php」リンクをクリックしてセキュリティ設定画面を表示させます。

MySQLの管理者パスワードを設定

MySQLの管理者パスワードを設定し、データベースを不用意に操作されないようにします。

「MySQL項目："ROOT"パスワード」に新しいパスワードを入力し[パスワードを変更しました。]ボタンをクリックします。

入力したパスワードを忘れてしまうと、データベースを操作できなくなってしまいます。パスワードを忘れないようにしましょう。
「rootのパスワードが変更されました・・・」というメッセージがでたら、XAMPPのコントロールパネルからMySQLを再起動させましょう。

ApacheのXAMPPディレクトリへのアクセス制限

「XAMPPのディレクトリ制御（.htaccess）」に「ユーザ」と「パスワード」を入力し[安全なXAMPPディレクトリを作成してください。]ボタンをクリックします。
「成功：XAMPPのディレクトリ制御が設定されました！・・・」が表示されれば設定完了です。
本当にセキュリティ設定が完了しているか、左メニューの「セキュリティ」リンクをクリックして確かめます。
XAMPPのディレクトリ制御が有効になっていれば下記の画面が表示されます。設定したユーザ名とパスワードを入力しないとルートディレクトリ（初期設定：htdocsフォルダ内）にアクセスできなくなります。

設定したユーザ名とパスワードを入力して[OK]ボタンを押します。
XAMPPのセキュリティ画面でステータスが「安全」と「不明」のみになっていれば設定完了です。

FileZilla FTPを起動しない

PHPの動作確認だけであれば、ファイルのやり取りをするFTPサーバを起動する必要はありません。不要なサービスを起動させることは悪意ある第三者の侵入を許すことになりかねません。起動しないようにしましょう。

Mercury Mailを起動しない

PHPの動作確認だけであれば、メールの送受信を行うメールサーバを起動する必要はありません。悪意ある第三者にメールサーバを利用される可能性があるので、起動しないようにしましょう。

外付けHDDのXAMPPを起動する - とにかくやってみるブログ

2011-12-27T09:45:07Z

外付けHDDにインストールしたXAMPPを起動させて各サービスが正常に動くか確認してみましょう。

]]> ドライブ文字の確認

接続した外付けHDDのドライブ文字を確認しましょう。
今回は外付けHDDがFドライブと認識されていることを前提に記述していきます。

「php.ini」ファイルの変更

「php.ini」ファイルを編集します。今回の場合「F:¥xampp¥php」フォルダ内にあります。

テキストエディタの検索・置換を使用して「php.ini」ファイル内の「C:\」を「F:\」（Fの部分は該当するドライブ文字を割り当ててください）に変換して保存します。

設定ファイルのバックアップ

XAMPPの起動・停止

xamppフォルダ内の「xampp_start.exe」をダブルクリックして起動させます。

終了させるときは「xampp_stop.exe」をダブルクリックして停止させます。

上記以外に「xampp_restart.exe」で再起動や「xampp-control.exe」でコントロールパネルを表示させることができます。

MySQLを使用するときの設定

MySQLのパスを登録します。[マイコンピュータ]を右クリックし[プロパティ]を選択します。
システムのプロパティ画面が表示されたら[詳細設定]タブを選択し、[環境変数]ボタンをクリックします。
環境変数画面が表示されるので、変数名「Path」を選択し、[編集]ボタンをクリックします。
システム変数の編集画面の変数値の最後に「;F:\xampp\mysql\bin」（Fの部分は該当するドライブ文字を割り当ててください）を追記します。頭の「;（セミコロン）」を忘れないようにしてください。
※すでに記述してあるものを削除したり、変更するとシステムに不具合がでてしまいます。追記時は注意してください。
※今回はxamppを「F:\xampp」にインストールしています。インストール先を変更している場合は、「F:\xampp」部分を変更してください。
環境変数の登録が終わったら[OK]ボタンを押します。
[OK]ボタンを押してシステムのプロパティ画面を閉じます。

Ingwer Design

node.jsを使ってみよう インストール編 - とにかくやってみるブログ

「node.js」のインストール（Mac編）

node.jsとは リンク集 - とにかくやってみるブログ

コピー禁止用のjQueryプログラム - とにかくやってみるブログ

コピー禁止用のjQueryプログラム

ダウンロード

jQuery本体の読み込み（CDN）

CSSの読み込み

JavaScriptの読み込み

HTMLにclass属性を記述

WordPressを使ってみよう：教材スライド - とにかくやってみるブログ

スライド２

スライド３

スライド４

XAMPP for Mac OS X 1.7.3 のMySQL文字コード設定 - とにかくやってみるブログ

設定ファイルのバックアップ

設定ファイルの編集

文字コードの設定

XAMPP for Mac OS X 1.7.3 インストール関連記事

ターミナルの管理者権限パスワードを設定する - とにかくやってみるブログ

XAMPP for Mac OS X インストール関連記事

XAMPP for Mac OS X 1.7.3 のセキュリティ対策 - とにかくやってみるブログ

XAMPP for Mac OS X 1.7.3 のセキュリティ対策

ApacheのXAMPPディレクトリへのアクセス制限

管理者権限でログインできない

ApacheのXAMPPディレクトリへのアクセス制限後に管理画面にアクセスすると・・・

MySQLの管理者パスワードを設定

管理者権限でログインできない

phpMyAdminにパスワードを設定する

XAMPP for Mac OS X 1.7.3 インストール関連記事

XAMPP for Mac OS X 1.7.3 の起動 - とにかくやってみるブログ

Apacheの「Running」がすぐに消える

ブラウザで確認

Notice: Undefined variable: PHP_SELF in /Applications/XAMPP/xamppfiles/htdocs/xampp/lang/jp.php on line 166

文字化けする場合

Noticeエラーに関して

XAMPP for Mac OS X 1.7.3 インストール関連記事

XAMPP for Mac OS X 1.7.3 の初期設定 - とにかくやってみるブログ

設定ファイルのバックアップ

設定ファイルの編集

エラー表示に関する設定変更

公開時のエラー表示について

HTTPヘッダに出力するデフォルト文字コードに関する設定変更

マルチバイト文字に関する設定変更

mbstring関数のデフォルト文字エンコードに関する設定変更

HTTP入力用文字エンコード検出に関する設定変更

HTTP出力用文字エンコード検出に関する設定変更

HTTP入力用文字エンコード自動変換に関する設定変更

自動文字エンコードの検出に関する設定変更

コード変換できない文字の設定

関数のオーバーロード設定

タイムゾーンの設定

XAMPP for Mac OS X 1.7.3 インストール関連記事

XAMPP for Mac OS X 1.7.3 のインストール - とにかくやってみるブログ

XAMPP for Mac OS X 1.7.3 のダウンロード

「XAMPP for Mac OS X 1.7.3」のインストール

XAMPP for Mac OS X 1.7.3 インストール関連記事

Dreamweaverの環境設定（PHP用） - とにかくやってみるブログ

NoEditorの初期文字コード・改行コード設定 - とにかくやってみるブログ

TeraPadの初期文字コード・改行コード設定 - とにかくやってみるブログ

XAMPP for Windows のセキュリティ対策 - とにかくやってみるブログ

XAMPP for Windows のセキュリティ対策

MySQLの管理者パスワードを設定

ApacheのXAMPPディレクトリへのアクセス制限

FileZilla FTPを起動しない

Mercury Mailを起動しない

外付けHDDのXAMPPを起動する - とにかくやってみるブログ

「php.ini」ファイルの変更

設定ファイルのバックアップ

XAMPPの起動・停止

MySQLを使用するときの設定

XAMPPを外付けHDDにインストール

node.jsを使ってみようインストール編 - とにかくやってみるブログ

node.jsとはリンク集 - とにかくやってみるブログ