こんなツールが欲しかった。ネーミングはダサいが意外とできる子です。モットーは楽しくお便利！
牌画タグ入力ツール「手牌つく郎」とは？
面倒な牌画タグの入力のお手伝いをします。麻雀ブログやサイトでご利用ください。直リンクもOKです。
手牌つく郎の特徴
- 牌画をクリックするだけでタグが勝手にできてしまう
- 好きなテキストを挿入できる
- テキストの太字・サイズ・色・マージンを指定できる
- 擬音も挿入できる
- 空白の間隔も自由に設定できる
- やり直し機能実装。10回まで
使用例
普通の使い方はもちろん、ちょっとアブノーマルな使い方もできます。
【例1】
待ち
ドラロン
【例2】
ロン
【例3】
ドラ裏ドラ槓ドラ
【例4】
ロン(ﾉω･､) ｳｩ･･裏ドラ(｡＞0＜｡)ﾋﾞｪｪﾝ
「手牌つく郎」の使い方
使い方は簡単です。
手牌つく郎を使う手順
- 牌画と擬音ファイルがある場所を指定する
- 入力する牌画をクリック
- 挿入する空白の間隔を指定する
- 入力するテキストの太さ・サイズを指定する ※2〜4までの手順は入れ替わっても問題ありません。お気に召すままです（笑）
牌画と擬音ファイルが置いてあるディレクトリを指定する際、URLの最後は「/」で終わるようにしてください。なお、URLは相対パスでも問題ありませんが、ブログの場合は絶対パスの方が確実です。
画面の説明
1.牌画の保存場所の指定
牌画がサーバーのどこに保存されているかを指定します。
「縦牌の場所」「横牌の場所」「擬音の場所」の各テキストボックスは、次のように各タブに対応しています。
- 縦牌の場所：縦牌タブ
- 横牌の場所：横牌タブ
- 擬音の場所：擬音タブ
※タブの名前は牌画によって変わることがあります。
○牌画のURLの指定方法
- サイトのトップページのurl
- //www.mahjong.org/
- 牌画が保存されている場所
- images/haiga
- 牌画を使用するページの場所
- blog
- 絶対パスで指定する場合
- //www.mahjong.org/images/haiga/
- 相対パスで指定する場合
- ../images/haiga/
2.フリーテキスト
好きな文字を入力できます。文字のサイズ・色・太字・左マージンを指定できます。設定の確認は、見本（プレビュー）を見ながらながら行えます。
○色の指定
［文字挿入］ボタンをクリックするとタグが生成されます。
3.プレビューとタグの生成
お知らせと注意事項
ブログ記事の紹介
麻雀ブロク！勝負は下駄を履くまでで牌画タグ入力ツールの紹介をしています。プログラムの書き方も掲載されています。興味をお持ちの方はご覧ください。
記事一覧
- 牌画タグ入力支援ツール「手牌つく郎」に新機能を追加しました
- 牌画タグ入力支援ツール「手牌つく郎」公開版できました
- 牌画タグ入力支援ツール作成への道 「手牌つく郎（仮）」 − その2
- 牌画タグ入力支援ツール作成への道 「手牌つく郎（仮）」
- サンプルページとプログラムのコード
擬音画像と免責事項について
擬音画像の利用は自由です。加工もどんどんしてください。なお、画像を使用して不都合や不利益なことが発生しても、当サイト及び関係者は一切の責任を負いません。ご使用は自己責任の範囲でお願いいたします。
