GithubHelp home page GithubHelp logo

-'s Introduction

チャートレ

このアプリケーションは、ユーザーが株価のテクニカル分析スキルを楽しみながら向上させることができる教育的なゲームです。
実際の日本株の株価チャートを使用し、ユーザーは短期的な価格変動を予測する練習を行います。

目次

アプリの特徴

  1. 実際の株価データを基にしたチャート表示
  2. 「買い」「売り」「様子を見る」の3つの選択肢
  3. レバレッジ機能で、リスクと報酬のバランスを学習
  4. 5問のランダム出題で、多様な市場状況を体験
  5. スコアリングシステムで進捗を可視化
  6. ランキング機能で他のユーザーと競争可能

使用するメリット

  1. 実践的な学習: 実際の市場データを使用することで、現実の相場環境での判断力が養えます。

  2. リスク管理の理解: レバレッジ機能を通じて、リスクとリターンの関係を実感的に学べます。

  3. 分析スキルの向上: 繰り返しプレイすることで、チャートパターンの認識力や相場感覚が向上します。

  4. 無リスクな練習環境: 実際の資金を使わずに、株式投資の基本を学ぶことができます。

  5. モチベーション維持: ゲーム形式とスコアリングシステムにより、楽しみながら継続的に学習できます。

  6. 競争と成長: ランキング機能により、他のユーザーと競い合いながら成長できます。

  7. 時間効率の良い学習: 短時間で複数の銘柄や相場状況を経験でき、効率的にスキルアップできます。

  8. 自己分析の促進: プレイ履歴やスコアの推移を通じて、自身の判断傾向や弱点を把握できます。

  9. マーケット感覚の養成: 様々な銘柄や相場状況に触れることで、幅広い市場感覚を養うことができます。

  10. 投資への興味喚起: ゲーム感覚で株式投資に触れることで、金融リテラシーの向上や投資への興味を促進します。

技術スタック

nodeバージョン

  • node v20.16.0
  • npm v10.8.1

使用言語/フレームワーク

言語・フレームワーク バージョン
Node.js 20.16.0
React.js 18.3.1
Redux -
Redux-toolkit -
Next.js 14.2.5
TailwindCSS 3.4.6
Prisma 5.18.0
NextAuth 4.24.7
Supabase -
チャートの表示 バージョン
recharts -
API バージョン
Yahoo Finance API -

インストール

npm i

開発に必要なライブラリがインストールされます。

使い方

npm run dev

http://localhost:3000 でローカルサーバーが立ち上がります。

ライセンス

チャートレ is under MIT license.

ディレクトリ構成

root/
├── out
├── prisma       # prisma設定ファイル
│   ├── migrations
│   └── schema.prisma
├── public
│   ├── images       # 画像を格納
└── src
    ├── app
    │   ├── (page)   # ルーティングファイル
    │   ├── api      # Next API routesファイル
    │   └── lib      # ライブラリや設定済みのインスタンスをエクスポートするファイルを設置
    ├── components   # ボタンやフォームなど汎用的なコンポーネントを格納
    │   ├── elements # アプリケーション内で頻繁に使用される部品を格納(ボタンなど)
    │   └── layouts  # ページ共通で使用されるガワに当たるコンポーネントを格納(ヘッダー、フッターなど)
    ├── hooks        # 汎用的なカスタムフックを格納
    ├── constants    # アプリケーション全体で管理する定数を格納
    └── utils        # 汎用的な関数を格納
    └── types        # 型定義ファイル
    └── stores       # アプリケーション全体のグローバルステートの管理
    └── features     # 固有のページにしか存在しないユニークなコンポーネントを格納
        └── (something)  # src/app/(page)のディレクトリに対応させる(例:/features/login/など)

注意

  • componentディレクトリ内でデータの取得は行わないでください。
  • できる限りページでデータの取得を行うようにし、コンポーネントはpropsを受け取るだけにとどめてください。

その他ドキュメント

-'s People

Contributors

hirotiia avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.