Markdown対応メモアプリ（開発）

概要 Markdownプレビューを実装したメモアプリです。 「React/Next.jsも扱える」ことを示すために制作しました。 技術スタック：Next.js + TypeScript / Vercel サイトURL：https://next-memo-app-five.vercel.app 詳細はこちら → GitHubリポジトリ 使用ツール / 環境 VSCode GitHub Figma（ワイヤーフレーム） Vercel 制作フロー：UI設計（Figma） → 実装（Next.js） → デプロイ（Vercel）

詳しく見る

Ohno Yoshiki’s Portfolio Site（デザイン・開発）

WordPressのオリジナルテーマをフルスクラッチで開発し、 自身の制作物を整理・発信するためのポートフォリオサイトを構築しました。 クライアント案件（イラストレーターなどクリエイター向けサイト）への展開も想定し、 カスタム投稿タイプやタクソノミーを利用して、汎用性のあるCMS設計を行いました。 概要 制作実績やプロフィールを整理・公開するためのWebサイト WordPressテーマをゼロから開発 更新性・拡張性を重視したCMS構成   背景・目的 将来的な受託案件（イラストレーター・クリエイター向けサイト制作）を見据え、自身のポートフォリオ構築を実務シミュレーションとして位置づけて制作 デザイン面とCMSの更新しやすさを両立するテーマ開発を目指しました 技術スタック WordPress / PHP HTML / CSS / JavaScript 使用ツール / 環境 VSCode GitHub Figma（UI設計） ロリポップ！（デプロイ環境） --- 制作期間 デザイン：2日 開発：3日

詳しく見る

REFLEC BEAT Plus クリアランク管理アプリ（デザイン・開発）

KONAMIの音楽ゲーム「REFLEC BEAT Plus」における、Lv11の難易度表&クリアランク管理サイトをUIデザイン・開発しました。      概要 「かつてのプレイヤーのモチベーションを再燃させたい！」という思いから、 UIデザインからバックエンドまでフルスタックで開発しました。 最高レベルのLv11の楽曲を独自に10段階に分類し、クリアランクやフルコンボ状態を管理できます。 カードが光ったり、フルコン演出が出たりと「遊び心のあるUI」も特徴です。 技術スタック：Vue3 + TypeScript / Laravel 12/ PostgreSQL サイトURL：https://rbplus-rank-manager.site 詳細はこちら → GitHubリポジトリ   制作期間 企画・要件定義：1週間 デザイン(Figma)・設計：2週間 開発：2週間 リリース後も機能追加を継続中！   使用ツール / 環境 開発環境 VSCode（フロント・バック両方で利用） GitHub（バージョン管理・チケット駆動開発） デザイン・設計 Figma（UI設計・ワイヤーフレーム・プロトタイプ作成、ER図作成） Google スプレッドシート（ガントチャート、要件定義書、設計書作成） DB管理 🗄️ TablePlus（DB操作・管理） デプロイ / インフラ Vercel（フロントエンドデプロイ） 🚀 Render（バックエンドデプロイ） PostgreSQL（本番） SQLite（ローカル）

詳しく見る