基本情報ToDoリスト

https://github.com/tora0x3/first_hakkason/tree/main

GitHub

CSS

JavaScript

HTML

VSCode

基本情報合格に向け、決めたタスクを毎日こなそう!

とらまる

キュアノス

タカのつめ

けんつ

まるかず

推しアイデア

基本情報技術者試験合格に向けて勉強する際に使えるToDoリストを作成しました!

作った背景

就活に向けて基本情報技術者の資格を取得しようと思い、作成しました!

推し技術

Aiを使って自力では書けないようなコードを取り入れました!

プロジェクト詳細

はじめに

私たちは全員開発経験が皆無の初心者集団なので、全員で試行錯誤しながら作成しました。 メンバー全員が当日初めてgithubのアカウントを作成しました。AIに頼りながらもなんとか開発したので温かい目で見てください。

動作環境

  • PCのブラウザ上で動作する(文字コードはUTF-8を使用している)
  • スマートフォンでも動作する(iOS,Android OSで動作確認済み)

難しかったところ

  • 要件定義をしてAIに作ってもらったコードを理解すること
  • 意図したとおりの動作をするようにプロンプトを書くこと
  • 5人で思いつくままアイデアを出し、それをまとめて実装につなげたこと
  • git hubを便利なtoolとして扱えるようにグループ全員が理解を深めること
  • 作業を行っているときに伝達ミスなどで、コードが上書きされるなどのトラブルが起きたこと

挑戦したこと

  • 初めてJavaScriptを用いて、開発を行った
  • バックエンドの知識が無いため、フロントエンドでできることに全力で取り組んだ
  • 自分たちが作ったWebアプリを実際に皆が使用できるようにデプロイした
  • 肥大化したコードのリファクタリングを試みた(完遂できなかった)
  • ログインおみくじ・ポイント機能などの、モチベーションを維持する施策を考え実装した
  • 常に新しい機能を実装するために試行錯誤した
  • 小規模な機能を作成し、修正を繰り返して利便性を上げていった
  • 具体例:過去問の点数を記録できるようにする           ↓       今週の平均点数を表示できるようにする           ↓       先週比を表示する           ↓       グラフを用いてモチベーションを維持を図る

AIを活用したところ

  • サイトを更新しても今までのデータが保存されるようにした
  • 壁紙として使えるきれいな画像を生成した
  • 頭の中で想像したことを言語化してもらい、コードに書き起こした

今後の発展

  • 複数のユーザでの共同タスクの設定
  • サイトの使い方などのチュートリアルの設定
  • ユーザランキング機能の実装
  • サイト内でのAIによるタスクの提案
  • アニメーションの実装

とらまる

@toramaru