1.
講義資料ノート
1.1.
初回課題の案内
1.2.
受講時の注意
1.3.
コードへの向き合い方
1.4.
課題にチャレンジするコツ
1.5.
雑談コーナー
2.
HTML & CSS
2.1.
HTML と CSS の役割
2.2.
ファイルの準備と動作確認
2.3.
HTML
2.4.
CSS / ページ設定，背景，文字の大きさ，色
2.5.
【tips】検証画面の活用
2.6.
CSS / レイアウト
2.7.
演習
3.
JS_おみくじ
3.1.
JavaScript とは
3.2.
変数と計算
3.3.
ランダムな数（乱数）をつくる
3.4.
条件分岐
3.5.
おみくじの Web アプリ実装
3.6.
課題
4.
Git
4.1.
GUI と CLI
4.2.
Git
4.3.
GitHub 概要
4.4.
GitHub 設定
4.4.1.
SSH 鍵の発行
4.4.2.
設定ファイルの編集
4.4.3.
GitHub への SSH 鍵登録
4.4.4.
GitHub との接続設定
4.5.
Git と GitHub を用いた開発の流れ
4.6.
GitHub にプロダクトを push
4.7.
GitHub に最新版を push
4.8.
GitHub Pages を用いたデプロイ
5.
JS_メモパッド
5.1.
配列
5.2.
繰り返し処理
5.3.
オブジェクト
5.4.
LocalStorage（メモ帳初級）
5.5.
JSON データ（メモ帳中級）
5.6.
課題
6.
JS_配列と繰り返し
6.1.
配列と繰り返しの練習
6.2.
クイズアプリ初級
6.3.
クイズアプリ中級
6.4.
課題
7.
JS_Firebase
7.1.
関数
7.2.
リアルタイムチャットの実装
7.3.
Firebase の準備 1（プロジェクトの作成）
7.4.
Firebase の準備 2（ソースコードの準備）
7.5.
Firebase の準備 3（データベースの準備）
7.6.
チャット画面の実装とデータの送信
7.7.
データのリアルタイム取得と画面表示
7.8.
機能追加
7.9.
課題と提出時の注意点
8.
JS_API
8.1.
API とは
8.2.
GoogleBooks API
8.3.
位置情報の活用
8.4.
BingMapsAPI/準備
8.5.
BingMapsAPI/実践
8.6.
【おまけ】BingMapsAPI/機能追加
8.7.
その他の API 紹介
8.8.
課題
9.
JS 修練場
9.1.
001-010
9.2.
011-020
9.3.
021-030
9.4.
031-040
9.5.
041-050
9.6.
051-060
9.7.
061-070
9.8.
071-080
10.
チーム開発 01 JS 選手権
10.1.
GitHub を用いたシンプルなチーム開発
Light (default)
Rust
Coal
Navy
Ayu
G's-Fukuoka-Lab06
HTML & CSS
サンプルコード
download
本講義の内容とゴール
本講義の内容
HTML を書いて動かす！
CSS を書いて動かす！
FlexBox を用いたレイアウトで練習用サイトを実装！
本講義のゴール
HTML と CSS に慣れる！
FlexBox をマスターする！
チーズ完成のイメージを掴む！