何切る検討(0) 〜打牌選択アルゴリズム

麻雀 JavaScript

電脳麻将の何切る解答機で麻雀定石「何切る」301選を解いてみた。

全301問中解答が一致したのは209問。正答率は69％。不一致の92問について検討し、可能であれば思考アルゴリズムの改善に役立てたいと思う。

打牌選択アルゴリズムは麻雀の打牌選択アルゴリズム(4) - koba::blog 〜麻雀の打牌選択アルゴリズム(9) - koba::blog で説明しているが、ここでもう一度おさらいしておく。

2019-05-06

電脳麻将 ver.1.1.0 公開

麻雀 JavaScript

f:id:xlc:20190506204137p:plain:w240:right

電脳麻将を ver.1.1.0 にバージョンアップしました。

「何切る解答機」のページを追加
webpack4に対応

AIの牌姿評価結果を一覧表示する何切る解答機のページを追加しました。牌姿は麻雀の手牌の文字列表現 - koba::blog の形式で入力できます。IEでも動作しますが、問題によっては大変時間がかかる場合があります。Edge、Chromeなどのブラウザをお使いください。

2019-04-27

webpack4 へのアップグレード

HighSierra JavaScript

フロントエンド開発の環境構築 - koba::blog で開発環境を構築した当時は webpack3 が最新だったのですが、その後 webpack4 が出ているのでアップグレードしました。

2019-04-21

電脳麻将 ver.1.0.0 公開

麻雀 JavaScript

f:id:xlc:20190420204452p:plain:w240:right

電脳麻将を ver.1.0.0 にバージョンアップしました。

npm対応のパッケージになったので、ソースからビルドするには Node.js と npm が必要です。

機能面では以下を変更しています。

画面表示/UIを改善
ネット上の牌譜を読み込む機能を追加
天鳳形式の牌姿文字列は廃止、電脳麻将形式に統一
IEに対応*1

*1:ただし機能には制限があります

2019-04-18

特定のホストだけVPNを通さないよう設定する

HighSierra

f:id:xlc:20190417235428p:plain:w280:right

中国で暮らしているのでネット接続は常にVPN経由である。回線速度が遅いのにはまあ慣れたのだが、VPN経由だとアクセスを拒否されるページがあるのが厄介。例えばさくらVPSのコントロールパネルにアクセスするとこのようにアクセスを拒否されてしまう。

なので特定のホストだけVPNを通さないように設定することにした。

2018-12-31

dl要素のcompact表示をCSSで実現する

CSS

HTML4の頃に dl要素に compact なる属性があり、それを指定すると

用語: 説明文

のような簡潔な形式で表示されるはずだったのだが、残念ながらそれを実装したブラウザはなかった。けれど中国語のスクリプトの表記などでどうしても使いたかったので、dt, dd の表示を変更 - koba::blog の方法でCSSで実現していたのだが、

用語: 説明文
長い用語: 説明文

のように用語が長い場合に表示がずれてしまって美しくない。これを

用語: 説明文
長い用語: 説明文

のように表示したいと常々思っていたのだが、やり方を思いついたので実装してみた。

2018-12-23

はてなブログのスマホ向け表示を微調整する

CSS

f:id:xlc:20181222213423p:plain:w280:right

はてなブログが数年前に正式リリースされた時に、はてなダイアリーから乗り換えなかったのには理由があって、

スマホ向けの表示が見にくい(特にソースコードの引用)
トラックバック機能がない*1
fotolife連携、はてなグラフ引用、キーワードクラウドなどの機能がない

のが気に入らなかったから。特にソースコードの引用は上の画面のようなありさまで、はっきり言って読めたもんじゃない。

f:id:xlc:20181222214009p:plain:w280:right

今回、はてなダイアリーのサービス終了により、はてなブログに移行せざるを得なくなったのだが、ソースコードの見にくさだけは我慢がならない。CSSを修正して右の画面のような表示にしたいのだが、はてなからアナウンスされているカスタマイズの方法は「レスポンシブデザイン」に対応したCSSを書くこと。これは「スマホ専用のCSSを適用する機能はないので1つのCSSで工夫して書いてください」と言っているに過ぎない。私もレスポンシブデザインに対応したCSSを書いて修正したのだが、はっきり言ってかなり手間がかかる。

なんとか簡単に「微調整」できる方法はないかと探していたのだが…… ありました！

*1:これがないと後から記事を引用した時に手動で逆リンクを追加しないといけない