デジタルハリウッドSTUDIO広島 ブログ

6/28(土)ライブ授業
「レスポンシブWebデザイン講座」レポート

2025-06-28

6/28(土)ライブ授業「レスポンシブWebデザイン講座」レポート

2025年6月28日(土)デジタルハリウッドSTUDIO広島にて、ライブ授業「レスポンシブWebデザイン講座」を開催しました!

講師は、Webディレクター / フロントエンドエンジニアとして活躍中のyukipan先生
今回は、「まずは基本からしっかり学ぶ」ことをテーマに、初心者にもわかりやすい内容で実施されました。

6/28(土)ライブ授業「レスポンシブWebデザイン講座」レポート

■講座の内容

講座は、レスポンシブデザインの基本原則とブレイクポイントの設定、検証ツールの使い方Web制作でよくある“失敗あるある”の共有をして、実際にレスポンシブ対応のコードを書きました!

「レスポンシブ対応したつもりが、スマホで見るとレイアウトが崩れてしまった…」といった悩みも、実は基本を知っていれば防げることが多いんです!

6/28(土)ライブ授業「レスポンシブWebデザイン講座」レポート

前半では、レスポンシブWebデザインの基本原則やブレイクポイントの考え方など、実務でも役立つポイントを丁寧に解説。

後半は、実際にYouTubeのアスペクト比(縦横比)設定や、画像の出しわけ方法などを実際に手を動かして実践し、体験しました!
「難しそう…」と感じがちなレスポンシブ対応も、実際にコードをコピペして試すことで、仕組みや効果をしっかり体感できる時間となりました。

6/28(土)ライブ授業「レスポンシブWebデザイン講座」レポート

■参加者の声(一部抜粋)

  • 「今すぐ使える内容ばかりで、とても実用的でした!」
  • 「コピペで実践できたのが新鮮で、楽しく学べました!」

■次回の無料体験イベント

7月5日(土)14:00〜16:00 開催!
佐藤穂高先生の「Illustratorで書籍の表紙を作ろう!」

写真やイラストを組み合わせて、あなただけの1冊をデザイン!
レイアウトや文字組みの基本も学べる、初心者歓迎のワークショップです。

▼詳細・お申し込みはこちらから
https://school.dhw.co.jp/school/hiroshima/event/n-event019.html

デジタルハリウッドSTUDIO広島では、Webデザイナーを目指す受講生を随時募集しています。

現在、経済産業省の「リスキリングを通じたキャリアアップ支援事業」で受講料の最大70%が補助対象となっています。
ご興味のある方は、ぜひお気軽にお問い合わせ・お申し込みください!

その他のSTUDIO広島のブログ

BLOGS