当イベントは終了しました。

ノーコードツール対応ウェブデザインレイアウト技術の基礎と仕組み

Name: ノーコードツール対応 ウェブデザイン レイアウト技術の基礎と仕組み
Start: 2022-11-15T19:30:00+0900
End: 2022-11-15T21:30:00+0900
Location: オンライン

2022年11月15日(火) 19:30〜21:30

興味ありリストに追加する興味ありリストに登録済み

Googleカレンダーに追加カレンダーアプリに追加
#mdnbauya92

マークアップエンジニア久保知己氏登壇。ノーコードツールでも必須のウェブレイアウトにまつわる基礎知識を学ぶ、MdN × Bau-yaの講座。

イベント形態	オンライン
料金制度	有料イベント
ジャンル	テクノロジー／開発 > ホームページ
タグ	ウェブ Web デザイン CSS レイアウトボックスモデル UI コーディングフロントエンドノーコード
事務局	株式会社エムディエヌコーポレーションお問合せ ※当イベントは上記の事務局によって企画・運営されており、(株)こくちーずは関与しておりません
主催グループ	MdN × Bau-ya

スポンサードリンク

イベント詳細

日本全国や海外在住の方でも参加可能な、ビデオウェビナーサービスを利用するライブ配信のオンライン講座です。

講座開催後から1週間のフォロー期間中に、講座本編を収録した動画のオンデマンド視聴や、グループメッセージを利用したご質問が可能です。

ウェブサイトビルダー最大手Wix.comの国際的な普及や、国産のSTUDIOへの注目など、ウェブ制作業界でもノーコードプラットフォームの認知と浸透は急速に進んでいます。
また、Wixが生んだEditor XやSTUDIO、Webflowなど、次世代型WYSIWYGエディタとも呼べる新しいツールの登場によって、プロによるウェブ制作のオーリングのあり方が、今、大きく変わろうとしています。

最新のプロ向けノーコードツールは、旧来の簡易なブロックエディタとは違い、自由なレイアウトをかなえながらも、CSSを意識したレイアウトの設定が可能になっています。
幅や高さ、隣接する要素との間隔、さらにはサイズが伸縮するなど、ウェブデザインの現場でUIデザイナーやフロントエンド・エンジニアが考え、実装してきたことを、オーサー（編集者）が自らエディタのパネルで設定することになります。

そうすると、せっかくのノーコードなのに、CSSに馴染みの薄い他ジャンルのデザイナーやクリエーター、担当者の方などが、手も足も出なく思い通りにならなかったり、闇雲なオーサリングをして不適切なウェブページを作ってしまったりしてしまいます。

ボックスモデルと何か？
ブロックボックスとインラインボックスはどう違うのか？
フルード（リキッド）とは？
pxと％とem (rem) は、どう使い分ければいいのか？

この講座では、高い技術力で有名な気鋭のフロントエンド実装集団、「株式会社まぼろし」でマークアップエンジニアを務める久保知己氏を招聘。
「Webサイトは、平面のインダストリアル（工業）デザインである」という考えの下に、ウェブデザインの制作と実装に必ず必要となるウェブのレイアウトに関する基礎知識を、徹底的に解説いただきます。

さらに、グラフィックデザインのレイアウトの4原則「近接，整列，反復，対比」を実践的にウェブデザインへ応用する方法論も展開。
この4原則に基づいて、ウェブのレイアウトの考え方や構築のあり方を紹介していただきます。
また、ウェブブラウザが表現する「振る舞い」の理由や仕組み、意図したレイアウトを実現するための最適解も学べます。

この講座は、ノーコードプラットフォームのユーザーの方に向けた、コーディングを前提・主体としない座学講義となります。
複雑で専門的なCSSのコード記述は紹介せず、ウェブブラウザ上での表示結果に基づき、ウェブデザインやCSSの設定の考え方を、しっかりと初級から学んでいただきます。

すでにUIデザイナーやコーダー、エンジニアとして仕事をしているプロの方や、WordPressでテーマのCSSをカスタマイズしている方でも、「レイアウトの基本仕様とレイアウト設計に弱い」ならば、復習講座としてお奨めです。

たとえノーコード時代になってコーディングが必須ではなくなっても、今後もウェブ制作者のすべてにとっての必修の知識が、この講座でしっかりと示されます。

● この講座で学べること

○ ウェブのレイアウトデザインの基礎と仕組み
○ ウェブのレイアウトに関するCSSの基礎
○ ボックスモデルレイアウト
○ ウェブデザインのサイジングと単位
○ ウェブのレイアウトデザインの合理的で実践的な考え方

● この講座で得られること

○ 合理的で実践的なウェブのレイアウトの思考能力
○ ウェブのレイアウトに関する正確な知識と理解
○ 次世代型WYSIWYGエディタ（Editor XやSTUDIO、Webflowなど）のオーサリングに対応する基礎的なレイアウト能力
○ 不明瞭で不正確なCSSレイアウトデザインの解消とスムーズなコーディングの基礎知識
○ 理想的なウェブデザインへ取り組む知識的姿勢
※ 配布資料がある場合は、ダウンロードで入手いただけます。
※ 講座内で利用するデモなどのサンプルファイルがある場合は、ダウンロードで入手いただけます。
※ 各種受講証明書への署名・発行に対応します。

● この講座の特徴

○ 登壇者の講義を通して学んでいただく、座学スタイルの『知識講座』です。
○ 日本全国や海外在住の方でも参加可能な、ウェブ会議サービスを利用するリアルタイムのオンライン講座です。
○ 貴重な知識や情報を、要点をまとめて具体的にわかりやすくお伝えします。
○ 豊富な図解やサンプルを活用して解説します。
○ 講座開催後から1週間のフォロー期間中に、講座本編を収録した動画の視聴や、グループメッセージを利用したご質問が可能です。