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の役割について学習することができました。