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
バッチ処理を「状態の記録」から「事実の記録」へ
panda728
PRO
0
190
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
reoandroider
0
140
kiroとCodexで最高のSpec駆動開発を!!数時間で web3ネイティブなミニゲームを作ってみたよ!
mashharuki
0
910
AIと人間の共創開発!OSSで試行錯誤した開発スタイル
mae616
2
810
React Nativeならぬ"Vue Native"が実現するかも?_新世代マルチプラットフォーム開発フレームワークのLynxとLynxのVue.js対応を追ってみよう_Vue Lynx
yut0naga1_fa
2
990
iOSでSVG画像を扱う
kishikawakatsumi
0
170
オープンソースソフトウェアへの解像度🔬
utam0k
17
3.1k
Domain-centric? Why Hexagonal, Onion, and Clean Architecture Are Answers to the Wrong Question
olivergierke
3
970
他言語経験者が Golangci-lint を最初のコーディングメンターにした話 / How Golangci-lint Became My First Coding Mentor: A Story from a Polyglot Programmer
uma31
0
420
品質ワークショップをやってみた
nealle
0
640
3年ぶりにコードを書いた元CTOが Claude Codeと30分でMVPを作った話
maikokojima
0
640
技術的負債の正体を知って向き合う
irof
0
260
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.6k
Docker and Python
trallard
46
3.6k
The Language of Interfaces
destraynor
162
25k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Optimizing for Happiness
mojombo
379
70k
Build The Right Thing And Hit Your Dates
maggiecrowley
38
2.9k
Done Done
chrislema
185
16k
Intergalactic Javascript Robots from Outer Space
tanoku
272
27k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
Speed Design
sergeychernyshev
32
1.2k
Keith and Marios Guide to Fast Websites
keithpitt
411
23k
A designer walks into a library…
pauljervisheath
209
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}’)”で簡単に表示できた ご清聴ありがとうございました。 まとめ