t-yokoのMリーグ/麻雀タイトル戦速報ブログ

天鳳6段のt-yokoが麻雀の情報を発信しているブログです。Mリーグや神域リーグなどの記事を掲載していますのでぜひご覧ください。読者登録、twitterフォローお願いします。

対局をブログに埋め込んで公開できる!天鳳の牌譜埋め込み機能について解説


これまで気づいていなかったのですが、天鳳には牌譜のビューワーを埋め込める機能があります。

これをもっと早く気づいていれば、ブログ記事に牌譜を埋め込んでもっと分かりやすい記事にできたのに…。

ビューワーはこれからの記事ではなるべく追加するようにするとして、この牌譜ビューワーの埋め込み方を一応記事として残しておこうと思います。

最初に使うときは自分は今ひとつ使い方が理解できませんでしたから。

牌譜をブログとかで公開したい人に読んでいただければと思います。

牌譜ビューワーのURLは以下にリンクしておきます。

引用元:オンライン対戦麻雀 天鳳 / HTML5+JS版牌譜ビューアβ

牌譜のダウンロード

 リンク元の「牌譜検索 / 牌譜ダウンロードβ」の項目をご覧ください。

f:id:cjr14137:20211204113245p:plain

引用元:オンライン対戦麻雀 天鳳 / HTML5+JS版牌譜ビューアβ

ここに自身のプレーヤーIDを打ち込むと牌譜がダウンロードできるようになります。

IDを打ち込むと、下記の画像のようにプレーヤIDの下に項目が出てきます。

f:id:cjr14137:20211204113319p:plain

引用元:オンライン対戦麻雀 天鳳 / HTML5+JS版牌譜ビューアβ

この項目のDOWNLOADを押せば、牌譜がダウンロードできます。

f:id:cjr14137:20211204113317p:plain
ダウンロードしたファイルはこんな感じです。

ただ天鳳のホームページにも書いてあるとおり、ダウンロードできるのは有料会員で打った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>

そうすれば自分の牌譜を埋め込むことができます。

f:id:cjr14137:20211204120551p:plain

ダウンロードした牌譜はこのようになっていますが、この名前をコピーして上記の赤文字の部分にコピペしてください。

この場合であれば下記のようになります。
<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の麻雀ブログでは麻雀に関する記事を毎日更新しています。

この記事が面白いと思っていただけましたら、ぜひフォローをよろしくお願いします!

 

他のオススメ記事はこちら!

top3776.hatenablog.com

天鳳6段奮闘記のまとめ記事はこちら!

top3776.hatenablog.com

天鳳民のt-yokoが麻雀のメジャーな情報からニッチな情報までいろいろまとめているブログです。Mリーグ・最強戦・その他タイトル戦など様々な情報をまとめていますので参考になれば幸いです。

Mリーグ

Mリーグの記事については上記のページでリンクをまとめています。Mリーグ2022-2023シーズンの情報もこちらのページから確認できます。

Mリーガー選手紹介

Mリーグを戦う32名のMリーガーについて、雀風やプロ人生をまとめた解説記事を書いています。興味のある方はぜひご覧ください。

Mリーガーランキング

Mリーガーを獲得タイトル数に応じてランキング付け。果たして最強は誰になるのでしょうか?興味のある方はご覧ください。

神域Stremaerリーグ

Mリーグオフシーズンの2022年5月から9月に、Mリーガーと配信者による麻雀のリーグ戦が行われています。神域リーグに関する記事は下記にまとめていますのでこちらを参照ください。

麻雀タイトル戦試合結果

こちらの記事で2022年度に開催されているタイトル戦の試合結果をまとめた記事を一覧にしています。タイトル戦の結果を知りたい方はこちらの記事を参照ください。

麻雀初心者向け記事

麻雀初心者のための記事一覧です。ゲームの進め方や符計算の方法などの記事を掲載しています。

ゲームの進め方

まずは麻雀を始めるにあたって、どのようにゲームを進めればいいのか、というのが一つの壁です。どのような順番でゲームを進めていけばいいのかを一通りまとめた記事になります。

点数計算の仕方

麻雀の新規参入の一つのカベとなっているのが、この「符計算・点数計算」です。麻雀の複雑な符計算や点数計算について1からまとめていますので、覚えるときの参考にしてください。

麻雀ニュース/雀魂ニュース

Mリーグ以外の麻雀界のニュースについては「麻雀ニュース」、ネット麻雀の最大手の一つ「雀魂」のイベント関連のニュースなどは「雀魂ニュース」にまとめています。

天鳳6段奮闘記

ブログの記事を作成しているt-yokoが普段打っている麻雀の反省をまとめた記事が「天鳳6段奮闘記」です。記事の本数が多いので、上のリンクからご覧になってください。

私のいろいろなミスが載っていますから、それをヒントにあなたの麻雀の実力向上にお役に立てていただければと思います。

最新記事