はじめに
私たちは全員開発経験が皆無の初心者集団なので、全員で試行錯誤しながら作成しました。
メンバー全員が当日初めてgithubのアカウントを作成しました。AIに頼りながらもなんとか開発したので温かい目で見てください。
動作環境
- PCのブラウザ上で動作する(文字コードはUTF-8を使用している)
- スマートフォンでも動作する(iOS,Android OSで動作確認済み)
難しかったところ
- 要件定義をしてAIに作ってもらったコードを理解すること
- 意図したとおりの動作をするようにプロンプトを書くこと
- 5人で思いつくままアイデアを出し、それをまとめて実装につなげたこと
- git hubを便利なtoolとして扱えるようにグループ全員が理解を深めること
- 作業を行っているときに伝達ミスなどで、コードが上書きされるなどのトラブルが起きたこと
挑戦したこと
- 初めてJavaScriptを用いて、開発を行った
- バックエンドの知識が無いため、フロントエンドでできることに全力で取り組んだ
- 自分たちが作ったWebアプリを実際に皆が使用できるようにデプロイした
- 肥大化したコードのリファクタリングを試みた(完遂できなかった)
- ログインおみくじ・ポイント機能などの、モチベーションを維持する施策を考え実装した
- 常に新しい機能を実装するために試行錯誤した
- 小規模な機能を作成し、修正を繰り返して利便性を上げていった
- 具体例:過去問の点数を記録できるようにする
↓
今週の平均点数を表示できるようにする
↓
先週比を表示する
↓
グラフを用いてモチベーションを維持を図る
AIを活用したところ
- サイトを更新しても今までのデータが保存されるようにした
- 壁紙として使えるきれいな画像を生成した
- 頭の中で想像したことを言語化してもらい、コードに書き起こした
今後の発展
- 複数のユーザでの共同タスクの設定
- サイトの使い方などのチュートリアルの設定
- ユーザランキング機能の実装
- サイト内でのAIによるタスクの提案
- アニメーションの実装