2025年7月24日

-本日のアジェンダ- 1限目学科 スマートフォンサイト制作基礎デバイスについて 2限目学科 スマートフォンサイト制作基礎各デバイス検証について 3限目学科 スマートフォンサイト制作基礎課題制作 4限目学科 スマートフォンサイト制作基礎課題制作 5限目学科 スマートフォンサイト制作基礎課題制作 本日のテーマ デバイス検証は最後にしっかりと デバイスとは？ デバイスとは、ホームページ（Webサイト）を閲覧するための端末のことです。パソコン（Windows、Macなど）、タブレット（Android、iPhoneなど）、スマートフォン（Android、iPhoneなど）などがあります。 【資料】 カリキュラム資料 ダウンロード用サイトhttps://cu-doc.deau-ac.com/ 下記のファイルをダウンロードしましょう。「各デバイス検証.pdf」 【動画】「各デバイス検証」 デバイス復習・Chromeデベロッパーツールの活用https://youtu.be/AcsQLCdnA2I（8:29） 実機検証を行いましょう・デバイス検証まとめhttps://youtu.be/oiSlUKld7t8（8:33) 実機検証 について スマホによる実機検証は、新しく開発したアプリやWebサイトを利用者が実際に使う端末機を使ってテストを行うことで、問題や不具合を発見し、品質を向上させるもの。 世にWebサイトやアプリをリリースするための重要な作業の一つです。 ワンポイントアドバイス サイトが出来たら、出来る限りの実機検証を行ってみましょう。実機でしかないバグや見た目の違いが多くありますので、サイトが一通り形になったら実機検証を出来る範囲で行ってみましょう。 参考サイト まだ実機検証してるの？クラウド上でテストできる「モバオぺ … WEB・アプリ検証 – 実機検証用スマホ・モバイルデバイス … デベロッパーツールでのスマホ確認の裏ワザとクラウド実機 … RWD 対応のサイトについて【復習】 幅広デザインでの Web ページ作成 viewport 定義の指定 横幅変動時のコンテンツ幅を設定 Media Querie でデザインを整える 画面サイズに合わせた表示部品の導入 マルチデバイス対応の教科書②.pdf

学科 スマートフォンサイト制作基礎【オンライン】

学科スマートフォンサイト制作基礎【オンライン】