💪

コーディング問題の自動生成 & 採点ができるWebアプリを開発しました

2025/01/27に公開

はじめに

初めまして、ケンタと申します。
新しい事を学びたいと思いから個人開発を始めました。
約2ヶ月間程集中して画面に向き合い、最低限の機能を実装出来たのでこの度アプリを公開するに至りました。
38歳という遅蒔きの年齢ながら、キャリアチェンジを実現しようと日々奮闘中です。

Coding Drill / 個人開発プロジェクトの紹介

プロジェクト概要

Coding Drillは、コーディングに関する問題を自動生成 & 採点するWebアプリです。
ユーザーが気軽に遊べるよう、日々頑張って開発しています。

デモ

GIFで実際の動作をご覧ください。(画素が粗い点はご了承下さい)

詳しい内容はREADMEを参照願います

開発の経緯

開発を始めたきっかけ

  • 自身の開発力・技術力向上のため
  • ChatGPTを活用したアプリを作りたい
  • リリースを通して、構想 => 公開迄の一連の流れを経験するため
  • ポートフォリオとして就活に活かすため
  • 一ヶ月程度ではあるが、昼夜を問わず取り組む事で長時間の稼働に耐えられるかを経験するため

開発期間

  • 開発期間: 約2ヶ月(現在も継続開発中)

使用した技術スタック

カテゴリ 使用技術
フレームワーク React, NextJS
言語 TypeScript
UI ライブラリ Tailwind CSS
エディター Monaco Editor
データ管理 LocalStorage
API OpenAI API
スタイリング Tailwind CSS
デプロイ Vercel

今後の改善項目

  • UI/UXの改善
  • プロンプトチューニングの実施
  • テストケースの実行結果を検証出来る機能を実装
  • Fine Tuningの実施と効果測定
  • ユーザー登録機能の実装
  • 制限時間の設定 & タイマー機能の実装
  • コードの実行時間やメモリ消費量の測定する機能の実装
  • 月額有料プランの導入(一部機能を有料化)
  • その他、思いついた事を実験的に導入

ここまで読んで下さった皆様へ

ここまで記事を読んで頂き、本当に有難う御座います。
もしアプリを使い、思う事があれば当記事のコメント欄にご記入下さい。

  • UI/UXは使いやすいか?
  • 追加してほしい機能や改善点は?
  • ChatGPTの活用方法等について、他に良いアイデアは?

上記の内容以外にも機能改善の為に、色々なご意見やご感想、ご批判を頂けたら幸いです。

コメント欄やSNSで、ご意見を頂けたり、シェアして頂けたら嬉しいです!

GitHub等のリンク

Discussion