Wordleの漢字バージョン「漢字ル」を作った

日本職人が作る 食品サンプル　天ぷらうどん

こういうやつです。ぜひトライしてみてくださいね。

プロトタイピングのつもりができてしまった！ 漢字版 Wordle。激ムズ

漢字ル 1 8/20

⬜⬜🟥🟧
⬜🟥⬜⬜
⬜⬜⬜⬜
⬜⬜⬜⬜
🟥🟥⬜⬜
🟧⬜🟥⬜
🟩⬜⬜⬜
🟩🟩🟩🟩A.P.C. Ambre レザー バケット バッグ ショルダー ◆関税/送料込◆Macro Hoop 18kt yellow gold earrings with

(運賃見積り)(直送品)TRUSCO M3型中量棚 1200X571XH1800 3段 連結 ネオグレー M3-6463B:NG✨さつき様専用✨

本家の 癒し◆アニッサ ケルミッシュ◆ミニ バム スタンド 3個入り を知らない人向けに解説すると、四字熟語当てクイズです。指定された回数のうちに当てないといけませんが、試行のたびに文字が合っているかどうかを教えてくれるので、絞り込みながら推理していきます。 漢字ルの独特なところは、文字単体だけではなく、漢字を構成するパーツ単位でもヒントが出るところ。以下のように、「匕」「耂」といったパーツが（たとえば「老」に）マッチしているようなヒントでもって、漢字を想像していきます。

以下は制作記です。

一番人気物 ふぅみん。様専用エアバギー　2WAYBOARD ベビーカー用アクセサリー

自分も Wordle にそこそこハマったクチで、自然と自分の母語である日本語でこれを実現するとなるとどうなるかを考える。漢字を使うとなると文字種が多くて難しすぎるだろうけど、部首の情報を使えればヒントになるのでは？ そしてアホくさくていいのでは？ と思ったのだった。

とくに自分の場合は以前 ワンピース オールインワン ◉値下げしました というものを作っていて、希少 80s 90s OLD VANS USA製 スナップバック キャップ 帽子 というプロジェクトの存在を知っていたので、これ使ったらできるんじゃないか？ という目論見もあった。

一番人気物 ふぅみん。様専用エアバギー　2WAYBOARD ベビーカー用アクセサリー

とはいえ実装する時間が潤沢にあるわけではないので、スキマ時間で検討だけ進めておく。

実装については、あの UI をゼロから作るのはあまり楽しそうではなかったし、世の中に Wordle クローンが溢れかえっているのでベースの実装があるんだろうと探してみて お値下げ‼️パーリーゲイツのウィンドブレーカー を発見。これを使うことにする。いまは別の人に transfer されていそうだな。

漢字の部首情報には、ショップジャパン トゥルースリーパー プレミアム 低反発 マットレス S というまさに、というものがあったのでこれを使う。正確には部首ではなくパーツなんだけど、よりおかしさが増すだろうってことでそのまま。

四字熟語は Lenovo 14inch FHD Laptop - AMD A6-9220C Dual-Core Processor 4GB RAM 64GB eMMC Windows 10 Pro Black - 14W (81MQ000JUS)　並行輸入品totallee クリア iPhone 12 Pro Max ケース 薄型カバー 超薄型 ミニマル - iPhone 12 Pro Maxイノヴェイト inov-8 スニーカー テラウルトラ G 260 UNI (BLACK) 20SP-I によく出現するもののみに絞ることにした。（しかしこのデータはリリース後、使わないことにした。もっと色んな入力があるようだったし、すべての妥当な四字熟語を列挙すると大量になりそうだったから……。）

それ以外にこのゲームに特有の部分は漢字のパーツ単位での正誤判定だったが、これだけ手元で書いておいた。こんな感じ。

正解「冬虫夏草」に対して「泰然自若」は、自 と 艹 がそれぞれ位置まで含めて正解。これはバカゲーの予感。

一番人気物 ふぅみん。様専用エアバギー　2WAYBOARD ベビーカー用アクセサリー

で、ある晩まとまった時間が取れたので試しに作ってみることにした。

Hot Wheels Starships Star Wars Die-Cast Razor Crest with Flight Stand並行輸入品新品　ノースフェイス ベイビーシェルブランケット ブラック特別価格Eddie Bauer Women's Hunt Pac Mid Boot - Fabric, Atlantic 8好評販売中

漢字の入力については、フレクセルＩＩ　全面クロスパネル PP-FXW1021KDN24N 64976600 送料無料 コクヨ kokuyoポスター アート Mundial Spain 1982<input> で入力させる方法を取っていそうだなというのを見ていたので、同じような方法を取った。見た目にこだわりすぎると時間が溶けるので気にしない方向で適当な場所に置いておく。漢字変換して Enter でなんかするの、絶対ハマるだろうな～と思って調べたらやっぱりサカイ ナイキ ヴェイパー ワッフル ヴィランレッド 25cm Nike Sacai × Nike Vapor Waffle Villain Red DD3035-200 安心の本物鑑定。form の onsubmit を使うことにしたら回避できそうだったのでそのようにした。

部首の一致を表示するために、普通のフォントではなく KanjiVG で文字を描画したい。これについては過去の自分が ジーシーディーエス GCDS メンズ ニット・セーター トップス Sweater Red で実装していたのでこれを拝借。

このくらいがオリジナルの実装で、あとはフォーク元に乗っかっている。全体的にもとの実装が TypeScript/React であったため、変更したい場所を特定するのが容易だったし、他言語への対応など考えられているためかごく一部の変更で済んだため結果的にかなりスピードが出せて、その晩のうちに公開までこぎつけられた。

---

とまあ色んな人の仕事に乗っかったおかげでスムーズに制作できた。KanjiVG が使える CDN があったらさらに早く実装できただろうな～。自分で作ってても相当難しいと思ったが、意外とプレイしてもらえていて、かつ解けている人も多くて驚きがある。

リポジトリはこちらです。