Overview

あなたは以下のことで悩んでないだろうか？「Bootstrapを覚えたい」「最速でWEBサイトを作りたい」「デザインの知識がなくてもプロ並みのデザインをしたい」「きれいなサイトを初心者でも作りたい」「スマホ、タブレット、パソコンと自動で画面が切り替わるサイトを作りたい」もし、これらのことで悩んでいるなら、あなたのお役に立てます。最初に断言しますこの講座は Bootstrap5 の初心者に向けた「最強バイブル」です。この講座の目的はたった1つ。あなたのデザインの悩みを「解決」させることです。世の中にはたくさんのBootstrap5の書籍やデザイン講座がありますがほとんど、どれも同じ内容です。しかし、多くの初心者にとって「どうやったら自分で使える様になり解決できるか」「どうやったら実際の現場でも取り入れて使える様になるか」これらを知ることが1番重要です。ですので、この講座では基礎を学習しつつ、実際に手を動かして体験する実践的な内容になっています。完全に保証しますこの講座の内容を、あなたがしっかり実践することで、Bootstrap5を使うためのスキルが身につく様になります。いま講座をしているあなたは誰ですか？この講座をする上であなたは誰だ？と思っている人もいると思いますので1分だけ自己紹介をさせてください。こんにちは！18年以上ITエンジニアとして活動してきたよこやま良平です。4歳～85歳まで、年間1,792人名以上の方にパソコンやプログラミング講座を行ってきました。オンライン講座では100件以上のレビューを頂いており評価は4.92/5.0と高い評価を得ています。また18冊以上の書籍を出版しており、連続で1位を獲得しました。その他これまでに3000以上のサービス・システム・サイトを作成。これまでの経験を通じて、多くの人々が情報化社会に追いつくことができるよう支援しています。パソコンやプログラミングを学ぶことは、将来のキャリアや個人の成長にとって非常に重要なことです。その観点から初心者へわかりやすく解説をしています。◆目次1.ステップ1 Bootstrapの準備1.今回使うツール2.VSCodeのインストール3.VSCodeの簡単なセットアップと使い方4.ブラウザのインストール5.WEBサーバーで確認したい場合2.ステップ2 Bootstrapの基礎1.Bootstrapとは2.Bootstrapのインストール3.Bootstrapの基本的な使い方3.ステップ3 Bootstrapのアイコン1.Bootstrapアイコンのインストール2.Bootstrapアイコンの使い方4.ステップ4 文字・テーブル・カラム1.カラー2.ブレイクポイント3.コンテナ4.グリッド5.カラム6.タイポグラフィ7.イメージ8.テーブル5.ステップ5 フォーム1.フォーム2.フォームコントロール3.セレクト4.チェックボックス・ラジオ5.レンジ6.インプットグループ7.フローティングラベル8.レイアウト9.バリデーション6.ステップ6 コンポーネント1.アコーディオン2.アラート3.バッジ4.パンくずリスト5.ボタン6.ボタングループ7.カード8.カーセル9.クローズボタン10.コラプス11.ドロップダウン12.リストグループ13.モーダル14.ナビゲーションバー15.オフキャンバス(隠しサイドバー)16.ページネーション17.ポップオーバー18.スクロールスパイ19.スピナー20.トースト(アラートメッセージ)7.ステップ7 デザインでよく使うクラス1.カラー・背景色2.ボーダー3.ディスプレイ4.カラム・フォーム5.カード6.オパシティ―・シャドー7.オブジェクトフィット・サイズ・スペース8.ステップ8 Bootstrapの実践1.サンプルを使った爆速デザイン制作2.実際にサイトを作成するこの講座で使ったHTMLや画像の無料ダウンロード◆この講座の注意点この講座はBootstrapの初心者に向けた講座です。HTMLやCSSを使いますが、初心者でも達成できる様になるべく入力する必要のない講座にしました。ですが、講座を受講する上で最低限「HTML」「CSS」の基礎や意味がわかるとよりスムーズです。この講座ではBootstrapで使うClassの説明はしますがHTML、CSSの基礎的な解説は行いませんのでご注意ください。最後に講座で使ったテンプレートをダウンロードプレゼント致しますので活用してください。頑張って一緒に学習してきましょう！

Skills

Reviews