Gallery

Date: 2025/7/22
Title: コーポレートWebサイト（架空）

職業訓練校のグループワークで制作した架空のWEBサイトです。学校のサイトをリニューアルするという課題で制作しました。コーディングを担当しました。カンプから忠実に再現することにこだわり、特にオープニングのアニメーションは見る人の印象に残るように工夫しました。

Date: 2025/7/25
Title: カードバトルゲーム

HTML、CSS、jQueryを用いて制作したターン制のカードバトルで、本格的にjQueryを使った初めての制作です。乱数を用いてカードをシャッフルする、カードのデータを配列として扱うなどの機能は後に作ったノベルゲームに繋がり、関数や引数についての基本的な知識を身につけることができました。

Date: 2025/8/12
Title: 動物病院Webサイト（架空）

訓練校のjQuery学習の課題として制作した架空のサイトです。ハンバーガーメニューや、スムーススクロール、モーダルなどを実装しました。keyflameアニメーションとjQueryを組み合わせてメニューボタンの開閉に動きをつける工程が楽しかったです

Date: 2025/8/20
Title: 天邪鬼ぱにっく（ノベルゲーム）

jQueryを用いて制作した選択肢付きのノベルゲームです。ゲームのイベント（会話や背景切り替えなど）をJSONファイル形式で保存し、JS側ではそのイベントの種類に応じた関数が動くような仕組みにしました。JSはシンプルな形にして、イベントの種類が後から増えても対応できるようにしたことで追加したい機能が出てきたときも対応することができました。 3種類のエンディングを用意しています。

Date: 2025/10/5
Title: Todoアプリ

Reactを学習するため、まずは基礎的な機能を備えたTodoアプリを制作しました。 Reactの基本的な考え方や、状態管理という概念、フックの使い方やReact特有の記述法などを作りながら学習する事ができました。

Date: 2025/10/9
Title: 国旗クイズ

Todoアプリに続きこちらもReactでの制作です。
「APIで取得した外部データを活用する」ことを目標に、世界中の国旗データを取得し、クイズ形式に加工しました。 useStateでゲームの表示を管理し、データのフェッチや初期設定にuseEffectを使い、useEffectの役割について学習することができました。