Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Flutterで分数(Fraction)を表示する方法
Search
kouki.miura
October 04, 2025
Programming
0
140
Flutterで分数(Fraction)を表示する方法
Flutterの画面に「分数」を表示する方法の調査と検証結果について。
kouki.miura
October 04, 2025
Tweet
Share
More Decks by kouki.miura
See All by kouki.miura
ビルトインウェブサーバーでPHP開発
koukimiura
0
21
生成AI × 仕様駆動開発 ~Kiroで見えた業務アプリ開発の未来~
koukimiura
0
55
HTMLで分数をどう表示する?MathMLの紹介と使い方
koukimiura
0
32
ゲームとかの最初に使い方を教えてくれるアレ
koukimiura
0
51
Claude Codeでゲーム開発デビュー
koukimiura
0
130
Vite+TypeScript+Vue.jsではじめるフロントエンドプロジェクト
koukimiura
1
73
リソース制限環境下でのローカルLLM構築術
koukimiura
0
120
フロントエンドのパフォーマンスチューニング
koukimiura
7
2.6k
医療系ソフトウェアのAI駆動開発
koukimiura
1
260
Other Decks in Programming
See All in Programming
Leading Effective Engineering Teams in the AI Era
addyosmani
7
620
contribution to astral-sh/uv
shunsock
0
540
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
190
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
630
Server Side Kotlin Meetup vol.16: 内部動作を理解して ハイパフォーマンスなサーバサイド Kotlin アプリケーションを書こう
ternbusty
3
250
CSC305 Lecture 11
javiergs
PRO
0
270
エンジニアインターン「Treasure」とHonoの2年、そして未来へ / Our Journey with Hono Two Years at Treasure and Beyond
carta_engineering
0
430
Go言語はstack overflowの夢を見るか?
logica0419
0
600
コード生成なしでモック処理を実現!ovechkin-dm/mockioで学ぶメタプログラミング
qualiarts
0
270
AkarengaLT vol.38
hashimoto_kei
1
120
Ktorで簡単AIアプリケーション
tsukakei
0
110
3年ぶりにコードを書いた元CTOが Claude Codeと30分でMVPを作った話
maikokojima
0
640
Featured
See All Featured
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
36
6.1k
Automating Front-end Workflow
addyosmani
1371
200k
The Straight Up "How To Draw Better" Workshop
denniskardys
238
140k
The Cost Of JavaScript in 2023
addyosmani
55
9.1k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Designing for Performance
lara
610
69k
Side Projects
sachag
455
43k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Producing Creativity
orderedlist
PRO
347
40k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
Designing Experiences People Love
moore
142
24k
Transcript
Flutterで分数(Fraction)を表示する方法 2025.10.04 FlutterKaigi mini #5 @Sapporo 三浦 恒樹 (MIURA KOUKI)
診療情報管理士 上級医療情報技師 医用画像情報専門技師 ドゥウェル株式会社
長男が飼っている ハリネズミがアイコン INTRODUCE ・ドゥウェル株式会社 (医療系IT開発・導入会社)に所属 ・マネージャー(プレイング・マネージャー) ・TypeScript, Vue.js, Node.js, Java,C#,
PHP ・3児の父 ・休日は子どものサッカー観戦 ・参加している勉強会 札幌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について
TeXについて
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}’)”で簡単に表示できた ご清聴ありがとうございました。 まとめ