石嶋未来 Bootstrap3からはじめる! レスポンシブWebサイト構築ワークショップ

top-1000-ishijima_03

13.Jan.2014

 

紹介文

同じコードを書いて同じ場所でつまづいていませんか?
Bootstrapで同じコードは二度と「書かない」!

Bootstrapというとエンジニアさんや上級者が使うものと勘違いしていませんか?
英語のドキュメントというコトで敷居が高く感じられているかもしれません。

しかし、それは誤りで初心者こそ使うべき非常に便利なものです。
CSSを読み込んでさえいればあとはHTMLをコピーするだけ。
カスタマイズも必要な作業を覚えてしまえば、これまでの知識のままでたくさん行えます。

この機会にBootstrapを利用して、CSS Frameworkの便利さを体感しましょう!

Bootstrapを通じてレスポンシブWebデザインに対応したサイト構築を短期間で習得
● CSSフレームワーク(特にBootstrap)が どんなものかを知ってもらう
● Bootstrapで なにができるか どこまでできるか をカスタマイズを通じて体感
● デザイナー、コーダー、ディレクターの それぞれ知っておくべきことを共有
● チームやペアになってあつまって学習します。

 

概要

日 時 :2014年 2月10日(月)、2月17日(月)、2月24日(月)
時 間 :19:30〜21:30 (終了後、同会場で交流会あり)
場 所 :loftwork Lab 10F(渋谷区・道玄坂)
http://www.loftwork.jp/profile/loftworklab.aspx
定 員 :20名程度/回
参加費 :全3回:6,000円、単回受講:2,500円(領収書発行可)
主 催 :OpenCU
共 催 :ザ・マーズナレッジ(https://www.facebook.com/TheMarsknowledgehttp://themarsknowledge.com/

 

参加対象

HTMLとCSSの基礎知識がある方
● レスポンシブWebデザインについて詳しく知りたいデザイナー
● これから挑戦してみたいコーダー
● Bootstrapを利用したサイト構築で気をつけることを知りたいディレクター【ワークショップのスタイル】
● 会場では、実際に手を動かしてコードを書く演習も行います
● ブラウザ・エディタのインストールされたノートPC(windows,Mac可)をご持参ください*
*OpenCUにて3台までお貸しできます

 

カリキュラム ※第2、3日程が変更となりました

第1回:Web制作に関わっている人なら知っておきたいBootstrap概論
2月10日(月)19:30-21:30@loftwork Lab 10F(渋谷区・道玄坂)
● Bootstrapってなに?
● Bootstrap使うと何が便利なの?
● 実際に触ってみましょう!(サンプルコードをいじってみる)
● 便利でも実際の案件で使えるの?
第1回チケット

第2回:Bootstrapを実際のサイト制作でつかうには?
2月17日(月) 【2月24日(月) 19:30-21:30@loftwork Lab 10F(渋谷区・道玄坂)
● 制作フローはどう変わる?
● Bootstrapを使うならこんなワイヤー・デザイン!
● 結局みんな同じようなサイトになっちゃう?
● デザイナーとディレクターこそ手を動かして理解しよう!
第2回チケット

第3回:Bootstrapを使って「らしく」ないサイトをつくるには?
2月24日(月) 【3月4日(火)19:30-21:30@loftwork Lab 10F(渋谷区・道玄坂)
● LESSファイルってなに?怖い!
● 「らしく」ないサイトにするポイントは?!
● Bootstrapをカスタマイズしてサイトつくってみよう!
※第3回では簡単なCSSを記述するワークがあります。
第3回チケット

 

申込み方法

Step1:まずはワークショップの無料メルマガに登録ください。

※本ワークショップに参加希望の方は全員以下のOpenCUにあるワークショップメルマガ登録を行ってください。事前準備などのお知らせを行うため必ずご登録ください。

http://opencu.com/group/bootstrap3-responsive-web-design


Step2:以下のからチケットを購入し参加申込みを行ってください。
ワークショップ参加費(全3回):6,000円/
単回受講:2,500円 ※領収書発行可
定員:20名前後

今後のイベント情報をいち早くお伝えするOpenCUのFacebookページをお見逃しなく!

石嶋未来

ウープスデザイン/こけむさズ

1982年生まれ 高校卒業後、栃木県のデザイン事務所を転々としパチンコ屋のチラシや、観光協会Webサイト、求人チラシや地域情報紙などを制作。2007年にTwitterがきっかけでライブドアに入社。Web制作を本格的にはじめる。2009年に「ウープスデザイン」として独立。デザイン業の他、執筆やコワーキングスペース事業も。表現でなく考え方で遊びを持たせるものが作りたい。越冬できるキリギリスを目指して、少し働いて好きに遊べるよう人生実験中。好きな言葉は「人生を棒にふるくらいヒマとゆとりをもって遊ぼう」。

制作実績など掲載、おまけでデザインの考え方や制作フローも書いています。

http://blog.woopsdez.jp

書籍紹介

神速Photoshop [グラフィックデザイン編]』  浅野桜、石嶋未来、加藤才智、 服部紗和 (2013/1/9)

スマートフォンデザインでラクするために』 石嶋 未来 (2013/1/29)

デザインの学校 これからはじめるIllustratorの本』 石嶋 未来、 ロクナナワークショップ (2010/10/8)

More Contents

  • Top
  • Ideas
  • 石嶋未来 Bootstrap3からはじめる! レスポンシブWebサイト構築ワークショップ

You might like these

アクセシビリティからはじめるWebサイトのUI/UXデザイン

EVENT

WebのUI(インターフェース)、そこから生まれる体験のデザインプロセスを考えるワークショップ ”Webアクセシビリティ”と聞くと、JIS規格やWCAGといったガイドラインへの対策を想起しがちで...

2016年03月03日 19:00-21:30

loftwork COOOP(渋谷・道玄坂)

Jan.13.2014 UP

未来の千葉市サイトを考える

EVENT

UXデザイナー坂本貴史さん、Code for Chibaによる 千葉市サイトのペーパープロトを作成する実践ワークショップ 「市役所のWebサイトでは必要な情報が見つけにくい」そういった声をよく聞き...

2015年08月05日 19:30-21:30

loftwork COOOP(渋谷区・道玄坂)

Jan.13.2014 UP

坂本貴史さんと、Webサイト制作をより楽しくするドキュメンテーションを考えませんか?

IDEAS

Webサイトを立ち上げる、または、リニューアルする際に、何から考えますか?  昨今では、Webサイトは単なる情報掲載以上に、訪れたユーザーにサイトを体験してもらい、その次に情報を得たり、問い合わせ、ソ...

Jan.13.2014 UP

4月12日開催レポート!樽本徹也氏:注目のキーワード、Agile,UCD,UX,リーンスタートをWeb制作から考える企画「IA meets Lean/Agile UX 」

REPORTS

利用品質ラボの樽本徹也氏をお迎えし、IA meets Lean/Agile UX ~リーン/アジャイルな201x年型Web制作スタイルの可能性~を開催しました。...

2012年04月12日 19:00~21:00

loftwork 8F SeminarRoom

Jan.13.2014 UP

IA meets Lean/Agile UX in 京都 ~アジャイル・UX・リーンな時代 Ver.2~

EVENT

2012年05月15日 19:30~21:30

ロフトワーク 烏丸

Jan.13.2014 UP

たにぐちまこと氏が教える! Web担当者が知っておきたい、企業サイトの賢いスマートフォン対応とは?

IDEAS

取材・構成 株式会社ロフトワーク昨年から盛り上がってきたスマートフォンの普及は、2011年に入り一層加速してきており出荷台数ベースでは、2011年度が前年比2.3倍の1,986万台、携帯電話の総出荷...

Jan.13.2014 UP