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
〜担当者からの一言〜
とみー、2週間のインターンお疲れ様でした！
初日から自分で調べてコードに落とし込み、分からないところは考えた上で質問してくれる姿がとても頼もしかったです。1週目の基本課題では、予定より早く仕上げたうえに、とみーらしいユーモアのあるオリジナル機能まで実装してくれましたね。発表もスムーズで、周りのインターン生に教えてあげる場面も多く、コミュニケーション面でも頼れる存在でした。
2週目の応用課題では、「作りたいもの」を自分で見つけて調べ、アニメーションなどを加えて個性のあるページに仕上げてくれたことに成長を感じました。UI/UXの助言を受けて自分なりの正解を考え実践していたこと、そしてClaude Codeを「ただの便利な道具」で終わらせず、あえて情報を絞って試すなど、特徴を掴みにいく使い方をしていたことは「さすが！」の一言でした。
これからは、調べて見つけた答えをそのまま使うだけでなく、その意味を自分の言葉で咀嚼して、自分なりの解決策を考える力を磨いていくと、エンジニアとして一段上に行けると思います。
とみーのこれからのご活躍を、心より楽しみにしています！
Animation
Exhibition
CSS頑張ったから見てください！
Mini
Game
制限時間20秒でモグラを何回たたけるかな？
スコア: 0
残り時間: 20
