Web Designing

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

cover

2011年12月号

特別定価 1,470円

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

特集・特別企画

特集1:先端事例に学ぶjQueryのテクニック

−今や標準JavaScriptライブラリ! その使い方を制作者自身が解説−

正式版のファーストリリースから5年が経ち、数多くのプラグインがリリースされ、派生ソフトウェアも充実したjQueryは、すでにJavaScriptライブラリのデファクトスタンダードと言っても過言ではないでしょう。すでに、jQueryを使うかどうかではなく、jQueryをどう使うかが重要になってきています。しかし、多機能であるがゆえに、jQueryの持つポテンシャルを十分に活用できていないことはありませんか? 本特集では、話題のサイトにおけるjQueryのテクニックの数々を、その制作者自身に解説してもらいました。その使いどころや使用プラグインなど、今後のサイト制作の参考にしてください。

  • [Introduction]Webの変化に合わせて進化を続けるjQuery_浅井智也
  • 01 非同期処理のためにjQueryベースのフレームワークを開発_amanagroup INDEX×村上英司+池田泰延
  • 02 最新Web標準技術をつなぐjQueryの役割_Firefoxの灯×赤塚大典
  • 03 気持ちいい操作感を実現するためのテクニック_OPENING CEREMONY JAPAN×(株)ソニックジャム
  • 04 ページ全体が動くインタラクティブなバナー_THE BAWDIESオフィシャルサイトのバナー×小林秀也
  • [Column]世界の「最先端」事例に学ぶjQueryの使い方_Mana
  • 05 jQuery hashchangeで履歴が使える動的検索_ローソン店舗検索×徳田和規
  • 06 jQueryとWordPressで構築したソーシャルWebサービス_Croppy×なつき
  • 07 小さなパーツの塊で構成するWebアプリケーション_ポチってもうたー×徳田和規+高津戸 壮

previewpreview

特集2:Web業界「見積もり金額」徹底研究!

−高い? 安い? どう決めどう書く見積もり書−

本年2月号でも大きな反響を呼んだテーマの「見積もり大研究」。制作そのものは得意でも、その制作物をどうお金に換算するかという点については、苦労されている方が多いようです。そこで今回は、制作会社への取材を中心に、見積もりをどう考えて書けばいいのか、どうすれば相手も自分も納得した価格設定をできるのかを、見つめ直してみたいと思います。自信を持って見積もりを出す。そのためにも、ぜひ一緒に考えましょう。

  • チームラボの見積もり論。「新しいことに市場価格はない」
  • 「見積もりで伝えるメッセージ」DONGURIはこう考える
  • IMJモバイル「スマートフォン関連の見積もりはどうすればいい?」
  • 見積もりはこう考えよう。「自分の価値を理解して見積もりを作る」
  • 読者は見積もりをどう考えている? Webデザイナー白書に見る「見積もりの現状」
  • お隣りさんの見積もり論「SE業界は見積もりをこう考えている」
  • 橘守さんに聞く。「どこで闘っているか、わかっている?」

previewpreview

dotFes 2011 京都レポート!

【dotFes】Webクリエイティブのための学園祭

dotFes 2011 京都レポート!

preview

10月16日、京都精華大学で開催された" Webクリエイティブのための学園祭"「dotFes2011京都」。トップクリエイターたちの講演からインスタレーション展示まで、Webクリエーションの最先端が凝縮されたイベント当日の模様をレポートしています。

preview

dotFes

コラボプロジェクト「チョコバナナ」

−「瞬間ギャグ創造装置」が狙う未来の笑い−

dotFes 2011 京都に、よしもとの作品(というか芸人)も参戦してきました。出展作品名は、「よしもと式瞬間ギャグ創造装置」。今月は、この作品について解説します。

preview

チョコバナナ

まんがAC部活動日誌

第七回「dotFes潜入レポート」

dotFes 2011 京都のメインビジュアルを描いてくれたAC部が、イベントに潜入してレポートマンガを届けてくれました。ん? でも、編集部の誰一人としてdotFesの会場でAC部を見かけていないのですが……。

preview

AC部

【Special Report】Opera Software本社@ノルウェー訪問記

−プレスイベント「Up North Web」レポート−

10月9日(現地時間)、ノルウェーのオスロで、Opera Softwareが主催するプレスイベント「Up North Web」が開催されました。その模様を、オスロ市内の様子と併せてお伝えします。また、Opera Software本社に訪問することもできたので、本社勤務の社員のインタビューとともに、盛りだくさんの写真でレポートします。

preview

Up North Web 2011
Opera Software

【Focus On】日本語Webフォントサービスのいま

−Webフォントを使いこなすためのコツと注意点−

Webフォントには、SEO的な強みなどサイト運営者や閲覧するユーザーにとってのメリットがありますが、Webデザイナーにとってはどのようなメリットがあるのでしょうか。また、制作フローには変化があるのでしょうか。今回は、Webフォントを用いた国内外の秀逸なサイトを紹介しつつ、使う上でのコツや考えられるフローの変化などを考察してみました。

preview

ウェブフォントデザインアワード2011

デザインにできることDialogue

菱川勢一×永原康史「動かすことの技術、止めることの技術」

これまでプライベートで撮りためた写真による個展を開催中の映像作家 菱川勢一氏。今回の対談では、京都での写真展の感想とともに、菱川氏のNYでの下積み時代の話、そして創作の原点へと迫っていきます。

preview

雑想ノート

エキソニモの「ウェブにふれる」Vol.2

「今回の原稿は一発録りで作るので早いです!」と、そんなエキソニモから上がってきた原稿は、たった1枚のJPEGファイルでした。

preview

http://exonemo.com/wf/

特別付録
世界のドメイン名がわかる! 特大サイズの世界地図

ccTLD MAP(国コードトップレベルドメイン地図)収録

世界各地のTLD(トップレベルドメイン)を、B2サイズの特大地図上に掲載した「ccTLD MAP」を収録! 日本に割り当てられた「.jp」を登録管理している(株)日本レジストリサービス(JPRS)協力のもと、2011年10月現在における、すべてのccTLD(国コードトップレベルドメイン)を掲載しています。

(株)日本レジストリサービス(JPRS)

連載企画

【新ラボ開設】Web Designing Lab.

SmartphoneLab._「viewport」の定番設定パターンを習得する New!
Text:Coding Factory

preview

サンプルデータ「SECTION1」を見る
サンプルデータ「SECTION2」を見る
サンプルデータ「SECTION3」を見る
サンプルデータをダウンロードする

CSSLab._CSSで作るグラデーションが美しいボタン
Text:秋葉秀樹

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

jQueryLab._目を惹く可変グリッドレイアウト
Text:徳田和規谷拓樹長谷川広武

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

FlashLab._SWF→HTML変換ツールを使ってみよう
Text:池田泰延

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

GraphicLab._グラフィカルなエリアマップを作成する
Text:瀧上園枝

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

Server Quick Reference

不正アクセスや障害からサーバを守るセキュリティ対策
Text:井上聡

movement

会田誠の過去と現在、山本基が7トンの塩で描く生命活動の連なり、不器用上等!押忍!手芸部と豊嶋秀樹が金沢で出会う、目には見えない「歴史」や「記憶」を写しとる米田知子展 ほか

Worldwide Creator's Archive

Mekanism/成果の先にユーモアを忘れないプロモーション

Mekanism

WD Website Front

au 2011 年秋冬モデル リアル体験デモ、JOURNEY INTO CLOUD、YouTube SPACE LAB with Lenovo ほか

WD Website Front

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

preview

【新著者登場】one's view

「ソーシャルゲーム超最前線」 New!
Text:浦野大輔
Adventure World - An Indiana Jones Game

preview

「見渡す限りの荒野」
Text:清水幹太
トイレッツ

「初心忘るべからず」
Text:宗佳広(ココノヱ
KernType , the kerning game

「ソーシャルメディアに運ぶ仕掛け」
Text:川口 聡
Roxy Pro - Opération Orange Facebook

モノサシに目印

クレジットロールpt2
Text & Visual:長谷川踏太(tomato)

ツクルヒト

西野達(美術家)/「今いる場所の外へ!」

preview

tatzunishi.net

ハギハラ総研

国際比較による、日本のスマートフォンユーザー
Text:萩原雅之

世界のスマートフォン ユーザーの利用動向調査

この仕事のカタチ

見積もりについて、もうちょっと考えてみよう

Web Standards Plus

W3Cが「Testing Activity」を立ち上げ
Text:矢倉眞隆(ミツエーリンクス

CSS Test Suites

Social Seeds

美しく革新的なFacebook の新サービス「Timeline」とは?
Text:野澤智朝(ニテンイチリュウ

Facebook Timeline

橘塾

拡大を続ける「Web制作」が意味する範疇
Text:橘守

News Crawler

Google Developers Day 2011、IMJ スマートフォン調査
開幕、Adobe Carousel ほか

WD Reviews

3D Invigorator v5 for Photoshop

その他

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

サンプルデータについて

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