ReproWorks
MathLiveで数式入力チュートリアルを作る
StepMath の数学入力チュートリアルは、MathLive の標準キーボードを活用しながら、React 側で LaTeX 値、focus、仮想キーボード状態を管理する仕組みです。完成式だけでなく入力途中の状態を段階的に判定し、次に押すキ
ReproWorksの開発記録、学習体験づくり、StepMathに関する情報を掲載します。
StepMath の数学入力チュートリアルは、MathLive の標準キーボードを活用しながら、React 側で LaTeX 値、focus、仮想キーボード状態を管理する仕組みです。完成式だけでなく入力途中の状態を段階的に判定し、次に押すキ
StepMathは、Next.jsのApp Routerを使って作成した数学学習Webアプリです。 本番環境では、Cloudflare Workers上にOpenNextを使ってデプロイしています。 この記事では、Cloudflareにあ
StepMathは、数学の学び直しとNext.jsの学習をきっかけに開発を始めた数学学習Webアプリケーションです。本記事では、Next.js、React、TypeScriptを中心とした技術スタック、KaTeXやMathLiveを使った数
ブログを導入した経緯と製品選定理由 microCMSを選定した理由 コンテンツ管理がしやすく、必要な情報をAPI経由で柔軟に扱える。 開発側ではサイトの構成を自由に設計しながら、記事の作成や更新は管理画面から手軽に行える。 シンプルで扱いや