Apps

体重と、歩く・走る・筋トレ・家事などの活動と時間から、メッツ（METs）で消費カロリーを計算します。歩く・走るは距離からも計算できます。目標のカロリーに必要な時間や、基礎代謝量から見た 1 日の消費カロリーの目安も確かめられます。

• React
• TypeScript
• メッツ（METs）
• 基礎代謝量の推定式

性別・年齢・身長・体重から、基礎代謝量と活動量ごとの 1 日の消費カロリーを計算します。5 つの推定式の比較や、目標体重までの 1 日の摂取カロリーの目安も確かめられます。

• React
• TypeScript
• 基礎代謝量の推定式
• BMI

賞与（ボーナス）から差し引かれる社会保険料と所得税、手取りを計算します。標準賞与額の上限や、翌年の住民税の増え方、源泉徴収の率を表で探すときの金額もわかります。

• React
• TypeScript

出産手当金・育児休業給付金・出生後休業支援給付金を、休む期間ごとに計算します。免除される社会保険料と、休業前の手取りに対する割合も表示します。

• React
• TypeScript

住宅ローンの繰り上げ返済を、期間短縮型・返済額軽減型・繰り上げずに運用する場合で比べます。減る利息と、元の完済時期の資産、運用の方が有利になる利回りがわかります。

• React
• TypeScript
• SVG
• 二分法

雇用保険の基本手当（失業保険）の日額・給付日数・合計を、辞めた理由・年齢・加入期間から計算します。待期と給付制限、4 週間ごとの受け取りの流れも表示します。

• React
• TypeScript

旅行や飲み会の立て替えを入れると、誰が誰にいくら払えばよいかを、送金の回数が最も少なくなるように計算します。一部の人だけの割り勘や、10 円・100 円単位の精算にも対応します。

• React
• TypeScript
• 動的計画法
• localStorage

パート・アルバイトの年収ごとに、住民税・所得税・社会保険・配偶者控除・配偶者手当の「壁」で世帯の手取りがどう変わるかを、2026 年の税制で計算します。壁を越えて手取りが減る区間と、手取りが元に戻る年収もグラフと表で示します。

• React
• TypeScript
• SVG
• 配偶者特別控除

会社員の副業で増える所得税・住民税と、確定申告が必要か（20 万円のルール）を 2026 年分の税制で判定します。雑所得・事業所得（白色・青色）・アルバイトの給与の違い、源泉徴収された税金の精算、住民税の納め方も確かめられます。

• React
• TypeScript
• 損益通算
• 青色申告特別控除

1 年の医療費と市販薬の購入額から、医療費控除とセルフメディケーション税制のどちらで税金が多く減るかを、2026 年分の所得税・住民税で比べます。医療費の合計ごとにどちらが得になるかも表で確かめられます。

• React
• TypeScript
• 医療費控除

家を買う場合と借り続ける場合で、ローン返済・税金・維持費・家賃の支出と、住まいの価値を含めた資産の推移を年ごとに比べます。住宅ローン控除や差額の運用も考え、何年目から購入が有利になるかをグラフで示します。

• React
• TypeScript
• SVG
• 住宅ローン控除

25 分の作業と 5 分の休憩を繰り返すポモドーロ・テクニックのタイマー。長さや自動で始めるかを変えられ、終えた作業の回数を日ごとに記録します。

• React
• TypeScript
• Web Audio API
• Notifications API

退職金の額と勤続年数から、退職所得控除と所得税・住民税を差し引いた手取りを計算します。iDeCo の一時金と受け取る時期による税金の違いも比べられます。

• React
• TypeScript
• 退職所得控除

毎月の積立額と想定利回りから将来の資産額を計算し、目標額から必要な積立額も逆算できます。元本と運用益の推移をグラフと表で確認できます。

• React
• TypeScript
• SVG

年収と家族構成から、2026 年のふるさと納税で自己負担 2,000 円に収まる寄附額の目安を計算します。社会保険料や各種控除を入れた詳しい計算もできます。

• React
• TypeScript

月給と賞与から、社会保険料・所得税・住民税を差し引いた 2026 年の手取りを計算します。都道府県別の健康保険料率と家族構成を反映し、毎月・賞与・年間の内訳を確認できます。

• React
• TypeScript

借入額・金利・返済期間から毎月の返済額と総返済額を計算します。元利均等と元金均等の比較や、繰上返済（期間短縮型・返済額軽減型）で減る利息も確認できます。

• React
• TypeScript
• SVG

年収と掛金から、iDeCo で毎年減る所得税・住民税を計算します。受け取るまでの節税額の合計や運用益、一時金で受け取るときの税金も確認できます。

• React
• TypeScript

毎月の積立額と想定利回りから、新NISAで積み立てたときの将来の資産額を計算します。積立額の合計が生涯投資枠の1,800万円に達したら積立をやめ、その後は運用だけを続けます。

• React
• TypeScript
• SVG

働いた期間と平均年収から、老齢基礎年金と老齢厚生年金の見込み額を令和 8 年度の額で計算します。60〜75 歳のどこから受け取るかで変わる年金額と、総額が逆転する年齢をグラフで比べられます。

• React
• TypeScript
• SVG

2 本のトランザクションの操作を 1 つずつ進め、READ UNCOMMITTED から SERIALIZABLE までの 4 段階でダーティリード・ファジーリード・ファントム・ロストアップデート・書き込みスキューが起きるかを確かめます。行の版（MVCC）と行ロックの待ち、依存関係の輪による中止も見られます。

• React
• TypeScript
• MVCC
• スナップショット分離

キーをサーバーに割り振るハッシュのリングを描き、サーバーを足したり外したりしたときに動くキーの数を、剰余で割り振る方法やランデブーハッシュと比べます。仮想ノードによる負荷の偏りの変化や、複製の置き先も確かめられます。

• React
• TypeScript
• SVG
• 一貫性ハッシュ
• ランデブーハッシュ

わずかな誤りを許す代わりに、とても少ないメモリで答えるデータ構造。ブルームフィルタの偽陽性、HyperLogLog による異なる要素の数の見積もり、Count-Min Sketch による出現回数の見積もりを、理論値と比べながら確かめられます。

• React
• TypeScript
• SVG
• ブルームフィルタ
• HyperLogLog
• Count-Min Sketch

NAND ゲートだけから NOT・AND・OR・XOR、半加算器・全加算器、4 ビットの加算器、SR ラッチ・D フリップフロップ・カウンタまでを組み立て、入力を切り替えて信号の伝わり方を確かめます。真理値表や、ゲートの遅れで途中の値が揺れる様子も見られます。

• React
• TypeScript
• SVG
• 論理回路

盗聴されている通信路でも共通の鍵を作れる Diffie-Hellman 鍵交換を、小さな数で 1 手ずつ計算します。有限体の上の楕円曲線の点の足し算と、楕円曲線版の鍵交換（ECDH）・署名（ECDSA）、小さな鍵が総当たりで破られる様子も確かめられます。

• React
• TypeScript
• SVG
• BigInt
• Diffie-Hellman
• 楕円曲線暗号

短い文の単語ごとに Query・Key・Value を作り、内積・softmax・重み付きの和でセルフアテンションを計算する様子を、行列の色で 1 段ずつ表示します。マスクや温度、複数のヘッドによる注目のしかたの違いも確かめられます。

• React
• TypeScript
• SVG
• Transformer
• Self-Attention

感受性者・感染者・回復者に分けた SIR モデルと、潜伏期間のある SEIR モデルで流行の広がりを計算します。基本再生産数・ワクチンの接種率・接触を減らす時期と強さで、流行の山の高さや集団免疫の閾値がどう変わるかを確かめられます。

• React
• TypeScript
• SVG
• 微分方程式
• ルンゲ＝クッタ法

データベースのインデックスを支える 2 つのデータ構造。B+木のノードの分割と、LSM ツリーのフラッシュ・コンパクション・ブルームフィルタを 1 コマずつ動かし、書き込みと読み込みの手間を比べます。

• React
• TypeScript
• SVG
• B+木
• LSM ツリー
• ブルームフィルタ

細長い谷・ローゼンブロック関数・鞍点などの等高線の上で、SGD・モーメンタム・AdaGrad・RMSProp・Adam が最小値へ進む道筋を並べて比べます。学習率やノイズを変えて、振動や発散も確かめられます。

• React
• TypeScript
• Canvas
• Adam
• モーメンタム

複数の端末でオフラインのまま同じ文書を編集し、つながったときに必ず同じ内容にそろう CRDT のしくみ。文字ごとの ID と並べ方、位置だけを送った場合のずれ、カウンターの CRDT を確かめられます。

• React
• TypeScript
• RGA
• ランポート時計

数式をトークンに分け、再帰下降法と操車場アルゴリズムで構文木を組み立てる様子を 1 手ずつ表示します。演算子の優先順位と結合の向き、エラーの位置、構文木からの計算と逆ポーランド記法も確かめられます。

• React
• TypeScript
• SVG
• 再帰下降法
• 操車場アルゴリズム

丸い地球を平らな地図にする 8 つの投影法を切り替え、ティソーの指示楕円で面積や形のゆがみを確かめます。都市を結ぶ最短経路（大圏航路）の見え方や、カーソルの位置の拡大率も表示します。

• React
• TypeScript
• Canvas
• 地図投影
• TopoJSON

文字列が QR コードになるまでを、データのビット列・リード・ソロモン符号・モジュールの配置・マスクの選び方の順に見せます。モジュールを押したり汚れを付けたりして、どこまで壊れても読み取れるかを確かめられます。

• React
• TypeScript
• SVG
• リード・ソロモン符号
• BCH 符号

仮想記憶で、物理メモリが満杯のときにどのページを追い出すかを決める FIFO・LRU・Clock・LFU・OPT を、同じ参照列で 1 参照ずつ見せます。ページフォルトの数を比べ、フレームを増やすと逆に増えるベラディの異常も確かめられます。

• React
• TypeScript
• SVG
• LRU
• Clock

OS がどのプロセスに CPU を使わせるかを決める FCFS・SJF・SRTF・ラウンドロビン・優先度・多段フィードバックを、ガントチャートと待ち行列で 1 単位ずつ見せます。平均待ち時間や応答時間を方式ごとに比べられます。

• React
• TypeScript
• ラウンドロビン
• 多段フィードバックキュー

TCP が回線の混み具合に合わせて送る量を増やしたり減らしたりする様子を、Tahoe・Reno・CUBIC・BBR で見せます。キューの深さや損失の多さを変えて、のこぎり波・バッファブロート・2 本の通信の帯域の分け合いを確かめられます。

• React
• TypeScript
• SVG
• CUBIC
• BBR

平面に置いた点から、凸包・ドロネー三角形分割・ボロノイ図を作る様子を見せます。ギフト包装法とグラハムスキャン、ボウヤー・ワトソン法を 1 手ずつ進め、点を足したり消したりして形の変化を確かめられます。

• React
• TypeScript
• SVG
• グラハムスキャン
• ボウヤー・ワトソン法

文字が UTF-8・UTF-16・Shift_JIS・EUC-JP などでどんなバイト列になるかを、1 文字ずつのビットの割り振りまで見せます。違う文字コードで読んだときの文字化けや、絵文字の「文字数」の数え方、Unicode の正規化も確かめられます。

• React
• TypeScript
• Unicode
• TextDecoder

5 台のノードがリーダーを選び、ログを複製してコミットする様子を、メッセージの動きで見せます。ノードの停止やネットワークの分断、メッセージの損失を起こして、Raft がどう立ち直るかを確かめられます。

• React
• TypeScript
• SVG
• Raft
• 離散イベントシミュレーション

巡回セールスマン問題の経路を、選択・交叉・突然変異で世代ごとに改良していく様子を見せます。交叉や選択の方法、突然変異の確率を変えて、結果の違いを比べられます。

• React
• TypeScript
• SVG
• 遺伝的アルゴリズム
• 巡回セールスマン問題

10 進の数が、符号・指数部・仮数部のビット列にどう丸められて保存されるかを見せます。半精度・単精度・倍精度などの形式と丸めの向きを変えて、0.1 + 0.2 の誤差や桁落ち、非正規化数・∞・NaN を確かめられます。

• React
• TypeScript
• SVG
• IEEE 754
• BigInt

パリティ・ハミング符号・CRC・リード・ソロモン符号で、通信路で反転したビットに気づいたり直したりする様子を見せます。ビットを押して壊し、ベン図や筆算、復号の手順で確かめられます。

• React
• TypeScript
• SVG
• ハミング符号
• CRC
• リード・ソロモン符号

格子の世界でエージェントが試行錯誤しながらゴールへの道を学ぶ様子を、Q 値の色と方策の矢印で見せます。Q 学習・SARSA・期待 SARSA を並べて学習させ、崖歩きでの違いや、価値反復で求めた正解との差を確かめられます。

• React
• TypeScript
• Canvas
• Q 学習
• SARSA
• 価値反復

平面上の 2 種類の点を分けるニューラルネットワークが、学習につれて境界を形づくっていく様子を見せます。層やニューロンの数・入力の特徴・活性化関数・学習率を変えて、各ニューロンが何を捉えているかを確かめられます。

• React
• TypeScript
• Canvas
• 誤差逆伝播法

画像が JPEG になるまでの色の変換・8×8 の DCT・量子化・ハフマン符号を、ブロックごとに見せます。品質や色差の間引き方を変えて、ファイルの大きさと画質の関係や、ブロックノイズが出るしくみを確かめられます。

• React
• TypeScript
• Canvas
• DCT
• ハフマン符号

ばね・二重振り子・惑星の軌道・三体問題を、オイラー法・シンプレクティック・オイラー法・速度ベルレ法・ルンゲ＝クッタ法で同時に動かします。エネルギーのずれのグラフで計算の誤差を比べ、カオスの初期値敏感性も確かめられます。

• React
• TypeScript
• Canvas
• 数値積分

参照カウント・マーク&スイープ・マーク&コンパクト・コピー GC・世代別 GC が、ヒープの上でゴミを見つけて回収する様子を 1 手ずつ見せます。循環参照や断片化、短命なオブジェクトの多いプログラムで方式ごとの違いを比べられます。

• React
• TypeScript
• SVG
• 三色マーキング

正規表現を NFA（トンプソンの構成法）・DFA（部分集合構成法）・最小 DFA に変換して状態遷移図を描き、文字列を 1 文字ずつ照合する様子を見せます。バックトラック型のエンジンで時間が爆発する ReDoS の例も比べられます。

• React
• TypeScript
• SVG
• オートマトン

二分探索木・AVL 木・赤黒木・B 木・二分ヒープへの挿入・削除・探索を、回転や分割を含めて 1 コマずつ見せます。同じキーを入れたときの木の高さや比較の回数も比べられます。

• React
• TypeScript
• SVG
• 平衡二分探索木

ランレングス・ハフマン符号・LZ77・LZW が文字列を縮めていく様子を 1 手ずつ見せます。ハフマン木や辞書ができていく様子と、方式ごとの圧縮率やエントロピーとの関係を確かめられます。

• React
• TypeScript
• SVG
• ハフマン符号
• LZ77

合成音・マイク・音声ファイルの音を FFT で周波数に分けて、波形・スペクトル・スペクトログラムで表示します。窓関数の違いや、標本化で起きるエイリアシングも確かめられます。

• React
• TypeScript
• Web Audio API
• Canvas
• FFT

バブル・挿入・マージ・クイックなど 7 種類のソートが配列を並べ替える様子を棒グラフのアニメーションで見せます。同じデータで並べて比べたり、1 手ずつ確かめたりできます。

• React
• TypeScript
• Canvas

マス目に壁や重いマスを描き、BFS・ダイクストラ法・A* など 5 種類の経路探索がゴールへの道を探す順番をアニメーションで見せます。迷路の自動生成や、同じマス目での結果の比較もできます。

• React
• TypeScript
• Canvas
• A*

穴掘り法・棒倒し法・クラスカル法・ウィルソン法など 10 種類のアルゴリズムで、迷路ができていく様子をアニメーションで見られます。同じシードで作った迷路の行き止まりの数や正解の道の長さを比べられます。

• React
• TypeScript
• Canvas
• Union-Find

点の集まりを k 個のクラスタに分ける k-means 法が、割り当てと中心の更新を繰り返して収束していく様子をアニメーションで見せます。初期化の方法による結果の違いや、エルボー法での k の選び方も確かめられます。

• React
• TypeScript
• Canvas
• k-means++

矩形波などの波形や手描きの絵を、回転する円（エピサイクル）の連なりで描きます。円の数を変えて元の形に近づいていく様子や、ギブズ現象を確かめられます。

• React
• TypeScript
• Canvas
• 離散フーリエ変換

SHA-256 がハッシュ値を作るまでの 64 ラウンドを 1 つずつ、RSA の鍵の生成・暗号化・復号を途中の計算ごとに見せます。1 ビットの違いで値が大きく変わる雪崩効果や、小さい鍵が素因数分解で破られる様子も確かめられます。

• React
• TypeScript
• BigInt
• SHA-256
• RSA

月の重力に引かれて落ちる着陸船を、傾けて噴射しながら着陸場所にそっと降ろすアクションゲーム。限られた燃料で縦・横の速さと傾きを抑え、狭い場所ほど高い得点を狙います。

• React
• TypeScript
• Canvas
• 物理シミュレーション

数字の重ならない 3 桁か 4 桁の数を、ヒット（数字も位置も合う）とブロー（数字だけ合う）の数を手がかりに当てます。ひとりで遊ぶほか、CPU と交互に当て合う対戦もでき、残りの候補の数や 1 回の予想で得た情報量も表示できます。

• React
• TypeScript
• 情報理論
• エントロピー

マスを押すと自分と上下左右の明かりが反転するパズルで、すべての明かりを消します。3×3・5×5・7×7 の盤と番号付きの問題に加え、GF(2) の連立方程式を掃き出し法で解いて、最少の手数と押すマスを示せます。

• React
• TypeScript
• 線形代数
• GF(2)
• 掃き出し法

5 個のサイコロを 1 ターンに 3 回まで振り、フルハウスやストレートなど 13 の役を作って点を競います。ひとりで最高点を目指すほか、CPU や 2 人での対戦もでき、ヒントでは残す目を変えたときの期待値を計算して最善の手を示します。

• React
• TypeScript
• 期待値
• 動的計画法

2 組 104 枚のトランプを 10 列に並べ、同じスートで K から A まで揃えて 8 列すべてを取り除くひとり用のカードゲームです。1・2・4 スートの難しさ、番号付きの配り方、ドラッグとダブルクリックでの操作、ヒントと何手でも戻せる元に戻すに対応しています。

• React
• TypeScript
• Pointer Events
• シード付き乱数

1〜5 マスの 21 種類のピースを、自分のピースと角だけで接するように 14×14 の盤へ置いていく 2 人用の陣取りゲームです。回転・裏返し・置ける場所のプレビュー、置ける起点の表示、3 段階の強さの CPU との対戦に対応しています。

• React
• TypeScript
• SVG
• ポリオミノ
• 先読み探索

上の句が 1 文字ずつ読まれる中で、下の句の取り札を CPU と取り合う札取りと、決まり字を見て下の句を選ぶクイズで遊べます。読み終えた歌に合わせて決まり字が変わる様子や、100 首の決まり字の一覧も確かめられます。

• React
• TypeScript
• 縦書き
• 決まり字

穴の種を 1 つずつ蒔いて、自分のストアに多く集めたほうが勝ちの古いボードゲーム。ストアで止まればもう一度、空の穴で止まれば向かいの種を横取りできます。3 段階の強さの CPU、または 2 人で対戦できます。

• React
• TypeScript
• αβ探索
• Web Worker

点と点の間に交互に線を引き、箱の 4 辺目を引いたら自分の箱になる陣取りゲーム。終盤は箱の鎖を渡し合う駆け引きになります。3 段階の強さの CPU（つよいは終盤を読み切る）、または 2 人で対戦できます。

• React
• TypeScript
• SVG
• 完全読み
• Web Worker

六角形のマスが並ぶ菱形の盤で、自分の色の 2 辺を石のつながりで結べば勝ち。引き分けのないつなぎ合いのゲームです。モンテカルロ木探索で打つ 3 段階の強さの CPU、または 2 人で対戦できます。

• React
• TypeScript
• SVG
• モンテカルロ木探索
• Web Worker

ひらがな 4 文字の言葉を 10 回までに当てるパズル。予想した文字が、位置も合っていれば緑、ほかの位置にあれば黄で示されます。今日の問題は日本時間の 0 時に変わり、練習なら何問でも遊べます。

• React
• TypeScript
• Unicode
• シード付き乱数

袋から出てくるタイルを、城・道・草地の辺が合うようにつなげて国を広げるひとり用のパズル。城・道・寺院に旗を立てて完成させると得点になります。35 枚と 71 枚の 2 通りで最高得点を目指せます。

• React
• TypeScript
• SVG
• Union-Find

落ちてくる 7 種類のミノを回して並べ、横 1 列をそろえて消すパズル。ホールド・ネクスト・ゴーストがあり、T スピンや Back-to-Back も判定します。マラソンと 40 ラインの 2 つのモードで遊べます。

• React
• TypeScript
• Canvas
• SRS
• 7 種 1 巡

次のカードが表のカードより強いか弱いかを当てるトランプのゲーム。当てるたびに配当が 2 倍になり、続けるか受け取るかを選びます。残りの山札から計算した確率と、出たカードの枚数も表示できます。

• React
• TypeScript
• 確率
• 期待値

Windows のソリティアでおなじみのクロンダイク。1 枚めくり・3 枚めくりを選べて、ヒントや自動で仕上げる機能、めくる枚数ごとの記録もあります。

• React
• TypeScript
• Pointer Events

9 路盤の囲碁。モンテカルロ木探索で打つ 3 段階の強さの CPU、または 2 人で対戦できます。日本ルール・中国ルールの数え方、形勢判断とヒント、死に石の推定に対応しています。

• React
• TypeScript
• モンテカルロ木探索
• Web Worker

タイルを空きマスへ滑らせて、1 から順に並べ直すスライドパズル。3×3 と 4×4 で遊べ、IDA* が求めた最短の手順でヒントを出したり、自動で解いたりできます。

• React
• TypeScript
• IDA*
• パターンデータベース
• Web Worker

行と列の数字を手がかりにマスを塗り、隠れた絵を浮かび上がらせるパズル。10 枚の絵の問題と、5×5〜20×20 のランダムな問題で遊べ、どれも推理だけで解けます。

• React
• TypeScript
• 動的計画法
• 制約伝播

縦に立てた盤へ交互に駒を落とし、縦・横・斜めに 4 つ並べたら勝ち。3 段階の強さの CPU、または 2 人で対戦でき、各列の形勢も表示できます。

• React
• TypeScript
• αβ探索
• 置換表
• Web Worker

サイコロの目だけ駒を進め、先に 15 個すべてを上がらせたら勝ち。3 段階の強さの CPU、または 2 人で対戦でき、ダブリングキューブやギャモンの得点も扱います。

• React
• TypeScript
• 期待値探索

CPU 1〜5 人と対戦するノーリミットのポーカー。2 枚の手札と 5 枚の共通カードで役を作り、チップを奪い合います。モンテカルロ法で求めた勝率も表示できます。

• React
• TypeScript
• モンテカルロ法
• 役の判定

荷物を押して、すべてを印の付いた置き場に運ぶパズル。全 15 面で、何手でも戻せます。最少の押す回数を探すソルバーでヒントと自動で解く機能を備えています。

• React
• TypeScript
• A*
• デッドロック検出
• Web Worker

ディーラーと勝負するトランプのブラックジャック。6 デッキの靴で、ダブル・スプリット・サレンダー・保険が使えます。基本戦略のヒントとハイ・ロー法のカウントで練習できます。

• React
• TypeScript
• 基本戦略
• ハイ・ロー法

花札 48 枚で CPU と 1 対 1 で遊ぶこいこい。同じ月の札を合わせて取り、役ができたら「勝負」か「こいこい」かを選びます。CPU は 3 段階、3・6・12 か月の勝負が選べます。

• React
• TypeScript
• モンテカルロ法
• 役の判定

左右に動きながら降りてくる 55 体のインベーダーを、砲台で撃ち落とすシューティング。トーチカは弾で削れ、ときどき UFO も現れます。難しさは 3 段階です。

• React
• TypeScript
• Canvas
• ドット絵
• 衝突判定

縦・横・斜めに石を 5 つ並べたら勝ち。3 段階の強さの CPU、または 2 人で対戦でき、禁じ手のある連珠ルールも選べます。

• React
• TypeScript
• 四追い探索

餌を食べるたびに伸びていく蛇を操って、壁や自分の体にぶつからないように進むアクションゲーム。キーボードでもスワイプでも遊べます。

• React
• TypeScript
• Canvas

CPU 3 人と対戦するトランプの大富豪。革命・8 切り・都落ち・スート縛り・スペ3返しの公式ルールで、ラウンドを重ねて通算成績を競います。

• React
• TypeScript
• ヒューリスティック評価

7 から順に、同じスートで隣の数のカードを出していくトランプゲーム。3 段階の強さの CPU と 2〜4 人で対戦でき、A と K をつなぐトンネルも選べます。

• React
• TypeScript
• ヒューリスティック

9×9 の盤で指す平手の本将棋。3 段階の強さの CPU、または 2 人で対戦できます。二歩・打ち歩詰めなどの反則や千日手も判定します。

• React
• TypeScript
• αβ探索
• Web Worker

同じ数字のタイルを重ねて合体させ、2048 のタイルを目指すパズル。キーボードでもスワイプでも遊べ、1 手だけ戻すこともできます。

• React
• TypeScript
• CSS Transitions

パドルでボールを打ち返し、ブロックをすべて壊すアクションゲーム。固いブロックのある 5 つのステージを、マウス・タッチ・キーボードで遊べます。

• React
• TypeScript
• Canvas
• 衝突判定

円盤を 1 枚ずつ動かし、小さい円盤の上に大きい円盤を置かずに、すべて右の棒へ移すパズル。3〜8 枚で遊べ、ヒントや自動で解く機能で最短手順も確かめられます。

• React
• TypeScript
• 再帰
• Pointer Events

裏向きに並べたトランプを 2 枚ずつめくり、同じ数字をそろえるゲーム。記憶力を 3 段階から選べる CPU との対戦のほか、ひとりで回数と時間に挑戦したり、2 人で対戦したりできます。

• React
• TypeScript
• 記憶のモデル化

8×8 の盤で指す国際ルールのチェス。3 段階の強さの CPU、または 2 人で対戦できます。キャスリング・アンパッサン・昇格に対応し、棋譜を PGN 形式で保存できます。

• React
• TypeScript
• αβ探索
• Web Worker

縦・横・3×3 のブロックに 1〜9 の数字を 1 つずつ入れるパズル。かんたん・ふつう・むずかしいの 3 段階で、毎回新しい問題を作ります。

• React
• TypeScript
• バックトラック

コンウェイのライフゲーム。セルを描いたり有名なパターンを呼び出したりして、生命の移り変わりを観察できます。

• React
• TypeScript
• Canvas

数字を手がかりに地雷を避けてすべてのマスを開くパズル。初級・中級・上級の 3 段階で遊べます。

• React
• TypeScript

4 つのフリーセルを使って、すべてのカードを組札に積み上げるソリティア。Windows 版と同じ番号の配り方で遊べます。

• React
• TypeScript
• Pointer Events

3 段階の強さの CPU、または 2 人で対戦できるリバーシ。

• React
• TypeScript
• αβ探索