現在既にウェブサイトをお持ちの企業や個人で、日々のコンテンツの更新を効率的にすることができるのかについて頭を悩ませている方は非常に多いと聞きます。MT4.1をCMS的に使ってサイトをリニューアルすることをぜひご検討ください。

MT4.1とカスタムフィールドを使った事例の詳細

• Webデザイナー
• (X)HTML + CSSマークアップデザイナー
• Flashクリエイター／Flashプログラマー

ご興味がある方は、こちらのパートナー募集概要をご覧の上、お問い合わせください。

書籍データ

書名

1ランク上の技を身につけるFlashの強化書 (ムック)

著者

+DESIGNING編集部

出版社

株式会社毎日コミュニケーションズ

出版年月

2008年1月29日

ページ数

160ページ

ISBN

ISBN978-4839926984

価格

1,890円（税込）

いずれもフリーランスで仕事をされているプロフェッショナルの方（その道３年以上の業務経験がある方のみ）、DEEP KICK.com のオフィス（JR／東京メトロ／つくばエクスプレス／北千住駅から徒歩10分ほど）での打ち合わせが可能な方が対象となります。ここでいうパートナーとは、ともに制作業務や問題解決にあたってくれる方を指し、プロジェクトごとの依頼・ご契約となります。ご興味がある方は、下記の募集概要をご覧の上、お問い合わせください。

Webデザイナー・Webディレクター

• Web系デザイン制作の業務経験歴３年以上
• プレゼンテーション能力・コミュニケーション能力を重視します
• Illustrator・Photoshop・Fireworkいずれかの知識・経験必須

HTMLコーディングは実作業レベルで詳しくなくても可能です。ただしWebの特性やブラウザの特長、Web標準について理解しており、ユーザーを心地よくさせるクールなインターフェイスを提案でき、クライアントに対してデザイン面でプレゼンテーションができるデザイナー・ディレクターの方を募集しています。

(X)HTML + CSSマークアップデザイナー

• マークアップデザイナーとしての業務経験歴３年以上
• (X)HTML + CSSに関する知識・経験のある方
• Web標準、W3C Validator によるValidなコーディングが可能な方

グラフィックデザインのセンスと経験があれば尚可ですが、マークアップの知識・技術に優れた方を募集しています。

Flashクリエイター／Flashプログラマー

• Flashでの業務経験歴２年以上

Flashアニメーション・ActionScript、いずれかの分野が得意な方であれば可です。もちろんデザイン・スクリプトともに得意なハイブリッドなクリエイターの方も歓迎です。ハヤシカオルのFlash関連の制作を手伝っていただける方を募集しています。

パートナーにご興味を持たれた方は、下記からDEEP KICK.com ハヤシカオルまでお問い合わせください。あなたのご応募お待ちしております。

→ お問い合わせはこちら

できあがりのサンプルは［東京23区パズルゲーム］をクリック。

DEEP KICK.com Blogにて連載内容をご紹介しています。

本書の内容の詳細・目次は、こちらをご覧ください。

［Designer meets Designers 02 開催概要］

主催：

（株）エムディエヌコーポレーション web creators 編集部・WEB STRATEGY 編集部

開催日時：

2007年11月29日（木曜日）14:30開場　15:00開演

会場：

六本木アカデミーヒルズ49　タワーホール （六本木ヒルズ49階）

詳細：

http://www.mdn.co.jp/webcre/d2/

私、ハヤシカオルは「SESSION 3　現場で使えるActionScript実用テクニック」というテーマで60分間お話させていただきました。イベントの詳細は「MdN-Designer meets Designers」をご参照ください。

できあがりのコンテンツは「DEEP Zatsugaku QUIZ」をクリック。

「巨泉のクイズダービー（古い？）」であったような三択クイズです。問題文や正解はすべてXML側で管理しランダムに10問を選び出しています。つまりどういうことかというと、Flash側ではデータを持っていないので、クイズの編集はすべてテキストエディタでXMLファイルを開いて行うことができる、すなわち出題者自らがFlashを扱わずにクイズの内容を編集することができる、ということですね。サイト運営者にやさしい作りになっています。詳細については雑誌の方をお読みください。MdNのサイトからサンプルファイルのダウンロードもできますので、ご興味のある方は大いに研究してみてください。

そして2006年6月に上梓した「Flash 逆引きクイックリファレンス 8＆MX 2004対応 for Windows＆Macintosh」（毎日コミュニケーションズ）

が、それぞれ売り上げ好調のようで、増刷されました。買ってくれた方、ありがとうございます。この場を借りて御礼申し上げます。これら２つの書籍は、主にFlash 8向けの内容になるわけですが、今後しばらくは、発売されたばかりのFlash CS3とFlash 8両方の制作環境が混在した状態が続くと思われます。Flash 8を使ってFlash制作を学ぼうとする方におすすめの内容です。また最新版のFlash CS3向け書籍の執筆の予定もありますので、そちらもご期待ください。

DEEP KICK.com がプロデュースするFlashテニスゲーム「SUPER CHILI-TIMERS TENNIS」のデモンストレーション用ムービーを作成しました。海外（主に英語圏）からのユーザーが増加しているため、Flashのストリングパネルを使用し、多言語テキストXMLでコンテンツ内の言語テキストを管理。言語別コンテンツのパブリッシュを効率化しています。まだ日本語・英語のみですが、ゲームコンテンツは簡単に国境を越えるコンテンツなので、今後は中国語・韓国語版の開発も視野に入れております。またプレイ中のゲームをムービーでキャプチャリングし、デモンストレーション用ムービーに仕上げ、FLV形式で配信。初期ユーザーもゲームの世界観がすぐに分かるようにしてみました。今後もさまざまな展開を考えております。
→ SCTT - Demo
→ SCTT - Super shots
→ SCTT - Demo (youtube)
→ SCTT - Super shots (youtube)

株式会社アビリティニッケン様 インターナショナル・スタッフィング（IS)事業部が提供する英語テストコンテンツ「I.S English Test」をDEEP KICK.com が制作しました。このFlashコンテンツは、TOEICの模擬テストを意識したオンライン英語テストで、現在のところ無料でどなたでも受験することができます。試験問題および解答・解説のテキストは、クライアントからご提供いただきました。実際の試験と同じように解答にはマークシート方式を採用しています。現在のバージョンではReadingの問題が中心ですが、今後のバージョンアップ次第では、Listeningの問題にも対応していければと思います。また将来的に試験問題の入れ替えや追加に対応できるように、Flash + XMLで設計をしています。

松下電器産業株式会社様のコーポレートセンターコンセプトページのFlashナビゲーションを制作しました。コンセプトにもとづいたFlashナビゲーションの設計およびFlashオーサリングとスクリプティングをDEEP KICK.com が担当しました。50項目を超えるハブを４つのテーマに分類して線でつなぎ、地図を上から俯瞰するような感覚でコントロールすることで、それぞれのハブの関連性を直感的にとらえやすくなるように工夫しています。

コンテンツの更新が素早くできる

MTは直接HTML・XHTMLを編集してコンテンツを追加することもできますが、通常の更新は管理画面にログインしてテキストを入力して保存するだけで、素早く行うことができます。またHTMLファイルをアップロードする手間がかかりません。

コメント機能・トラックバック機能を利用してユーザーとコミュニケーションがとれる

ブログの特徴の一つである登録されたエントリー（記事）に対してのコメントをユーザーが付け加えたり、トラックバックを受け付けることで、他のブログと連携することができます。あるいはMTのこれらの機能を使わず、コンテンツ管理システムとして活用することもできます。

RSSフィードを自動的に作成できる

RSSはサイトの要約を配信するためのXMLフォーマットで、大規模なサイトから小規模なサイトまで利用されています。MTは更新内容をRSSリーダーを通してユーザーに素早く知らせるためのRSSフィードを簡単に書き出すことができます。

柔軟なカスタマイズ・テンプレートデザインが可能

MTはPerlで書かれており、MTコミュニティーが開発した機能拡張が可能なプラグインを使うことで、たとえばiTunesのPodcastingのように、音声ファイルをRSSフィードに組み込んで配信したり、mp4形式の動画ファイルを配信したりといった機能拡張をはかることができます。もちろんこれらのカスタマイズには専門知識が必要で、誰でも簡単にセッティングというわけにはいきませんが、MTの持つ優れた機能を効果的に活用しているDEEP KICK.com はノウハウがあります。MTを活用するためのサポートもいたします。またデフォルトでは非推奨要素・属性も含まれるXHTML 1.0 tranditional で書き出されるMTを、より厳密なマークアップが要求されるXHTML 1.0 strict で書き出すようにカスタマイズすることも可能です。本サイトもMTで制作されていますが、W3Cのweb標準に準拠したXHTML 1.0 strict でマークアップされています。詳細は「web標準 XHTML + CSS」をご覧ください。

→ お問い合わせはこちら

「わたくしどもは、これこれなになにのプロバイダーとして卓越した存在となっています」というような言葉は大言壮語の自慢以外の何物でもない。言葉だけでは何の地位もなさない。

the cluetrain manifesto

インターネットにおける情報通信技術は、あくまでそれを使うユーザーにとって役に立つものでなければなりません。何の役に立つのかよくわからないけど、なにやら小難しそうというだけでは、技術者のひとりよがりな自己満足でしかありません。俳優や女優と同じで、演技を見てくれる観客がいなければ、世界そのものが成り立たないのです。

またそれらの技術は、大言壮語や押しつけがましい営業トークに利用されるべきではありません。過剰な演出や「我々の提案が他でもない、ナンバーワンでオンリーワンだ。だからシェアを伸ばしたければ、あなたは我々の提案を採用したほうがよい」といった胡散臭い言葉や思想は、無責任な思い上がりに過ぎず、一般的な常識を持ったユーザーからもっとも嫌われます。

DEEP KICK.com が目指しているのは、過剰な演出や誇大広告的大言壮語のために、技術を使わないことです。そうではなく、一般の企業やユーザーに対し、「最近こういうのがあって、こういう使い方をするとこういうことができるんですよ」と穏やかに提案できるアドバイザー的存在を目指しています。いわば「ウェブ業界のトレンドのテクノロジー」と「クライアントのコミュニケーション環境やネットビジネス」の双方をつなぐ翻訳者といったところです。そして柔軟に、ケースバイケースに対応すること。自己の成功体験を押しつけず、肩の力を抜いて、インターネットの「こちら側」と「あちら側」をつなぐインターフェイスデザインを提供すること。それがDEEP KICK.com のコンセプトです。

Google Maps 詳細地図

〒120-0022　東京都足立区柳原2-12-5 キマイラビル302
JR・東京メトロ・つくばエキスプレス・東武「北千住駅」東口より徒歩約10分
TEL：03-3879-1012
営業時間：平日10時〜19時（土日祝休）
アクセス：北千住駅東口から旭町商店街を突き当たりの「中華信長」まで直進して、右折。左手の「和菓子和歌藤」の手前を左折し、正面のセブンイレブンの左の路地を直進します。右手の横田歯科の手前の路地を右折し、30メートルほど進むと右手に「キマイラビル」があります。そこの３階です。駅から徒歩で10分ほどの距離になります。

→ お問い合わせ

ハヤシカオル小史

• 1972/7　神戸に生まれる
• 1991/4　沖縄で暮らす
• 1995/4　横浜で暮らす
• 1995/9　新宿で暮らす
• 2000/5　北千住で暮らす

神戸人の父と大阪人の母の間に生まれる。関西系ハーフとして育つも、兵庫県立星陵高校を卒業後、白い砂浜と青い珊瑚礁に魅せられて、琉球大学に入学。ナイチャー婿になりかけたこともあったが、大学卒業後、なぜか作家になろうと決意し、なんとなく上京。雑誌編集などをやりつつ、1996年ごろからインターネットにはまり、 HTML、Perl、Flashなどを独学。2000年DEEP KICK.com 起動、Webデザイナーとして独立。2003年7月〜2004年2月の間、ニュージーランド・クライストチャーチで優雅にワーホリ生活を送り、なぜかその間に出世作となる【スーパー・チリタイマーズ・テニス】を密かに開発。本人曰く英語でのコミュニケーションも多少は可能らしい。全米テニス協会をはじめ、海外クライアントとの取引あり。国際派WEB クリエイターを目指しつつ、クライアント・家族・友人に恵まれ現在に至る。趣味から始めたことを仕事にすることを得意とする。

テニスとギターとルアーフィッシングとウィスキーをこよなく愛す。テニスチームオオクボチリペッパーズ＆センジュタイマーズの主宰者。北千住情報サイト 北千住・ねっとの管理人、ニュージーランド情報サイトHaere Mae! AOTEAROAを運営。またFlashテニスゲームスーパー・チリタイマーズ・テニスの制作者として、平成16年度文化庁メディア芸術祭・エンターテイメント部門・審査委員会推薦作品に入選。

美しい山に囲まれた湖のほとりで、昼間はロッド、夜はギターを奏でながら、悠々自適に暮らすことを夢見つつ、今日も仕事にいそしむ生活。著書に「Flash CS3 逆引きクイックリファレンス CS3 Professional対応 for Windows & Macintosh（毎日コミュニケーションズ）」、「これからはじめる Flashの本（技術評論社）」、「FLASH MX 2004 悩み＆トラブル　撃退マニュアル（ワークスコーポレーション）」などがあるほか、雑誌への寄稿多数。

第一の原則　価値観の共有

成功するウェブデザインというのは、制作者（つまり私ですね）とクライアント（つまりお客様のことですね）双方が「サイトの利用者（つまりお客様のサイトに来る人ですね）にとっての使いやすさ・分かりやすさを優先する」という価値観を共有できるか否かにかかっていると思います。問題点・改善点の共有、これが必要不可欠な第一段階です。もしこの部分が共有できていなかったら、どんなに制作者が優れた提案をしても、クライアントの期待とズレが生じることになるでしょう。DEEP KICK.com はすべてのお客様に対して満足していただける仕事をする自信がありますといった理想主義的で夢のような妄想的価値観は持っていません。価値観を共有できないクライアントにいいデザインを提供することはかなり難しいでしょう。したがって価値観が共有できそうにもない仕事は、DEEP KICK.comの良さを引き出すことができないゆえ、受けないようにしています。仕事は選びます。その代わり価値観が一致できる仕事依頼に対しては、情熱的に取り組みます。当たり前の話ですが。しかしポリシーを持たない（あるいは持てない）ウェブ制作会社やデベロッパーが非常に多いのです。だから世の中、成功しているとは言えないウェブサイトが多数存在しているのです。これは誰も言いませんが、事実です。

第二の原則　利用者の視点で考えること

内容や主張で個性を出すべきなのに、意味のないところで個性的なデザインを要求したがるクライアントがごくたまにいます。彼らの主張が「利用者にとっての使いやすさ・分かりやすさ」を重視した結果であれば理解しやすいのですが、「なんとなく思いつきで」とか「上司がそういうから」とか「そうしたいから」といった漠然としたあるいは社内のヒエラルキーな理由でデザイン的に不必要な個性を出したがるケースがけっこうあります。クライアントの主張の先に利用者にとっての利便性が見えるのであれば、それは素晴らしい指摘やアイデアとなるのですが、そうではない場合はっきり申し上げます。「誰のための何の目的のウェブサイトであり、デザインですか？」と。私は常にターゲットとしての利用者の立場から考えて、良かれと思われることのみ実行します。私はデザインに関しての素人さんが陥りやすい失敗を数多く知っています。情報を同時に詰め込みすぎると、言わんとしている内容がぶれるので、ユーザーは混乱しやすくなります。あれもこれも強調すると、バランスが崩れてしまい結果として何も強調できなくなります。だから利用者の立場を重視するのであれば、インターフェイスデザインに関しては信じていただきたいのです。とは言うものの、デザインは「絶対にこれが正しい」という定理はありませんので、ケースバイケースなわけですが。

第三の原則　保守・管理まで考慮した設計をすること

デザイン上のああしたい、こうしたいという点と、情報やコンテンツの更新・管理のしやすさという点、どちらが優先順位として高いですか？一昔前のサイトならともかく、現代におけるビジネスサイト・企業サイトであれば後者が優先順位として高くなければなりません。ビジュアル的な要素だけで成功するサイトは、既にブランドが確立され、マス広告で盛大なキャンペーンを展開できる有名企業のサイト以外、実のところほとんどありません。誰が情報の更新をするのか、その方は更新に関してどの程度の技術があるのだろうか？たとえ技術があるとしても、更新に手間がかかるようだと億劫にもなりますよね。「保守・管理に手間がかからない」「簡単に更新ができる」「デザインの変更も低コストで時間をかけずにできる」これらの点は非常に重要です。それらの課題を考慮したデザインが、生きたウェブサイトを生み出すことにつながります。メンテナンスや更新についての設計が間違っているサイトは作りっぱなしで、いつ訪れても変化がありません。これでは、開いているのか閉まっているのか微妙に分からないラーメン屋になかなかお客さんが入らないのと同じことになってしまいます。

簡単にDEEP KICK.com のデザイン哲学についてご紹介しました。あなたのウェブサイトの問題点なり課題が明確になれば幸いです。問題がない？そう言い切れるのであれば、今のウェブサイトを変える必要がありません。もしご自分のサイトのデザインに少しでも疑問をお持ちの方は、ぜひお気軽にお問い合わせください。「デザインについて、客観的な意見が聞きたい」といった内容でももちろんOKです。

→ お問い合わせはこちら

One of W3C's primary goals is to make these benefits available to all people, whatever their hardware, software, network infrastructure, native language, culture, geographical location, or physical or mental ability.

W3C in 7 points

ブラウザやユーザー環境に依存しない「Web標準」あるいは「ユニバーサルアクセシビリティ」という考え方が広まりつつあります。これらの考え方の根幹をなすのはW3C（ WWWで利用される技術の標準化をすすめる団体）が勧めているXHTML + CSSによるwebサイト制作です。DEEP KICK.com はweb標準のXHTMLのなかでもより厳密なマークアップを要求される「XHTML 1.0 Strict」に準拠したwebサイトを実現します。

あなたのサイトはweb標準をクリアしていますか？

W3Cは正しいXHTMLのマークアップがされているかどうかをチェックすることができるMarkup Validation Service を公開しています。例えば今ご覧のこのページのチェック結果は、こちらでご覧いただけます。正当なXHTML 1.0 strict の場合、「This Page Is Valid XHTML 1.0 Strict!」と表示されます。正当でないXHTMLの場合は、該当箇所を教えてくれる優れモノです。早速あなたのサイトをチェックしてみましょう。もしNot Valid だった場合、それについてwebサイト制作者にぶつけて、その対応をじっくり見るのがいいでしょう（笑）。web標準のサイトが制作できない制作者はプロとして勉強不足で失格ですので判定基準になります。W3Cの活動はこれまで明確な基準が問われなかったwebデザインの世界にアクセシビリティの面から明確な基準を設け、ブラウザ開発者やサイトデベロッパーに広げていく活動と言えるでしょう。

web標準の重要性

古いブラウザの多くはCSSの実装が不十分だったため、テーブルタグで画面を分割するレイアウト手法やW3Cが推奨していないブラウザの独自拡張タグを使ったレイアウト手法がよく使われていましたが、

• 本来の文書構造を無視したタグの誤用
• 様々な環境でのアクセシビリティが確保できない

といった問題を解決する必要が出てきました。ここで重要なことは「インターネットにおける情報は特定のデバイスに依存するような記述をしてはいけない」ということです。「自分だけ見ることができればいい」のであれば、web標準にこだわる理由はありませんが、障害者・高齢者・健常者に分け隔てなく、できる限り多くの人に閲覧してもらいたいと考えているのであれば、アクセシビリティを確保しなければなりません。以前某ビジネスホテルがホテル内の障害者用のスペースを作り替える条例違反を犯して評判を落としましたが、あれなどは企業の姿勢・経営者の姿勢そのものを現していると多くの人は思うでしょう。つまりアクセシビリティへの対応は企業の姿勢を現します。視覚的にどんなに立派に見えるサイトをネット上に構築しても、アクセシビリティがまずければ、かえって企業の評判を落とすだけです。時代の流れはアクセシビリティの実現、すなわちweb標準に向かっています。その動きは今後ますます加速していくでしょう。

CSSによるデザイン

文書構造と視覚表現を分離することで、XHTML文書には手を加えずCSSファイルを入れ替えることで、デザインを変更することができます。文書構造と視覚表現が分離されていることのメリットは、デザイン変更の効率化のみならず、デバイスごとに最適化したデザインを提供するCSSファイルを用意することで、XHTML文書に手を加えることなく多用なデバイスへの対応を可能にします。つまりweb標準化は多用なデバイスへの対応とデザインの効率化を進めます。

正しいXHTML 1.0 strict + CSS でサイトを構築することの重要性をまとめてみましょう。

• アクセシビリティの確保
• データ処理の高速化とブラウザの安定動作
• 更新作業とデザイン変更の効率化
• 多用なデバイスに対応
• 正しい文書構造で記述された文書を作ることがSEO対策となる

web標準に準拠したサイトへのリニューアルをお考えの方は、お気軽にお問い合わせください。
→ お問い合わせはこちら

→ スーパー・チリタイマーズ・テニス デモムービー

「スーパー・チリタイマーズ・テニス」は平成16年度文化庁メディア芸術祭・エンターテイメント部門・webの審査員推薦作品に選ばれたFlashゲームです。また全米オープンテニス公式サイトにライセンスをレンタル (2004 - 2006の2年間。現在は終了) していた実績もあり、英語圏を中心とした海外でも人気があります。

→ ゲームをプレイする

Flashゲームの特徴

Flashはネット上のアニメーションを制作するツールとして有名ですが、ActionScriptを駆使することで、ゲームのような複雑なインタラクティブコンテンツを制作することもできます。FlashゲームはFlash PlayerがインストールされているPCであれば、ほとんどの環境で遊ぶことができます。またPHP + MySQLといったデータベースと連携することにより、得点の計算やランキングを導入することも可能です。

→ お問い合わせはこちら

→ サンプルコンテンツはこちら

御社に営業に使える音声やビデオの素材があるのなら、それらを素材として組み合わせて、オンラインでの告知やサービス紹介に利用しない手はありません。映像の配信に莫大なコストがかかったのも、昔の話となりました。今ではブロードバンド環境が普及し、Flashインターフェイスとビデオ映像を組み合わせることで、驚くほど低コストで多くの人に映像や音声を配信することができます。DEEP KICK.com では、映像素材をネット上で手軽に配信するためのシステム開発やサポートを行っております。御社用にカスタマイズしたインターフェイス開発も可能ですし、場合によっては低コストでの映像コンテンツ制作のご相談も承ります。映像配信にご興味があればお気軽にお問い合わせください。

→ お問い合わせはこちら

Flashで制作した本格派３Ｄテニスゲーム「スーパー・チリタイマーズ・テニス v 2.0 」
第１６回文化庁メディア芸術祭エンターテイメント部門審査員推薦作品。全米オープンテニス公式サイトにライセンス提供しています。Flashゲームにご興味のある方はぜひ遊んでみてください。

→ Flashゲーム制作についてはこちら