DesignHack

一撃デザインの種明かし

Webサービスのアイデアをデザインとして形にするためのハウツー連載です

マウスだけでもプログラミングできる！

非プログラマのためのプログラミング講座。MITが作った「Scratch」を使って、ITちゃんに枕投げをさせるまでを解説する

どこまでできる？ 無料ツールでWebサイト作成

無料のWebサイト作成は業務レベルでどの程度使えるのか？ 本連載では、さまざまな無料ツールを使用したサイト開発を掘り下げていく

Webオーサリングツールを使ってみよう

ホームページ・ビルダー、Dreamweaver 8、Expression Webを解説。CSSによるレイアウトや表現力で優れているのはどれだ

Webデザイン・ツール「Expression Web」を試してみた

Expression Web製品レビュー（前編）

Webクリエイター市場での巻き返しを狙い、Microsoftは新しいWeb構築ツールをリリースした。その使い勝手や特長をレビュー

独断と偏見のCMS比較

いまやWebサイト立ち上げ期に、Webサイトの内容を効率的に管理する「コンテント管理システム（Content Management System）」は必要不可欠。CMS製品を開発するUEIの清水氏が分類するCMSの3ユーザーと9つの機能とは？

HTMLを知らない人でもWebサイトが作れるCMSとは？

どこまでできる？ 無料ツールでWebサイト作成（7）

HTMLなどの知識を必要とせずにWebサイトのコンテンツ管理を実現するCMS。無料のものをいくつか紹介します

CMSビジネス活用術

Webサイトは一般の企業にとっても大きな武器だが、うまくビジネス活用するにはツール、方法論、体制などさまざまな点を考慮する必要がある

ざっくり覚えて始められるjQueryセレクタ入門

デザイナのためのWeb学習帳（4）

現在大流行中のjQuery。CSSセレクタのように使えるらしいけど、実際どうなの？ というデザイナのために、その基本をざっくり紹介

CSSの書き方も分かるjQueryプラグイン実践活用法

jQueryと、そのプラグインの使い方を、UI効果（エフェクト）のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています

jQueryで学ぶ簡単で効果的なAjaxの使い方

いま話題の「jQuery」を使って、目的を持ったAjax開発の効率化や使いどころ・注意点などについてサンプルを見ながら解説していきます。Webデザイナ／プロデューサーも必見！

いまさら聞けない、“Ajax”とは何なのか？

いまさら聞けないリッチクライアント技術（3）

Googleマップで有名になり、もはやWebの定番といっても過言ではないAjax。その生い立ちや仕組み、構成技術について解説

パターンとライブラリで作るAjaxおいしいレシピ

Ajax開発においてみなさんはMVCを意識していますか？ 本連載では、デザインパターンとライブラリを活用し、MVCで設計する分かりやすいプログラミングの仕方をサンプルを見ながら解説します

D89 デザインTips - デザインのハウツーテクニック集

Wデザイン初級者でも分かるデザインツール基礎／応用Tips（ハウツー・小技・テクニック）集です。［写真加工／フォトレタッチ編］［イラスト／ドロー編］［アニメーション編］など、随時公開していきます

Webにおけるグラフィック表現手段としてのFlash

D89クリップ（6）

デザイナ川上俊氏のセッション「ウェブとタイポグラフィー、伝達と表現」から、FlashとAIRのツールとしての原点とプラットフォームとしての可能性を考える

絵心がなくても簡単に絵が描けるProcessing

アートやデザインのためのプログラミングを実現するオープンソース環境Processing。とにかく簡単にグラフィックを作れるので、ビジュアル表現に興味があるけど二の足を踏んでいた方にお勧めです

いまさら聞けないSVG、なぜ知られていないのか？

いまさら聞けないリッチクライアント技術（9）

「SVG？ 聞いたことないなあ……」と思うは無理もないことです。知られていない理由とその秘めたる実力について解説します

いまさら聞けない！ FlashとActionScriptについて

いまさら聞けないリッチクライアント技術（5）

今回は一般的にもおなじみの技術であるFlashの利点や欠点、作り方、中核技術であるActionScript、歴史などについて解説

Flashの基礎を無料で習得！ ActionScript入門

ActionScriptを知っていますか？ Flash技術の要となる言語で無料で簡単にFlashアプリケーションを作れます。そのActionScriptについて初心者のために一から丁寧に解説していきます

Flash制作を簡単にするActionScriptライブラリとは？

Flasherに便利なオープンソース「Spark project」

Flashの複雑なアニメーションや機能をどのように制作していますか？ 実は、無料で簡単に実現する方法があります

速いFlash/ActionScriptチューニング入門

Flash/ActionScriptチューニングの基礎知識から実践的テクニックまでを紹介する連載。読みながら試せるオンライン・サンプルもあります。Adobe AIR/Flexにも応用可能です

新藤愛大――「Spark projectは生活の一部」

広がれ エンジニアの輪（9）

Flashが好きで、いつの間にか仕事になってしまったフリーランスエンジニア。コミュニティ「Spark project」は生活の一部と化している

Flashとポリシーファイルの密接なカンケイ

星野君のWebアプリほのぼの改造計画 番外編（1）

赤坂さんは星野君の担当する仕事に興味津々。Flashでもセキュリティ対策はきっちりやらないと！

AR三兄弟が考える拡張現実とマッシュアップ

iPhoneアプリのセカイカメラで、いま話題のAR（Augmented Reality:拡張現実）ですが、既存のWebサービス・概念・製品とマッシュアップすることによって、ARはさらにユニークな方向に可能性を広げることができます

画像とコードの触媒Flash Catalystについて語りますと

WebとUIをつなぐトリックスター（3）

先月発表があったアドビの新ツールFlash CatalystとFlex Builder 4を実際に使ってみた。その感想とアドビ社員たちが語ったことを紹介しよう

いまさら聞けないFlex、そして、いまこそ入門のとき!?

Flex 3正式版リリース！ Flexの過去・現在・未来

先日ついに正式リリースされたFlashベースのRIA技術Flex 3。いまが入門に最適なFlexの過去・現在・未来を一挙に解説

作って学ぶAIRウィジェットの基礎→応用

最近よく聞くAdobe AIRって何だっけ？ ウィジェットを簡単に作れるらしいけど…… と曖昧な知識のあなたに贈る超入門連載。楽しいサンプルを作って基礎から応用まで学ぼう

現場で使えるFlex実践テクニック

本連載では、Flex開発で基本となる特徴的な機能から一歩進んで、実開発の現場でよく使われるテクニックについて、より実践的に解説します

Apollo改めAIRプログラミング入門

＆Apolloプログラミング入門

連載「Apolloプログラミング入門」が「AIRプログラミング入門」としてリニューアル！AIRになってからの新機能をイロイロ紹介します

プロトタイプ機能を備えた“本物”のデザイナーのツール

Expression Blend 3＋SketchFlowを使ってみた　

先日発表された最新デザインツールについて、主な新機能6つと、Silverlightアプリに肉付けできるプロトタイプ機能を紹介

デザインツールで始めるSilverlightアニメ/グラフィック

Silverlight 2で.NET技術をカッコよく使おう（3）

「Silverlightってプログラマのものでしょ」と思っていませんか？ アニメやグラフィックを制作できるツールもあるんです

Silverlightコントロールの「デザイン力」

Expression Blendで体験しよう

Microsoft Expression Blend 2.5を使ったSilverlightコントロールのデザイン方法を学習しながら、その「デザイン力」を実感してみよう

.NETを知らない人でも分かるSilverlight入門

「マイクロソフトの技術は.NETを知らないと学習できないのでは？」という読者にこそ読んでもらいたい、リッチクライアント技術Silverlightの入門連載。 もちろん、知っている人も大歓迎！

リッチクライアントの新たな潮流：
エクスペリエンス・テクノロジー（経験創出技術）とは？

ユーザーインターフェイス技術、分析・管理系技術、開発手法の3つの融合が実現する、リッチクライアントの新しい潮流を解説する

時代のキーワード：“エクスペリエンス”とは何か

連載：eビジネスが生み出すエクスペリエンス 第1回

エクスペリエンスとは、単なる「体験」ではない。成功しているeビジネスはエクスペリエンスの設計が違うのだ

D89クリップ　Webデザインに役立つできごと

デザイナーのためのセミナー／イベントのレポートなど、Webデザインに役立つ出来事／情報をお届けします

おばかアプリ図鑑

「おばかアプリ」「おばかアプリ選手権」とは何かを解説し、これまでの選手権で登場したアプリたちを、カタログ形式で五十音順に紹介しよう。今後の参考にしてほしい

Windows 7でどんだけ“おばか”なアプリが作れるの？

おばかアプリ座談会

おばかの発想の源やアプリの作り方などについて、おばかアプリ選手権の歴戦の受賞者や、マイクロソフトの代表者に話を伺った。アイデアのご参考に

Flashと人〜あの人からの6つの回答

Flashを取り巻く人を追うリレーコラム。気になるFlasher（フラッシャー）がバックグラウンドや注目のできごと、未来を紡いでいきます

デザイナにおすすめのユーザーインターフェイスデザイン
6つのポイント

従来のデスクトップアプリケーションでのGUIやインタラクションの原則から、Webアプリケーションのデザインを考えよう

次世代のインプットを考えよう
──マウスとキーボードを超えたフィジカルコンピューティング

マウスやキーボードだけではつまらない。Flashを応用して、iPhoneやバランスWiiボード、Chumbyを入力デバイスにしてみよう

ユーザビリティのヒント

Webアプリケーションのユーザーインターフェイスデザインに役立つさまざまなヒント集。自動販売機でジュースを買うときの不要な動作から考える

「使える、使いやすい、使いたい」と思えるUIとは？

WCR Watch（15）

ツールを採用しただけではリッチクライアントは成功しない。リッチクライアントのパフォーマンスを最大限に引き出すUIの条件をいくつか考えてみたい

ユーザビリティ（使いやすさ）の大切さ

[連載]安藤幸央のランダウン(3)

同じWebアプリケーションでも使いやすさで大きく差が出るのはなぜだろうか？ 使いやすさ、使いにくさに潜む秘密に迫る

ペルソナに機能とユーザビリティを決めてもらおう！

自社プロダクト立ち上げ奮闘記（2）

アプリケーションのイメージを具体的にしていくためBacklog開発チームが採用したのが、本稿で紹介する「ペルソナ法」だった

Webユーザビリティ、次ラウンド

Opinion：小川誉久

当初はバラエティに富んでいたWebページ・デザインも、最近では一定のセオリーができつつあるようだ。Webユーザビリティの現在と未来について考える

書評：Webユーザビリティとメディア表現

Webデザインの未来を考える6冊

Web製作者はユーザビリティを意識しなければならなくなったが、そのメソッドはまだ確立していない。その立場の差を6冊から読み取る

話題のアイトラッキングを使ってみた

アイトラッキング調査の実践

ユーザーはどのようにWebページを閲覧しているのか？ ＠ITの直帰率を下げるための方法を探る方法として、アイトラッキングで調査してみた

Webアプリケーションのユーザーインターフェイス

従来のデスクトップアプリケーションでのGUIやインタラクションの原則から、Webアプリケーションのデザインを考えよう

インタラクションデザインパターン

インタラクションデザインパターンの原則や秩序の歴史を見てみよう。20年前のAppleはどのようにして質の高い開発を目指していたか

タッチパネル携帯に新提案、iPhoneと違う“操作感”

進化するモバイル技術の基礎講座（3）

パネル押下の強弱だけで画面をズームイン／アウトできるなど、日本写真印刷が企画段階から協力・開発したタッチパネルを紹介

感性価値のこれからとモノのインタラクションデザイン

価値づくり、モノづくり（1）

技術競争や価格競争で疲弊するくらいなら、モノの価値の高め方を探求したい。インタラクションデザインのさまざまな試みからモノの価値を考える

モノ／ヒトをつなぐこれからの「場」のデザイン

ユビキタス空間において求められるユーザーインターフェイスの形とは何か。若手技術者と若手クリエイターが、ユーザー中心の視点に立った空間デザイン論を考える

プロフェッショナルなWeb制作に役立つ5冊

優れたWebサイトでは、デザインと使い勝手、ファイルの大きさといった、相反する要素をバランスさせる必要がある。こうした問題を解決するのに参考になる書籍を紹介しよう

書評：“情報の力”を獲得する「情報デザイン」

情報との付き合い方を再考する6冊

IT業界にいるわれわれは「情報」をどのように扱ってきただろうか？ 多彩な視点で書かれた6冊を通じて「情報デザイン」を考えみる

いまさら聞けない「SEO」で検索結果の優位性を学ぶ

いまさら聞けないリッチクライアント技術（13）

検索エンジンで結果が上位に表示されることの優位性と最適化の方法論、具体的なTipsをおさらいしましょう

スタートアップが押さえておくべきSEOの極意、6カ条

人間に見やすく、ロボットにも好まれるサイト作りを

これからスタートするWebサイトが押さえておくべきSEO6カ条。SEOで成功したフォートラベルの山路氏が伝授する

アクセス解析ツールを比べてみよう

アクセス解析ツール比較

Webサイトの利用増で、ユーザーのアクセス状況を分析することが重要になっている。市場のツールを比較してみよう

アクセス解析結果を活かす術

あなたは、Web解析をうまく利用できていますか？ 指標の意味を理解し、ひとつひとつの要素を分析していくことが重要です。サイトの運営戦略に役立てる方法を伝授します

いきなりナウでヤングなWebサイトを管理しろって……

ツールを使ってネットワーク管理（7）

誰が管理者なのかさえも不明な律子さんの会社のWebサイト。社長が「うちのホームページも注目を集めたいのだ」といい出したらしい

Androidはオタクとオシャレのハイブリッドで流行る！

日本Androidの会 女子部に聞く

「女子部」の成り立ちや活動内容を中心に、Androidマーケットの問題点、UIデザインの重要性、ライバルであるiPhoneについて、など

Silverlight制作をデザイナと開発者でコラボしてみた

実録：デザイナ×開発者コラボを成功するポイントとは

Expression Blend×Visual Studioのコラボは本当に簡単なのか？ 面白コンテンツの制作過程をドキュメントでお届け

もうWebデザインしないなんていわないよ、絶対

Webデザイナの卵が立派なWebデザイナになるまでの回顧録。成長ステップごとに必要なツールや考え方など、デザイナの仕事やチームワークに役立つ情報をお伝えしていく

WebとUIをつなぐトリックスター

Webサイト制作の要となるエンジニアとデザイナのチームワーク。異なる者同士をつなぐトリックスターからヒントを探る

GoogleSitesを使って制作プロジェクトをハックしよう

GoogleSitesでプロジェクト管理

Web制作の現場をサンプルに、GoogleSitesをツールに用いたプロジェクト管理の方法を紹介する。使いこなしてプロジェクトをハックしよう

開発現場のUIトラブルを解決!? 画面プロトタイプ入門

いまさら聞けないリッチクライアント技術（16）

アプリ／サイト納品後に顧客に「使いにくい」「あれ追加して」といわれた方へ。前もって画面イメージを簡単に作る方法が……

Flex/AIR開発でデザイナとの協業を楽にする「yui」

デザイナとプログラマを“結”ぶオープンソース（前編）

Flex/AIR開発でデザイナと協業することになったら、ぜひ試してみてほしいオープンソースのフレームワークがあります

人・チームが成功の鍵となるリッチクライアント

WCR Watch（6）

大手国内航空会社の航空券予約サイトなど、RIA開発に豊富な実績を持つセカンドファクトリーに、RIA構築における成功のポイントを聞いた

ルネサンスの巨匠たちに学ぶエンジニアリングの技

The Rational Edge（37）

偉大な絵画の多くはチーム作業の成果だ。師匠がデザインを描き、重要な部分を塗る。そして、熟練労働者や見習いが残りの作業を分担した

デザイナーとの飽くなき闘争−前哨戦

ASP.NET Webアプリ開発の裏事情（2）

Webデザイナーとチームを組んでのWebアプリ開発は今や当たり前。感性も思考方法も異なる彼らと共同作業するためには……

MVCモデルという言葉をよく聞きますが何のことですか？

Java Solution FAQ

Webアプリケーション開発におけるデザイナーとプログラマーの分業に欠かせない必須知識である「MVC」とは何かを分かりやすく解説します

MVCによる分業と相互不干渉の効率性

開発現場の天国と地獄（2）

カットオーバー2カ月前。MVCによる分業と相互不干渉の効率性を説明します

仕様書いらずの新ネットサービス構築法

インターネットを使った新サービス構築（1）

仕様書を書かず、開発途中で挙がってくるさまざまな機能要求をツールで管理しながら、プロトタイプを改良し、β版にこぎつける

プロジェクトメンバーを1つにまとめる

プロジェクトマネジメントスキル 実践養成講座（1）

現場でありがちなシチュエーション。そこから、プロジェクトマネジメントに必要なことを学んでいこう

5分で絶対に分かるマインドマップ

ITエンジニアの注目を集めるマインドマップ。その利点、書き方のコツ、マインドマップでWBSを作成する方法などを5分で解説。どんどん活用して、仕事の効率を高めよう！

デザイナのためのWeb学習帳

Webを構成する技術を超初心者向けに説明します。まずは基本の基本である「HTML」から攻略していこう！

いまさら聞けない「Webブラウザ」超入門

いまさら聞けないリッチクライアント技術（11）

インターネットに接続するために、当然のように利用するWebブラウザ。Webサーバとのやりとりから、その仕組みを知っておこう

インターネットのモヤモヤを解消する

PCから先のネットワークの仕組みのモヤモヤ。入門書を読む前に、もう一度、急に管理を任された文系女子とTCP/IPを学ぼう

本音のWebサービスガイド

毎日、多種多様なWebサービスが誕生しています。多すぎてどれを使えばいいのかお悩みの皆さんに1つ1つを丁寧に紹介します。4人のご意見番も登場して本音で語ります

D89 Web標準HTMLタグリファレンス

Web標準に基づいたXHTMLタグの正しいマークアップ方法のリファレンス一覧です。Web標準のタグリファレンスを7回連載でおさらいします

WebデザイナのためのHTMLチューニング入門

Webサイトを見た人の印象を良くするのか悪くするのかには“速度”が大きくかかわってきます。FirefoxのプラグインYSlowで測る7つの計測ポイントから“速い” HTMLの書き方を学びましょう

いまさら聞けないCSS／スタイルシート入門

Webデザインにあると便利なCSS。ちょっとサイトをステキにするためのスタイルシートです。基本の基本を学びませんか？

Webブラウザ別CSSハック＆フィルタTips

Webブラウザの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのさまざまなCSSハック＆フィルタTipsをお届けします

D89 CSS/スタイルシート リファレンス辞典

無数にあるCSS/スタイルシートのプロパティを大まかに分類し、1つずつ正しい使い方を紹介しながら、リファレンス辞典を完成させていく連載です。コードサンプルやDOMの指定方法まで丁寧に説明します

HTML5が拓く新しいWeb

新たなアプリのプラットフォームとなるHTML5に対してWebブラウザベンダの取り組みを聞くインタビュー

ここが大変だよiPhone開発

日本人のエンジニアがはまりやすい開発の落とし穴を紹介。そして、iPhone SDKを使ったiPhoneアプリの作成の仕方を一から説明していきます

今日から始める！ Androidケータイアプリ作成の基礎

デザイナも知っておきたい「Androidアプリ」とは

日に日に国内でのニュースが増えているAndroidケータイ。その特徴を押さえてアプリ作成を始めるための基礎を紹介します

Web技術でネイティブアプリを作れるTitanium

iPad/iPhone VS Androidに戸惑っているWebデザイナ／開発者のために、Web技術でネイティブアプリを作れるオープンソースの開発ツール「Titanium」を紹介し、その利点や使い方を連載で解説します