★THE NORTH FACE★SAV-EN SNEAKERS EX
こういうやつです。ぜひトライしてみてくださいね。
プロトタイピングのつもりができてしまった! 漢字版 Wordle。激ムズ
49仕切りグラスラック G-49-145 63-1697-94棚・コンセント付き 収納ベッド Seelen トッパー付きプレミアムボンネルコイルマットレス付き セミダブル フレーム色:ナチュラル マット色:黒
漢字ル 1 8/20
⬜⬜🟥🟧
⬜🟥⬜⬜
⬜⬜⬜⬜
⬜⬜⬜⬜
🟥🟥⬜⬜
🟧⬜🟥⬜
🟩⬜⬜⬜
🟩🟩🟩🟩STONE ISLAND ロゴコットンブレンドジャージーパーカー 入手困難!新作★LOUIS VUITTON ブラスレ・ハートフォーリンラブ
本家の 【ポイント10倍】【直送品】 HiKOKI マルチボルト(36V)コードレス刈払機 CG36DB(WP) (CG36DB-WP) (両手ハンドル) を知らない人向けに解説すると、四字熟語当てクイズです。指定された回数のうちに当てないといけませんが、試行のたびに文字が合っているかどうかを教えてくれるので、絞り込みながら推理していきます。 漢字ルの独特なところは、文字単体だけではなく、漢字を構成するパーツ単位でもヒントが出るところ。以下のように、「匕」「耂」といったパーツが(たとえば「老」に)マッチしているようなヒントでもって、漢字を想像していきます。
以下は制作記です。
ベストセラー 棚付き『BERDEN』 照明付き 木製 引き出し付き 収納付き 日本製 ベッド ベルデン ナチュラル送料込み 海外製ポケットコイルマットレス付き ダブル フレーム、マットレスセット
自分も Wordle にそこそこハマったクチで、自然と自分の母語である日本語でこれを実現するとなるとどうなるかを考える。漢字を使うとなると文字種が多くて難しすぎるだろうけど、部首の情報を使えればヒントになるのでは? そしてアホくさくていいのでは? と思ったのだった。
とくに自分の場合は以前 フォリフォリ ダイナスティ 腕時計 WF13A014SSW-PI2【限定品】 というものを作っていて、中型1.40 CTチャンネルセットダイヤモンドベゼル14 KYロレックス中型腕時計31 mm対応 というプロジェクトの存在を知っていたので、これ使ったらできるんじゃないか? という目論見もあった。
ベストセラー 棚付き『BERDEN』 照明付き 木製 引き出し付き 収納付き 日本製 ベッド ベルデン ナチュラル送料込み 海外製ポケットコイルマットレス付き ダブル フレーム、マットレスセット
とはいえ実装する時間が潤沢にあるわけではないので、スキマ時間で検討だけ進めておく。
実装については、あの UI をゼロから作るのはあまり楽しそうではなかったし、世の中に Wordle クローンが溢れかえっているのでベースの実装があるんだろうと探してみて 折りたたみベッド リクライニングベッド 木製 ベッド シングル 棚付き コンパクト 収納式 (ゴブラン柄)【電動タイプ】 を発見。これを使うことにする。いまは別の人に transfer されていそうだな。
漢字の部首情報には、アリアト Sport Outdoor Western Boot 送料無料 というまさに、というものがあったのでこれを使う。正確には部首ではなくパーツなんだけど、よりおかしさが増すだろうってことでそのまま。
四字熟語は ペットベッド 犬 猫 ルイスドッグ 天蓋付き クッション 小型犬用(キャスコ)Kasco レインウエア 上下セット ARW-006 マゼンダ Lチェリースイッチ ゲーミング キーボード メカニカル キーボード 赤、緑スイッチ104キー キーボード のためのe-スポーツ ゲーミング キー によく出現するもののみに絞ることにした。(しかしこのデータはリリース後、使わないことにした。もっと色んな入力があるようだったし、すべての妥当な四字熟語を列挙すると大量になりそうだったから……。)
それ以外にこのゲームに特有の部分は漢字のパーツ単位での正誤判定だったが、これだけ手元で書いておいた。こんな感じ。
正解「冬虫夏草」に対して「泰然自若」は、自
と 艹
がそれぞれ位置まで含めて正解。これはバカゲーの予感。
ベストセラー 棚付き『BERDEN』 照明付き 木製 引き出し付き 収納付き 日本製 ベッド ベルデン ナチュラル送料込み 海外製ポケットコイルマットレス付き ダブル フレーム、マットレスセット
で、ある晩まとまった時間が取れたので試しに作ってみることにした。
(まとめ)プラス いつものラベル24面上下余白ME506S〔×5セット〕日本製 フロアベッド 照明付き 連結ベッド ダブル ボンネルコイルマットレス付き Tonarine トナリネ ブラウン2ペア 1g 7mm + 9mm スチール イヤースクリュー テーパー トンネル エキスパンダー ストレッチキット プラグピアス
漢字の入力については、パナソニック SELX337FCAAK4 シャワーヘッド一式サラサラワイド スゴピカタイプリサイクルトナー シャープ トナーカートリッジ MX-31JTBA ブラック 2本セット<input>
で入力させる方法を取っていそうだなというのを見ていたので、同じような方法を取った。見た目にこだわりすぎると時間が溶けるので気にしない方向で適当な場所に置いておく。漢字変換して Enter でなんかするの、絶対ハマるだろうな~と思って調べたらやっぱり[タケオキクチ] 財布 中ベラ付 アルド 177624 クロ。form の onsubmit を使うことにしたら回避できそうだったのでそのようにした。
部首の一致を表示するために、普通のフォントではなく KanjiVG で文字を描画したい。これについては過去の自分が Port Authority Womens Open Front Cardigan Sweater (LSW289) -NAVY -4XL並行輸入品 で実装していたのでこれを拝借。
このくらいがオリジナルの実装で、あとはフォーク元に乗っかっている。全体的にもとの実装が TypeScript/React であったため、変更したい場所を特定するのが容易だったし、他言語への対応など考えられているためかごく一部の変更で済んだため結果的にかなりスピードが出せて、その晩のうちに公開までこぎつけられた。
とまあ色んな人の仕事に乗っかったおかげでスムーズに制作できた。KanjiVG が使える CDN があったらさらに早く実装できただろうな~。自分で作ってても相当難しいと思ったが、意外とプレイしてもらえていて、かつ解けている人も多くて驚きがある。
リポジトリはこちらです。