世界中の写真が集まる flickr。その中から営利目的でも使用できる Creative Commons の写真だけを検索できます。ウェブデザイン、フライヤーの制作などにご利用下さい。ただし撮影された内容に著作権、肖像権等を含む可能性があります。利用方法につきましては Creative Commons Japan FAQ をご覧下さい。

クリエイティブコモンズという権利はアップした本人の判断なので、実際は撮影されたものに問題を含むことがあるかもしれません。ご使用の際は十分ご注意ください。景色に含まれる建造物などは基本的に問題ないようですが（参考「建物の写真の著作権 All About」）、人が写っていれば肖像権などの問題もあり難しいところです。自身の判断で上手くご利用下さい。

ちなみにFlickr内にもこれと同じ機能はありますが、目的が合えば若干こちらの方が使いやすいかなと思います。

今回の変更点

URLのハッシュ「#」に続けてキーワードを表示するようにしました。後でページを表示する時に一手間減らせます。ただブラウザの戻るボタンには未対応。この辺の処理、難しいです。

またクリエイティブコモンズの種類がいくつかありますが、拡大した際に種類が表示されるようにしました。表示しているのは下記の３種類。全て商用利用できるもの、とされています（実際は個々にご判断ください）。

CC BY 2.0

表示：あなたは原著作者のクレジットを表示しなければなりません。

CC BY-SA 2.0

表示：あなたは原著作者のクレジットを表示しなければなりません。
継承：もしあなたがこの作品を改変、変形または加工した場合、あなたはその結果生じた作品をこの作品と同一の許諾条件の下でのみ頒布することができます。

CC BY-ND 2.0

表示：あなたは原著作者のクレジットを表示しなければなりません。
改変禁止：あなたはこの作品を改変、変形または加工してはなりません。

それから、ライブラリをPrototypeからjQueryに変更。変数の使い方などまだまだ改善できそうですが、とりあえず動くというところまで来ました。このツールを使ってJavaScriptの処理スピードなんかもテストしていこうと思います。画像が後からやって来るところももう少し上手く見せたい。
JavaScriptはPHPとは違って変数の中身が動的に変化していくので嫌でした。が、その辺もようやく慣れた気がします。アプリ開発ってこういうことなんですね。
ただ当分は自分が書いたコードで仕事ができるとは思っていないので、この辺で協力してくれる人を探しておきたいとつくづく思いました。良い人いましたら、ご紹介下さい。

XREAが大規模な増強メンテナンスを行います。数字の上では回線速度やメモリなどかなりの増強がされるので、安定してくれれば今まで以上に人気も出そうです。

ただこのメンテナンスのネックはIPアドレスが変わる点。通常のサーバメンテナンスではありません。

利用者全員への影響

まずサイトが見えない、メールが届かないという現象が、一瞬か一時間か一日かわかりませんが、必ず発生すると思います。これは数日経てば解決しますが、その移行期間に起こったトラブルへの対処だけは覚悟しておきましょう。

またおそらくサーバそのものが変わるのでデータの移行方法によっては、データの欠落もありそうです。事前にバックアップや、直前の更新内容など把握しておく必要があります。
移行の後、旧IPアドレスに届くメールがどうなるか（旧サーバを起動したまま残すのかどうか）を、今サポートに確認中です。

他社ネームサーバを利用している場合

他社のネームサーバ（ムームードメインなど）を利用している場合は、メンテナンスが行われたタイミングで設定変更が必要です。ただ事前に発表されるタイミングで必ず移行されるという保証もないので、準備していても混乱はありそう。

と、いろいろ不安の多いメンテナンスです。全く問題無く通り過ぎるケースもあるとは思いますが、少なくともサーバからのアナウンスメールがきちんと届くようにしておきましょう。

移行のトラブルを回避する

移行のトラブルを防ぐには、事前に他の会社のサーバへ避難して、もう一度戻す（かそのまま引っ越す）形しか浮かびません。IPアドレスが変わる点は同じですが、前後の挙動が把握できるので対処ができます。ただ手間はかかるので手順を間違えばトラブルは起こりますし、当然コストもかかります。

移行する場合、料金的にはロリポップやさくらのレンタルサーバでしょうか。長谷川のおすすめはさくら。
ただ冒頭に書いた通り、移行後のXREAはちょっと魅力。今では業務用として薦めることはあまりありませんが、テストサーバなどとしてはとても便利なので気になるサーバです。

マクロビオティック マクロビマート
販売する商品は、本格的にマクロビオティックを実践されている方にもご利用いただけるものですが、よく見ると誰もが食べ慣れた当り前の食品ばかりです。
有機農法で作られたものが多く、不要な添加物も使われていません。そのためむしろ食事法を意識していない方にこそ、普段使いとしてご使用頂きたいとマクロビマートは考えています。

以下、技術的なお話

トップページなどカラーミーショップ以外のページは今回WordPressではなく、PHPでCMSらしきものを自ら作りました。管理は長谷川が行うということもあってファイル操作で簡単に更新ができるようになっています。構造はWPのテンプレートに似せているので移行も比較的容易。

こんな意図でデザイン

カラーミーショップも必要十分な機能を持っています。これ以上複雑になっても使う側が迷うだけという気もするので、あとはいかに使う側の邪魔をしないかというところ。メニューが同じ場所にあること、読む場所とクリックする場所がわかること、写真や文字を大きく表示できるレイアウト、行きたい場所や戻りたい場所へのリンクがカーソルの近くにあること。まだまだ改善できるところはありそうですが、これらを意識してデザインし直しました。結果、よくあるショップサイトになりますが、それで良いと思います。

商品一覧はいつも悩みます。jQueryの処理量のバランスや、元画像が一定サイズでない場合の処理などお店の事情によっても変わってきます。今回はがっつりjQueryで操作。若干、画像の加工処理が遅れますが処理量も多いので隠す処理はやめました（処理の順番かも。今後の課題とします）。

携帯・スマホ対応

それから、カラーミーショップには携帯サイト機能があります。今はまだ携帯利用者も多いので、決済方法に問題がなければ有効にした方が良いと思います。とりあえずデフォルトのテンプレートで十分なんですが、今回マクロビマートサイトでも少し手を入れてみました（今は実機が一切ないので携帯サイトの制作は承っておりません）。

今回わかったのは、とても見えにくい制限があるということ。PC向けのデザインテンプレートも同様ですが、使える変数がテンプレート毎に偏っている点は特に注意が必要です。なぜかトップページにしか使えない変数がとてもたくさんあります。携帯サイトも必ずしもトップから入るとは限らないと思いますが、携帯にはトップを重くするという文化があるのかも。いずれ携帯サイトも限られた環境で特殊な使われ方をしていくと思うので、CSSなど使わずシンプルなHTMLデザインで十分だと思います。

代わりにこれからスマートフォン用のサイトデザインに着手します。iPadでは今のままで十分ですが、iPhoneからはまだ見づらいので。カラーミーショップにはスマートフォン用にもテンプレートが用意されていますが、デフォルトのままでとても無機質。リデザインしていこうと思います。

良いお正月を迎えられました。昨夜帰省から戻り、今日が仕事始めです。今年もよろしくお願いいたします。リマインダーなど整理しながら、順番にお仕事進めております。
ただ明日５日、半日ほどお休みをいただきます。どこに行くか決めていませんが、東京でも初詣をしてこようと思います。ご迷惑をおかけします。

今月31日から新年1月3日までお休みをいただきます。この間は作業等できませんが、何かありましたらメールにてご連絡ください。

今年は辛い年になりました。まだまだ大変な思いをされている方も多くいらっしゃいますが、ともかく今は無事に年を越せることを喜びたいと思います。

来年に向けて考えていることをいくつか。まずGoogleの20%ルールのように自由な研究開発にもう少し時間を割こうと思っています。今年は手がふさがってできなかったことがたくさんあるので、少しずつ消化して通常業務にもつなげていきます。このサイトのリニューアルにも着手しました。

それから、これまでは効率を考えて一人で仕事が完結するように努力してきたんですが、他の方とも工程の一部を共有するような良い方法がないかと考えています。コストや時間に跳返ってはあまり意味がない点と、問題点の共有には守秘義務も必要になるなど解決すべき点は多いんですが、納品物のクオリティを上げるため一人だけど一人じゃないという形を模索していこうと思います。

まだ一週間ほどありますが、皆様よい年をお迎えください。

Col Roulé コルロール
コルロールの特徴は、生花に近い、より自然で上品なアレンジ。上質のプリザーブドフラワーに加えて、木の実やグリーンもたっぷりと使っていますので、どんなテイストのお部屋やインテリアにもなじみます。また年齢や性別を問わず、どんな方にも喜ばれるアレンジを心がけています。

他人事のようですが、イラストのおかげで前回もとても評判のよいサイトでした。そして今回もイラストの力と写真のクオリティに助けられながら、よいデザインができたと思います。レイアウト構成はシンプルに、トップや商品詳細ページの画像を大きくして、商品が良く見えるよう配慮しました。

細かな仕組みはJavaScriptさえ使えれば、大抵のことはできます。
サムネイルの表示操作や画像の拡大、カラーミーショップにはない各画像のキャプション機能も実現可能です。早くカラーミーショップでもJavaScriptをアップできるようにしてほしい（お願いカラーミー「<head>内の記載を一部緩和して欲しい」 ← ショップオーナーさん、投票お願いします）。
JavaScriptや一部の画像やPDF（Fax注文用紙）は別サーバに設置しました。おかげでカラーミーショップの容量も節約できて、制作効率も上がります。もしカラーミーショップの「FTPオプション」を使いたいという場合も同じコストで別サーバを借りた方が便利だと思います。

今回も商品の「タグ機能」があれば助かりました（お願いカラーミー「商品にタグを付けたい」）。グループ管理で近いことはできますが、商品の登録とは別に改めて商品を探す手間がかかります。購入者に必要な商品の分類は、ブランドやメーカー、色や形、用途、季節などいろいろです。検索機能を使う手もありますが、タグ機能を作る方がデータベースへの負担も少ないはず。

カテゴリーごとの説明が表示できないのも残念（お願いカラーミー「グループ及びカテゴリーの説明文や画像」）。これがあればブランド紹介や旬の特集カテゴリーなんかを作れるようになります。今はSmartyの分岐処理で実現しますが、操作できる人が限られるので是非実装してほしい。

THE HUBは小さなSHOPの集合体。日常の生活に新しい何かを発見できるどこにでもないものをセレクトしたライフスタイルマーケットです。
家族で楽しむDIY、ぬくもりのあるハンドメイド、いつもより少し豊かな毎日。THE HUBでは wonderful life style を提案します。

今回のリニューアルでショップ機能も追加しているので、お店に足を運ばなくてもいつでもお買い物できます。その他、取り扱うブランドの紹介やワークショップのニュースも掲載。各種SNSで追いかけて下さい。

Curly@Home
Welcome to the wonderful world of Curly at Home. Surround your senses with colour, fantasy and glamour. Create your own unique treasures with Curly original fabric, buttons, tape! Or just choose from the many Curly at Home interior goods and accessories to brighten your home and day.

こちらはブランド紹介に特化しています。最新情報だけでなく雑誌spoon.に掲載される可愛くて綺麗な写真もアップされています。商品の購入はCurly CollectionやTHE HUBのSHOPPINGページにて可能です。

いずれもWordPressを使ったサイト。スタッフの皆さんも忙しい中、サイト更新されているのでTwitterへの自動投稿なんかも必須です。
THE HUBサイトのショップ機能はカラーミーショップにて運用。ものすごく便利なんですが、いくつか足りない面はあるので、WordPressを入れた一方のサーバで補完しています。多少は負荷分散にもなりそう。
見た目の動きはjQueryのプラグインを細かくカスタマイズ。何とか要望通りにできました。

にしてもブラウザのチェックリストが本当に膨大。IE10がリリースされたら、IE6、IE7のチェックは有料オプションにしたい。

マネージドサーバは、共有サーバの「さくらのレンタルサーバ（ビジネス系以外）」と違い、それぞれのドメインで同じアカウント（info など）を作ることができます。ユーザー「info」が「info@example.com」を持ち、「info2」が「info@example.org」を持つようなイメージで管理されます。メーラによるPOPやSMTP操作は特に問題ありません。

問題なのはウェブメール。上の例で言うと「info@example.com」はウェブメールへそのままログイン可能。一方の「info@example.org」はログインできません。代わりに「info2@example.org」でログインできました。ログインだけならいいんですが、ウェブメール上でのFromも「info2@example.org」となるので使えません。ウェブメールを正しく使いたい場合は結局ユーザー名とメールアドレスを一致させて、ドメイン毎に使い分けることになります。

これはサポートにも確認済みで、仕様ではあるが関連部署にて検討するとのことでした（共有サーバのビジネスは未確認）。
運用をウェブメールに頼ろうとしている場合は注意しておきましょう。本当便利なサーバなので惜しい。

実は納品したのは今年の始め頃。制作期間が短かかったこともあって、画面を見るのは懐かしい感じです。この時は結構思いきってHTML5を採用したんですが、この半年ほどで普通になりましたね。
システム担当の方もデザインの反映は大変だったと思います。全体に上手く組み込んで頂きました。ありがとうございました。

今回のリニューアルは、これまで肝だったコミュニティ機能を思いきって全てなくし、情報配信に特化するというもの。デザインもシンプルになったので、読みやすいテキストを心がけました。

• 音楽サイトの OOPS!

基本スペックに不満は全くありません。DBの数、料金、速度面でかなりいいサーバだと思います。ただそのせいか、細かいところで惜しいと思わせる点が出てきたので、今回は主にそちら側を。
（以下内容は、2011年8月時点のものです。質問等はご遠慮ください）

管理画面のUI

正直以前からおかしいと思ってました。ユーザビリティって？時代に作られたまま放置です。

• まずDBの一覧などMacではがたがたです。デザインされてません。DBのユーザーを作るという他のサーバにはない仕様もわかりづらさに拍車をかけます。
• マルチドメインを切り替えるタイミングが見えてこない。これは切り替える必要がない操作項目も多いため。本来はレイアウト的に切り分けが必要。
• 設定の変更→確認→決定の流れが明示されない。うっかり確認画面で他のことを始めてしまう。

まあ慣れましょう。

ドメイン追加後のサイトの表示が遅い

管理画面でドメインを追加して、DNSを設定。nslookupでDNSの浸透を確認した後も一定時間はサイトが表示されない。おそらくDNSの問題ではなくて、サーバ内の設定ファイルの更新にタイムラグがあるような感じ。

EUCコード

HTTP HeaderでUTF-8が返されるため、EUCのページが文字化けする場合は、headerを変更する。PHPであれば、下記を先頭に追加。

<? header("Content-Type: text/html; charset=EUC-JP"); ?>

SSH・SFTP

SSH、telnetによる接続ができません。ただ簡単なコマンド（unzipなど）であれば、PHPのexecで実行できます。
SFTPもできませんが、FTP over SSLは可能。

DBサーバ

１アカウントでWEBサーバとDBサーバは１つずつ。例えばヘテムルはDBを作る度に、今は約100個のDBサーバの中からランダムに割り振るんですが、エックスサーバの場合は１つなので、当然そのDBサーバが落ちたら、そのアカウントで抱えるサイト全てで動かなくなります。共倒れ覚悟。

簡単サーバー移動機能

ちょっと期待していたこの機能ですが、「現在慢性的に負荷が高く簡単サーバー移動の対象となるサーバーはありません」とのこと。使えたとしてもDBやメールは引き継げないそうです。ないと思った方がいい機能。

サブドメイン

サブドメインは、メインのドメインルートにディレクトリが作られる仕様。そのため、メインのドメインからもアクセスできる。マニュアルにドメインからのアクセスを拒否する方法も書いてあります。

エラーページ

管理画面とFTPのファイルアップでエラーページが設定できます。デフォルトのエラーページが異様なので、テキストベースにでも変更しておいた方がいいと思います。ドメイン毎に設定が必要なのも面倒。

噂によるとエックスサーバは転送量の監視なんかも厳しいそうで、サーバの質は人為的にも安全に保たれているみたいです。一方でUIなど使う側へは不親切という感じ。ただもう他に新しいサービスをいくつも開始しているので、上に書いたような改善点は、とても優先順位低そう。
だから改善は期待せず、そういうものと思って使い倒しましょう。スペック良くて速くて安いので文句は言えません。