Web Designing

ウェブデザイニング | Web Designing | 情報戦略でビジネスを加速させる 毎月18日発売

cover

2009年8月号

定価 1,280円

  • サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
  • サンプルデータに関する詳しい注意点については、このページの下部に記載している「サンプルデータについて」をご覧ください。

特集・特別企画

特集1:Ajaxデザイン自由自在

−マイデザインを実現するための20のAjaxをセレクト—

画像表示やタブメニューにAjaxライブラリを利用してみたけれど‥‥外観のデザイン方法がさっぱりわからない! 導入するWebサイトとミスマッチな、デフォルトのデザインでは我慢できない!
そういう読者のための特集を作りました。
ここで挙げた20点は、自分なりのAjaxデザインを実現するサンプルと解説です。HTMLや画像の変更、CSSの指定などを駆使して、マイデザインに挑戦してください。もちろん、サンプルはWebサイトからダウンロード提供しています。

  • MENU
    • 階層型ドロップダウンメニュー_Simple jQuery Dropdowns
    • フローティングメニュー_Live Floating Menu
    • パンくず型メニュー_jBreadCrumb
  • UI
    • 手軽なタブインターフェイス_jQuery UI tabs
    • 高機能なタブインターフェイス_Yahoo UI Library
    • カルーセルギャラリー_jCarousel
    • アコーディオン_jQuery Accordion
    • HTMLメッセージ_Notimoo
    • シールめくり_Simple Page Peel Effect with jQuery & CSS
  • IMAGE
    • 画像拡大&スライドショー_Lightbox 2
    • 多機能スライドショー_ColorBox
    • スライドギャラリー_UvumiTools
    • 全画面スライドショー_Supersized
    • 画像のズーム処理_ShiftZoom
  • OTHER
    • 背景スクロール_Scrolling background
    • フォームの入力チェック_yav
    • フォームのカスタムデザイン_jqTransform
    • blog式カレンダー_jCal
    • グラフィカルなゲージ_Gauge.js
    • グラフィカルな棒グラフ_棒グラフ(垂直)

preview

サンプルデータを見る
サンプルデータをダウンロードする

特集2:Flash開発ツール「Progression」が、変える。

−制作フローが変わる! クリエイティブの効率が上がる!−

フルFlashサイト制作の際、表現したいところよりも、全体設計やシステム開発に時間を費やしていませんか? 案件ごとのルールの違いに戸惑っていませんか? Progressionが「変える」のは、その部分です。
Progressionで「何ができるのか」は、本誌2009年1〜3月号で集中連載として取り上げました。そのPDFファイルをサンプルも含めてフリーでダウンロードできるようにしてあります。
本特集ではProgressionが「何を変えるのか」を詳しく紹介します。Progressionで進化したFlash制作の現場を紹介しましょう。

  • Progressionとは
    • Progressionが「変える」もの/集中連載のまとめ
  • Progressionが「変える」制作フロー
    • 従来の制作フロー/Progression 導入後の制作フロー
  • Progressionの要「シーン」機能
    • Flashサイト=お芝居/名監督登場!(Progression)/役者の配置
    • シーンの役割(SceneObject)/役者の役割(CastSprite)/演技内容・シナリオ(Command)/ユーザーインタラクション(CastButton)
  • Case Study
    • Franck Muller_順井守(12design)/ソニックと暗黒の騎士_菊池祐一(セガ)/iida_北田荘平(tha. ltd)
  • 制作会社のワークフローを変える——ユナイティア(株)
  • Webクリエイターが語る——Progressionの魅力
  • 進化し続ける——Progression
  • 「extends Progression 拡張機能コンテスト」結果発表!

preview

Progression公式サイト
過去の集中連載のPDFファイルをダウンロード

【FocusOn】Flashで家庭用ゲームの制作を!「Scaleform GFx」

FITCで話題騒然! Wiiも、Xbox 360も、PS3/PSP/PS2も‥‥

preview

Scaleform GFx
(株)ホームメディア「あいうえ・おーちゃん」

【特別企画】時流にあったホスティング選び

トレンドを把握して、用途に合った最適なサービスを

preview

ツクルヒト_編集者

伊藤ガビン/よい加減のズレ加減

preview

NNNNY
黒松

【新連載】hrkr

blog(風の連載)はじめました
Text:家入一真

本連載では、自称・スーパーハイテンションクリエイターの家入一真氏(paperboy&co.)が、切腹覚悟でWebサービスのアイデアをひねり出していきます。その名も「hrkr(ハラキリ)」。家入氏の公式blog「hbkr(ハバカリ)」の裏サイトとして、家入氏が作った過去のサービスから現在検討中のサービスまで、ここでしか話せない数々のアイデアをお届けします。

preview

表サイト「hbkr」

連載企画

Web Designing Lab.

CSSLab._テキストを読ませるレイアウト+小技
Text:千貫りこ(KICKS Web

サンプルデータ「IDEA1」を見る
サンプルデータ「IDEA2-1」を見る
サンプルデータ「IDEA2+α」を見る
サンプルデータをダウンロードする

Ajax/JavaScriptLab._GETパラメータを利用して表の見た目を制御する
Text:中村享介

サンプルデータ「ハイライト表示機」を見る
サンプルデータ「応用編」を見る
サンプルデータをダウンロードする

FlashLab._特別編:SWFObjectでswf再生環境を作る
Text:沖良矢(世路庵

サンプルデータ「swfobject_static.html」を見る
サンプルデータ「swfobject_dynamic.html」を見る
サンプルデータ「swfobject_dynamic_multi.html」を見る
サンプルデータをダウンロードする

GraphicLab._唐草模様を使った「Gothic Pop」表現
Text:瀧上園枝(Cyan, inc.

サンプルデータ「IDEA1」を見る
サンプルデータ「IDEA2」を見る
サンプルデータ「IDEA3」を見る
サンプルデータをダウンロードする

HOSTING SERVICE Essence

ホスティングサービスにおける「二重化」「冗長化」とは?
Text:井上聡

movement

DOTMOV FESTIVAL&文化庁メディア芸術祭作品募集
クワクボリョウタ「微笑みトランジスタ」
世界報道写真展2009
今月のアーティスト/タイラー・スター ほか

デザインにできること

電子ブック、みたび
Text:永原康史

Worldwide Creator's Archive

Your Majesty/“王国”からニューヨークに乗り込んだ、4人のスウェーデン人

preview

Your Majesty

WD Website Front

THE AXE EFFECT:AXE WATCH CAM、Quiksilver - The Spot、カルピスソーダ学園、docomo PRIME N-06A ほか

WD Website Front

今月の掲載サイトリンク集へ

WD Website Front_In-Depth Report

UNIQLO CALENDAR/UNIQLOCKに続くユーティリティはカレンダー

preview

UNIQLO CALENDAR
鎌田貴史(spfdesign Inc.)
トザキケイイチ(Karate System)

one's view

「Advertising Advertising Agency」
Text:川島高
BooneOalkey.com

「複数のサイトに置かれるFlashコンテンツ」
Text:茂出木龍太
Cold War Kids - I've Seen Enough -

「クラウド1 ピクセルで世界環境を守ろう」
Text:田中宣匡(レベルQ
Greenpeace Black Pixel

  • 「Twitter の広告キャンペーン活用」
    Text:太駄健司(インターネット広告のひみつ
    Vodafone #ukhols Map

  • モノサシに目印

    探偵小説:完全に迷宮入り
    Text & Visual:長谷川踏太(tomato)

    モバイルコンテンツ最前線

    Flash Liteを活用したケータイ式「循環型システム」
    Text:安西渉(ORSO

    Flashの学校_3rd season

    Text:大西拓人(クスール

    サンプルデータ「piano_sample」を見る
    サンプルデータ「guitar_sample」を見る
    サンプルデータをダウンロードする

    ハギハラ総研

    ソーシャルネットワークもガラパゴス化
    Text:萩原雅之

    この仕事のカタチ

    あなたの実力を測る簡単実力認定調査

    Standard Coding

    新しいIE 6対策「Universal Internet Explorer 6 CSS」
    Text:大藤幹

    Universal Internet Explorer 6 CSS

    my first IA

    ラベル名を決めるのは、意外と難しい
    Text:長谷川敦士(コンセント

    橘塾

    Webに必要な最低条件五箇条を踏まえた実装を
    Text:橘守

    WD Reviews

    LiFE* with Photo Cinema 3、Snap Art 2、
    Motion Decompiler 3 for Windows、うごくひと2

    News Crawler

    ついに発表! 「Movable Type 5」、その概要
    「Flash Builder 4」「Flash Catalyst」のβ版が公開 ほか

    ベビーアクション

    manga & Text:横山裕一

    その他

    全国Web制作会社リスト
    モニター&プレゼント
    WD Square
    Back Numbers

    お詫びと訂正

    2009年8月号の96ページにて、小林陽介氏のサイトを誤ったURLで掲載してしまいました。
    関係者の方々にご迷惑をおかけしてしまったことをお詫びするとともに、ここに訂正させていただきます。

    (正)小林陽介 ll_koba_ll http://un-q.net/

    サンプルデータについて

    • サンプルデータのダウンロードには、当月号の目次に掲載しているIDとパスワードが必要です。
    • 各サンプルデータの著作権は、各データの作者に帰属します。
    • サンプルデータをご利用の際の利用条件や連絡先などについては、圧縮データに同梱しているテキスト「readme.txt」をご覧ください。
    • 各サンプルデータの内容に関しては間違いのないように十分注意しておりますが、もしこれらのデータを利用することによってトラブルや損失・損害が発生しても、各データの作者および(株)マイナビは一切責任を負いませんのでご了承ください。