詳しいプロフィール
基本情報
| 項目 | 内容 |
|---|---|
| 名前 | 田中太郎（たなか たろう） |
| 年齢 | 15歳 |
| 学年 | 中学3年生 |
| 出身地 | 東京都 |
| 好きな言語 | HTML、CSS、JavaScript |
プログラミングスキル
- HTML5
- 基礎から応用まで習得済み。セマンティックなマークアップが得意で、アクセシビリティを重視したコーディングができます。
- CSS3
- 現在学習中。レスポンシブデザインの基本を理解し、FlexboxやGridレイアウトも学習予定です。
- JavaScript
- これから本格的に学習予定。DOM操作やイベント処理による動的なWebページ作成に興味があります。
- Git/GitHub
- バージョン管理の基本を学習中。プロジェクトの管理とチーム開発の基礎を身につけたいと考えています。
学習経歴
2025年
- 1月 - HTML6章の最終プロジェクトに挑戦
- 1月 - フォーム要素とアクセシビリティを学習
- 1月 - セマンティックHTML要素をマスター
2024年
- 12月 - HTML基礎からマルチメディア要素まで学習
- 11月 - プログラミング学習を開始
趣味・興味
- プログラミング - Web技術全般に興味があり、最新のフレームワークや開発手法について調べるのが好きです
- 読書 - 技術書はもちろん、SF小説や推理小説も愛読しています
- 音楽 - ピアノとギターを演奏します。作曲にも興味があります
- ゲーム - パズルゲームとRPGが特に好みです。ゲーム開発にも興味があります
- 映画鑑賞 - SF映画やドキュメンタリーをよく観ます
作品・プロジェクト
ポートフォリオサイト（このサイト）
- 制作期間
- 2025年1月（1週間）
- 使用技術
- HTML5、セマンティック要素、フォーム、メタタグ
- 制作目的
- HTML学習の総仕上げとして、実践的なWebサイト制作スキルを身につける
- 主な機能
- レスポンシブ対応、お問い合わせフォーム、SEO対策、アクセシビリティ配慮
HTML学習の集大成として制作したポートフォリオサイトです。セマンティック要素を適切に使用し、アクセシビリティにも配慮した構造を心がけました。
HTML学習プロジェクト
HTML基礎から応用まで、段階的に学習を進めてきました：
- 基本構造 - HTML5の文書構造とメタタグ
- テキスト要素 - 見出し、段落、リスト、強調
- リンクと画像 - 内部リンク、外部リンク、画像の最適化
- 表とフォーム - データ構造化とユーザー入力
- セマンティック要素 - header、nav、main、article、aside、footer
- マルチメディア - 音声、動画、埋め込みコンテンツ
各段階で実際に手を動かしてコードを書き、ブラウザで確認することで理解を深めました。
実際に学習した基本的なHTMLコード例
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>初めてのWebページ</title>
</head>
<body>
<header>
<h1>私のホームページ</h1>
<nav>
<ul>
<li><a href="#about">自己紹介</a></li>
<li><a href="#skills">スキル</a></li>
</ul>
</nav>
</header>
<main>
<section id="about">
<h2>自己紹介</h2>
<p>プログラミング学習中の<strong>中学生</strong>です。</p>
</section>
</main>
<footer>
<p><small>© 2025 田中太郎</small></p>
</footer>
</body>
</html>マルチメディア作品
HTML学習記録動画
マルチメディア要素のレッスン中に使用したサンプル動画です。
注意: 動画を再生します（約6秒）。音量やデータ通信量にご注意ください。
- 収録日
- 2025年1月10日
- 収録時間
- 約6秒
- 内容
- HTMLマルチメディア要素のレッスンで使用したサンプル動画
HTML学習の音声ノート
マルチメディア要素のレッスン中に使用したサンプル音声です。
注意: 音声を再生します（約6秒）。音量にご注意ください。
- 収録時間
- 約6秒
- 内容
- HTMLマルチメディア要素のレッスンで使用したサンプル音声
参考資料・外部コンテンツ
学習に役立つ動画
HTMLやWeb制作について参考になった動画を紹介します。
※これはサンプルの埋め込みです。実際の学習動画に変更してください。youtube動画の共有リンク→埋め込むより取得できます。
参考文書・資料
学習で参考にしたPDF資料や外部ドキュメントです。
将来の目標
「誰もが使いやすく、美しいWebサイトを作れるエンジニアになりたい」
私の目標は、技術的に優れているだけでなく、ユーザビリティとアクセシビリティを重視したWebサイトを制作できるエンジニアになることです。
短期目標（1年以内）
- CSS3を完全にマスターする
- JavaScriptの基礎を習得する
- レスポンシブWebデザインを身につける
- Gitを使ったバージョン管理をマスターする
長期目標（3年以内）
- モダンなJavaScriptフレームワークを習得する
- バックエンド技術も学習する
- 実際のWebサービス開発に参加する
- オープンソースプロジェクトに貢献する