これまで気づいていなかったのですが、天鳳には牌譜のビューワーを埋め込める機能があります。
これをもっと早く気づいていれば、ブログ記事に牌譜を埋め込んでもっと分かりやすい記事にできたのに…。
ビューワーはこれからの記事ではなるべく追加するようにするとして、この牌譜ビューワーの埋め込み方を一応記事として残しておこうと思います。
最初に使うときは自分は今ひとつ使い方が理解できませんでしたから。
牌譜をブログとかで公開したい人に読んでいただければと思います。
牌譜ビューワーのURLは以下にリンクしておきます。
牌譜のダウンロード
リンク元の「牌譜検索 / 牌譜ダウンロードβ」の項目をご覧ください。
ここに自身のプレーヤーIDを打ち込むと牌譜がダウンロードできるようになります。
IDを打ち込むと、下記の画像のようにプレーヤIDの下に項目が出てきます。
この項目のDOWNLOADを押せば、牌譜がダウンロードできます。
ダウンロードしたファイルはこんな感じです。
ただ天鳳のホームページにも書いてあるとおり、ダウンロードできるのは有料会員で打った10日前までのファイルなので注意してください。
このファイルと牌譜ビューワーを使ってブログに対局の一部始終を埋め込んでみましょう。
牌譜ビューワーの埋め込み
リンク元の「牌譜ビューア ブログ埋め込み機能」の項目をご覧ください。
そこに下記のようなHTML形式の要素が書かれています。
<iframe src="//tenhou.net/5/?log=2012060420gm-0009-10011-acfd4b57" style="width:480px;height:320px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
これが牌譜ビューワーになります。これをブログのHTMLに貼り付ければ、牌譜ビューワーが表示されます。
はてなブログだとHTML編集のページを開いて貼り付ければOKです。
すると上記の牌譜ビューワーが表示されて、牌譜を確認できるようになります。
ただこれは天鳳のホームページ載っている例なので、自分の牌譜ではありません。
自分の牌譜を掲載したい場合は、HTMLの再生する牌譜データの部分を変更してやる必要があります。
元のHTMLの
<iframe src="//tenhou.net/5/?log=ここの部分をダウンロードした牌譜の名前に変更" style="width:480px;height:320px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
そうすれば自分の牌譜を埋め込むことができます。
ダウンロードした牌譜はこのようになっていますが、この名前をコピーして上記の赤文字の部分にコピペしてください。
この場合であれば下記のようになります。
<iframe src="//tenhou.net/5/?log=2021120116gm-0029-0000-74def501&tw=3" style="width:480px;height:320px;" scrolling="no" marginwidth="0" marginheight="0" frameborder="0"></iframe>
これを同様に、HTML編集で貼り付けてやれば下記のようになります。
上記の牌譜ビューワーとは中身が変わって、t-yokoの牌譜が再生されていることが確認していただけると思います。
このようにして天鳳で打った牌譜をブログで掲載することができます。
このページを参考にあなたのブログでも牌譜を掲載してみてはいかがでしょうか。
それでは。
天鳳6段t-yokoの麻雀ブログでは麻雀に関する記事を毎日更新しています。
この記事が面白いと思っていただけましたら、ぜひフォローをよろしくお願いします!
他のオススメ記事はこちら!
天鳳6段奮闘記のまとめ記事はこちら!