「Webデザイン」と一致するもの

 

続いて、最新のリリース情報を・・・

2010年4月、伊豆のリゾートホテル「西伊豆クリスタルビューホテル」Webサイトをリリース致しました。

西伊豆クリスタルビューホテル・Webサイト

昨年10月、当該ホテルは小松観光グループへの仲間入りとなり、当事務所が同じく昨年にリニューアル制作させていただいた「堂ヶ島・小松ビューホテル」さま・「堂ヶ島・ホテル天遊」さま両Webサイトに続いてご依頼いただきました。

旧名、西伊豆・ホテルニュー岡部としてご存じの方も多いなかでの新グループ移籍となり、「リゾート」をより前面に出す事を第一として、サイトのフルリニューアルをプランニング。華麗・豪奢なステージを持つリゾートホテルの魅力とその心地良いサービスを表現するため、全ての写真からコピー、パーツにいたる細部までトータルにデザイン致しました。

また、サイト全体を新しいMovableType-5のバージョンにて構築。早急かつ容易な更新が可能なように、また自社更新でもサイトイメージを保てるように注力してCMS部分も拡大・実装させています。
アクセシビリティを壊さずに操作性向上を図れる部分では、 jquery を核としてtabs、accordion、fancyzoomなどをはじめ、多数のAjaxライブラリをカスタマイズ実装しました。

公開後、ホテル内企画部にて早速このCMSを実用いただき、活発に更新されていることもありリニューアル後はアクセス数・ページビューとも倍増しております。

サイトプランニング、ディレクション、キャッチ・コピー作成+リライト、一部撮影ディレクション、デザイン、Flash、画像レタッチ、CMS構築(MovableType-5)、制作、コーディング、SEOベース、ほか:デザインスタジオ・トムズワン

 

前記事と同じく3月のリリース、「エコロジーな環境グッズ・ミニプラネット

ミニプラネット・Webサイト

小さな生態系をガラスの中に閉じ込め、光のエネルギーだけで物質がサイクルし続けるメンテナンスフリーの環境グッズ。環境問題やエコロジーが注目を増すなか、この特徴的な新製品イメージを大切にプロモーションサイトとしてプランニング・デザイン致しました。

この製品は、前記事と同じ麓技研株式会社さまの関連会社・フモト・トレーディング株式会社にて研究・開発されており、本サイト公開と同時に生物多様性EXPO2010-in大阪へプレリリースとして出展。大学などの教育機関や関連企業からも好評のようです。また、今冬の一般販売時には、さらに情報充実と改善を図りネット販売を開始する予定です。

サイトプランニング、ディレクション、デザイン、制作、画像レタッチ、コーディング、SEOベース、PDF、ほか:デザインスタジオ・トムズワン

 

先日は8ヶ月ぶり+唐突ながら記事更新致しましたが、直後から多くの方にお越しいただきまして感謝申し上げます。

本日は、ここ最近のリリース情報をいくつかアナウンスさせていただきます。

Risefit

3月のリリース、パーソナルテーブル「Risefit - ライズフィット」。
当事務所にて継続メンテさせていただいている麓技研株式会社さまが開発、昨年から岡村製作所にてOEM供給されている新製品のプロモーション・サイトです。
製品は自在に可動するハイクオリティなパーソナルテーブル。昨年度のグッドデザイン賞を受賞しています。
標準仕様に加えて、オプションバージョンと合わせた情報と使い勝手や製品イメージをFlashで表現した、1ページ完結のプロモーションページとしています。

本ページ公開と合わせて、麓技研・本社サイトも細部リニューアル致しました。

皆様も機会がありましたら、絶妙にスムースな操作感を是非ご体感下さい。

プランニング、ディレクション、デザイン、制作、Flash、画像レタッチ、コーディング、ほか:デザインスタジオ・トムズワン

放置状態のこのブログ。昨年8月以来なので実に8ヶ月ぶりとなってしまいました。
ちょっと余裕のできたGWに、久々の更新をいくつか・・・

私たちのようなデザインや制作に関わる方々は、オペレーティングデバイスにそれぞれ独特なこだわりやお気に入りが有るかと思います。ワタシの環境も時代の進化とともに(年齢による衰えと同義かも)少しずつ変化を続けております。どなたかの参考になる可能性は低いように思いますが、ここで最近の私的オペレーティング環境をさらっとご紹介します。

2010.04.デスク

写真の手前左から、
黒い変形キーボードは昨年夏から使っているロジクールの左手用キーパッドデバイスG13 Advanced Gameboardです。
本来はキー配置をカスタマイズしたりマクロ追加して縦横無尽に操作するゲームコントローラーなのですが、Adobeの各アプリや多岐にわたる制作アプリにもたいへん有効です。ワタシはイラレやフォトショ、Flashを初めほぼ全てのアプリのショートカットとその連続操作のマクロを割り当てています。
25個のプログラムキーが3セット分、約75のショートカットやマクロを登録可能です。必要になった時に簡単に追加できるのも魅力。アプリ専用のプログラマブルキーボードと違って登録位置を手が覚えるまで間違うこともありますが、小さくて安いので結構気に入っています。レタッチやイラスト専門の方ならプログラマブルキーボードの方が間違いなくフィットしますが、Web制作はやることが広範囲なので融通性の高いこちらを選びました。小さいジョイスティックにはウィンドウの拡大縮小や上下を、ジョイスティックサイドの2つのキーにエクスポゼと新規ファイル・ウィンド・タブなどを全アプリに割り当てています。
ワタシ的には通常のキーボードでのショートカットも多用しますが、色々な操作とこのロジクール G13のキー操作の合わせ技で作業の効率化を図っています。

その右の銀色の丸いヤツは、GriffinのフィジカルコントローラーPowerMate
数年前のもので、最近はショップでは見かけなくなっております。「回す」と「押す」だけのデバイスで、これを各アプリに割り当てるワケです。ワタシ的に多い作業でもある写真レタッチの際にブラシサイズを変える割り当てをしたところ、とーっても気持ち良くってこれが手放せなくなっています(笑)。ショートカットやパレットでは面倒&きめ細かにできませんが、これなら連続シームレスに変化できます!あと、イラレの画面の拡大縮小も割り当てていて、これもフォトショ同様に多用しております。「押す」は色々と試してみましたがあまり使っていません。拡大縮小だけのダイヤルなのだ!

続いて右は見ての通りただのテンキー。サンワサプライのMac専用です。ワタシ的に、CSSやスクリプトなどのコーディングに必要不可欠となっています。

その右は、Appleのワイヤレスキーボード・USキーです。ちっちゃくて適宜移動できることと、タッチそのものがお気に入りです。現状ではテンキーを別に用意してでも使い続けたいです。

その右下、AppleのMagic Mouse。トップシェルは継ぎ目やホイール・ボタンも無くて、どこでもクリック・どっち方向にもスクロールのマルチタッチが手放せなくなってしまいました。微妙な操作の時に、意図しないタッチを実行してしまう事があるのですが、それには目をつぶれるホドハマッています・・・

その右上はAppleの旧マイティマウス(ワイヤレス)。だんだんスクロールボールが反応しなくなるという、曰くのマウスですね。それでも、Magic Mouseまではこれ以外考えられないほど愛用していて、6個ほど買い換えております。現在は、マウス右のセカンドマシンMacbook Proに使っています。メインマシンと同時に使うので、Magic Mouseと差別化を図って誤使用を防止しています(はっきり言えば、お蔵入りはもったいないから・・・)。

左に戻ってロジクール G13の上、見ての通りただの iPhone でっす。
この記事とは関係有りませんが、顧客へのセキュリティに関係ないスケジュール管理などをマシンとシンクロさせています。電話としてはモチロン、アプリでたまの息抜きにも・・・

iPhoneの右は、旧Appleキーボード。メインマシンとの誤使用防止のためMacbook Proに使っています。

また、ペンタブレットは中々馴染めず、いまではカミさんのお絵かき遊びの道具となりました。

というワケで、ワタシ的にはこのようなオペレーティングデバイスをいぢりまわしながら、デザイン制作などに長時間いそしんでいるワケでございます。オペレーティングといえば密接に関連するAdobeのアプリですが、CS3から2年弱後、昨年の春にCS4へ切り替えたばかりなのに、もうこの5月にCS5へアップグレードですと!
6月にはMac pro 12-Core発表のウワサもあるというのに・・・どないするんじゃ!!!

MacでWin ♪ VMware Fusion2導入

さて、先日ワタシがモバイル&2ndマシンをMacBook Pro-MB134に代換えした大きな理由のひとつがVMware Fusion2導入です。当事務所でのデザイン制作業務の主たるマシンはMacたちですが、Web制作にはWinマシンが絶対必要です。しかも、いろんな環境が。4台のWindows PCをぐちゃぐちゃ起動したりして使っていますが、ちょっと疲れる。大型マシンもあるので、ちょっとウルサイ。代換えも検討したケド、不人気のVistaマシン導入はちょっと気が引ける・・・
そんなあなた、MacでWindowsですよっ!(笑)イマサラなんですケドね。

 
VM ware_Fusion2

MacのCPUがIntelになり、OSも10.5 Leopardになり、Boot Campで各Windows OSが利用できるようになりました。でも、イチイチ再起動が必要なBoot Campなんてイヤ!と傍観してきましたが、仮想マシン構築ソフトのVMware Fusionがバージョン2となり、Mac OSのなかでほとんどネイティブなWindows OSが簡単に使えるようになった!?しかもマシンのスペックやHDD、メモリなどの許す限りいくつでもOSが入る!?

 

つまり、Macで作業していて必要になった時そのままのスクリーン上で、シュルっとVISTAを実行、シュルっとXPを実行できちゃうんだゾ、とのこと。すべてのコマンドや設定もWindowsと同じ操作が可能だゾ、とのこと。ただ、チップや機器的な要素が適合しない一部のゲームなどで実行出来ないものがあるから注意しろ、とのこと。
やりましょう!
VM仮想化、やりますとも!
イヤ、やらせてください!!

しかし、実行できるOSの幅がスゴイです!WinならMS-DOS 6.xや95 SP1から98、Me、2000、XP、Vistaはもちろんのこと2000 ServerからServer 2008などまで需要のあるほぼ全てが動かせます。そして特筆なのは、Red HatやEnterprise、SUSEなどのLinux、Solaris、FreeBSD、Novellまで各32Bitおよび64Bitが実行可能なことです!!
各OS間でコピー & ペーストなどシームレスにやり取りが行えるほか、やっかいな特定OSのみ対応のオンラインサービスを利用・検証できることなど、我々Web制作者には限りない福音が有るのではないでしょうか!

ウェーン・・・お願いです、それをやらせてください!!!

というわけで、MacBook Pro-MB134ちゃんをお迎えしたので、早速に各インストールと設定をしてみました。能書きはともかく、まず必要な環境を整えることが先決です。
当然、最初はMB134ちゃんにVMware Fusion2をインストール。あっけなく完了。
続いて新規購入したOS、Windows Vista Home Premiumを仮想マシンとしてインストール。このVistaですが、Ultimateを検討したけどどうせ不人気OSだし、もうすぐ新OS発表の予定みたいだし、一般ユーザはほぼこれだ、ということでHome Premiumを導入。

 

bookpro02.jpgというわけでVistaを起動して初期設定を終えるまで45分程度。おー、MacがVistaではないか!(笑)Vistaって悪評判のワリには結構サクサク動くのね・・・。もっとも、本家Win PCより早くて安定は当然か。なんたってMacノートの最高峰。PCノートに敵は無いゾー(^O^)!

 

続いて手持ちのXP Pro SP2製品版をインストール。こちらも初期設定を終えるまで40分程度。おー、MacがXPではないか!シツコイ?(笑)PCで見るより数段キレイな画面ですが、例の草原のデスクトップイメージのボケ具合が気になる・・・と思いきゃPCでも元々ボケてたっけか。

そして、VistaとXPを同時に立ち上げてみる・・・おー、MacとVistaとXPが同時に!・・・ あまり使えネー・・・3つのOS同時のネット接続では通信環境の干渉とかでブラウザの表示スピードがウネウネに・・・ローカルな作業は大丈夫なようですが、これは何かの設定で解決できるかも知れませんがちょっと保留に。あ、Mac + 1の2つのOSでのネット同時接続は大丈夫ですので念のため。

 

fusion01.jpg

各OSの実行表示モードですが、
まず一つめ、Macウインド上に別ウィンドとして開く「シングルモード」があります。

左画像はフツーのMac画面上にVistaを開いています。

 

fusion02.jpg

二つめ、Macウインドを見えなくして全面に表示する「フルスクリーンモード」。

左画像はMacの画面いっぱいにVistaを開いています。

 

fusion03.jpg

コチラはMac画面上にXP Pro。

 

fusion04.jpg

コレはMac画面いっぱいのXP Pro。

 

このほか、別OSのアプリケーションだけをMacウインド上に表示する「ユニティモード」もあり、3つの表示モードに対応しています。もちろん右にMac左にWinなんていうマルチディスプレイも可能で、ワタシも業務ではEizo 24インチにつないでいます。

とにかく、再起動無しでOS切り替えが出来るのがサイコーでっす!!ネイティブのPCとも操作性を比較してみましたが、こっちのMac仮想Winのほうが快適♪ 当事務所のPCはPentium-3GやXeon-2G DualのCPUなので、Core2DuoのMacBook Proに軍配が上がるのは当然かも知れませんがとにかく無音静音・静かで早い!
業務にプレゼンに、色々と重宝な強力モバイルとなり大マンゾク(^O^)
これからは、PCの起動回数がますます減りそうです。

その後とりあえず、IE6、7やFireFox、Google Chrome、その他Windowsでのブラウザ確認から使い始めました。手持ちのWindows2000やMEも入れようかと思ったケド、意味無い気がして入れてません。次はLinuxを入れようと思い、どのバージョンにするか思案中です。Mac10.5サーバーも対応調整中とのことで、これも注目しています。

以上、VMware Fusion2の1stレビューでした。今後、発見などありましたらご報告いたします!
続いて駄文を少し・・・

Web制作者・デザイナにとって、現在ではこのMac + VMware Fusionは最強・便利なマシン環境と言えそうです。場合によってはプログラマ、VideoクリエイターやDTMの方まで有用な環境となるでしょう。
2000〜2002年頃まで、プロのWebデザイン現場ではMac + OS9という環境がほとんどでした。これがドンドン変化して2、3年前なら制作現場の8割近くがWin PC環境となりましたが、Intal Mac登場とともにまた変化が。
紙面「Webデザイニング」の先月号で毎年恒例のWebデザイナー白書2008によると、去年から変化が起こり今年の制作メイン環境のうちMac + OS Xが35%へ増加とのこと。同紙面のMac特設調査を見ても、Macへ戻った派のほか複数OSが走るという理由からWebデザイン現場でMac環境が返り咲いているようです。ワタシもウレシイ限り(^O^)

当事務所もようやくMac Intel 化を進めておりますが、ご同業の皆さんも既に?・・・

AdobeCreativeSuite 3 とwebデザイナー

チョット前のお話しですが、予約注文していた「Creative Suite 3」が6/21に届きました。
ン?発売日は6/22のはず?Adobe製品を発売前に予約したのは初めてなので以前の出荷実情は知りません。でも、あのアドビの事なので届くのは6月末ころと思っていました。よしよしエライ(笑)。
「アドビ史上最大の製品発表」などと大々的な宣文のもとリリースされたCS3は、旧macromediaシリーズ、さらにAfter Effects、Premiereなどのプロダクションソフトも合わせて17種の大所帯でのCreative Suiteファミリーとなりました。そのためパッケージは6つのエディションに分けられています。
当方はwebデザイン事務所なので迷わず「Web Premium」を選択。
ワタシがこれまで使ってきたCS、そしてCS2定番のPremiumパッケージはInDesignが同梱されるなど印刷デザイン寄りだったためMacromedia STUDIOを別途導入する必要があったりしましたが、今回は「Web Premium」1つで済む事はありがたいです(次回アップグレード時に内容変更される可能性は充分ありますけど・・・)。

早速のインストールと認証・登録は問題なく快適に完了し、次々に起動してみる・・・
Mac向けのCS3はユニバーサル化され、インテルMacにネイティブ対応となりましたが、ワタシのメインマシンはPowerMac G5の最終機種なので、とある先行レビューやベンチマークによるとその処理スピードの恩恵は半減なのか? それでも各アプリの起動は格段に早まっており快適です。どのアプリもCS2に比べて処理が早く使い勝手も結構な向上を感じています。CS2ではG5の処理能力を発揮しきれていない所がありましたが、CS3はマシンのスペックを充分に発揮させているカンジです。
インスト後は進行中の案件もどんどんCS3に切り替えて制作しています。チョット恐いもの知らず?
ンでもずっとそうしてきてトラブルの経験もないし、バックアップ体制も万全と思っているし・・・
パッケージ全体のレビューですが、イラレ、フォトショやAcrobatなどのもともとAdobeのアプリはインターフェイスが先進化され操作の反応性が良くなりました。

Adobe CS3

試しに付属する8つのアプリを全部立ち上げて、あるデータを処理させながら行ったり来たりさせてみたところ相互連携性は大変良くなっており、いったん○○形式で書き出して・・・などという手間な事は激減しそう。

では、各アプリ別のレビューをカンタンに。
○特にPhotoshop Extendedという名にアップされたフォトショの大幅パワーアップ・高機能化がうれしい。
○イラレの新機能、ライブカラーは重宝しそうですし、ポイント選択のし易さとアンカー整列機能もうれしい。
○Flashは省力化されたところ、イラレ・フォトショの連携バッチリ、何と言っても3.0に進化したActionScript、新機能のモーションコピーのコピペなどなど、ハマってしまいそうです。
○Bridgeもスバラしく進化し、常時使用することになりそうです(遅いマシンでは実用不向きカモ)。
○Fireworksはあまり使っていませんでしたが、ページ機能が追加された事などでプロトタイプ作成時に出番が増えそうです
○CS3からはGoLiveが外されDreamweaverになりました。web制作者にとってのweb制作ソフトではありますが、サイト管理と階層構築には利用するもののhtmlやscriptなどのコーディングとCSSレイアウト部分はソース手書きでやってるワタシには別にどっちゃでもエエです。でもAdobeが用意したAjaxをセットできる「Spry」なる機能がついたので試してみたいと思っています。キモチ良かったらまたご報告します。
○Contributeは、まだ試していません。スミマセン。
○各アプリから利用できるDeviceCentralというソフトが付加されるようになり、ケータイコンテンツのシュミレートがリアルに出来るようになりました。まだあまり試していないのですが、評判通り相当高度なシミュレートが出来るよう感じました。これは、ご同業のwebデザイナーの方々も重宝するのではないでしょうか?

また、イラレ8等のレガシーデータを開いてみてもCS2まではありがちだったテキストカーニングのズレが無くなったことなど細かいところまで完成度がかなり高くなった印象ですし、Macユーザーのワタシにはマイティマウスでの360度スクロールがイラレにも対応した事はウレシイ限り。Creative Suiteはバージョンアップを重ね、それなりの実戦経験・スキルがあり、やるべき事がはっきりしているプロユースの方にとっては格段にかゆいところに手が届くようになってきているところがいいカンジではないかと思っています。
しばらく楽しめそうですよCS3。

ともあれ、印刷、Webのデザイン・パブリッシングからTV・映画などの映像向けプロダクションまでの最前線プロ用ツールの全て17種全てのツールを含む「Creative Suite 3 Master Collection」を選んでも398,000円で導入できるようになりました。当初なら軽く200万超え、数年前でも100万以上でしたからイロイロと考えてしまいますネ。

web業界は、ビジネスとして初期投資が少なくても始められるところが利点ですが、研究開発・検証考証・広範囲な勉強を延々と重ね続けなくてはならないし、そのコアとなる以前の資産・ベースの熟知もまた不可欠。そして業務に用いるツールやマシンも出来る限り最新を採用して先進技術への対応とスキルアップを図ることが不可欠。長年継続する事がなんとも大変な業種でもあります・・・
業界でも独異性・優位性がありトップ一握りの方なら別ですが、広く浅く・狭く深くではなく「より広く・とことん深く」でなければ生き残れない、先へ進めない、自分もシアワセになれない時代になって参りました。
web業界に関わらず、自分が資本の職業なら何でも同じになってきていると思いますケド。

ナンて、ワタシなどからは思いっきり高みな話ですが、キモチ新たに頑張るゾー的な気にさせるCS3でありました!
webデザイナーの皆さんもCS3でガンバって下さい!(でもワタシを置き去りにしないでね。ホドホドにお願いしまス!)

ブログオープン!

webデザイン・プロデュースのお仕事の傍ら自身の癒しとして、伊豆・松崎町から南伊豆周辺の出来事・風景をはじめデザイン、音楽関連など綴って参ります。どうぞご愛顧下さい!