Html5で作るデジマガ、学習発表用

1. HTML5で作るデジマガ

2. なぜそのテーマを選んだか
技術プロジェクトで学んだことを実際に使ってみ
たかった
広報委員会のデジマガをスマホで閲覧する別
の方法があるのではないか

3. 実施結果
達成率70%
理由
基本的な内容は実践することができたが、
HTML5独自の要素で利用できる部分を網羅で
きなかった

4. HTML5とは
• HTMLの改訂版
• 今までと違い複雑な処理を簡略化できる
• HTMLを構造的にスッキリとかける

5. HTML5とは
• HTML5以前のものと比較し、省略可能な処理
の登場
• 数多くのタグが追加され読みやすいプログラ
ムになった。

6. セクションタグ
• <header>イントロダクションやナビゲーション
グループであることを示す際に使用
• <footer>直近のセクションのフッタであること
を示す際に使用

7. セクションタグ
• <article>内容が単体で完結するセクションで
あることを示す際に使用
• <section>ウェブページ内のその部分が、一つ
のセクションであることを示す際に使用

8. 作業工程
作業内容
HTML5勉強
テキストドキュメントで実際に製作
作業時間
10月27日～11月24日(29日)
平日約1時間
休日約1時間～2時間
合計35～40時間

9. デモンストレーション

10. 今回のテーマにおけるポイント
• 1ヶ月という期間の中でHTMLに対して多くの
知識がなかった私が、どこまで本物のデジマ
ガに近づけることができるか
• 今回の結果からまだ挑戦していない部分(ス
マホやタブレットなどでの閲覧など)の把握

11. 結果から何を学んだか
・プロジェクトで学習した時以上にHTML5の知識
を取り入れることができた。
・HTML5自体はとても書きやすく初心者の私で
も理解しながら作成することができた
・頭の中でやりたいことがあっても実際にそれを
実現するための苦労を学んだ

12. 今後続けるとしたら
スマホやタブレットなど複数の機種で閲覧出来
るようにしたい。
最終的には作成した結果を広報委員会でデジ
マガスマホ閲覧の手段として提案したい