[緊急開催 正式リリース記念]Bootstrap 4 入門|生明塾

一番人気CSSフレームワークBootstrap。現代のwebデザインに対応した最新バージョンを解説する、セミハンズオンの入門講座。

learn

こんなことを学びます

Bootstrapは、webのフロントエンドに向けたCSSのフレームワークです。
Bootstrapをwebデザインの基盤に導入すると、瞬く間にグリッドレイアウトされたレスポンシブwebデザインが具現化でき、ボタンやナビゲーション、フォームなどの機能がすぐに使える状態で用意されています。

Bootstrapを代表とするCSSフレームワーク(海外ではFrontend Framework)は、よく調整された高度なCSSのデザインやJabaScriptの機能が予め用意されたライブラリ集です。
CSSフレームワークを用いれば、基礎工程が終わった状態からwebデザイン作業を始めることができ、時間や労力を大きく削減することができます。
もちろん、オリジナルのビジュアルデザインを載せることも可能です。

Bootstrap 使用事例 - Responsive Web Design JP
http://responsive-jp.com/category/technique/bootstrap

Bootstrapは数あるCSSフレームワークでのなかで、人気No. 1の大定番。
かつてはTwitter社内で作られ、Twitter Bootstrapと呼ばれていました。
2011年の誕生以来、世界中で愛用されています。
MIT License で商用利用も可能、もちろん無料です。

先日の2018年1月18日に、長い開発期間を経た最新バージョンのBootstrap 4がリリース。
Flexboxの採用や基本単位を「rem」に変更するなど、現代のwebデザインに対応した仕様で生まれ変わりました。

Bootstrap 4のリリースを記念して、この特別入門講座を企画しました。
これを機会に、CSSフレームワークの扉を開いてください。
そして、Bootstrapを使って、賽の河原の子供たちやシーシュポスのような仕事のありかたを改善してください。

Bootstrap オフィシャルサイト(ダウンロードページ)
https://getbootstrap.com

Bootstrap - ウィキペディア
https://ja.wikipedia.org/wiki/Bootstrap

「Bootstrap 4」が正式リリース――IE10以降、iOS 7以降、Android 5.0以降に対応
http://www.atmarkit.co.jp/ait/articles/1801/23/news092.html

■ 当講座で学べること
○ CSSフレームワークとBootstrapの概要
○ Bootstrapの導入方法
○ Bootstrapを使ったwebページのデザインとコーディング
○ Bootstrapのグリッドシステムとレスポンシwebデザイン対応
○ Bootstrapに用意されたさまざまなコンポーネントの搭載 など

■ 当講座で得られること
○ webデザインの高機能な基礎ライブラリ
○ 超高速なwebデザイン作業を具現化するためのソースと方法
○ 作業効率の大幅な向上とコスト削減
○ 競合他社への競争力 など
※ 各種受講証明書への署名・発行に対応します。

■ 当講座の特徴
○ 手ぶらの座学受講も可能な、セミ・ハンズオン形式です。
○ 実践的な知識や方法を、要点をまとめて、わかりやすく解説します。
○ 講義後に、質疑応答の時間を設けます。

■ 主催者
AZM Design
続きを読む

日程・開催時間を選ぶ

開催リクエスト受付中

開催予定エリア

秋葉原・御茶ノ水

価格

¥3,800

受けたい
18人が受けたい登録しています

teacher

この講座の先生

グラフィックデザインとwebデザインの現役プロ講師

東京で活動するアートディレクター,グラフィックデザイナー,webクリエーター,クリエイティブコンサルタント,講師。

ブランディングやSP広告などのグラフィックデザイン、webサイト、UI/UX、動画、eラーニングなど多数のクリエーションを手掛ける。

広告戦略や制作システムに関するコンサルテーションも行い、さまざまな企業の研修に講師として招請されている。

最新技術の啓蒙や後進の育成に従事し、教育機関で講師を務めるほか、Adobe MAXやCSS Niteなどの大規模なイベントを始め、宣伝会議やデジタルハリウッドなどの専門講座にも多数登壇している。

ソフトバンク・テクノロジー株式会社と共同で、有名クリエーターを招く定例のデザインイベント『FONTPLUS DAYセミナー』を企画。開催は十数回に及ぶ。

AZM Design 代表

学校法人専門学校 東洋美術学校 講師
東京デザインプレックス研究所 講師

detail

講座詳細

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

    ■ 所要時間
    約1.5 - 2時間程度(途中参加、途中退出も可能です)

    ■ 講座の流れ(予定)
    1. 講座概要説明(約5分)
    2. 解説(約35 - 50分)
    3. 休憩(約5分)
    4. 解説(約35 - 50分)
    5. 質疑応答(約10分)
    ※ 講義時間や時間割は、変更する可能性があります。
    ※ 予定よりも早く終了、または長引く可能性があります。
  • こんな方を対象としています

    □ web制作関連職の方
    □ webデザイン学習者の方
    □ 超高速なwebデザインを求められている方
    □ webデザインの作業効率とコスト削減を求めている方
    □ 毎回ゼロからwebデザインの作業をすることに疲れ果てている方
  • 受講料の説明

    参加費に場所代は含まれています。
    参加費の他に、一切費用はかかりません。
  • 受講する際は以下をお読み下さい

    ■ ご持参いただくもの
    □ ハンズオン受講の方は、コンピューター
     (セミ・ハンズオン講座なので、座学受講での参加も可能です)
     (当日Wi-Fiは利用できないので、ハンズオン受講の方は、予めBootstrap 4をインストールしておいてください)
    □ メモを取るための筆記用具やデバイスなどはご持参ください。
    □ 筆記用具だけで受講は可能ですが、コンピュータのご持参・使用も自由です。

    ■ その他
    □ 講義中の録音などは、ご遠慮ください。
    □ お名刺をお持ちでしたら、ぜひ、交換させてください。

review

レビュー

  • 7

  • 楽しかった!( 7 )

  • 勉強になった!( 6 )

  • 行く価値あり!( 6 )

  • 女性 30代

    この講座は「Web制作する上で絶対知っておくべきです」でした

    生明先生は講師としてもご活躍されている方で、前にお友達がスクール時代に講座を受けたことがあったようなので、ストアカでたまたまお見かけして、しかも急遽受けたい講座が開催されるとの事で、迷わず受講しました!
    結論から申し上げますと、どうして早くここに辿り着かなかったのかと思う程、素晴らしい講座でした!
    入門者も触った事ある方にもオススメです。時短でWeb制作ができるので、効率アップにはもってこいです。0からリカッドデザインコードを書くよりも、簡単に早く制作することができるので、一度受講することをお勧めします!

  • 男性 40代

    この講座は「Bootstrap4を実務で活用する方法が分かる講座」でした

    Bootstrap4の変更点を含む、実務で使いそうな全機能を把握出来ます。
    コーディングの時短術を知りたい方にはオススメです。

  • 女性 40代

    この講座は「楽しく学べました。」でした

    どういう意味でどう変わるのかを具体的な使い方で教えていただき、
    今後に役立つと思いました。

  • 男性 40代

    この講座は「周辺知識を交えながら楽しく学べる講座」でした

    予想していたより盛り沢山の内容で楽しく学べました.是非,更に進んだBootstrapの講座を開講していただきたいと感じました.

  • 女性 40代

    この講座は「トレンドを知る」でした

    現在webを勉強するにあたって、何を知っていなければならないかを分かりやすく解説して頂きました。
    メリットやデメリット、単位のお話などとても参考になりました。

  • more

    この先生の他の講座

    26

    開催リクエスト受付中