横浜のホームページ制作 スタジオFIXの社長ブログ

ローカル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の設定

2. MAMPの設定

1. 219行目あたりポート番号の指定を「80」に変更
Listen 8888
↓
Listen 80
   
2. 一番下に以下の4行を追加する
<virtualhost *:80>
ServerName localhost:80
DocumentRoot "/Applications/MAMP/htdocs"
</virtualhost>
   

3. VirtualBoxの設定

4. ゲストOSでWordPressへアクセス

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をインストールする

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　（ブラウザの更新ボタンを割当）

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