###### tags: `SA資料`

# 10/24
## テーマ：HTML&CSS,JavaScript,ITトレンド　（３、5、6班）

## 荒川
### HTML班
- 去年通りだと、HTML4.01でまずレガシーHPを作ります。4.01では使えないタグがあったり、記述が違う箇所などあるので作る際は調べてください〜
- 今季に作る自己紹介サイトについてなのですが、去年はトップページ、自己紹介ページ、趣味のページ、発表原稿へのリンクページが要件だったので、ざくざく作ってみてください！
- ページからページへの遷移する方法など説明があっても良かったです。実際HP作る際に使います。
- XHTML殆ど使わないと思うので、そこまで触れなくても良かったかもしれないです
- XMLはandroid、iosアプリを作る際の見た目を構成するファイルだったりします
- meta charset utf8の意味わかってるよね、、？文字コードとかって言います,設定しないと文字化けします
- ちゃんとサイト作ってて偉いです
- divタグ結構重要なタグだったりしますので、調べておいてください。↓
- [とほほのwww入門-div要素-](http://www.tohoho-web.com/html/div.htm)
- 二周目の発表について
- 実際に、個人で作る自己紹介サイトもといHPを作るために必要な部分を補填して発表できると良いです！(aタグを使ったサイト内のページの遷移の仕方,ワイヤーフレーム、要件定義書など)
- (例)自己紹介サイトの要件...トップページ、自己紹介ページ、趣味のページ、発表原稿へのリンクページをそれぞれ設けること
-
### JS班
- スライド&原稿を見るのは程々に、、、
- jsからどうやってHTMLやcssの要素を動かすのかなど説明があると良かった気がします。実際どうやって使ったらいいのかが、よくわかりませんでした、、
- DOMっていう概念を用いてHTMLにアクセスします。(重要)
- [初心者でもわかるDOM](https://eng-entrance.com/what-is-dom)
- 2周目の発表について
- HTMLの要素をどのようにJSで動かすのかというDOMの概念および、getElementById()を始めとしたメソッドやイベントリスナーを使って、写真を動かしたり、表示、非表示にしてみたりなど実際HPにどのように活用するのかまでいけるといいです！(あと来年はキャンバスという機能を使ったミニゲームを作るので、キャンバスの説明があってもいいかもね)
- あとプログラミングの基礎である変数、関数、メソッド、繰り返し処理などをざっと説明してもいいかと思います
### 新世界班
- 5Gの多数同時接続をちゃんと説明してあげたほうがいい気が、、
- ドローン、自動走行車ってなんで可能なんですか？センサーが街中にある社会がベースにあって、そこから膨大なデータを引っ張ってきて、それを５Gで高速・大量・低遅延で通信して、ビッグデータとして管理して、AIなりなんなりで情報処理してるからだよね、、？っていう具体例の基盤となる最新技術が何なのか、説明できるともっと良かったです。
- スライド「第四次産業革命を構成する４つの要素」とすでに出ていたドローン農業、宅配、自動走行車の例と繋げて説明できるといいと思いました。
- AI、ビッグデータ、IOT、５G、ブロックチェーンが、なんで重要なのか、社会的な事例と技術をつなげよう！
- ５Gで高速で通信できるみたいな話はすこし浅い気がします。IOTの基盤技術と絡んでいたりするので、技術の関係性をもっと詳しく
- 「why block chain」読んでみるといいですよ！AI・IOT・５G・ブロックチェーン・ビッグデータ・クラウドなどの技術がどのように関係していて、その上でブロックチェーンがなぜ重要なのかという根拠がわかると思います。
- [why block chain-坪井大輔-](https://www.amazon.co.jp/WHY-BLOCKCHAIN-%E3%81%AA%E3%81%9C%E3%80%81%E3%83%96%E3%83%AD%E3%83%83%E3%82%AF%E3%83%81%E3%82%A7%E3%83%BC%E3%83%B3%E3%81%AA%E3%81%AE%E3%81%8B%EF%BC%9F-%E5%9D%AA%E4%BA%95-%E5%A4%A7%E8%BC%94-ebook/dp/B07T9KS6NY)
- ただいろいろなトピックを取り上げていてよかったです！
- 二週目の発表について
- 先生的にはもっっと多くのトピックを！ということでしたので、来週はさらに多くの事例を取り上げるとともに、第１週の発表で出たSociety5.0,第四次産業革命の基盤技術である、「AI、IOT・ビッグデータ、５G、ブロックチェーン、クラウド」にどのよう分類されるのかその関係性を明らかにしてみてください！(ベン図を用いたりしてもいいかもしれません)それと発展途中であるこれらの先端技術が技術特異点(シンギュラリティ)を迎えたときに、社会がどのように変化するのかなども考えてみてください。最終的には調べたことを発表するだけでなく、調べたことを元に自分たちで未来の社会を想像してみると、とても勉強になると思います。
- 参考になりそうな本のタイトルをここに載せておきます！気になるものがあれば、本屋(kindleでも)に行ってちょっと読んでみてください！
- AIは人間を超えるのか
- アフターデジタル
- SMART CITY 5.0
- GAFA x BATH
- 2022年の次世代自動車産業
- 量子コンピュータが本当に凄い！

## まとの
### HTML班
- 今回は試作なので気にしてないと思うけど、バナナの画像にリンクを埋め込んでもユーザーから分かりづらかったら押してもらえないから、リンクを付けてるものはユーザーにも伝わる工夫をした方がいいと思う
- ボックスモデルなどの配置はwebページ作るときに大切なので、取り上げられていてgood
- この教室はモニターが横にあるから問題ないけど、縦ゼミや来年は大きい教室で授業するのでスライドの文字の大きさに注意
### JS班
- 静的、動的どういう定義づけ？
- 原稿読みすぎかな
- 内容はまとまってた
- オブジェクト指向は３年になってより重要になってくるので、今回調べたことを忘れずに！
### 新世界班
- ５Gを説明するならば、それを生かした技術トレンドを深ぼるべきかな
- 序盤の説明（５G、society1.0～の説明など）が最新のITトレンドにきちんと繋がってますか？
- ドローンを説明、自動運転を説明するときに、５Gとどのように関わっているかを説明したほうがいいのでは？
- テーマは「最新のITトレンド」
- 自分たちなりの結論の提示は良き

## 米田

### HTML班
- 定義の説明も含めて全体的に説明が簡潔でよい
- 必ずしも終了タグがセットではないよ
- 入れ子や全角の話が出てるのはいい
- コードを見せるときは全体だけ見せるのはよくない
- シンプルに見づらい点が多いため
- サイトとコードを対応させてるのはとてもよきかも
- altは読み上げにも使われている
- クラス、idの話しっかりしてあげると今後の製作が楽になる
- ボックスモデルの話えらい
- marginの話するときの背景色がそれはよくないかな
- #efefefはほぼ白だからmargin部の白と見分けつかない
- 自分で改造していくのとてもいい
- 一回やった？時間や内容の調整とかはリハーサルとかしないときりがないのでやる

### JS班
- 原稿読まない
- 話が固すぎて聞きにくい
- 先週とか先週の先生の話聞いてた？
- 説明内容自体はそんなに悪くはない
- 抑揚がないから頭に入らない
- 話の全容と現在地がなかなかつながらない
- メモリの使用量って言ってるけどメモリ理解してる？→ちゃんと説明しよう
- HTML内での記述の仕方が変
- 時間配分はよき

### 新世界班
- 声小さめ
- 時間の流れが含まれてて変化に言及できてるのよき
- 技術的話が少ないので抽象的な説明になりいまいちパッとしない
- なんでできるの？って疑問が多い
- 風呂敷をひろげすぎてテーマに振り回されてる感がある
- 自分たち風の表現や例に落とし込めばわかりやすい
- AI人材の不足の理由が謎
- 雇用減少も本当に？
- まじで今回のテーマは図や画像の多様が必須だとおもうので情報量が足りてない気がする
- 結論は面白いけどテーマ見てる？

### 全体として
- 質問良き良き

### 先生講評
-　声が小さくて眠たくなる、、
-　前をむいて発表しましょう
-　原稿どうりに喋らない、棒読みになって、抑揚がなく伝わりづらい
-　話と話の切れ目を埋めるような、接続詞的な説明が、項目ごとにあるとよい、発表全体を一連のストーリーだと思って発表してほしい。
-　先生の意図を汲み取りましょう！テーマの字面だけでなく、言葉で喋っていた部分であったりをきちんと網羅しましょう。そして結局どうなのかを大学レベルで説明しよう。トレンド班の5gに関しては通信という側面からきちんと説明しよう、society5.0については、ここ最近で出てきた技術をもっと数を出そう、そして社会のつながりを見出そう、次の革命がどうなるのか、、、ブロックチェーンが優秀であるというならば、その根拠も伝えよう