デモモード
— Phase 1 Week 1 のみ閲覧可。進捗はこのブラウザにのみ保存されます。
ログインして全コンテンツへ
Sinlab Study
DEMO
デモ学習
ログインして続ける
学習コンテンツ
GAS学習（応用編）
Phase 1 - GASによるWebアプリケーション公開
Phase 1 - GASによるWebアプリケーション公開
HTML及びCSSを使ったGASによるWebアプリケーション公開方法を学びます
GASとHTMLの基礎
GASとHTMLの基礎（動画）
動画
GASとHTMLの基礎（スライド）
スライド
課題1-1: Webアプリで文字を表示する
演習
課題1-2: HTMLファイルを読み込んで表示する
演習
課題1-3: 自己紹介ページを作る
演習
GASとCSSの基礎
GASとCSSの基礎（動画）
動画
GASとCSSの基礎（スライド）
スライド
課題2-1: 文字色と背景色を変える
演習
課題2-2: classで複数の要素をまとめて装飾する
演習
課題2-3: idで特定の要素を装飾する
演習
CSSフレームワーク
CSSフレームワーク（スライド）
スライド
CSSフレームワーク（動画）
動画
課題3-1: Tailwind CSSでボタンを装飾する
演習
課題3-2: Gridレイアウトでカードを並べる
演習
課題3-3: レスポンシブ対応のグリッドを作る
演習
Sinlab Study