Tommy's Intern Report
nick name: Tommy
Summary
〜概要〜
基本課題▼
4択クイズができるwebページを、AIに頼らず手を動かして開発する。
配布される資料をなぞりながら進めていき、オリジナルの処理を実装することもできる。
(レインボーや回転、進捗バーは自分のオリジナル)
発展課題▼
基本課題で学んだことを活かし、実際に掲載されるオリジナルのwebページ(今貴方が見ているページ)を作成する。
レイアウトは自由であり、自由な実装を行える。
基礎を学ぶ▼
これらの課題を進めながら、web制作に用いられる言語やフレームワークの基礎を体験することができる。
- HTML
- CSS
- JavaScript
- PHP
- MySQL
- Astro
Schedule
〜日程〜
| 1日目 | 基本課題。HTMLとCSSの使い方を学ぶ。 |
| 2日目 | 基本課題。JavaScriptの使い方を学ぶ。 |
| 3日目 | 基本課題。JavaScriptとPHPの使い方を学ぶ。 |
| 4日目 | 基本課題。PHPとMySQLの使い方を学ぶ。 |
| 5日目 | 成果発表会。CSSをすごい頑張った |
| 6日目 | 発展課題。Astroの概要を学ぶ。 |
| 7日目 | 発展課題。レスポンシブ対応を頑張った。 |
| 8日目 | 発展課題。CSSアニメーションの概要を頑張った。 |
| 9日目 | 発展課題。レイアウトを調整した。 |
| 10日目 | 成果発表会。 |
Learning
〜学び〜
コードの書き方▼
多くの機能をひとつの場所にまとめてしまうと、バグが起きた時に原因が分からないし、同じ機能を使い回すことができなくなる。
機能の分散によってその問題を解決できることを学んだ。
(右側の"pa_25px"を使い回している。)
webページのデバッグ▼
webページの作成では、表が重なるなどのバグも生じる。ただコードを眺めるだけでは、そのようなバグの解消は難しい。 ブラウザの開発者ツールを使うことで、視覚的にバグの原因を考えることができた。
基礎を学ぶ大切さ▼
現場では、コーディング自体はAIに任せていたが、AIが作成したコードの良し悪しの判断や、AI自体の操作には一定の知識がいると 話していた。このインターンを通して、改めて基礎を学ぶ大切さを実感できた。
Words of
Mentor
〜担当者からの一言〜
ここにコメントを書いてくだしい
Animation
Exhibition
CSS頑張ったから見てください!
Mini
Game
制限時間20秒でモグラを何回たたけるかな?
スコア: 0
残り時間: 20