Bootstrap
www.youtube.com このレクチャーでは、一般公開するタレント詳細画面のHTMLを紹介します。 18行目から48行目では、ナビゲーションバーを定義しています。前のレクチャーで紹介したタレント一覧画面のナビゲーションバーと一緒の内容ですので、ここでの説明は…
www.youtube.com ずんだ芸能タレントプロフィール管理システムの画面は、公開サイトの画面と管理サイトの画面に分類されます。公開サイトは、インターネットに公開され、誰もがタレントのプロフィールを閲覧できるサイトを想定しています。管理サイトは、公…
www.youtube.com 第5章 Bootstrap4でサンプルサイトを作る これまでのセクションで、Bootstrap4のレイアウトやコンポーネントなど、いろいろな要素を学んできました。 このセクションではBootstrap4を使用してサンプルサイトを作ると称し、実践的なサイトのH…
www.youtube.com このレクチャーではBootstrap4の「ジャンボトロン・コンポーネント」について説明します。 ジャンボトロンは大型映像表示装置のように、タイトルや画像を目立つように表示することができるコンポーネントです。通常Webサイトの上部に配置さ…
www.youtube.com このレクチャーではBootstrap4の「バッジ・コンポーネント」について説明します。 「バッジ・コンポーネント」はテキストなどの横に小さな数字や文字を付けるときに利用します。背景色が付くので、小さくても目立ちます。スライドでご覧の通…
www.youtube.com このレクチャーではBootstrap4の「アラート・コンポーネント」ついて説明します。 div要素にalertクラスとalert-{コンテキスト・カラー}を付与することで、メッセージ表示に適切なアラート・コンポーネントを表示することができます。スライ…
www.youtube.com 第4章 Bootstrap4のコンポーネント このセクションのレクチャーの流れについてお話しします。 このセクションは、「Bootstrap4のコンポーネント」について16のレクチャーで解説します。 まず、最初のレクチャーで「アラート」についてお話し…
www.youtube.com このレクチャーではBootstrap4の「スペーシング・ユーティリティ」について説明します。 Bootstrap4には、文字やブロック、ボタンなどのコンポーネントに対し、外側の余白であるマージンや、内側の余白であるパディングを指定する「スペーシ…
www.youtube.com このレクチャーではBootstrap4の「カラー・ユーティリティ」について、説明します。 最初は文字の色です。文字の色はtext-primaryやtext-secondaryクラスを適用します。Bootstrap4では色を色の名前で指定するのではなく、successやdangerな…
www.youtube.com 第3章 Bootstrap4の基本的な要素 このセクションのレクチャーの流れについてお話しします。 このセクションは、「Bootstrap4の基本的な要素」について九つのレクチャーで解説します。 Boostrap4公式ホームページのカテゴライズ「コンテンツ…
www.youtube.com このレクチャーではBootstrap4の「コンテナ」について、説明をします。 箱という意味を持つ「コンテナ」はBootstrap4の最も基本的な要素です。この後のレクチャーで説明する「グリッドシステム」を使用する場合は、最初に「コンテナ」を配置…
www.youtube.com 第2章 Bootstrap4のレイアウト このセクションのレクチャーの流れについてお話しします。 このセクションは「Bootstrap4のレイアウト」について三つのレクチャーで解説します。 まず、最初のレクチャーで「コンテナ」についてお話しします。…
www.youtube.com このレクチャーではBootstrap4の特徴について3点お話しします。 一つは「レスポンシブWebデザイン」です。「レスポンシブWebデザイン」とは、ひとつのHTMLで、サイト閲覧者のデバイスの画面サイズに応じて、最適な画面のレイアウトを表示さ…
www.youtube.com このレクチャーではBootstrap4とは何なのかについてお話しします。 Bootstrap4はCSSの書式指定を集めたライブラリー集です。ご存知だと思いますが、CSSとはWebページのスタイルを指定するための言語です。Bootstrap4を利用すると、自分でCSS…
www.youtube.com 第1章「Bootstrap4の概要」 このセクションのレクチャーの流れについてお話しします。 このセクションは「Bootstrap4の概要」について三つのレクチャーで解説します。 まず、最初のレクチャーで「Bootstrap4とは」についてお話しします。Boo…
www.youtube.com みなさんこんにちは。Bootstrap4入門コース担当の小野宏司です。このビデオではコースの概要と特徴について解説していきたいと思います。 私は30年以上にわたって通信キャリアでシステム開発に従事し、フルスタックエンジニアとして多くのWe…
www.youtube.com このレクチャーでは、Bootstrap4のテーブルについてお話しします。 まずは、Bootstrap4の公式ページでテーブルの書式設定を確認したいと思います。 公式ページを開いたら、左メニューでContentのTablesをクリックします。 ご覧の通り、table…
www.youtube.com Bootstrap4とは何かについてお話しします。 Bootstrap4は人気のCSSフレームワークです。CSSフレームワークとは何かお分かりでしょうか？CSSフレームワークはCSSの書式指定を集めたライブラリー集です。CSSフレームワークを利用すると、自分…
www.youtube.com 学習用アプリケーション「会員管理システム」についてお話しします。 このアプリは、本コースのために、Bootstrap4を利用して私が作成した、モックアップサイトです。サーバサイドの機能を実装していないモックアップですので、実際に会員を…
www.youtube.com みなさんこんにちは Bootstrap4入門コース担当の小野宏司です。 このビデオではコースの概要と特徴について解説していきたいと思います。 私は30年以上にわたって通信キャリアでシステム開発に従事し、フルスタックエンジニアとして多くのWe…
