魅せるスマホ対応！？レスポンシブwebデザインセミナー
DESCRIPTION
■セミナー背景 近年、Webサイトはパソコンだけで閲覧されるものではなく、スマートフォンやタブレット型端末の急速な普及により様々なデバイスで閲覧されるようになりました。そのため、Webサイトも閲覧環境に応じてレイアウトを柔軟に切り替えられるよう「マルチデバイス対応」が必須になってきています。しかし、デバイス毎にレイアウトの違うHTMLファイルを複数用意していると、コストが多く掛かり管理もとても大変・・・ そこで、新しい手法として今国内・海外で注目を集めているのが【レスポンシブWebデザイン】という手法です！ レスポンシブWebデザインは、デバイスをWebサイトの表示基準にするのではなく、ブラウザの横幅サイズを、Webサイトの表示基準にすることで、ページのレイアウトを柔軟に美しく調整できる手法です。まさに、魅せるスマホ対応をすることができます。また、SEOの観点から見ても、URLが1つで済んだり、リダイレクト不要だったりと、とても大きなメリットがあります。 ■登壇者 加藤 俊司（かとう しゅんじ） 株式会社クライマークス 取締役クリエイティブ部部長／チーフ・デザイナー 東京大学法学部を卒業後、大手通信会社、Webコンサルティング会社を経て2009年株式会社クライマークスに入社。大手企業クライアントを中心としたWebインテグレーションに携わりデザイン、アートディレクション、企画立案、情報設計などを手掛ける。 レスポンシブWebデザインのギャラリーサイト「Responsive Web Design JP」を運営。また、レスポンシブWebデザインに関する雑誌や書籍への執筆も行っている。 ・株式会社クライマークス：http://www.climarks.com/ ・Responsive Web Design JP（個人運営）：http://responsive-jp.com/ ・smart4me（簡単スマホ制作サービス／クライマークス社運営）：http://smart4me.net/ ■執筆活動 ・雑誌記事：「Web Designing 2011年9月号」「Web Designing 2013年3月号」（マイコミ） ・書籍：「レスポンシブWebデザインテクニックブック」（エムディエヌコーポレーション）http://goo.gl/bKt9l3TRANSCRIPT
- 1. 2013.11.12 !Web 20131112
2. Copyright 2013 Climarks Inc. All Rights Reserved.2 3. Copyright 2013 Climarks Inc. All Rights Reserved.3 4. Web WebCopyright 2013 Climarks Inc. All Rights Reserved.4 5. Web WebWeb Copyright 2013 Climarks Inc. All Rights Reserved.5 6. Web smart4me 10 30,000 4,980/ 2/Copyright 2013 Climarks Inc. All Rights Reserved.6 7. http://smart4me.net/ Copyright 2013 Climarks Inc. All Rights Reserved.7 8. Copyright 2013 Climarks Inc. All Rights Reserved.8 9. Web Responsive Web Design JPCopyright 2013 Climarks Inc. All Rights Reserved.9 10. http://responsive-jp.com/ Copyright 2013 Climarks Inc. All Rights Reserved.10 11. Web MdNWeb Designing 20119 Web Designing 20133 Copyright 2013 Climarks Inc. All Rights Reserved.11 12. Copyright 2013 Climarks Inc. All Rights Reserved.12 13. Web Web Copyright 2013 Climarks Inc. All Rights Reserved.13 14. WebWebWeb6Web7Web Copyright 2013 Climarks Inc. All Rights Reserved.14 15. Copyright 2013 Climarks Inc. All Rights Reserved.15 16. 20133 12,000 10,000 8,000 6,000 4,000 2,000 020082009201020112012 2013 20142015 20162017 MM20133Copyright 2013 Climarks Inc. All Rights Reserved.16 17. BtoCBtoC55%35%37%54%Copyright 2013 Climarks Inc. All Rights Reserved.17 18. ZOZO60%60%40%40%20%20%0%0%201120122013201372012.32013.32014 Copyright 2013 Climarks Inc. All Rights Reserved.18 19. EC20152013 326,677 24132 13,4691 08,4502012201320142015Copyright 2013 Climarks Inc. All Rights Reserved.19 20. EC Copyright 2013 Climarks Inc. All Rights Reserved.20 21. l l l Copyright 2013 Climarks Inc. All Rights Reserved.21 22. Copyright 2013 Climarks Inc. All Rights Reserved.22 23. Copyright 2013 Climarks Inc. All Rights Reserved.23 24. Web PC WebCopyright 2013 Climarks Inc. All Rights Reserved.24 25. PC WebCopyright 2013 Climarks Inc. All Rights Reserved.25 26. l l l Copyright 2013 Climarks Inc. All Rights Reserved.26 27. PC WebCopyright 2013 Climarks Inc. All Rights Reserved.27 28. smart4me Copyright 2013 Climarks Inc. All Rights Reserved.28 29. l l l PC l PCURLCopyright 2013 Climarks Inc. All Rights Reserved.29 30. URL l SEO URL l TwitterFacebook URL URLPC Copyright 2013 Climarks Inc. All Rights Reserved.30 31. PC WebCopyright 2013 Climarks Inc. All Rights Reserved.31 32. Mobify PCCopyright 2013 Climarks Inc. All Rights Reserved.32 33. l PC l PC l PCURLl l Copyright 2013 Climarks Inc. All Rights Reserved.33 34. PC WebCopyright 2013 Climarks Inc. All Rights Reserved.34 35. PC CMS Copyright 2013 Climarks Inc. All Rights Reserved.35 36. PCl PC l PCURLl PC Copyright 2013 Climarks Inc. All Rights Reserved.36 37. PC WebCopyright 2013 Climarks Inc. All Rights Reserved.37 38. WebCopyright 2013 Climarks Inc. All Rights Reserved.38 39. WebCopyright 2013 Climarks Inc. All Rights Reserved.39 40. Web PC http://www.gb-s.com/ Copyright 2013 Climarks Inc. All Rights Reserved.40 41. Web PC PC sample.comm.sample.com sample.com Copyright 2013 Climarks Inc. All Rights Reserved.41 42. Web2010A List ApartResponsive Web Design2010.5.25 Copyright 2013 Climarks Inc. All Rights Reserved.42 43. WebCSS3 Web Media Queries CSS3 Fluid Grid Fluid Image Copyright 2013 Climarks Inc. All Rights Reserved.43 44. Web2012Web Responsive Web Design JP 40030020010005 6 201278910 11 121 2 2013345678910Copyright 2013 Climarks Inc. All Rights Reserved.44 45. WebEC EC Zound Industries Tokyo http://zoundtokyo.com/ http://www.selectsquare.com/ AGATHA E-SHOP http://www.agatha.jp/ https://www rasiago.com/ja-jp/ .ai GALAPAGOS STORE http://galapagosstore.com/ http://www .okuratokyobay .net/ THE STABLES http://thestables.jp/LADER http://www.lader.jp/http://minne.com/ Copyright 2013 Climarks Inc. All Rights Reserved.45 46. Web Copyright 2013 Climarks Inc. All Rights Reserved.46 47. Webl PC l PCURL l SEOGoogle l l PC l PC Copyright 2013 Climarks Inc. All Rights Reserved.47 48. WebSEOGoogle l GoogleURL URL Web Copyright 2013 Climarks Inc. All Rights Reserved.48 49. WebWeb l PC l l PC Copyright 2013 Climarks Inc. All Rights Reserved.49 50. Web Copyright 2013 Climarks Inc. All Rights Reserved.50 51. Web TIME l 23% l 26% LukeWData Monday: Impact of Responsive Designs Copyright 2013 Climarks Inc. All Rights Reserved.51 52. Web Skinny Ties l iPhone 377.6% l iPhone 71.9% LukeWData Monday: Impact of Responsive Designs Copyright 2013 Climarks Inc. All Rights Reserved.52 53. Web Fathead l 538% l 90% LukeWData Monday: Impact of Responsive Designs Copyright 2013 Climarks Inc. All Rights Reserved.53 54. Web Copyright 2013 Climarks Inc. All Rights Reserved.54 55. Web l PC ECl l PC l Copyright 2013 Climarks Inc. All Rights Reserved.55 56. Web Copyright 2013 Climarks Inc. All Rights Reserved.56 57. WebWebCopyright 2013 Climarks Inc. All Rights Reserved.57 58. Webl PC l PC l l l l Copyright 2013 Climarks Inc. All Rights Reserved.58 59. Copyright 2013 Climarks Inc. All Rights Reserved.59 60. l EC l Web l l Web Copyright 2013 Climarks Inc. All Rights Reserved.60 61. Copyright 2013 Climarks Inc. All Rights Reserved.61 62. 2013.11.12 63. !!Copyright 2013 Climarks Inc. All Rights Reserved.63 64. Copyright 2013 Climarks Inc. All Rights Reserved.64 65. 30OFF!! 1113()17 29,800pt20,860ptCopyright 2013 Climarks Inc. All Rights Reserved.65 66. 2013.11.12