Web Designing

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

cover

2012年6月号 vol.131

定価 1,470円

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

特集・特別企画

特集1:定番jQueryプラグイン2012

−スタンダードからトレンドまで、カテゴリー別に総まくり!−

本特集では、「こんなときには、これ」という定番のjQueryプラグインをサンプルとともに紹介しています。そして、「便利なのに、あまり紹介されることがない隠れた逸品」「今後、採用されることが増えそう」というプラグインも「新定番」として取り上げています。また、すべてのサンプルはWebサイトからダウンロード可能なので、実際の動作を試してみてください。インタラクティブな動きや細かなオプションなど、誌面では紹介しきれなかった情報が詰まっています。そして、そのコードも確認してみてください。ソースコードを読むことこそ、プログラミング上達の「定番」です。

  • 01#Menu_スプライト画像を利用したメニューをCSSを書かずに設置できる ほか
  • 02#UI_jQuery UIで手軽にタブインターフェイスを実現 ほか
  • 03#Image_画像オーバーレイ表示の超定番「Lightbox2」! ほか
  • 04#animation_jQuery UIのアニメーション効果を活用しよう! ほか
  • column#all-purpose_さまざまな機能を持つjQueryプラグイン
  • 05#SNS_好みのデザインでFacebookのニュースフィードを掲載 ほか
  • 06#Scrool Magic_パララックス効果を簡単に実装する ほか
  • 07#etc_ページ遷移しないコンテンツでも戻る進むボタンを有効に ほか
  • 08#multi device_iPhoneのようなUIを実現する ほか
  • column#jqMobi_スマートフォンに特化したJavaScriptライブラリ「jqMobi」

previewpreview

詳細目次&ダウンロードサイトリンク集
サンプルファイルのダウンロード

特集2:ゆけ! Webクリエイター女子!

−ひょっとして、あなたのWebにたりなかったものは、この女子力?!−

スマホ経由のネットユーザーにおける女性比率の伸びは驚異的。ついに男性と肩を並べるまでになったと言います。ユーザー側で存在感を増す女性の力ですが、作り手のほうはどうでしょう。女性Webクリエイターを取り巻く現状や、その強みを活かすノウハウを皆で考えてみたいと思います。実はそこに、Web制作の今後を考える上での重要なヒントが隠されています……!?

  • Webクリエイター女子を巡る現状とは?_この10年の男女比はずーっと8:2
  • 女性リーダーが見た、女性Webクリエイターの◎なところ_(株)インサイドテック 髙木梓さん
  • チームの女性を活躍を促す男性上司の視点とは?_(株)FeelWorks 前川孝雄さん
  • 女性クリエイターが多い職場の強みとは?_(株)blanc 訪問
  • ママWebクリエイターの経験をこう活かす_(株)アークコミュニケーションズ 大里真理子さん
  • コミュニケーション設計に活かされる女性視点_TBWA\HAKUHODO 小山田幸子さん
  • 女性顧客の心をつかむデザインとは_ウジトモコさん
  • Webクリエイター女子 その本音を探る座談会

previewpreview

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

−ケンドーコバヤシ×株式会社人間 進捗報告−

チョコバナナ第4 弾「ケンドーコバヤシ×株式会社人間」の企画が進行中です。企画会議の不謹慎な空気をひきずったまま、いや、よりパワーアップしながらアプリ案が決まってきました。本当にこれを世に出していいのか? 不安は山ほどありますが、進捗をお伝えします。

preview

チョコバナナ

肖像 -Web Craftman's Portrait-

-mount inc.(イム・ジョンホ、梅津岳城)/「白銀屋」から 7年。完璧な回答を追い求める日々-

徹底した美意識に裏打ちされたWeb サイトを世に送り出し続ける「mount inc.」。多くのWebデザイナーからその動向が注目されるデザイン会社です。同社のクリエイティビティの中核を成すのは、共同創設者であるイム・ジョンホと梅津岳城のコラボレーション。その制作哲学を探ってみました。

preview

mount inc.

WF Inside Story

シナリオと画力で魅せる「もったいないオバケのヒミツの小部屋」

NHK BSのプロモーションサイト「もったいないオバケのヒミツの小部屋」では、キャラクターと会話をしていくと、お薦めの番組を紹介される仕組みが用意されています。ゲーム界で活躍するシナリオライターのジンテーゼによるシナリオ、強烈なインパクトを持つイラストでお馴染みのAC部によるグラフィックを軸に、音楽やサイトデザインも相まって、とにかくクオリティが高いです。シニカルな遊び心が詰まった会話も、お堅いイメージのあるNHKのサイトだということを忘れそうになります。制作を手がけたA4Aの東市篤憲氏、左居穣氏、AC部の安達亨氏と板倉俊介氏にお話をうかがいました。

preview

もったいないオバケのヒミツの小部屋

ツクルヒト

−Nerhol(アートユニット)/刻みこむポートレイト−

東京・恵比寿にあるlimArtで、4年ぶりとなる個展「Misunderstanding Focus」を開催していたNerhol(ネルホル)。主に本をモチーフにした作品を発表してきた彼らが、今回、テーマに選んだのは「ポートレイト」。Nerholならではのアプローチで、これまで見たことのない人の顔を映し出すと同時に、彼ら独自の世界観を明快に示したものになったと言えるでしょう。個展会場で話を聞きました。

preview

Nerhol

デザインにできることDialogue

-矢内原美邦×永原康史「身体にはじまる言葉」-

今回のゲストは、ビデオインスタレーション作品から演劇まで幅広く手がける、振付/劇作家の矢内原美邦さん。パフォーミングアーツとグラフィックデザインと分野は異なるものの、「言葉」を扱うという二人の共通点から新たな発見があったようです。

preview

Nibroll
mikuni a day

【FocusOn】Adobe Creative Suite新バージョン「6」登場!

−Adobe Creative Cloudで制作スタイルは変わるか?−

クリエイティブの中心ツールとして定着した「Adobe Creative Suite」。その最新バージョンとなる「6」では、パフォーマンスや機能性が向上しただけではなく、クラウドを利用した新サービス「Creative Cloud」も登場します。その詳細に迫りました。

preview

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

今回の誌面、どこかで見たことがある気がしませんか? あれ? デジャブ? 今号のページも、じっくりめくってみてください。

preview

http://exonemo.com/wf/

まんがAC部活動日誌

第十三回「お引越しは楽しい」

「クリエイティブとはなんぞや」に鋭く迫るこの好評マンガ連載。いつのまにか、「マンガのコマ割とはなんぞや」に迫る連載になっていってる気がします……。

preview

AC部

連載企画

Web Designing Lab.

jQueryLab._Twitter BootstrapのjQueryプラグインを使ってみよう(2)
Text:徳田和規谷拓樹

preview

サンプルデータ「ツールチップ・ポップオーバー」を見る
サンプルデータ「アラート・ボタン」を見る
サンプルデータ「タイプアヘッド」を見る
サンプルデータをダウンロードする

SmartphoneLab._jQuery Mobileでフォームを拡張する
Text:Coding Factory

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

FlashLab._flaからビデオを書き出すテクニック
Text:沖 良矢

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

Server Quick Reference

ホスティングサービス会社が提供する代理店制度の見定め方
Text:井上聡

movement

現実か? 虚構か? 紙で作られたトーマス・デマンドの構成写真、川内倫子の新作個展「照度 あめつち 影を見る」、Chim↑ Pomキュレーション「ひっくりかえる展」、今月号の表紙はフィギュア!? 越境する作家 KIMAの立体作品 ほか

preview

Worldwide Creator's Archive

Stinkdigital/どんな未来が来ても、迷わない

Stinkdigital

WD Website Front

normo、smart Argentina、 オオニシヨウ イラストレーション、Haagen-Dazs the Sweetest Art、NIKE FREE FACE、Intel Gridplay、NTT西日本「あなた×蜜蜂」 ほか

WD Website Front

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

one's view

「早く人間になりたい」
Text:清水幹太
ウダー

「街をハックして遊ぼう」
Text:林智彦(nuuo
ni_kaの「AR詩」

「ブラウザ/ブラクラの気配」
Text:谷口暁彦
Selfsurfing

「世界観に溶け込んだゲームデザイン」
Text:浦野大輔
Alien Family

モノサシに目印

既視感
Text & Visual:長谷川踏太(tomato)

Hop, Step, JavaScript! ~プログラムの基礎をイチから学習~

−繰り返しの処理を行う「while」と「for」−

preview

サンプルコードをダウンロードする

この仕事のカタチ

数字で探すWebクリエイター女子の強み
Text:小泉森弥

橘塾

「マルチエントランス」という考え方
Text:橘守

Social Seeds

SNSと位置情報から近くの趣味の合う人と出会えるサービス
Text:野澤智朝(ニテンイチリュウ

preview

highlight
Glancee

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

スマートフォンサービス運営「4つの成功法則」

News Crawler

クラウド電話API「boundio」正式版が提供開始、「jQuery Mobile 1.1」リリース ほか

ハギハラ総研

検索データにも表れたサムソンの強さ
Text:萩原雅之

その他

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

サンプルデータについて

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