Bootstrap4 ビギナーズ

Bootstrapとはレスポンシブウェブサイトを構築するためのCSSフレームワークです。

今回はこのBootstrapの基礎をハンズオン形式で学びます。

この機会にぜひ世界で最も使われているCSSフレームワークを使えるようになりましょう！！

Facebookイベントページ

こんな方にオススメ

• Webデザイナー
• レスポンシブコーディングに挑戦したい方
• CSSフレームワークを使ってみたいと考えていた方

タイムテーブル

セッション概要

「世界で一番使われているフレームワーク Bootstrap4のハンズオンセミナー」阿部 正幸 / KDDIウェブコミュニケーションズ

Bootstrapとはレスポンシブウェブサイトを構築するためのCSSフレームワークです。

2018年1月18日に最新版のBootstrap4がリリースされました。

Bootstrapを使うことで一からレスポンシブウェブサイトを構築するよりも少ない知識と工数でサイトが構築できます。

また、世界で最も使われているフレームワークのため、情報量が多く、無料・有料テンプレートも多く存在します。

今回はこのBootstrapの基礎をハンズオン形式で学びます。

この機会にぜひ世界で最も使われているCSSフレームワークを使えるようになりましょう！！

学習項目

1. Bootstrapについて（3と4の違い）
2. Bootstrapのベーシックテンプレート（CDN版）
3. Bootstrapのベーシックテンプレート（ソースコード版）
4. Gridレイアウトについて
5. タイポグラフィ
6. コンポーネント
7. ScrollSpy
8. 簡単にサンプルサイトを作ってみよう

受講に必要な条件

• テキストエディターを触ったことがある方
• HTML、CSSの基礎知識がある方

出演者プロフィール

阿部 正幸 / KDDIウェブコミュニケーションズ

システム開発会社で、大規模なシステム開発を経験後、Web制作会社でプログラマー兼、ディレクターとして従事。

その後、KDDIウェブコミュニケーションズに入社、CPIブランドのプロダクトマネージャーに就任。

ACE01、SmartReleaseをリリース後、現職の「エバンジェリスト」として、Web制作に関するさまざまなイベントに登壇。

• ACE01、SmartRelease プロダクトマネージャー
• CPIエバンジェリスト　統括
• KDDIウェブコミュニケーションズ公認、CPIスタッフブログ　編集長

Drupal（g.d.o Japan）日本コミュニティー、日本ディレクション協会 講演部、HTML5 funなどに所属し、OSSを世に広げる活動や、Web制作に関する情報を発信している。

Facebook

CPI スタッフブログ

注意事項

• SNSやブログ等で顔出しNGな方は、スタッフまでお声かけください。

当日のお持ち物

• ハンズオン形式のイベントですので、テキストエディタ（DreamweaverやBrackets、Sublime Text等）がインストールされたノートPCが必要です。
• 受付では、受付表を確認いたしますので、ご準備ください。
  受付表の確認方法

ビアバッシュについて

セミナー終了後、そのまま同会場にてビアバッシュを行います。食べ物や飲み物、アルコールをご用意いたしますので、ぜひぜひご参加ください。

ビアバッシュへのご参加は当日も受け付けいたしますので、お気軽にスタッフへお声がけください。

ツキアカリMeet-upとは

デザインユニット・ツキアカリ が主催するイベントです。 WebやDTPに関する話題を広く取り扱っていきます。 大きく分けて、2種類のイベントがあります。

ツキアカリ勉強会 ドリンクを片手に、ゆるく楽しく情報交換しましょう。

ツキアカリセミナー 講師をお招きして、じっくり座学や、ハンズオン、ワークショップなどを行います。←★今回はこちら

協力

デジタルハリウッド大阪校