この記事は「Dropboxを利用して、WinとMacでローカル環境を自動同期させるまでの過程 〜MacにXAMPPをインストール編～」の続きになります。

さて、前回はMacにXAMPPをインストールして、これでWinとMacにそれぞれローカル環境が整ったことになります。
今回は、この２つのローカル環境のデータベースやらの主要なファイル群を、Dropboxを通して自動的に同期するという、ステキ仕様に設定します。

その前に確認！

色々いじくる前に。
今回の解説は、「Winの方に今あるデータを適用したい」場合のやり方になります。
なので、MacのデータをDropbox上に置く→Winのデータを上書きの順番で説明しています。
もし逆の場合は、気をつけてください。

また、ここではシンボリックリンクを使っているので、コピーや移動と違って、Dropbox内のデータが書き換わると元のデータも書き換わってしまいます。
心配な場合は、コピーして元ファイルを取っておいてください。

もしかしたら説明不足な点があるかも知れません（十分注意して書いてはいますが）。
もし何か起こっても（膨大なデータが消えるなど）責任は取れませんので、自己責任でお願いします。

１，Dropboxの同期を切る

MacとWinの両方で、まずはDropboxの同期を一時停止にしてください。

２，Macでの設定

まずはMscから。
ターミナルを起動してください。

2-1，パーミッション変更

htdocsフォルダとmysqlフォルダのパーミッションを変更します。

sudo chmod -R 757 /Applications/XAMPP/xamppfiles/htdocs

sudo chmod -R 757 /Applications/XAMPP/xamppfiles/var/mysql

「～757 」まで打ったら、フォルダを直接ターミナルにドロップすると楽だし確実です。

2-2，フォルダの所有者の変更

USERNAMEのところは、自分のユーザー名に変えてください。

sudo chown -R USERNAME /Applications/XAMPP/xamppfiles/htdocs

sudo chown -R USERNAME /Applications/XAMPP/xamppfiles/var/mysql

2-3，シンボリックリンクの作成

Dropboxにhtdocsフォルダとmysqlフォルダのシンボリックリンクを作成します。

sudo ln -s /Applications/XAMPP/xamppfiles/htdocs ~/dropbox/htdocs

sudo ln -s /Applications/XAMPP/xamppfiles/var/mysql ~/dropbox/mysql

2-4，Mac側のDropboxの同期開始

Mac側でDropboxの同期を開始します。
これで、Dropbox内にhtdocsフォルダとmysqlフォルダができました。

３，Windowsでの設定

次はWinです。

3-1，コピーと削除

Macの同期が終わったら、Winのxampp/htdocsの中身をDropbox/htdocsへ、xampp/mysql/dataの中身をDropbox/mysqlへ、上書きコピーします。
Win側の同期を開始し、Macの方でも確認して同期が終了したら、Win側のDropboxの同期を停止。
これで、Macのhtdocsフォルダとmysqlフォルダの中身がWinと同じになりました。
その後、Dropbox内のhtdocsフォルダとmysqlフォルダを一旦削除します。

3-2，シンボリックリンクの作成

コマンドプロンプトを起動します。
Vistaや7の場合は、右クリックで「管理者として実行」してください。

mklink /D C:/Users/USERNAME/Dropbox/htdocs C:/xampp/htdocs

mklink /D C:/Users/USERNAME/Dropbox/mysql C:/xampp/mysql/data

3-3，Win側のDropboxの同期を再開

Win側のDropboxの同期を再開してください。
Macでも同期が完了したことを確認したら、完了です。

これで、今後ローカル環境がDropbpxを介して自動同期されます。

注意点

今後、ローカル環境で何か弄って変更したら、XAMPPコントロールパネルでApacheとMySQLを停止した後、Dropboxの同期を待ってからコンピュータを停止してください。

一つ問題が…

暫くしてから気付いたのですが、Winで弄ってからMacで弄ろうとすると、MySQLエラーが出るんですよね。
解決方法は、MacでXAMPPコントロールパネルでMySQLを走らせる前に、もう一度MySQLフォルダのパーミッションを変更すること。
ターミナルを起動し、

sudo chmod -R 757 /Applications/XAMPP/xamppfiles/var/mysql

を実行してください。

これ、Win→Macで弄るときに毎回必要になります。
解決方法というより、対症療法ですね(;´Д`)
根本的な解決方法が分かる方は、コメントにて優しく教えて下さい。

まとめると

やっていることをまとめると、シンボリックリンクを作っただけです。
端折り過ぎですがｗ
ただ、順番にだけは気をつけてください。

どこか間違っているところがあったら、是非教えて下さい。

環境

・Mac OS X Lion
・Windows 7
・XAMPP for MacOS X 1.7.3
・XAMPP for Windows 1.7.4
・Dropbox（このリンクからの登録で、容量プラス250MB）

前回ポストした通り、WordCamp Tokyo 2011に参加してきました(｡´ω`｡)
前回のポストではぼっち参加と書きましたが、当日３日前に急遽ぼっちじゃなくなりました。
そして更に当日もう一人増えまして、３人で行動することに！
@andante0727さん、@anticyborgさん、有難う御座います。
スゴイねTwitter！

会場

会場は品川シーサイド駅から徒歩２分の楽天タワー２号館７階。
会場についた時点で、自分の荷物の多さにウンザリする始末。
WordCampにはサブバッグが必須だと痛感しました(;´Д`)

セッション

セッションは、ユーザー/ブロガートラック、デザイナートラック、テクニカルトラックの３つのトラックがあり、３つのトラックが同時進行なので、３つの中でどのセッションを聞きに行くが悩みどころでした。
その他にハンズオンもありましたが、初心者向けっぽかったので今回は参加しませんでした。

私が参加したセッションは以下の通りです。

• デザイナートラック/アンカンファレンス：テーマづくりの悩みを話しあおう！
  　→私が参加したグループでは、主にプラグインの話をしていました。
• デザイナートラック/早く・良いものを作るための、WordPressサイト構築ワーク（スライド）
  　→「あれ？」と思ったら、すぐにクライアントに確認。
• デザイナートラック/WordPressのオリジナルテーマ制作 デザイン時に私が心がけている「更新しやすい」テーマ作り（スライド）
  　→初心者向けとのことでしたが、こちらも実勢に即した内容でした。
• ユーザー/ブロガートラックKeynote: WordPressの現在とこれから（スライド）
  　→WordPressがどの様に進化してきたか。そして現在のWordPress。
• デザイナートラック/未来を見据えたレスポンシブ・パブリッシング（スライド）
  　→時代はHTML5。電子書籍のお話も。
• デザイナートラック/実践！オリジナルテーマで作る、スマホサイト＆マルチスクリーンサイト（スライド）
  　→モバイルファーストという考え方。丁度やりたい事だったので、とても参考になりました。
• デザイナートラック/クリーンなWordPressサイトのためのPHPコーディングのお作法─計画的にWordPressを拡張していくためのフレームワーク思考（スライド）
  　→この辺りで気分が悪くなってしまい、一旦途中退場orz
• テクニカルトラック/WordPressの裏側（スライド）
  　→WordPressの運営会社AUTO MATTICの中の人のお話。
• ライトニングトーク
  　→持ち時間一人５分で、数人の方がライトニングトーク。（スライド１）（スライド２）

他のセッションのスライドや動画は、公式のタイムテーブルにまとめられています。

懇親会

さぁ、いよいよ懇親会です。
これがメインイベントと言っても過言ではありません(｡･｀ω´･｡)
ここに来るまでに数枚しか名刺交換できていなかったので、「きっとこのまま大量の名刺の在庫を抱えて帰るのだろう」と半ば覚悟していました。

が、救世主現る！
懇親会が始まる直前に、ずっとすれ違いだった@nya1122さんと合流できたのですが、この方がもう引っ張ってくださる。
ぼっち属性MAXな私には、本当にありがたかったです(´∀`)
お陰で沢山の方々とお話することができました、有難う御座います。

人脈

WordCampには、人脈を広げるのが目的で参加したわけですが、本当に人見知りなんで正直上手くいくとは思っていませんでした。
１０人名刺交換出来れば上出来だろうと。
しかし思いもよらずその倍くらいの方々とお話することができ、更には念願だったWeb系のお友達もできました。
私にしてみれば、かなりの大成功です。
Web腐女子の会なんて話も出ましたし！ｗ
これは、個人的には流行らせたら面白い事になるんじゃないかと思っていますｗ

更には、帰宅後の勢いでWordCamp Tokyo 2011非公式忘年会なるものまで企画されました。
WordCampスゴイね。
今回のWordCampに参加した方も、WordCamp行きたかったけど行けなかった方も、参加ボタンを押せばいいと思うよ！

総括

まとめると、Twitterはぼっちを救ってくれるツールだということですね。
……アレ？(｡･ω･)

せっかくなんで、ここから何かが広がったり、何かが始まったり、何かが繋がったりするといいなぁ、と思います。
自分から動くのは苦手なので、巻き込まれたいです。
ヘタレっぷりがハンパない台詞ですね。
ぼっちスキルカンスト舐めんな（ ＾ω＾）

先々月、予定外にMacBook Airを手に入れまして、暫くはMacでの制作環境を整えるのに必死でした。
一番苦労したのが、案の定XAMPPでした。
えぇ、想定の範囲内でしたとも。

私は多くの人がやっているように、XAMPPでローカル環境を構築し、そこでWordPressをいじっています。
Macを持つのは初めてなので、もちろん今まで作り上げてきたものは全てWindowsの中です。

せっかく購入したので、Macにも制作環境を置きたい！
更に、Dropboxを利用してWindowsのXAMPPと自動同期もさせたい！
でもOSが違ってくると、それも一筋縄ではいかなくなります。
その過程を２回に分けてポストしたいと思います。

前置き長くなった(;´Д`)

まずは、XAMPPをダウンロードしてインストールしてローカルホストに接続するのですが、その辺りは迷うこともないと思いますし、丁寧に説明しているブログサイトが検索で多数見つかりますので、ここでは割愛します。
で、その後が思いの外スムーズにいかず、結構大変でした。
今回のポストは要らないかなーとも思ったのですが、自分へのメモがてら、どういう設定をしたのか残しておきます。

注意点

・Macに慣れていないMacド素人です。
・Unixコマンドはほとんど分かりません（一応、私より詳しい人に教わりながらやりました）。

こんな不安なヤツの説明でもＯＫという方はドゾ↓

管理者権限で実行

まずはアプリケーションフォルダ内のユーティリティフォルダから、ターミナルを起動します。
ここからは、ターミナルにコマンドを打っていきます。

早速

sudo /applications/xampp/xamppfiles/xampp security

と入力し、[Enter]をッターン！

Password:

と出てきますね。

これは、アカウントパスワード（購入してから一番初めにMacを起動したときに設定したパス）を問われているので、そのパスを入力してください。
このとき、打っている文字は出てこないので、ちょっと打ちにくいかもしれません。
この後も、パスを入力するときは文字が表示されません。

XAMPPページにパスを設定

正しいパスが入力されると、

XAMPP: Quick security check...
XAMPP: Your XAMPP pages are NOT secured by a password.
XAMPP: Do you want to set a password? [ja]

「XAMPPのページ（ローカルホストに接続したときに出てくる、あのページ）にパスがかかってないよ。」
「パスを設定する？」

私は設定しました。
設定する場合は、

y

[Enter]

XAMPP: Password:

設定したいパスを入力。で[Enter]
もう一度聞かれるので、同じパスを入力して[Enter]

XAMPP:  Password protection active. Please use 'xampp' as user name!

「パスによるプロテクトがかかったよ。ユーザー名は“xampp”ってのを使ってね！」

MySQLに対するセキュリティ

XAMPP:  MySQL is accessable via network.
XAMPP: Normaly [ja]

「ネットワーク経由でMySQLに接続可能だよ」
「Normaly」

Normaly──何でしょう。
これ、他のサイトさんで確認したところ、通常（というか、以前のバージョン？）なら「Normaly that’s not recommended. Do you want me to turn it off?（通常ならお勧めしません。遮断しますか？）」と表示されるみたいです。
自分の場合は、何故こんな中途半端な文言になったのか……謎です。

ともあれ、推奨されないことをわざわざやる必要もないので、お勧め通り遮断しましょう。

y

で[Enter]

XAMPP: Turned off.
XAMPP: Stopping MySQL...ok.
XAMPP: Starting MySQL...ok.

MySQLは再起動されました。

rootパスの設定

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]

ここら辺、ちょっと何を言っているのかｒｙなんですが、何となく読み取ると「MySQLにrootパスがあって、ProFTPDに新しいFTPパスがあって、それでもパス変えたい？」と聞いている感じですね。

rootパスは変えたいのですが、ここでyesを選択した場合どちらのパスが変わるのかがちょっとはっきりしなかったので、私の場合は一旦noを選択しました。

n

で[Enter]

その後、rootパスを変更するコマンドを入力

/applications/xampp/xamppfiles/bin/mysqladmin -u root -p password 任意のパス

[Enter]×２

ターミナルでのコマンド入力はここまでです。
お疲れ様でした。

config.inc.phpを書き換える

/XAMPP/xamppfiles/phpmyadmin/config.inc.phpをテキストエディタで開きます。
３４行目のコードのシングルクォーテーションの間に、ターミナルコマンドで最後に設定したrootパスを入力し、保存します。

$cfg['Servers'][$i]['password'] = '設定した任意のパス';

続いてXAMPP ControlでApacheとMySQLを再起動し、http://localhost/にアクセス。
xamppページにパスをかけた場合は、ユーザー名とパスを聞かれるので、ユーザー名にxampp、パスに設定したパスを入力します。

phpMyAdminにアクセス

左サイドバーの下の方に「phpMyAdmin」というリンクあるので、そこからphpMyAdminにアクセス。
※色々設定する前にアクセスしていた場合、キャッシュが残っている場合もありますので、その場合はリロードしてください。

無事にphpMyAdminのページが表示されたら、とりあえずXAMPPは動くようになりました。
おめでとうございます。

次回は、自動同期させる為の設定方法です。

環境

・Mac OS X Lion
・XAMPP for MacOS X 1.7.3

参考＆関連ページ

・XAMPP for MacOS X – XAMPP　http://www.apachefriends.org/jp/xampp-macosx.html
・XAMPP for MacOS Xのインストールと設定：その２ – ウェブ、ショウジン　http://web.showjin.me/2009/04/xampp_osx2.html

名刺を作りたい。作らなきゃ。いい加減用意しないと──
と思い始めて、そろそろ１年程でしょうか。
ようやく重い腰を上げ、自分の名刺を作ってみました。

きっかけはWordCamp Tokyo 2011

何故ようやく作る気になったかというと、先月頃、WordCamp Tokyo 2011が品川で開催されるとの情報を得まして。
前々から気になっていたのでこの機会に参加しようと思い、どうせならゼロに近い人脈を広げ、トモダチ１００人作りたいなと思い、それなら名刺必須じゃん？と思ったのがきっかけです。

因みにぼっち参加です。
ぼっちでぼへーっとしているチビが居たら、憐れむような目でそっと話しかけてあげてください。
「可哀想に、友達居ないんですね……」とでも。
１１月２３日まで申し込みできるらしいんで、まだ申し込んでない方で興味をもった方は是非。

印刷会社はSuper Printさん

今まで作ろうとは思っていたので、Webデザイナーさんの名刺関連のブログ記事などをたまに読んだりしていたのですが、そこでちょくちょく名前の出てくるSuper Printさんで作ることにしました。
印刷品質も良いらしく（DTP未経験なんでよく分からないのですが）、紙質も豊富で、変わったところではプラスチックでも作れたりするみたいです！
いつか作りたい(｡´ω｀｡)

因みに、アカウント登録の際に紹介コードを登録すると５％の割引サービスが受けられるので、登録の際は是非以下の紹介者コードをご登録ください。

出来上がり

紙質も豊富でオプション加工も色々あるのでとても迷いましたが、紙はマシュマロホワイトで、オプションで角丸加工を選択。
それに紹介者コードを使って５％引きで、１００枚でトータル３千円切りました。
そして届いたのがこれ。

フルカラー面

マシュマロホワイトお勧め！
さらさらしていて触っていて気持ちよく、ちょっと高級感(*´Д`*)
私のヘタレデザインではその高級感も多少薄れてしまいますが、それを差し引いてもとっても良い感じｗ

因みに、申しこめばサンプルを送って頂けるので、時間のある方は確認してから発注するといいですね。
私は、それを待っていると結構時間がかかっちゃいそうだったので、届く前に発注しちゃいましたけど。
現に未だ届いていないです(;￣ω￣)

失敗と反省

初DTPということで、やっぱWebとは違うなー、と勉強になりました。
失敗したのが、“大きさ”ですね。
フルカラー面の真ん中のロゴ、小さいですよね。
というか、写真だと見えないですね(;´Д｀)
モノクロ面のURL・Mail・twitterの情報も、思ったより小さいです。
Webの感覚で作っていると、紙になったときに結構小さくなってしまうんですよね。
分かっていたつもりなんですけど、いざやってみるとやはり感覚が掴めず……。
次は”大きさ”に気を付けたいと思います。

それと、シャドウは綺麗に出ないですね。
無い方が良いかも？

Super Printさんは名刺が届いた後のメールも感じが良く、また次もお願いしたいと思いました。

次はもっと気合入れて作るゾー！
そのときは、もっと色々オプション使って豪華な感じにしたいなー。
それまでに、もうちょっとイラレ使い込んでおこうorz

ここまで用意して、１人も名刺交換できなかったら……
イベントが楽しみでもあり、ちょっと不安でもあります(´・ω・`)

今回は、あまりしないカメラの話をば。

私はGRDIIIユーザーなのですが、GRDIIIのストラップホールは小さいです。
大体携帯のそれとほぼ同じくらいではないでしょうか。
その為、ハンドストラップやコンデジ用のネックストラップ等、所謂携帯ストラップ的なもので装着するヤツしか使えない様です。
でも、どうしても自分が気に入ったデジ一用の２点吊りストラップを使いたいのよねー、ということで、ちょこっといじって改良してみました。
と言っても大したことではないのですが。

今まではこうしてました。

今までは、そのままでは使えない幅広のネックストラップを、手芸店で購入したストラップパーツの二重リング（あのクルクル２重に巻いてる金具）に通し、ストラップパーツの方をカメラに装着して使用していました。
写真を用意しなかったので、ちょいと分かりにくいですかね(;´Д`)
GRD純正のネックストラップがあるじゃないですか、アレを擬似的に作った感じです。

ワンタッチで着脱したい！

写真を撮りに行く為に出かけるときはいいんですけど、出かけるついでにカメラを持って行きたい場合、私はネックストラップを邪魔に感じてしまうんですよね。
そんなにバッグに物を詰めている自覚はないのですが、何故か物が多くなってしまうので、嵩張る物はできるだけコンパクトにしたい。体力が無いのでorz
というわけで、そういうときにはネックストラップではなくハンドストラップを使用したい！

でも今までのやり方だと、楽に着脱ができないんですよね。
一度左右どちらかのネックストラップを二重リングから外してからじゃないと、外せないんです。
ストラップパーツをそのままカメラから外せればいいんですけど、2点吊りなためムリなのです。
純正のネックストラップは、ストラップホールに通す部分とそれ以外の部分（何ていうの？）が外れるんですよね、たぶん。

まずは道具を揃えましょう。

• 愛着たっぷりのカメラ
• 気に入ったけどそのままだと使えないネックストラップ
• その辺に転がってた丸カン　×２
• 愛機とストラップに合いそうなナスカン　×２
• ペンチ（２つあると丸カンを開くときに便利）

分からない方もいらっしゃるかもなので、ここでちょっと丸カンとナスカンについて説明。

丸カンとはこういう物です。　→Google先生の画像検索
キーホルダーとかに必ず付いてますね。
大きさは、私は9mmの使って余裕でしたが、後述するナスカンの大きさにもよりますのでご注意を。

ナスカンとはこういう物です。　→Google先生の画像検索
フック型の金具ですね。
大きさは、私は幅12mmのものを使いましたが、ネックストラップの通す部分の幅によって変わりますので、これまたご注意を。

どちらもとても安く手に入ります。

いよいよいじる！

1. 丸カンをカメラのストラップホールに取り付ける。
2. ナスカンにネックストラップを通す。
3. カメラに取り付けた丸カンにストラップのナスカンを引っ掛けるだけで、簡単装着が実現！

これだけ。
外したときに丸カンだけが残ることになりますが、私は気になりません。
気になる人はなるかも……？

こんな感じ。

装着部分のアップ。
できれば、丸カンもアンティークゴールドが良かったです。
どこかで見つけたらとっかえよう。

引いてみましょう。

全体はこんな感じです。
次はチャームを付けたいな。

因みに、使用しているネックストラップはハクバのレースネックストラップ（アイボリー）です。
見た目も可愛く、素材もイイカンジで気に入っています。
見た感じはちくちくしていそうなんですけど、実際は肌触りが良くて気持ち良いんですｗ　オススメ。

蛇足ですが、実はこのストラップ、デジ一とコンデジ両用だと謳っているんです。
なので、タイトルに「デジ一用のネックストラップを～」とありますが、あれはウソですねｗ
でも、8mm幅のストラップが通るコンデジってあるんですか？

傷つけてしまいました……

実は丸カンを取り付ける前に、二重リングがはまらないか試してみたんです。
小さいのだと入らないのは明確だったので、大き目のを。
結果……傷が……傷があああぁぁぁあぁぁぁ…orz
しかも大きすぎて、リングがぴょこんと立ったまんま。
あまりにも不恰好なので、丸カンにしました。

‐‐‐

こんな感じで、今はこの形に落ち着いています。
これで、コンデジだからって選択の幅が狭まることなく、好きなストラップを使用できます。
満足(*´Д`*)

他にも方法がありましたら、教えていただけたら嬉しいです(｡´ω｀｡)

１１日に起きた東北地方太平洋沖地震。
私は東京在住なので大きな揺れは感じたものの、何事もありませんでした。
家族も無事でした。
まだ余震が続いていますし、大きな揺れも時々くるので不安ではありますが。

被災地支援プロジェクト参加

定期的に通っているブログサイトで、「東北地方太平洋沖地震　tweetで壁紙ゲット＆被災地支援プロジェクト」というものを知りました。
どういうものかというと、『募金サイト一覧ページへのPR文をツイートしてくれたら、iPhone・携帯壁紙を無料であげちゃうよ！』って感じです。
で、その壁紙を提供させていただきました。

※この画像はサイズが小さい上に画質を落としています。ダウンロードページ

手順

このページで好きなiPhone壁紙を選ぶ
↓
Twitter認証ページがポップアップするので、「許可する」をクリック
↓
ツイートを入力（PR文が入るので８５文字まで）
↓
「Tweetをして壁紙をダウンロード」をクリック
↓
画像が表示されるので、右クリックで保存

是非ダウンロードして、募金活動を広めてください。
私もまた提供させて頂くかも知れません。
サイズは全て幅640px×高960px。

今回の地震で実感したこと

緊急時に流れてくる情報ほど精査しなければならない

色々なデマが飛び交っていますね。
特にTwitter。
『拡散希望！』なんて書いてあってもすぐにRTしてはいけません。
実は、私自身もやってしまった１人なのですが。反省します。

買い占めイクナイ！

これが一番参りました。
どこへ行っても食料が置いていない。
自分１人ならどうでもいいのですが（燃費がいいので１日１食で過ごせることも）、家族だけには食べさせたい……。
昨日ようやく買えたのですが、それでも肉や魚は売り切れていたので買えませんでした。
トイレットペーパーも売り切れている様でした。
あと残り１ロールなのですが……(;´Д｀)
買い占めは意味がないです。意味がないどころか、被災地に必要な物資が届きにくくなってしまいます。やらないで！

Pray for 東北

被災地の皆様が一日でも早く普通の生活を送れますよう、祈っております。
そして微力ではありますが、自分ができる小さな事を実践していきたいと思います。
日本は小さいくせに結構強いです。大丈夫です。

さて、私はいつも通り制作作業に戻ります。
被災地外の人は、いつも通りに生活するのが一番らしいですよ！

アーガイル柄大好きです(｡´ω｀｡)
というわけで、メモを兼ねてアーガイル柄の描き方をご紹介。

１，準備

900px×1200pxの新規ファイルを開きます。
メインメニューの[表示]→[スマートガイド]をチェックして、スマートガイドをオンにします。

２，菱形を描く。

[長方形ツール]を選択し、線無し・任意の色の正方形を描きます。
[回転ツール]をダブルクリックし、45度回転させます。
メインメニューの[オブジェクト]→[変形]→[バウンディングボックスのリセット]をクリック。
[拡大・縮小ツール]を選択し、任意の菱形に成形します。

３，並べて配色する。

[選択ツール]を選択し、Altキーを押しながら先程作った菱形をドラッグして複製、並べます。
ガイドが出るので、ガイドの通りキッチリ並べます。
これを計6回繰り返し、全部で7個の菱形を並べます。

その後、それぞれの菱形を任意の色に塗り分けます。
このとき、横に３つ並んだ菱形は同じ色に、その上下を別の色に塗り分けてください。
私の場合は３色にしましたが、最低２色に塗ります。

４，ステッチを描く。

[直線ツール]を選択して任意の色に設定し、中央の菱形の中心から右上の菱形の中心まで直線を引きます。
菱形の中心にカーソルを合わせると「中心」と表示されるので、それに合わせて引いてください。
そして[線]パレットの「破線」にチェックを入れて、線分と間隔の数値を入力します。
私は線分を5px、間隔を2pxにしました。

今度は中央の菱形の中心から右下の菱形の中心まで直線を引きます。
先程と同じ破線が、丁度「く」の字の様に引かれたはずです。

次に[選択ツール]で両方の破線を選択（Shiftキーを押しながらクリック）し、[整列]パレットの「垂直方向中央に整列」をクリックします。
すると、「Ｘ」の形になります。
このとき、自動的に中央菱形の中心に「Ｘ」が行くと思いますが、行かなかったら中心に配置してください。

メインメニューの[オブジェクト]→[グループ]で、２つの破線をグループ化します。
菱形を複製したときと同じ様に、Altキーを押しながらドラッグして「Ｘ」を複製し、全ての菱形内に配置します。

５，スウォッチパレットに登録する。

[長方形ツール]を選択し、塗りも線も無しに設定します。
アーガイル柄の中央に正方形を描きます。
上下４つの菱形の外側の角に、正方形の角を合わせて描画すればＯＫです。

そして、メインメニューの[オブジェクト]→[重ね順]→[最背面へ]を選択し、正方形のパスを最背面に配置します。
次に[選択ツール]で全てのパスを選択し、[スウォッチパレット]へドラッグします。

６，他のドキュメントでも使えるようにする。

先程のアーガイルはパターンとして登録はされましたが、このままでは他のドキュメントではスウォッチパレットに出てきません。
他のドキュメントでも使えるようにするには、以下の様に設定します。

まず、先程のアーガイルパターンをaiファイルとして保存します。
[スウォッチパレット]のスウォッチパネルメニュー（右上の▼）の[スウォッチライブラリを開く]→[その他のライブラリ]で、保存したaiファイルを選択し、読み込みます。
これで、他のドキュメントでもパターンとして使えるはずです。

以上です(｡･ω･)ゞ

参考

・　How to create an argyle pattern in Illustrator – pixellogo

空間を感じられるデザインって素敵ですよね。
色々な方法があると思いますが、中々難しいです。
今回は、参考になりそうなWebサイトをご紹介。

Foundation Six Web Design Studio

まずはオーソドックスな表現方法。
物の配置で空間を表現しています。

Design Kindle

こちらもオーソドックスですかね。
線を利用した表現方法です。
余談ですがこちらのサイトは素材サイトで、個人・商用共に無料で利用できるみたいです。

CupCup

店先をを模したようなデザイン。
テーブルと上部の軒先部分（これ何て言うの？）が奥行きを表現しています。
カップケーキが、JavaScriptでテーブルの上をスライドしていきます。

Creon

コンテンツの位置に焦点を合わせ、その前後はぼかすことにより、上手く空間を表現しています。
丁度、被写界深度を浅くして撮った写真の様な感じでしょうか。

Inglorie

これはスゴイなと思いました。
メインのオブジェクトと奥のテキストと手前のボタンの３つだけで、空間を表現しています。
奥行きを表現するには線（地面と壁の境目やテーブル等）を使うことが多いと思いますが、このデザインにははっきりした線がありません。
にも関わらず、壁の位置やその壁が少し斜めであることが認識できます。
後のテキストがそれを表現しているのですね。
参考にしたいです。

MORE

Showcase of Depth and Perspective in Web Design – CODROPSに、更に沢山の奥行きと遠近法を使ったWebサイトが紹介されています。

元記事

・　Showcase of Depth and Perspective in Web Design – CODROPS

記事を書いた際にTwitterで通知している方も多いと思いますが、どうやってツイートしてますか？
記事を投稿したら、自動的にツイートしてくれたら便利ですよね。
レンタルブログサービスでも、Twitterへ自動でツイートする機能が追加されてきている様です。
そんなWordPressプラグイン“WP to Twitter”をご紹介。

インストール

配布元 → WordPress › WP to Twitter « WordPress Plugins

WP to Twitterをダウンロードし、解凍してできたwp-to-twitterフォルダをwp-content/pluginsフォルダにアップロードします。
管理画面で有効化します。
その後、「設定」→「WP->Twitter」にて各種設定を済ませます。

ツイッターとの連携

Twitterと連携するには、Twitterにアプリケーション登録申請をして、発行されたConsumer keyやAccess Token等々の情報を「Connect to Twitter」の欄で設定しなければなりません。
やり方は詳しく書かれているので、その通りにやれば問題ありません。
英語を読むのが面倒な方は、以下をどうぞ。

1. http://dev.twitter.com/apps/newにアクセスします。
2. 以下の様に設定します。
   • 「アプリケーション名」はご自分のWebサイト名にすることをお勧めします（「Twitter」をいう文字列を含めることができないので、プラグイン名にすることはできません）。
   • 「アプリケーションの説明」は自由に。
   • 「アプリケーションのウェブサイトURL」はご自分のURLでいいかと思います。
   • 「所属/団体」はご自分のサイト名でいいかと思います。
   • 「アプリケーションの種類」は「ブラウザアプリケーション 」
   • 「コールバックURL」はご自分のURL（プラグイン設定の「Connect to Twitter」欄で指定されているので、確認してみてください）。
   • 「標準のアクセスタイプ」は「Read & Write」
3. 「アプリケーションを登録する」ボタンをクリックすると、規約がポップアップしますので、承認（I Accept）をクリック。
4. Consumer keyとConsumer secretが発行されるので、プラグイン設定の「Connect to Twitter」欄の該当箇所にコピペします。
5. Twitterの方に戻って、右のサイドバーの「My AccessToken」をクリック。
6. Access TokenとAccess Token Secretが表示されているので、同じくプラグイン設定の「Connect to Twitter」欄の該当箇所にコピペします。
7. セーブボタンクリックで終了

ツイート設定

「Basic Settings」欄でどの様にツイートするか設定します。
以下のようなショートコードを使用します。

• #title#: 記事タイトル
• #blog#: ブログタイトル
• #post#: 抜粋
• #category#: 最初に選択されたカテゴリ
• #date#:投稿日時
• #url#: パーマリンク
• #author#: 投稿者の名前
• #account#: Twitterのアカウント名（@hoge）か、投稿者（author）設定が有効になっている場合は投稿者名

Tweet Templates

Update when a post is published

記事を公開したとき

Update when a post is edited

記事を更新（修正）したとき

Update Twitter when new WordPress Pages are published

ページを公開したとき

Update Twitter when WordPress Pages are edited

ページを更新（修正）したとき

Update Twitter when you post a Blogroll link

他ブログへのリンクを追加したとき
利用可能なショートコード：　#url#, #title#, and #description#

Choose your short URL service (account settings below)
　→　短縮URLサービスの選択

短縮URLアカウントの設定

短縮URLを利用する場合は、「URL Shortener Account Settings」欄で各サービスのアカウントを設定します。

記事毎に編集

投稿画面の下の方に「WP to Twitter」という欄が現れます。
そこで、記事毎にツイート内容を編集、及びツイートの可否を設定できます。
使えるショートコードも同じです。

Finish !

最低限以上の項目を設定すれば利用できると思います。
念のため、テスト投稿をして確認してみてください。
分からない箇所がありましたら、コメントにてお尋ねください。

環境

・　WordPress 3.0.4
・　WP to Twitter 2.2.5

私はダラダラと作業するタイプです。
どうしてもあちこちに気が散ってしまいます。
逆に集中すると作業から離れられなくなり、それはそれで困っているのですが(;´Д｀)

そこで、とりあえず「ダラダラ」をどうにかすべく、試しに1週間タイムトラッキングしてみました。

ツールを選ぶ

今回はとりあえずiPhoneアプリのaTimeLoggerを使いました。
無料でビジュアルも良く、レポート作成が可能ということで選びました。
iPhoneアプリなら、どこでも使えますしね。

結果

■　集中できる。
カテゴリ毎（仕事、趣味、家事など）にタイムを計測するので、他のことをするには計測を一旦止めてカテゴリを切り替えて計測し直し、また再開するときはまたカテゴリを切り替えて――という手間がかかります。
私はめんどくさがりです。
なので、その手間を踏むくらいなら集中して続けて、終わってから次に移った方が気が楽なのです。
それと、変な所で細かいので、「仕事」の記録に別のことが混ざるのが嫌で、「仕事中だけどちょっとネットを……」ということが避けられました。

■　忘れる。
まだ習慣づいていない為か、アプリの起動をよく忘れました。
ただ単に物忘れが激しいだけ、とも言えますが( ´_ゝ｀)
あとめんどくｓ

まとめ

割と（あくまでも“割と”）集中できたので、これが続けば「ダラダラ」は解決ですね。
しかし「忘れっぽさ」と「めんどくさがり」が邪魔をします(´ω｀)
どうしたら良いか考えた結果、1つの行動に限定してログを取るようにすればいいのではないかと。
とりあえず、一番集中したいPCに向かっている時間に限定しようと思います。
これなら、めんどくささちょっと減。

更にPCで使えるツールにすることで、iPhone（私はiPod touchユーザーですが）を立ち上げる手間を無くします。
めんどくささ更に減。
それにPCに向かっている時間限定にするなら、aTimeLoggerは向いていないと思います。
このアプリは、どちらかというとライフログを取ることに向いている様に感じるからです。
タスク管理系のツールがいいのかな。
何を使ったらいいのか……それを考えて色々調べるのがまためんｄ

aTimeLogger自体は好きです。
いつかライフログを取る気になったときに使おうと思います。
いつか……