DOM操作に慣れるためのプロジェクト。『画像URL、文字列、垂直方向(top, center, bottom)、水平方向(left, center, right)』を受け取り、指定した位置の画像に重ねて表示する。
感情を表現するカードをクリックすると、その擬音カードのセクションへジャンプする。文字列キーとEmotionObjectのハッシュマップ、連想配列である辞書（単語：説明）、写真用辞書（単語：画像URL）を使用して効率的にレンダリングするプロジェクト。
自販機のアプリ。商品番号をクリックし商品を買う。商品画像が商品番号を変える（ボタンを押す）たびにスライドして選択した商品を表示するプロジェクト。
カメラブランドとモデルそれぞれのオブジェクトリスト内と消費電力を0 <= x =< 100 の範囲でユーザーがスペックを選択し、条件にあったバッテリーが画面に表示される。条件に合わない場合はエラーメッセージが表示される。データ構造のハッシュマップを使い効率的にリストへアクセスし、重複を削除。バッテリーの容量によりソートして出力されるプロジェクト。
CPU, GPU, RAM, Storageを選択し、画面に選択したスペックのPCを出力する。APIを使用して非同期処理でデータを取得。PCのスペックを各項目選択。ADDボタンを押し、画面下部に出力する。JSONの扱い。Promiseオブジェクトの扱い。Lambda関数の使用。ハッシュマップを使用し重複の削除。MVCモデルに沿った設計。
シンプルなタイマーアプリ。グラフや数字ではなく色や音で知らせるようにしている。作業に集中してほしいため、25分と50分のモードがある。
ハンバーガーをクリックしてお金を稼ぎ、アイテムを買って富豪になっていくゲーム。localStorageにデータを保存、削除。React Hooksを使って状態管理、フォルダを細かく分けて見やすいようにしている。
このポートフォリオ。色の管理、型（interface）、componentsをファイルで分けて管理。Eslint, Prettierを使用してコード規則を設定し見やすくしている。
有名な三目並べです。ゲームを始める前に１列のマス数を入力でき、動的に増やせます。MVCに沿った設計。
CLI形式の為替変換アプリです。'ct' packageを使用して指定されたコマンドを実行します。[convert] [showAvailableLocales] [showDominations] が使用できるコマンドでそれぞれ引数があります。MVCに沿った設計。
