-
ローカルMac環境に構築したWordPressにVirtualBoxのゲストWindowsでブラウザアクセス
MacOSXローカル環境にMAMPを使ってWordPressをインストール すると、
ローカルMacのWordPressのURLは
http://localhost:8888/wordpress/
のようになります。
でもせっかく VirtualBoxでMacOSXにWindows7をインストール してあるのに、
「http://localhost:8888/」のままでは、
VirtualBoxのゲストOSのWindowsから
ホストOSのMacに構築したWordPressにブラウザアクセスできません…。orz
そこでローカルMac環境に構築したWordPressへ、
VirtualBoxのゲストWindowsでもアクセスできるようにしてみました。
[前提条件]
1. MacOSXに「MAMP」がインストールされている
2. MacOSXに「WordPress」が構築できている
3. MacOSXに「VirtualBox」がインストールされている
4. VirtualBox上で Windowｓが起動する
1. Macの設定
システム環境設定＞共有＞Web共有を「切」にする
2. MAMPの設定
Applications＞MAMP＞conf＞apache＞httpd.conf を修正する
219行目あたりポート番号の指定を「80」に変更
Listen 8888
↓
Listen 80
一番下に以下の4行を追加する
<virtualhost *:80>
ServerName localhost:80
DocumentRoot "/Applications/MAMP/htdocs"
</virtualhost>
MAMPを起動中であれば再起動する。
再起動しないと、設定が変更されません。
3. VirtualBoxの設定
設定＞共有フォルダ＞共有フォルダの追加で
MAMPの「htdocs」フォルダを追加する。
フォルダのパス：/Applications/MAMP/htdocs
フォルダ名：htdocs（何でもOK）
4. ゲストOSでWordPressへアクセス
共有フォルダの追加が完了したら、VirtualBoxを起動。
IEを立ち上げて…以下のURLにアクセス。
http://192.168.1.2/wordpress/
「wordpress」部分は、WordPressディレクトリ
わーい!!! (^-^*)
ちゃんとWordPressが表示されました!
Mac/Safari、Mac/FireFox、
Win/IE6、Win/IE7、Win/IE8 を同時に立ち上げたらこんな感じ!
もちろんWordPressだけでなく、htmlファイルも同様にブラウザアクセスできるので
/Applications/MAMP/htdocs/
の中に「project01」というフォルダを作成してWebデータを格納すれば、
http://192.168.1.2/project01/
でアクセスすることができます。
MacOSXでホームページを制作するなら、ぜひ手に入れたい環境ですね！（・∀・）
2010/02/05
-
MacOSXローカル環境にWordPressをインストール
WordPressを動かすためには、
・PHP 4.3以上
・MySQL 4.1.2以上
のサーバが必要です。すなわちこの環境があれば、
ローカルMacでも WordPressが動くということですね！（・∀・）
WordPressテーマを作る際など、
いちいちネット経由で確認しながら作るのは面倒ですよね。
そこで「MAMP」というアプリケーションを使って
MacOSXに WordPressインストールする方法をご紹介します。
MacOSXで WordPressを動かすための手順
1. MAMPをインストールする
2. WordPress用のデータベース(MySQL)を作成する
3. WordPressのインストール準備
4. WordPressをインストールする
1. MAMPをインストールする
「MAMP」をダウンロードします。（無料）
18MBくらいありますので、ダウンロードにちょっと時間がかかります。
ダウンロードしたzipファイル解凍して、
「MAMP_MAMP_PRO_（バージョン）.dmg」というファイルを
ダブルクリックすると、インストーラーが起動します。
利用規約に同意できたら「Agree」をクリックします。
↑この画面の中にある「MAMP」フォルダを
ローカルMacのアプリケーションフォルダの中にコピーしたら、
MAMPを起動します。
ブラウザが起動して、このような画面が表示されれば
MAMPのインストールが正常に完了しています。
2. WordPress用のデータベース(MySQL)を作成する
WordPress用のデータベースを作成します。
MAMPのスタート画面上部の「phpMyAdmin」をクリックします。
このような画面が表示されるので
「新規データベースを作成する」部分に半角英数字で
WordPress用のデータベース名を入力し（例：wp01）、
「作成」をクリックします。
「データベース wp01 を作成しました。」という画面になれば、
phpMyAdminでの作業は完了です。
3. WordPressのインストール準備
WordPress | 日本語 ページにアクセスして
WordPressをダウンロードします。（無料）
ダウンロードしたzipファイル解凍すると
「wordpress」というフォルダが生成されます。
この「wordpress」というフォルダを
アプリケーション＞MAMP＞htdocs 以下に移動します。
「wordpress」フォルダの中にある
「wp-config-sample.php」のファイル名を
「wp-config.php」に変更したら、
テキストエディタなどで開き、以下の3箇所を修正します。
●24行目あたり
/** WordPress のデータベース名 */
define(‘DB_NAME’, ‘putyourdbnamehere’);
↓
define(‘DB_NAME’, ‘wp01‘);
●26行目あたり
/** MySQL のユーザー名 */
define(‘DB_USER’, ‘usernamehere’);
↓
define(‘DB_USER’, ‘root‘);
●29行目あたり
/** MySQL のパスワード */
define(‘DB_PASSWORD’, ‘yourpasswordhere’);
↓
define(‘DB_PASSWORD’, ‘root‘);
※MySQLのユーザ名とパスワードについて
MAMPの初期設定では、MySQLのユーザ名とパスワードは
root /root です。
4. WordPressをインストールする
MAMPが起動していることを確認したら、ブラウザのURL入力欄に
http://localhost:8888/wordpress/wp-admin/install.php
と入力して、エンターを押します。
このような画面が表示されたら、
いよいよWordPressのインストールに進みます。
ブログタイトルと、メールアドレスを入力したら
「WordPressをインストール」をクリックします。
成功しました！ WordPress がインストールされました。
もっと何か作業をしたかったですか ?
がっかりさせてゴメンナサイ。これだけです !
という画面が表示されます。
ホントにがっかりするくらい簡単です。
WordPressすばらしすぎます。
表示されているユーザ名とパスワードをメモしたら
「ログイン」ボタンをクリックします。
ログイン画面が表示されるので、上記でメモした
ユーザ名（admin）とパスワードを入力して
「ログイン」をクリックします。
# この画面の「パスワードをお忘れですか？」をクリックしても
# パスワードが記載されたメールを受信することはできません。
# これは、WordPressのバグではなく
# WordPressをローカルMaｃで動かしているからです。
ぱちぱち〜!!
WordPressダッシュボード画面が表示されれば、見事完了です。
画面上部の「サイトを表示」をクリックすると…
ちゃーんと WordPressが出来上がっています。
ローカルMacでのWordPressのURLは
●管理画面…http://localhost:8888/wordpress/wp-admin/
●ブログ…http://localhost:8888/wordpress/
となります。
MAMPの入手から、WordPressのインストールまで
30分程度で完了しちゃいます。
MacOSXでWordPressを動かしてみたい方は
ぜひぜひお試しくださいね。2010/01/27
-
Webデザイナーにとっての「MagicMouse」
期待に胸を膨らませ予約購入、発売日に届いた「MagicMouse」。
使い倒してみたのですが、感度が素晴らしすぎて まるで使い物になりませんでした。
特に Photoshop、MicrosoftExcelでの使い心地がヒドすぎる。
Photoshopでは、とにもかくにもズームしまくりだし、
MicrosoftExcelでは、とにもかくにも横スクロールしまくりです。
だいたい2本指スワイプ、特に右方向にスワイプなんて
人間工学に反した動作だと思えます。
私のようにひたすら「戻る」「進む」を繰り返す作業をしていると、
その不自然な動作に精神を破壊されそうになります。
結局、2日使ってお蔵入りしましたが、しばし放置しておいたら
サードパーティ製のドライバが出始めたのでいくつか試してみたのですが
大本命はやっぱり以前紹介した「SteerMouse」のメーカーさんの
MagicMouse用のドライバ「MagicDriver」ですYO! （・∀・）
# 「MagicDriver」は、現在ベータ版を配布しています。
# 正式リリースの際には、1,000円〜1,500円で販売されるようです。
色々試した結果、Webデザイナーの私にとって
FireFoxでの最強マウスジェスチャの設定はこちら！
- 1本指スワイプ（左）：cmd + [ （戻るボタンを割当）
- 1本指スワイプ（左）：cmd + ] （進むボタンを割当）
- 3本指クリック：cmd + R （ブラウザの更新ボタンを割当）
1本で左横にスーッとなぞれば前に戻る、
1本で右横にスーッとなぞれば次に進む、
人差指、中指、薬指の3本でマウス上部を押す、
この設定、ちょーーーーー便利です。
マウスから一度も指を離さなくていいんですから！
スクロール設定は、0.7×加速スクロールが、今のところベストだと思えます。
これまでのAppleの慣例からすると、
たぶん今回もドライバを充実させる気は無さそうに思えるので
「MagicMouse」を使うなら、
サードパーティ製のドライバは必須でしょうね。2010/01/18
-
OSX 10.6上に、Windows7をインストールする（VirtualBox）
Boot Campを使って、Windowsを起動する時には
OSX終了→Windowsを起動しなくてはなりませんでしたが、
VirtualBox を使えば、OSX上にWindowsを起動させることが可能です。
VirtualBox は、私のようなWebデザイナーにとっては
欠かせないツールですね！ （・∀・）
●VirtualBoxダウンロード（無料）
Sun VirtualBox Downloads
# 当たり前ですが、VirtualBoxには Windowsは含まれていません。
# 別途、正規のWindowsライセンスが必要です。
●VirtualBox (OSX）のインストール方法
下記のサイトがとても丁寧に解説してくださっています。
VirtualBoxを使ってMac OSX上に仮想環境を作る
新たに VirtualBox上に Windows7用の仮想環境を追加したのですが、
これまで同様に共有フォルダの設定したのですが
なぜか認識してくれませんでした。
VirtualBoxで、Windows7用の仮想環境を構築した場合は、
OSX側のシステム環境設定で、
共有フォルダの設定を行う必要があるようです。
これがわからず、ずいぶん長い時間ハマってしまいました…。(´･ω･)
OSX＞システム環境設定＞共有＞ファイル共有にチェックを入れる。
「共有フォルダ」の箇所の「+」をクリックして、共有したいフォルダを追加する
必要に応じて「ユーザ」を追加する。
オプションをクリックする。
SMB（Windows）を使用してファイルやフォルダを共有にチェックを入れる。
アカウントを選択する。
# VirtualBox (Windows7) から、OSXの共有フォルダにアクセスするときに
# ID、パスワードを聞かれるので
# ここで選択したユーザのIDとパスワードを入力する。
VirtualBox (Windows7) を起動して、マイコンピュータを開く。
ピンク色の場所に 「¥¥10.0.2.2」 と入力すると、
パスワードを聞かれるので上記で設定したユーザのIDとパスワードを入力すると、
共有フォルダが表示される。
もっとスマートな方法がありそうな気もしますが、
とりあえずこれでヨシとしてやる。
Mac OSXで、VirtualBoxにWindows7を入れたら、
共有フォルダが認識されなくて困っている方の目に
このエントリーがとまりますように！2009/12/14
-
稼げるWebデザイナーの道具術
30インチAppleシネマディスプレイを2台並べて
デュアルディスプレイにすると…
こーーーーんなに広大な作業領域を確保できます。
●左に配置しているモニタ
XGA（1024×768ピクセル）のノートパソコンの4画面以上の面積がありますので、
編集中のPSDファイルをドカーンと中央に配置できます。
複数のPSDファイルを開いても、ファイルの後ろにファイルが隠れないので
目的のファイルにすぐアクセスできます。
●右に配置しているモニタ
Photoshopのパレットをドカーンと開いてます。
さらに、Mail、GoogleTalk、Skypeなどの
コミュニケーション系のアプリも常時、この位置に立ち上がってます。
こうしておけばメールやメッセージが届いても
Photoshopで作業しながら、横目でチェックできます。
最近の Photoshop は、ワークスペースの設定ができるようになったので、
昔に比べるとずいぶん使いやすくはなりましたが、
それでもやはり小さいサイズのモニタでは、作業効率を望めません。
20インチ程度のモニタで Photoshopを使う場合、
・普段は小さく格納しておいて、使う時にパレットを表示させる
・パレットを開くためのショートカットを登録する
いずれかの方法を取ることになります。
グラフィックを作るときには、ただひたすらに
多くのツールと機能を使っては眺め、やり直しては眺め、戻っては眺め…
を繰り返します。
その都度、いちいち発生する「パレットを開くためのワンアクション」は
効率の悪さとストレスの原因になります。
もし明日から20インチでWebデザインを作れって言われたら…
私だったらたぶん、3倍以上の時間工数と疲れが発生しちゃうと思います。(^-^;)
私の起業理由の1つは、「最高の作業環境で仕事がしたい」ことでした。
ぶっちゃけ言葉で申し上げれば、
「最高の制作環境を与えくれれば、最高に稼いでみせまっせ！」
ということなのですが、
当時はまだハードウェアの価格も高かったし、
上司がデザイナー出身ではなかったとので
「パソコンに100万円ってあり得ないでしょ！」と理解いただけない状況にあったのですが、
たった100万円の投資で、作業効率が3倍になって
疲れが1/3になるのなら、費用対効果絶大だと思います。
「うちのWebデザイナー、デザインセンスはいいのに
仕事が遅くてあまり稼いでくれない…」とお悩みの社長さんがいたら、
制作環境を一度、見直してあげてみてはいかがですか？
モニタを買い換えてあげる or 買い足してあげるだけで、
新たなパフォーマンスを発揮してくれるかもしれません！2009/10/07
