FindxFine » | FindxFine -Web制作に関するメモ-

開発環境の整備 : Mac

2012-05-26T14:39:58Z

SSHの認証方式

パスワード認証
ユーザー名とパスワードで認証する。
公開鍵認証公開鍵と秘密鍵のペアで認証する。

SSHの公開鍵認証の概要

SSHの認証を公開鍵と秘密鍵のペアを使って行う。公開鍵はサーバに置かれ秘密鍵はクライアントに置かれる。公開鍵とペアの秘密鍵を持つクライアントからの接続だけを許可する。

公開鍵、秘密鍵の作成

Macはターミナルからssh-keygenコマンドで公開鍵、秘密鍵を作成できる。
一般にMacでは秘密鍵,公開鍵は下記のディレクトリに配置する。

/Users/ユーザー名/.ssh
つまり秘密鍵のパスは　/Users/ユーザー名/.ssh/id_rsa
[text]
<p>公開鍵はid_rsa.pubとなる。</p>
<p class="note">
[1] Macは秘密鍵が必要なソフトが自動的に.ssh/id_rsaを参照する場合ある。
</p>


<h3>実際の作成方法</h3>
[text]
$ ssh-keygen
Generating public/private rsa key pair.
Enter file in which to save the key (/Users/xxx/.ssh/id_rsa): /Users/xxx/.ssh/id_rsa
Enter passphrase (empty for no passphrase):    パスフレースを入力
Enter same passphrase again:  再度パスフレーズを入力

.sshディレクトリにid_rsa(秘密鍵)、id_rsa.pub(公開鍵)が作成される。 id_rsa.pubをauthorized_keysと名前を変えてサーバーにおく。

Macのパーミッション

全権限を持つrootユーザーは使ず一般ユーザーを利用する(以下hogeとする)。ただMacはrootが所有者のファイルがある。それらのファイルの編集は一時的にrootユーザーへ変更して行う。

vimでhttpd.confを編集する例

$ sudo vim httpd.conf
パスワード入力

Firefoxの検索バーでPHPマニュアルを検索する : PHP

2012-05-26T09:20:19Z

Firefoxの検索バーでPHPマニュアルを検索するアドオン。

» PHPマニュアル検索 :: Add-ons for Firefox

上記アドオンをインストールすると検索バーでPHP Manualを選択できる。検索バーへのフォーカス、検索エンジンの切り替えはのショートカット。

検索バーへのフォーカス command + k
検索エンジンの切り替え command + ↑, ↓

検索エンジンの並びも「検索エンジンの管理」から変更できる。

稼働中のWordPressのバージョンや動作要件を調べる : WordPress

2012-05-25T01:47:19Z

wp_includes/version.phpにWordPressのバージョン、PHP・MySQLの必要バージョンが記載されている。

» FAQ/インストール – WordPress Codex 日本語版

XAMPP for windows(XP)のバーチャルホスト : apache

2012-05-22T05:24:25Z

XAMPP for windowsでバーチャルホストを設定する(Windows XP)。

MacはXAMPP for Macのバーチャルホスト : Macにメモ。

設定するファイル

バーチャルホストの設定ファイル(XAMPPをC:\xamppにインストールしたとき)。

httpd.conf
C:\xampp\apache\conf\httpd.conf
httpd-vhosts.conf
C:\xampp\apache\conf\extra\httpd-vhosts.conf
hosts
C:\WINDOWS\system32\drivers\etc

ファイルの設定

C:\xampp\にdocsフォルダを作成して案件ごとにフォルダを作成する。

C:\xampp\docs\example.com
                  |-- index.html
                  |-- ....

example.localhostでアクセスする。

またC:\xampp\htdocsは自身の開発用にする。localhostでアクセスする。

httpd.confの設定

バーチャルホストを有効にする。

# Virtual hosts
Include conf/extra/httpd-vhosts.conf      ← コメントアウト

httpd-vhosts.conf

example.localhostディレクトリをDocumentRootに設定する。

<VirtualHost *:80>
    DocumentRoot "C:\xampp\docs\example.com"
    ServerName example.localhost
    ErrorLog "logs/example.localhost-error_log"
    CustomLog "logs/example.localhost-access_log" common
    <Directory "C:\xampp\docs\example.com">
        order deny,allow
        allow from ALL
    </Directory>
</VirtualHost>

Directoryディレクティブの設定をしないとAccess forbiddenになった。

» ときどきぷろぐらま。 xamppでバーチャルホストを設定。

バーチャルホストをしたらlocalhostでhtdocsにアクセスできなくなった。NameVirtualHost *:80にの設定を追加する。この設定はhttpd.confのDocumentRootディレクティブより優先される。

NameVirtualHost *:80
<VirtualHost *:80>
ServerName localhost
DocumentRoot "C:\xampp\htdocs"
</VirtualHost>

hosts

127.0.0.1       localhost
127.0.0.1       example.localhost

C:\WINDOWS\system32\drivers\etc

HTML5で簡単なフォトエディターを作成 3 : JavaScript

2012-05-21T07:13:39Z

HTML5の勉強で作成しているフォトエディター。機能はリサイズ、回転、フレーム(4pxの白色パディング、1pxの銀ボーダー)、切り取り(オリジナル画像上をドラッグで範囲指定。cで切り取り実行)。