レスポンシブWebデザイン

レスポンシブWebデザインについて

自身の備忘録？も兼ねてまとめてみる。

まず

ZO PLANNINGはWEBデザイン・WEB制作

もしていますが、昨今スマートフォンとタブレットPC

の急速な普及によりWEBデザイン・制作も様変わりしてきました。

おそらく近い将来にはスマートフォンとタブレットPCだらけに

世の中なってしまう。。。

情報の摂取・閲覧はスマートフォンとタブレットPCが

大きな割合を占めてくる。。。

と、思われる中、

制作側はスマートフォンやタブレットを最優先に意識した

いわゆるモバイルファーストな考え方で

制作していかなければなりません。

もちろん今までどおりデスクトップPCの存在も

忘れてはならないですけども。

それを踏まえて、いくつかあるWEBデザインの手法の中で、

『レスポンシブWebデザイン』という手法があります。

レスポンシブWebデザインとは、

スマートフォン、タブレットPC、デスクトップPCなど

各デバイスごとに複数のデザインを用意するのではなく、

各端末ブラウザーのウィンドウサイズに合わせて

デザインをフレキシブルに調整する制作手法。

レスポンシブWebデザインは、2010年5月、

米国のイーサン・マルコッテ氏によって提唱され、

海外では企業サイトを含む多くのWebサイトで採用されている。

例えば、冒頭の画像にもあるように

世界的に有名なカメラメーカーの

「Leica（ライカ）」のキャンペーンサイト「Leica Explorer」で

レスポンシブWebデインを採用。

ブラウザーのウィンドウ幅を左側に向って狭めていくと、

下の画像のようにページレイアウトが変わっていく。

ライカのキャンペーンサイト「Leica Explorer」

もう一つご紹介。

WWF（野生動物保護基金）のキャンペーンサイトも同様。

 と、まーこんな感じ。

現在ゾープランニングで進行中の案件で

このレスポンシブWebデザインを採用した

WEBサイトを現在制作中なので

またこのブログでも紹介したいと思います。

師走

師走（しわす）

日本では、旧暦12月を師走（しわす）

または極月（ごくげつ、ごくづき）と呼び、

現在では師走は、新暦12月の別名としても用いれ、

その由来は僧侶（師は、僧侶の意）が仏事で走り回る忙しさ

（平安後期編『色葉字類抄』）からという平安期からの説がある。

また、言語学的な推測として「年果てる」や「し果つ」等から

「しわす」に変化したなどという説もある。

なるほど。

Wikipedia様どーもありがとうございます。

勉強になりました。

そうそう社内は現在ハイパーにバタツイテイマス。

まさに師走。

特にパッケージ部門は修羅場と化しています。

スタッフも朝から晩までノンストップ。

自身もメニューBookの作成中。

良いメニューができそうです。

WEBもかなりたまってきた。。。

やらねばね。

ま、ま、しかし

バタバタしながらも皆、楽しみながらできているのが

うちの良いところです。

このまま年末まで走り抜け3月には。。。

と、と、と

とにかく、あと20日間ほど気合いを入れねばです。

話変わって先日

WOMB ADVENTURE'11 - ウームアドベンチャー

に行ってきたので、ずずーっと写真レポ。

まずは腹ごしらえ。

幕張メッセ、会場近くの居酒屋に。

ここの居酒屋美味しかったです。

しかし店舗名忘れました。。。

結構飲んでたね〜。話に花が咲き過ぎ。

気づけば日が変わる時間。。。

やばいやばい

会場に行かねば！

ダッシュ！！

出た！！ゴミ袋クローク！！

人、人、人！！

駆けつけ一杯。いやイエガーアイスショット2杯

最近どこでも見かけます。

イエガー

おー、やっとるやっとる。

BUSY-P!!!!

元ダフトパンクのマネージャーで

現在、JUSTICE, UFFIE, SEBASTIAN, MR OIZO, DJ MEHDI（故人）

などそうそうたるメンツを揃えて今や世界最強

、最旬のカッティングエッジなレーベルと

言っても過言でないフランス、パリの「ED BANGER」レコーズのボス。

ビジネスもDJもかなりのやりて。

ちょっと音楽を楽しんで

カレー食って

早朝、東京タワー見て

何故か中央道に乗ってしまい

蕎麦食って

帰ってきました。

今度はゆっくり行きたいです。

東京。

TOYOTA ROCK FESTIVAL'11 を終えて

久々にBlogです。

昨日の打ち上げでは飲み過ぎました。。。

久々に二日酔いです。

でわでわ

かなり遅いですが

TOYOTA ROCK FESTIVAL'11 無事終了致しました。

本当は終了後すぐにでもBlogを書かなければならないのですが、

終了以降もトヨロック関係の撤収作業や事務処理などを

進める中、会社の仕事も山積み状態。

Blogぐらい書かねばいかんですね。

それはさておき

ZO PLANNINGではWEB、広告、運営、雑用と

トヨロック全般にわたって関わっていまして、

開催半年ぐらい前から主要メンバー8人程と

全体の企画を練り、準備を重ね

毎年本番に臨んでいます。

もちろん各コンテンツごとには

別スタッフがいまして

企画・準備も進めてもいます。

運営スタッフが非常に少ない中

四苦八苦しながら運営し

今年で5年目。

問題点も毎年尽きません。

ですが、

毎年毎年、色々な方々に支えられ

開催する事ができています。

この素晴らしいフェスが

今年も無事終了できました。

支えて下さって頂いている方々全てに

心から感謝致します。

また来年も開催できるよう、

もっと素晴らしいフェスになるように

スタッフ一同

全力で臨んでいきたいと思っております。

どうぞ今後ともTOYOTA ROCK FESTIVAL

をよろしくお願い致します！

TOYOTA ROCK FESTIVAL'11 WEB解禁＆第1弾アーティスト発表!!

長い。

自分で書いていてタイトルがあまりに長い事に反省。

TOYOTA ROCK FESTIVAL'11の部分を

トヨロック'11にしておけばよかったか。。。

ま、どちらでもよいとして、

んなぁ〜〜〜がぁ〜〜いタイトル通り

トヨロック'11WEB解禁＆第1弾アーティスト発表です!!

ここ2週間ぐらいでイッキに制作スピードをアップ。

閲覧者ターゲットが幅広い年齢層を見込んでいるので

控えめなデザインに。

第一に見やすさと、爽やかさ、出すところと抑えるところをはっきりと。

第二に豊田スタジアムの少し無機質なイメージを盛り込み

さっぱりしたボタン配置に。

第三に情報を的確に伝える事を配慮。

そんな感じで作成してみました。

ここ最近

ICHI氏と僕の間でファイルが何回も飛び交う状態。

ローカルの送信履歴がICHI氏だらけ。

知らない人が見たら勘違いされそうです。

ま、さておき。

細かい部分が実はデキていない。。。

ナイショですよ。

生きている情報を配信するので、

多々仕様変更有。

気にしません。

とにかくもっと作り込んでいきますので

ちょくちょく見てやって下さい。

よろしくです。

TOYOTA ROCK FESTIVAL'11オフィシャルWEB

↓↓↓↓↓↓↓↓↓↓↓↓↓

http://toyotarockfestival.com

コレまた長いBlogになってしまいますが、

TOYOTA ROCK FESTIVAL'11

第1弾アーティスト発表!!!

ということで、ずずずぃ〜っと紹介しちゃいます！

まずは、ジャマイカの伝説的トロンボーン奏者で、 

元The Specialsに参加していた

RICO RODRIGUEZ が決定!!

そして今回名古屋のスカ・シーンを支える

 THE RUDE PRESSURES がfeat.でサポート!!

こいつはヤバイ。見逃せません！

次は、今年復活を果たした、伝説のフェス『AIR JAM 2011』にも出演が決定している

豊田が誇る平成ランチキ爆音オーケストラ

TURTLE ISLAND

今年はどんなステージをみせてくれるか！？

CDよりも生で体感する事をお勧めします。激ヤババンドです。

お次は、盛り上がる事間違いないでしょう！

関西を中心に活動を開始した、ご機嫌な音楽を提供する、

あんまりジャズっぽくないビッグバンド。

奇妙礼太郎トラベルスイング楽団

いや〜、ホント良いバンドです。こちらも生がオススメです！

うまいんだなぁ〜、もってきかたが〜！楽しみです！

お次ぎは、DJ/ラッパー/トラックメイカーのやけのはらと、

ほぼ即興でシーケンサーを操りどこか懐かしく

ポップかつグルーヴィな演奏を展開してのけるドリアンが出演決定!!

 やけのはら+DORIAN

コレも見逃せない!!要チェック!!

やけのはら

ドリアン

お次ぎは、MU-STAR GROUP!!

最近ではユニクロ、ニューヨーク進出のための、

FPM田中知之氏コンパイルによるコンピレーションCD(なんと世界発売！)

にTowa Tei氏やアフラ氏などと共に楽曲を提供し、世界デビューを決めこむ!!

間違いなく盛り上がるでしょう!!

お次ぎは

ラッパー / トラックメイカー / DJ / 作詞家 / プロデューサー。

ヒップホップ・ファンのみならず様々なシーンで絶賛をさらっている

イルリメ!!

Liveが楽しみです!!

そしてそして、

短編小説を読み上げていくような世界観のLIVEは

見る人をぐっと引き込む。ヤミツキになる事間違いなし!!

名古屋在住のバンド

Climb The Mind 

間違いなく今からぐぐっと来るバンドです!!必見!!

ふぅ〜、ここらでとりあえずBlog終了。

お仕事に戻ります。

とにかく今年のトヨロックは何かがおこる？？！！

乞うご期待です！！

Mac Pro // Aria extreame n 802.11n増設

昨日セントラルパークで行われたフリーフェス

『ズナマ歌謡祭』行きたかったが行けずじまい。

盛り上がっていたという情報を聞くと

さらに見たかったな〜感がこみ上げる。。。

ま〜、しゃーない。

うちで出力したヤツは上手く施工されていたかな？

また聞く事にしようかね。

さてさて

以前から自分のマシンだけは無線で接続していたのだが。。。

無線と言ってもBUFFALOのUSBでの無線。

海外サイトからドライバを落としての接続。

コレが超ストレスのもとだった。

接続中にキレるキレる。

辛抱たまらず秋葉館にあったSONNETから出ている

 Aria extreame n 802.11nを購入。

とにかくストレスを無くしたい一心で

MacProを内蔵の無線化（Airmac)をすることに。

土曜日に届いたので、月曜の朝から早速取り付け。

Mac OSX 10.6.7 

2×2.8GHz Quad-Core Intel Xeon 

メモリ 10GB 800MHz DDR2 FB-DIMM

さてこいつに取付け。

説明書ではOSは『Leopard』以前の仕様。

ま、大丈夫と勝手に認識していたので

迷わず作業開始。

まずは背面のパネルロックのレバーを解除。

毎回このロック解除は気持ちいい。

個人的にですが。。。

そして側面カバーをあける。

うぁ。ちょっとほかっておくと結構ホコリが。。。

ササッと軽くお掃除。

さてさて。ここから。

左側2つのドライブ・ベイを慎重にはずす。

そしてこいつ。

税込み送料込みで、たしか9,900円

ちっちゃいな〜〜。

帯電梱包してあるので慎重に。

基盤を触らないように取り出す。

こいつですな。

このむきではめ込みます。

奥のホーに見えるところにね。

ちょっと解りにくいが、BTラベルがあるちょうど

上のあたりにカードのマウンティングポストがあります。

ロジックボードから出ているマウンティングポストに

写真のように“カッチっというまではめ込む。

付属のねじで固定。

締め付けすぎて基盤が破損しないように注意。

細かい作業。

少々イラッときますが

我慢我慢。

次に1個目と2個目のドライブ・ベイの間にある

黒いテープで貼付け固定されている

AirMacアンテナコネクタ1.2.3を引きずり出します。

自分のマシンの場合は奥に隠れていたので

最初解らなかったです。

ま、ま、それは良いとして、次。

出てきたアンテナコネクタ3本分の

保護カバーを慎重に取り外します。

ピンセットなどあると便利。

カード基盤にふってある番号と一致するように

接続していきます。

これも“カッチっというまでね。

めちゃ細かい作業。。。

イライラ。。。

ここの作業が一番時間かかりましたが、焦らず根気よく

やると良いでしょう。

これで接続完了。

もとの状態にもどします。

早速電源をON!!!

ネットワーク環境設定から無事接続!!!

早いな〜早い。

今までの環境がウソのよう。

802.11n接続は早い。

追加のソフトをいれる事無く

無事終了。

が、

ん？ン？？？

再起動の際に自動接続しない。。。

なぜ？？

いろいろいじってみたが直らず。

時間もないので、

ま、徐々に解決して行く事に。

とにかく成功です。

さ〜さ〜、みんなもやってみよう！！

って、誰もやらんか。

こんな作業。

仕事にもどります。

TOYOTA ROCK FESTIVAL 2011開催決定!!

ついに発表です！！

TOYOTA ROCK FESTIVAL 2011開催決定!!

2011年10月9日（日曜日）

豊田スタジアム西イベント広場にて

開催決定です!!

オフィシャルWEB:

 http://toyotarockfestival.com

個人的にですが

今年は自身、トヨロック実行委員に

正式に加入致しました。

今まで以上にトヨロックを盛り上げるべく

日々精進して参りたいと思っております。

もっと多くの人にこのフェスを知ってもらいたいですね。

たくさんの人が楽しめる、心地よい空間づくりができればと。

それを願い、実行していきます！

なんとなく応援よろしくです。

さ、さ、今年は色々たくらんでおりますよ〜！

あんなこと

こんなこと

新ステージ？

前日は？

ついにあの人が？

何かが起こるトヨロック2011

乞うご期待！！

オフィシャルWEB: http://toyotarockfestival.com

◎オフィシャルには上がっていない画像が多いかも？◎

↓↓↓2010はこんな感じでした。↓↓↓