人生が変わる レスポンシブWebデザイン

レスポンシブWebデザインを、基本的な仕組みからしっかり理解!

learn

こんなことを学びます

PC、スマホにタブレット…
あらゆるデバイスに最適化したWebサイトが作れるレスポンシブWebデザイン。
便利な制作手法ですが、デバイスごとのデザインを同時進行で考えなくてはならないので、
プランニングがきちんとできていないと途中で挫折してしまう事も…

『人生が変わるレスポンシブWebデザイン』ではそのしくみを理解することから始めて、
本格的なWebページを作成します。

デザインの考え方、制作のコツもお話ししていきますので、
既に運営されているwebサイトにもすぐ応用できます。

こちらから完成品の仕様をご覧いただけます。
http://speakingdesign.com/workshop/49.html
(完成サンプルの項目をご覧ください)
149人が受けたい追加しています

開催予定の日程一覧

  • 開催予定

    開催予定エリア:渋谷・恵比寿

    受講料:¥ 7,500

過去に開催した日程一覧

Kanda Yukie さんの他の講座

teacher

この講座の先生

Kanda Yukie

webデザインで人生変えよう!

Speaking Design 代表

就職にも、独立にも、趣味にも。
人生のあらゆる目的を叶えてくれる
web制作&デザインノウハウを日本中の皆様にお伝えしています。

年齢は10代から60代まで、学生の方にもお勤めの方にも... もっと見る >>

detail

講座詳細

  • 当日の流れとタイムスケジュール

    1.レスポンシブWebデザインについて
    レスポンシブWebデザインの概要についてお話しします。

    2.レスポンシブWebデザイン演習
    教材を使って、簡単なWebページを作成します。

    3.レスポンシブWebデザイン実践
    2で習得した内容を元に、本格的なWebページを作成します。
  • こんな方を対象としています

    ・html&cssのスキル
    html&cssで簡単なwebページを作った事のある方。
    基本的な知識をお持ちであれば大丈夫です。

    ・デザインのスキル
    必要ありません。
    当日は教材に沿って、みんなで同じ物を完成させます。

    ※本コースは基礎的な内容です。
    超得意な方には物足りないと思いますので、ご遠慮ください。
  • 受講料の説明

    ・オリジナルテキスト
    ・オリジナル教材
    ・会場費

    全て込みです!
  • 受講する際は以下をお読み下さい

    ・持参いただくもの
    ノートPC(macもしくはwindows)
    他電源コード、マウス等。

    ・ブラウザ
    当日はGoogle Chromeを使ってお話します。
    Google Chromeはmacでもwindowsでも使用可能なブラウザですので、
    事前にダウンロードして頂くことをお勧めします。

    ・テキストエディタ
    ソースコードを実際に書いて頂きますので、事前にご準備いただくようお願いいたします。
    一般的にTerapad(windowsのみ), Sublime, Dreamweaverがよく使われています。

    ※当日、テキストエディタの使用に関するお話はありません。
    事前に基本操作の確認をお願いいたします。

review

レビュー

  • 男性

    この講座は「CSS3の便利な使い方が学べる講座」でした

    レスポンシブの仕組みだけでなくCSS3の便利な使い方が学べて良かったです(^^)後半のスピードアップは改善してほしいですがw 全体的にはとても満足しています☆ありがとうございました!

  • 女性 40代

    この講座は「的確で論理的、本当に必要なポイントを確実に抑えることのできる受講に意義ある講座です。」でした

    何となく理解してきたこと、多分そうかなと想定の範囲で学んできたレスポンシブWebでしたが、この講座を受講したことで考え方や必要なポイントを確実に学ぶことができました。まさに「?」が「!!」となります。
    先生のお話も論理的かつテンポよく進み、楽しく学習できます。おすすめです。

  • 女性

    この講座は「仕組みを学んで、実践もできる講座」でした

    前半のレスポンシブの仕組みや最近のwebページの傾向などについての講義は勉強になりました。後半は実際にコーディングをします。私は普段あまりコーディングをすることがないので、ついていけるか不安でしたが、途中でタイプミスなどあっても、その都度先生が助けてくれたので楽しく受講することができました。

  • 男性 30代

    この講座は「受けて価値のある講座」でした

    社内にwebで頼る人がいないのと、何度かレスポンシブデザインの作成を試みるもうまくいかなかったので、受けてみました。 内容的にはレスポンシブの基礎知識の講義を行い、実技に入ります。スマホ→PCという切り替えに対して画像を適切に表示させるにはどうしたら良いかなどいくつかの例題でこなすことで受け身にならず、学べるのが良いところだと思いました。 授業スピードもたまたま早い方が集まってると仰ってましたが、分からないときは講師からのフォローが入ったり、周りと助け合い無事に終わることができました。
    平日働いてる私としては講座を開いていただけるのとお手軽な値段設定で助かりました。
    ありがとうございました。

  • 女性

    この講座は「質問しやすい!」でした

    ふだんは本やサイトをたよりに地味に勉強してますが、
    行き詰まってきたので詳しい方から直接教えてもらおうと参加しました。

    先生は専門学校で教鞭をとっておられるプロ講師。セミナーはテンポよく進みます。
    工程が終わるごとに行き詰まってる生徒はいないか確認なさるので、
    「ついていけずに涙目…」ということもありませんでした。少人数なこともあり、質問しやすかったですよ。

    レスポンシブデザインについて、なんとなく知ってるけど自力では作れない。
    でも作れるようになりたい…そんな方におすすめの講座です。

  • 男性

    この講座は「息をもつかせぬライブ感」でした

    普段はデザインの仕事をしてますが、簡単なWEB関連の対応をする事もあるので、独学を補完する目的で受講しました。
    ちょっと目を離すと置いていかれそうな流れに必死でしがみ付いて、いつの間にか簡単な課題を実体験できていたといった感じでしたが、本などで学習するとどうしても自分のペースになってしまうので、実際にこういったライブ感覚で制作を体験できた事はとても大きな力になったように思います。勉強になりました。
    素人的な質問にも丁寧に10倍にも20倍にもして答えて頂き感謝です。

  • 男性

    この講座は「レスポンシブデザインがとても良く理解できた」でした

    端末ごとに次々とデザインが仕上がっていく過程を実践できて、仕組みもよくわかり大変勉強になりました。

  • 女性

    この講座は「内容が分かりやすい講座」でした

    サンプルの課題に沿って先生が入力した内容と同じ内容を入力していく進め方でしたが、以外とはまってしまう箇所について別の参加者の方の質問があったり、ブラウザでの違って表示される件などとても参考になりました。ありがとうございました。

  • 男性 40代

    この講座は「レスポンシブの細かいテクニックが学べました」でした

    かなり詳しい先生なので、今まで悩んでいたことがクリアになりました

  • 女性 40代

    この講座は「わかりやすい講座」でした

    先生のサバサバしたキャラクターに救われました。
    HTML+CSSをみんなで同時にタグ打ちしますが、普段ディレクター業務のため、タグに慣れておらず、離脱しそうになることが何回かありましたが、手を上げるとすぐに助けてくれます。また、間違えている箇所を見つけるのも早いです。
    他の講座も受けてみたいと思いました。