職業訓練での制作実績
未経験から職業訓練でWebサイト・アプリ制作を学び、以下の作品を制作しました。HTML/CSS、Python、PHPなど、学習した技術を実際の作品に応用しています。
各作品には使用技術と学習ポイントを記載しています。
SNSアプリ「Pulse」
「いいね」ではなく「共鳴」で繋がる、感情ムード投稿型のSNSアプリです。投稿時に8種のムードを選ぶと、カードの色がムードに対応して変化します。ささやきモード（匿名投稿）・タイムカプセル（未来日時公開）・感情天気予報（24時間分布）・感情オーラ（7日間傾向）など独自機能を実装しました。
- CSRF・XSS・SQLインジェクション対策、bcryptパスワード管理など、セキュリティを意識した実装を行いました。
- SQLiteをPDO経由で操作し、DBファイルを自動生成することで環境構築の手間を省きました。
掲示板アプリ
PHPとMySQLを使った掲示板アプリです。ユーザー登録・ログイン・投稿・返信の基本機能を実装しました。PDOプリペアドステートメントによるSQLインジェクション対策、htmlspecialcharsによるXSS対策も施しています。
- ログイン・投稿・返信などWebアプリに必要な基本機能を一通り実装しました。
- PDO・セッション管理・入力値サニタイズなど、バックエンドのセキュリティ基礎を学びました。
定型文管理アプリ
FletフレームワークでGUI画面を構築したデスクトップアプリです。定型文の新規作成・編集・保存・削除のCRUD操作と、ワンクリックでクリップボードにコピーできる機能を実装しました。データはJSONファイルで永続化しています。
- Fletを使い、PythonだけでGUIアプリを作れることを学びました。
- 定型文の保存・編集・削除という基本的なCRUD操作を実装しました。
付箋アプリ
Pythonのtkinterで作ったデスクトップ付箋アプリです。複数の付箋を自由に配置・作成・削除でき、内容はJSONファイルに自動保存されます。再起動後も付箋が復元されます。
- tkinterでGUI部品の配置とイベント処理を学習しました。
- 日常的に使えるツールとして、操作のわかりやすさを重視しました。
サンプル企業サイト
訓練校提供のデザインカンプ（PDF）からコーディングした架空企業「MagicMoon」のコーポレートサイトです。ハンバーガーメニュー・スムーススクロール・パララックス・フェードインアニメーションをVanilla JS（jQuery不使用）で実装しました。事例ページではLightbox2によるギャラリーも実装しています。
- Flexbox・CSS Gridによるレスポンシブレイアウトと、モバイルファーストのCSS設計を学びました。
- jQuery不使用でVanilla JSによるDOM操作・IntersectionObserverを活用しました。
More Works Coming Soon
現在も新しい作品を制作中です。学習を重ね、さらに多くの作品を追加していく予定です。