7 ポイント 投稿者 studroid 2021-08-26 | まだコメントはありません。 | WhatsAppで共有

クロスプラットフォーム開発フレームワークであるFlutterで作った、柔術大会向けのスコアボードを公開します :)

  • GitHub Pagesで動作するWeb版があります。

  • Flutterで作っているため、各種環境(PC、Android、iOS)で動作可能なバージョンとしてビルドできます。

動作する機能一覧は次のとおりです。

  • タイマー: 開始/一時停止/時間変更/6分に戻す

  • 音: タイマー開始時、終了時、リセット後の再開始時にピッ!という音を出力

  • 選手名の入力

  • 各選手ごとに4点/3点/2点単位での得点の加算/減算

  • 各選手ごとにAdvantage/Penaltyを付与

  • 総得点の計算

  • スコアボードのリセット

これを作った理由は次のとおりです。

  • いろいろな理由で…! Flutterに興味を持って学習し、とても簡単なアプリを作ってみたことがありました。

  • 柔術を1年ほど習っていたのですが、私が通っていた道場で大会を開くことになりました。

  • 大会で使うスコアボードはモバイルアプリにはあるものの、便利に使えるデスクトップアプリがないという話になり(=選手や関係者が点数を確認できず、審判の案内負担もある)

  • 私が開発をしていることを知っていた方々から、半分冗談で「え、これ作れるんじゃないですか!?」と。

  • でもこの言葉を聞いて、ふとFlutterが本当に効用を発揮する題材だと思い…!

  • 週末に作って大会で使うことになり、今でも使われています。

既存のスコアボードとの違いは

  • 機能的にはほぼ同じです。

  • ただしブラウザで確認でき、ブラウザサイズに応じて上下左右の大きさがすべて変わります。

  • つまりモバイルを含め、どこでも使えるスコアボードです。

  • 画面の高さの値に応じて文字サイズが動的に変わります。

Flutterで使われるGetXというライブラリを使って状態管理を行い、

開発構成の複雑さはそれほど高くないため、コンポーネントベースでMVCパターンを使ってUI/Logic/Dataを分離してコードを書きました。

Flutterの基盤言語であるDartで作られており、ぜひ一度ご覧いただき、さまざまなご意見やフィードバック、そしてどのような関心でもお寄せいただけると大変ありがたいです!!

まだコメントはありません。

まだコメントはありません。