Flutterで分数(Fraction)を表示する方法

Flutterで分数（Fraction）を表示する方法 2025.10.04 FlutterKaigi mini #5 @Sapporo 三浦恒樹 (MIURA KOUKI)
診療情報管理士上級医療情報技師医用画像情報専門技師ドゥウェル株式会社

長男が飼っているハリネズミがアイコン INTRODUCE ・ドゥウェル株式会社（医療系IT開発・導入会社）に所属・マネージャー（プレイング・マネージャー）・TypeScript, Vue.js, Node.js, Java，C#,
PHP ・３児の父・休日は子どものサッカー観戦・参加している勉強会　札幌PHP勉強会、JBUG札幌、JavaDO、ゆるWeb勉強会、えびてく、　クラメソ札幌IT勉強会(仮)、AWS初心者LT会in札幌、　札幌すごいAI会、札幌IT石狩鍋、函館本線沿線勉強会　　等

・Flutterで分数を表示したい・TeX（テフ）について・Flutter Gemsについて・flutter_math_forkの使い方・まとめ INDEX

Flutterで分数を表示したい個人で開発中の小学生向け算数ドリルアプリ。整数・小数・加減乗除算は表示できるが、分数は表示できない。 Flutterで分数を表示するにはどうすれば良いか？ Webで分数を表示する場合... 「HTMLで分数をどう表示する？ - MathMLの紹介と使い方 -」 https://speakerdeck.com/koukimiura/htmldefen-shu-wodoubiao-shi-suru-math
mlnoshao-jie-toshi-ifang

TeXについて

Flutter Gemsについて https://fluttergems.dev/latex/ https://fluttergems.dev/ Flutterのパッケージをカテゴリごとに検索できるサイト。 LaTeXカテゴリもある。

Flutter Gemsについて flutter_texとflutter_math_forkどちらにするか... https://fluttergems.dev/latex/ pub.devで確認すると、 flutter_math_forkの方が良さそう。 flutter_tex 5.1.10 flutter_math_fork
0.7.4

flutter_math_forkの使い方 1. flutter pub add flutter_math_fork 2. flutter pub get
3. 標本分散の式も書ける

・Flutterで分数（fraction）を表示するには、flutter_math_forkが使用できる・数式組版のTeX→使いやすくしたLaTeX→JSライブラリのKaTeX ・flutter_math_forkはKaTeXを利用したライブラリ・KaTeX+WebView、MathML+WebView等の独自実装もできそう・flutter_math_forkを使えば、”Math.tex(r’\frac{1}{2}’)”で簡単に表示できたご清聴ありがとうございました。まとめ

Flutterで分数(Fraction)を表示する方法

Flutterで分数(Fraction)を表示する方法

kouki.miura

More Decks by kouki.miura

Other Decks in Programming

Featured

Transcript