Web Designing

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

cover

2013年10月号 vol.147

定価1,470円

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

特集・特別企画

特集1:タブレット対応を考慮したサイトテンプレート10

読んで学べるタッチデバイス対応! 工夫満載・商用利用可

Webサイトがさまざまなデバイスで閲覧されるのが当たり前になっている昨今。タブレットは、スマートフォンと違ってPCとの画面サイズの差がそれほど大きくないので、PCと同じWebページが提供される場合が多くなっています。しかし、マウス操作が主体のPCとタッチ操作主体のタブレットでは、使い勝手が大きく違ってきます。本特集では、10人のクリエイターによる「タブレットでの使いやすさを考慮したテンプレート」を提供しています。また、そのポイントとなる部分を解説してもらいました。テンプレートをそのまま利用するのも良し、タブレット対応のコツを学ぶも良し。ぜひご活用ください。

01_160ピクセルごとのブレークポイントを意識したリキッドレイアウト
02_レスポンシブWebデザインでマルチユースに
03_JavaScriptでデバイスに応じてメニューの表示分け
04_ちょっとしたCSSとJavaScriptで実現できるタブレット対応
05_ダイナミックな画像をデバイスに合わせて自動トリミング
06_CSSとJavaScriptでRetina対応を実現
07_ウインドウ幅いっぱいに広がる画像ギャラリー
08_リキッドレイアウトで見せるシンプルなポートフォリオサイト
09_タブレット使用時のコンテクストを意識したUI/UX
10_JavaScriptで向きに応じて切り替わるデザイン

previewpreviewpreview

紹介しているテンプレートを見る
サンプルデータをダウンロードする

特集2:大人の知らない“学び”の最前線

プログラミング教育、ワークショップ、サマーキャンプ‥‥続々登場!

インターネットが浸透する中で私たちの生活は大きく変化し、すでに生活と切っても切れない大切なものになりました。しかし、生まれた頃からインターネットやデジタル機器に触れてきた私たちの子どもたち、もう数年たてば一緒に働くであろう学生たちの目には、この世界はどのように見えているのでしょうか。そのヒントを探るべく、今回は変化していく“学び”の現場に迫ってみました。

[Introduction]
知っているようで知らない“教育“の話
[Life is Tech]
目指せ!IT 業界のイチロー。若き才能の芽を育む「Life is Tech」
Report:クリエイターとしての最初の一歩「Tech Kids CAMP」
[GAKKO]
世界一おもしろいサマーキャンプGAKKO代表が求める意外な人材
Report:小豆島と高校生の夏、GAKKO開校!
[column]
デジタルネイティブ世代調書
[YCAM]
アート作品に眠る重要なエッセンスをじっくり煮詰めたワークショップ
Report:僕たちの遊び場は僕たちで企画する!潜入! こどもあそびばミーティング

previewpreviewpreview

掲載サイト、関係者のTwitterアカウントのリンク集

【FocusOn】制作者のための“Leap Motion”解説

手の動きでPCを操作する新世代の入力デバイス

小型かつ高性能なデバイスとして話題を集める「Leap Motion Controller」が、2013年7月に発売されました。より身近になりつつあるセンサー系デバイスについて、どのような可能性が広がっているのでしょうか。製品の解説とともに、サンプルページの方法についても説明しています。

preview

サンプルデータをダウンロードする
Leap Motion, Inc

WF Inside Story

せんだいメディアテーク_多様なユーザー導線を考慮した緻密な情報設計

宮城県仙台市にある美術や映像文化の活動拠点であり、多様な情報提供を行う公共施設「せんだいメディアテーク」のサイトが10年ぶりにリニューアルされました。展示の鑑賞、貸館の利用、図書館の利用といったように利用者の目的が分かれることなど、独自の利用者ニーズを持っています。日本科学未来館のリニューアルなど、多くの文化施設のサイトを手がけてきたアライアンス・ポートは、ここでの課題をどのように解決していったのでしょうか。制作を手がけた同社メンバーに話をうかがいました。

preview

せんだいメディアテーク公式サイト

肖像 -Web Craftman's Portrait-

村上悠馬(株式会社〼々)_テクニカルディレクターの「楽しむ」仕事術

「テクニカルディレクター」を肩書とするクリエイターは数多くいますが、実際のところ具体的にどんな仕事をしているのか知っていますか? この肩書を持って会社を率い、北海道と東京という二つの拠点で活躍する村上悠馬氏の場合、「情報をデザインする」という使命を果たすのに欠かせない立ち位置なのです。

preview

株式会社〼々

ツクルヒト

吉村紘一(クリエイティブディレクター)_自然の美しさと掌の上のフォーマット

植物を透明なアクリルの中に封入した「Sola Cube(そらキューブ)」というプロダクトがあります。そこに収められているのは奇妙で、しかし美しい植物なのです。これらを手がけた吉村紘一さんは、“アーティスト”とは違う、独特なスタンスで制作に向かっています。彼はなぜ創作を行うのでしょうか。そもそも、なぜこのようなものをつくるようになったのでしょうか。この夏行われた個展の会場に、吉村さんを訪ねました。

preview

宙-sola-
旅する小惑星
ウサギノネドコ

デザインにできることDialogue

原田祐馬×多田智美×永原康史「上流から下流まで。フィジカルに全体をデザインする。」

デザイナーの原田祐馬氏、編集者の多田智美氏は、現在、大阪でシェアオフィスをしています。学生時代から一緒にプロジェクトを手がけてきたという二人に、瀬戸内国際芸術祭の一つ、小豆島でのプロジェクトを中心に、二人のワークスタイルについて話を聞きました。

preview

原田祐馬 UMA/design farm
多田智美 editorial studio MUESUM
DESIGNEAST
瀬戸内国際芸術祭2013 小豆島・醤の郷+坂手港プロジェクト

よしもと×Web Designing「チョコバナナ」企画会議

フェスに向けた第2回会議が開催!

いよいよ動き出したチョコバナナフェス。歩みを合わせるかのように、コラボも徐々に動き出しました! 今回はコラボ第2回会議を中心に、先日行われた「笑楽校」のレポートも加えた盛りだくさんの内容です!!!

preview

チョコバナナ・プロジェクトサイト
チョコバナナ密着blog

連載企画

Web Designing Lab.

CSS Lab._フラットデザインを取り入れる
Text:葛西新平(コーディングファクトリー

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

jQuery Lab._reveal.jsでポートフォリオサイトを構築する
Text:林 豊邉春貴保

preview

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

Flash Lab._直感的にゲーム開発できる「Citrus Engine」
Text:沖 良矢

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

movement

ライゾマティクスによる「Perfume」のための演出術、梅沢和木のコラージュ+AR三兄弟、ファイナリストに西野達、宮永愛子ら。日産アートアワード創設! ほか

Worldwide Creator's Archive

ISO_深く理解しながら表現するから「作品」になる

ISO

WD Website Front

Sound of Honda / Ayrton Senna 1989 、雲プロジェクト、毎日つくろう!夏休みファミリー工作、Orange History、POOL inc.、ドリームリレー・ムービー ほか

WD Website Front

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

one's view

もはやインターネットなどない
Text:清水幹太
Every Second on the Internet

オンライン広告の新時代を見た
Text:西村真里子(バスキュール
FARMERS INSURANCE - 15 SECONDS of SMART -

最高が最速のヒーロー
Text:大庭俊介
WORLD ORDER AQUOS REAL LIVE

スクロールに夢中!
Text:中川直樹(アンティー・ファクトリー
Take a tour of KathArt Interactive

ツール・ド・グラフィーク -CD1枚分の挑戦!-

第7回「植物」を使った誌上ライブコラージュ
Text&collage:河村康輔

Social Seeds

不動産検索サイトの進化でより快適な物件探しが可能に
Text:野澤智朝(ニテンイチリュウ

preview

trulia
Zillow
Redfin
ドコスム

ローカルクリエイティブのススメ

ローカルのパイオニア「自遊人」の今。
鹿児島から「ほしい未来」を見せる、「greenz.jp」編集長

greenz.jp

この仕事のカタチ

ウェブイラストレーターを探せ!

クリエイターのためのWeb解析入門

サイト改善のためのPDCAサイクルについて
Text:小川 卓

デジタルマーケティングのひみつ

「運用型広告」は入稿後こそ勝負

モバイルサービス最前線

アウネ_社会的課題解決を目指すマッチングアプリ

preview

アウネ

News Crawler

ホームページ・ビルダーの最新版は付属サービスがスゴイ!、チームラボの3D人体アプリが日本人初の‥‥!、10分でAndroidアプリが完成!デジハリがアプリ制作サービスを開始

WD Reviews

Corel Painter X3、Tridiv、Shade 3D Professional ver.14

Tridiv

ハギハラ総研

スマートフォンシフトするモバイル広告の課題
Text:萩原雅之

スマートフォン広告・フィーチャーフォン広告(ピクチャー広告)の出稿広告主数推移(ビデオリサーチインタラクティブ社調べ)

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

Vol.24 連載ボーグ・シリーズ EP.4

@KeigoTheBot
http://exonemo.com/wf/

まんがAC部活動日誌

第二十九回 The Amazones Divers

AC部

その他

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

サンプルデータについて

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