Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jsakamoto/chomado-problem-form
"ちょまど問題" サーバー へ回答を送信し、 応答された正答数を表示する、C# で実装した SPA アプリケーションです。
https://github.com/jsakamoto/chomado-problem-form
blazor blazor-application blazor-client blazor-webassembly
Last synced: 2 months ago
JSON representation
"ちょまど問題" サーバー へ回答を送信し、 応答された正答数を表示する、C# で実装した SPA アプリケーションです。
- Host: GitHub
- URL: https://github.com/jsakamoto/chomado-problem-form
- Owner: jsakamoto
- License: gpl-2.0
- Created: 2014-07-03T03:55:21.000Z (over 10 years ago)
- Default Branch: master
- Last Pushed: 2024-11-14T18:34:26.000Z (2 months ago)
- Last Synced: 2024-11-14T19:34:49.294Z (2 months ago)
- Topics: blazor, blazor-application, blazor-client, blazor-webassembly
- Language: HTML
- Homepage: https://jsakamoto.github.io/chomado-problem-form/
- Size: 10.1 MB
- Stars: 3
- Watchers: 3
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Chomad Problem Form / "ちょまど問題" フォーム
## これは何?
["ちょまど問題" サーバー](https://chomado-problem-server.azurewebsites.net/)
へ回答を送信し、 応答された正答数を表示するだけの HTML フォームです。
サーバー側の実装はなく、ブラウザ上の JavaScript 及び WebAssembly で 動作するため、GitHub Pages に配置してみました。
[https://jsakamoto.github.io/chomado-problem-form/](https://jsakamoto.github.io/chomado-problem-form/)
## "ちょまど問題" って?
togetter にまとめがあります。
[何回で満点とれる？【ちょまど問題に挑む人々】](http://togetter.com/li/682030)
## 実装
[Blazor](https://blazor.net/) で作成した、ブラウザ上の JavaScript 及び WebAssembly だけで動作する HTML フォームです。
静的コンテンツを配信できる任意の Web サーバー上で動作します。
クライアント側実装は [Blazor](https://blazor.net/) なので C# で記述しています。
## ビルド
### 開発ツールのインストール
ビルドには .NET SDK 9.0 以降が必要です。
- [.NET SDK 9.0 ダウンロード](https://dotnet.microsoft.com/download/dotnet/9.0)
### 開発時実行
このリポジトリを git clone したら、ターミナルないしはコマンドプロンプトにて、
カレントディレクトリを作業フォルダ内の ChomadoProblemForm サブフォルダに移動した上で `dotnet run` を実行します。
すると、必要なビルド処理が実行されたのちに、開発用 Web サーバーが立ち上がり、ポート 5010 で待ち受けします。
この状態で Web ブラウザで `http://localhost:5010/` を開くと Chomado Problem Form が開きます。
※開発用 Web サーバーを停止するには Ctrl + C を押してください。
### 発行
カレントディレクトリを作業フォルダ内の ChomadoProblemForm サブフォルダに移動した上で `dotnet publish` を実行します。
すると、`bin\Release\net9.0\publish\wwwroot` サブフォルダ以下に、Chomado Probelm Form に必要なすべての静的コンテンツが生成されます。
上記 `wwwroot` フォルダ内のファイルを、静的コンテンツをホストできる Web サーバー上に配置することで、Chomado Problem Form を配置できます。
※補足 - GitHub Pages 上に配置する場合は、`dotnet publish -p GHPages=true` を実行してください。`GHPages` MSBuild プロパティに `true` を指定することで、GitHub Pages に適したファイル構成が生成され、Brotli 圧縮も有効化されます。
### Visual Studio Code による開発
このリポジトリには、Visual Studio Code 用のタスク設定ファイルも同梱してあります。
このため、このリポジトリを git clone したフォルダを Visula Studio Code で開き、キーボードで Ctrl + F5 を押すと、`dotnet run` が実行され、さらに、Web ブラウザが起動して、Chomado Problem Form を開きます。
## ライセンス
[GNU GPLv2](LICENSE)