ProgrammingCourseMarket

URL

https://skhole.club

サービス内容

プログラミングのコースを公開、受講できるサービスです。
サービス内でコーディングやプログラムのコンパイル、実行ができます。

ターゲット

プログラマー、特に新しい技術を楽に習得したい人。

課題

プログラマーとして初学者を抜け出したが、今勉強していることもかつてProgateで学習したような手取り足取り教えてくれる学習コースが欲しい。

課題の解決策

Progateのような学習コースを作って公開できるようにした。これにより講座の通りに進めるだけで知識が見についていく。Progateによって舗装された道の延長を提供する。

コース受講画面

1. コースを選択する。
2. レッスンを選択する。
3. 説明を読んで新しい技術を学ぶ。
4. テストケースを確認する。
5. コーディングする。
6. コードを実行してテストケースに適合しているか確認する。
7. テストに通ればレッスンリストに戻り、手順2から次のレッスンを受ける。

コース作成画面

1. コースを作成する。
2. レッスンリストにレッスンを追加する。
3. Markdownで説明を書く。
4. 言語とコンパイラを選択する。
5. デフォルトのコードを書く。ユーザはこのコードから正解のコードを書き上げることになる。
6. 正解のコードを書く。
7. テストケースを書く。 (任意)

Network Diagram

使用技術

• Backend
  • Go
  • Gin
  • GORM
  • GRPC
• Frontend
  • TypeScript
  • React (functional component) + Recoil
  • Webpack
  • Linaria (CSS in JS)
• AWS
  • Route53, CloudFront, S3, AWS Secrets Manager, Amazon ECR, Amazon ECS, AWS Fargate, RDS, Amazon CloudWatch, AWS Certificate Manager, VPC Endpoints, ALB
  • Terraform
• Docker & Docker Compose
• CI & CD (GitHub Actions)
• Bash Script
• Makefile

機能一覧

• 認証/認可
  • ゲストログイン機能
• コースCRUD
• レッスンCRUD
  • ドラッグ & ドロップによるレッスンの順序変更機能
  • Markdownエディタ
  • テキストエディタ (27言語対応)
  • テストケースCRUD
  • テストケースの出力計算のためのプログラム自動実行機能
  • コンパイラ指定機能 (言語とバージョンを選択)
• レッスン受講機能
  • テストケース確認機能
  • MarkdownのHTMLへの変換
  • テキストエディタ (27言語対応)
  • プログラム実行機能
  • テストケースに基づくプログラムの正誤判定機能

DB Diagram