お届け先を選択
すべての出品を見る
Kindleアプリのロゴ画像

無料のKindleアプリをダウンロードして、スマートフォン、タブレット、またはコンピューターで今すぐKindle本を読むことができます。Kindleデバイスは必要ありません。

ウェブ版Kindleなら、お使いのブラウザですぐにお読みいただけます。

携帯電話のカメラを使用する - 以下のコードをスキャンし、Kindleアプリをダウンロードしてください。

KindleアプリをダウンロードするためのQRコード

著者をフォローする

すべてを表示
大串 肇
フォロー
高橋 としゆき
フォロー
何か問題が発生しました。後で再度リクエストしてください。

現場のプロが教える WEBデザイン 新・スタンダードテクニック37 単行本 – 2015/8/18

5つ星のうち4.0 13
すべての形式と版を表示
〜いまWebでよく見るデザイン手法が勢ぞろい!!〜

最近は、Webサイト制作で使用する技術が大きく様変わりしはじめています。“モバイルファースト"と呼ばれる考え方が広まっているように、PCよりもスマートフォンからのアクセスのほうが多いWebサイトはすでに珍しくありません。また、いわゆるレガシーブラウザも淘汰されつつあることから、現在はHTML5+CSS3に対応したモダンブラウザを前提に、多彩なデバイスに対応できるWebサイトづくりが主流になっています。
本書はこのような制作状況の進化を踏まえ、「これからのWeb制作のスタンダード」となる手法をまとめた解説書です。近年のWebサイトでよく見られるレイアウト/ナビゲーション/エフェクト/UIパーツをステップ・バイ・ステップ形式で紹介しています。ドロップダウンメニューやスライドショーなどの基本から、背景全面動画やMasonryなどの流行の手法まで、いまのWebデザインに欠かせないテクニックを網羅しました。サンプルデータもダウンロードできるので、手を動かしながらコードの挙動なども確認できます。「これをやりたかった! 」が必ず見つかる1冊です。

〈本書の内容〉
■Chapter1 デザイン&レイアウト
レスポンシブのマルチカラム/レスポンシブのシングルページ/メディア風に見せる/背景全面画像&動画/Infinite Scroll/CSSフレームワーク/Masonry/チャット風吹き出し

■Chapter2 ナビゲーション
アコーデオンメニュー/ドロップダウンメニュー/上部固定メニュー/ポップアウトメニュー/ページネーション/タブメニュー/オフキャンバスメニュー

■Chapter3 エフェクト&インタラクション
スライドショー/ホバーアニメーション/スクロールアニメーション/ページスクロール/Lightbox/ボタンデザイン/ホバーのコンテンツ切り替え/ポイントアニメーション

■Chapter4 ユーザビリティ
ツールチップ/Now Loading/Googleマップ/問い合わせフォーム/検索フォーム/レスポンシブな表組み/Webフォントアイコン/SNSボタンの設置/タイムラインの取り込み/トップへ戻るボタン/スクロール位置表示/レスポンシブな画像出力/ドラッグ&ドロップ
Previous page
  1. 本の長さ
    256ページ
  2. 言語
    日本語
  3. 出版社
    エムディエヌコーポレーション
  4. 発売日
    2015/8/18
  5. 寸法
    24.7 x 18.2 x 1.83 cm
  6. ISBN-10
    4844365185
  7. ISBN-13
    978-4844365181
  8. すべての詳細を表示
Next page

登録情報

  • 出版社 ‏ : ‎ エムディエヌコーポレーション (2015/8/18)
  • 発売日 ‏ : ‎ 2015/8/18
  • 言語 ‏ : ‎ 日本語
  • 単行本 ‏ : ‎ 256ページ
  • ISBN-10 ‏ : ‎ 4844365185
  • ISBN-13 ‏ : ‎ 978-4844365181
  • 寸法 ‏ : ‎ 24.7 x 18.2 x 1.83 cm
  • カスタマーレビュー:
    5つ星のうち4.0 13

著者について

著者をフォローして、新作のアップデートや改善されたおすすめを入手してください。
前のページ
  1. 大串 肇

    大串 肇

    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    1978年生まれ Web制作会社に就職後、フリーランスを経て、WordPressを利用したWebサイトの制作及び運用サポート、コンサルティングなどを行う株式会社mgnを起業。Webでの集客から、収益化に至るまでに必要なすべてを提供するべく、お客様と相談しながら日々仕事をしております。

    制作の他に、プログラミング教育分野での活動として、講師や執筆なども務める。

    株式会社mgn https://www.m-g-n.me

    Twitter https://twitter.com/megane9988

    著者ページでもっと見る
  2. 高橋 としゆき

    高橋 としゆき

    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    愛媛県を中心に活動するフリーランスのグラフィックデザイナー。紙媒体からウェブまで幅広いジャンルを手がけ、デザイン系の書籍も数多く執筆。代表著書に「DTPに使うPhotoshop（エムディーエヌコーポレーション発行）」など。また、プライベートサイト「ガウプラ」では、オリジナルデザインのフリーフォントを配布しており、TVCM、ロゴタイプ、アニメ、ゲーム、広告など、さまざまな媒体で使用されている。

    著者ページでもっと見る
  3. 秋元 英輔

    秋元 英輔

    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    千葉県千葉市出身。制作会社を経て個人でアンドクリエイトを設立。Web制作から運用、マーケティングを手がける。

    2014年に日本国内で公式のWordPressイベント、WordCamp Tokyo 2014実行委員長。

    現在もWebに関する書籍執筆の他、Web制作も行っている。

    -------------------------------------------------

    - Facebook

    https://www.facebook.com/EisukeAkimotoAnd

    - Twitter

    https://twitter.com/andasknet

    - andCreate

    http://andcre.com/

    著者ページでもっと見る
  4. 羽野 めぐみ

    羽野 めぐみ

    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    東京・埼玉を拠点に活動するフリーランスの Web デザイナー

    化粧品会社に Web デザイナーとして勤務後、2015年にフリーランスとして独立。WordPress サイト制作や、Web サービス開発などに携わる。

    WordPress コミュニティ主催のカンファレンス WordCamp Tokyo 2014 にスピーカーとして登壇。Web 制作チームのスタッフとして運営にも関わる。2015年には Web 制作チームのリーダーとして Web サイトの制作・運営に携わった。

    著者ページでもっと見る
  5. 菅原 のびすけ

    菅原 のびすけ

    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    プロトタイピング専門スクール「プロトアウトスタジオ」校長・プロデューサー。

    1989年生まれ。岩手県立大学在籍時にITベンチャー企業の役員を務める。 同大学院を卒業後、株式会社LIGにWebエンジニアとして入社し、Web制作に携わる。

    2016年7月よりdotstudio株式会社を立ち上げ、IoT・モノづくり領域を中心とした研修や教育業に携わっている。2019年4月にプロトタイピング専門スクール「プロトアウトスタジオ」を立ち上げる。

    2018年4月よりデジタルハリウッド大学大学院の非常勤講師も務めている。

    日本最大規模のIoTコミュニティであるIoTLTの主催、Microsoft MVP Visual Studio and Development Technologies (Node.js)、世界で22名の第1期LINE API Expertsの一人。

    各種ハッカソン運営や、審査員など多数。

    著者ページでもっと見る
  6. 日下部 忠之

    日下部 忠之

    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    著者の本をもっと発見したり、よく似た著者を見つけたり、著者のブログを読んだりしましょう

    著者ページでもっと見る
  7. 松尾 奈央

    松尾 奈央

    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    著者の本をもっと発見したり、よく似た著者を見つけたり、著者のブログを読んだりしましょう

    著者ページでもっと見る
  8. 宮崎 優太郎

    宮崎 優太郎

    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    1990年1月10日生まれ、埼玉県出身。

    株式会社 Nagisa フロントエンドエンジニア。

    大学卒業後、無職になったのをきっかけに独学でWebの勉強をしながらフリーランスとして受託制作をスタート。3年間活動した後、株式会社Nagisaに入社し現在は自社サービスの開発とグロースを手掛けている。最近はReact+ReduxなどWebアプリケーション開発に傾斜気味。

    著者ページでもっと見る
  9. 清野 奨

    清野 奨

    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    aniuma OÜ CEO。9歳から独学でプログラミングを始め、2014年にフリーランスのWebプログラマーとして独立。2019年にデジタルマーケティングの会社を北欧にあるエストニアで創業し、特定の住居を持たないデジタルノマドとして、リモートワークで世界中を働きながら旅をする。

    著者ページでもっと見る
  10. 倉持 友喜

    倉持 友喜

    Brief content visible, double tap to read full content.
    Full content visible, double tap to read brief content.

    フロントエンド寄りのフリーランスエンジニア

    1985年生まれ、埼玉県出身。

    Web制作やデザイン、ゲーム開発などに携わり、

    2018年からフリーランスとして活動中。

    著者ページでもっと見る
次のページ

カスタマーレビュー

星5つ中4つ
5つのうち4つ
13グローバルレーティング

この商品をレビュー

他のお客様にも意見を伝えましょう
カスタマーレビューを書く

上位レビュー、対象国： 日本

あいぼーい
5つ星のうち2.0 コードを書いて学習する人には向かない本
2016年5月8日に日本でレビュー済み
Amazonで購入
サンプルコードが書いてあり、コードを見ながら学習できると思って買ったのですが、タイポが多すぎて、ほぼ謎解きしながら読まないといけないような本です。

サンプルコードを動かしてみて、薄く学習する人にはいいかもしれませんが、サンプルコード見ながら、実際に作ってみて、さらにそれを書き換えて学習するような方にはオススメできません。
10人のお客様がこれが役に立ったと考えています
役に立った
 レポート
youthkee
5つ星のうち4.0 最新のトレンドをしっかり押さえた、意欲的な実装テクニック集
2015年8月26日に日本でレビュー済み
WEBデザインの『新』スタンダードテクニックと銘打った本書。
「今どき」のWEBデザインのトレンド解説から、具体的な実装方法まで事細かく掲載されています。

HTML/CSSやデザインソフトのマニュアル本は数あれど、
基礎からじっくり学んでいるうちに、結局新しい技術に乗り遅れてしまった・・。
そんな経験はないでしょうか？

ただでさえ動きの早い、昨今のWEB業界の潮流に追いつくには、
もっと違った切り口の学習が必要なのかもしれません。

総勢20人以上もの「現場のプロ」を招集するという、ちょっと異例とも言える本書の制作体制には、
そんな要求に応えるための、スピード意識が現れているような気がします。

本書を紐解けば、「最近よく見るあのサイトの手法、実際どうやるんだっけ？」
そんな疑問に対する答えが立ち所に解決することでしょう。

ソースコードのサンプルも丁寧に書かれているので、
参考にしながらコーディングすれば、必ず同じUIや演出などが実現できると思います。

ぜひ本書を片手に、あなたもブログのコピペから脱してみませんか？

一つ難点としては、コードの解説が中心になっているので、
ビジュアルデザイン寄りのデザイナーの方には少し難解に感じられるかもしれません。

CSSやJavaScript、CSSフレームワーク等の基礎知識は前提として必要です。
19人のお客様がこれが役に立ったと考えています
役に立った
 レポート
Amazon カスタマー
5つ星のうち3.0 ある意味、ビックリする本
2019年8月9日に日本でレビュー済み
表紙カバーと書籍本体のサイズが違う。
このような本を見かけたのは初めて。
失敗したらしい‥‥。

内容は、WEBの現在のスタンダードなテクニックが乗っていて、便利です。
3人のお客様がこれが役に立ったと考えています
役に立った
 レポート
甘タロ
5つ星のうち4.0 jqueryを考えれば書けるけど考える時間がもったいない人向け
2015年10月24日に日本でレビュー済み
最近のwebページでよく見る、jqueryを使用したちょっとしたエフェクトや機能をどのように実装するのかを辞典的に集めた書籍です。
あくまでもちょっとしたものが中心で、実装に何日もかかるような大規模・複雑なものは紹介されていません。またjqueryプラグインだけを紹介したものでもありません。ひとつひとつが2～3ページに収まる程度の簡単なものが紹介されています(実際にはふんだんにイメージが載っているので5～6ページ程度あります)。

jqueryに慣れていないと、webデザインそのものよりjqueryによるちょっとしたエフェクトに時間を取られてしまうことが多いので、そういう人には時短のために役に立つ書籍だと思います。またプラグインばかりが紹介された書籍ではないので、jqueryを一通り理解して、それを実際に作品に落とし込みたい初心者にとっても役に立つと思います。
9人のお客様がこれが役に立ったと考えています
役に立った
 レポート