☰

Facebook や Twitter 用の「ASCII」アート テーブルを作成するにはどうすればよいでしょうか?

tag-icon • tag-icon fonts ascii-art
Facebook や Twitter 用の「ASCII」アート テーブルを作成するにはどうすればよいでしょうか?

Facebook や Twitter のようにプレーンテキストのみをサポートするサービスでは、等幅フォントがないためすべて位置がずれてしまいますが、テーブルを表示するにはどうすればよいでしょうか。言い換えると、次のようにすればいいのです。

╔═══════════════════════════════════╦══════════════╦═══════════╗
║ Col1 ║ Col2 ║ NumCol ║
╠═════════════════════════════════════╬═════════════╬═════════╣
║ 値 1 ║ 値 2 ║ 123 ║
║ これはセルが 1 つだけの行です ║ ║ ║
║ この行は HTML エンティティをテストしています ║ テスト
║ 45 ║
╚═════════════════════════════════╩════════════╩═════════╝

これに:

╔═══════════════════════════════════╦════════════╦════════╗
║               Col1                ║    Col2    ║ NumCol ║
╠═══════════════════════════════════╬════════════╬════════╣
║ Value 1                           ║ Value 2    ║    123 ║
║ This is a row with only one cell  ║            ║        ║
║ This row is testing html entities ║ Te<br />st ║     45 ║
╚═══════════════════════════════════╩════════════╩════════╝

?


ご参考までに：ASCII アート テーブルを作成する Web アプリはありますか? - Web アプリケーション Stack Exchange

答え1

表の位置がずれているのは、等幅フォントが必要なためです。Twitter や Facebook では等幅フォントは使用されていませんが、テキストを対応する Unicode 固定幅文字に置き換えることはできるかもしれません。これは技術的には等幅ではなく、文字は必ずしも固定グリッドに合わせて配置されているわけではなく、私の知る限り、スペースなどの文字に相当する全幅文字はありませんが、それでも予測可能な間隔によって、見栄えの良い表を作成するのがはるかに簡単になるかもしれません。

半角文字と全角文字のUnicodeブロックはU+FF00からU+FFEFで、これらの文字で書かれたテキストは次のようになります。テキストを自動的に変換するツールを使用することをお勧めします。これですリンクされたページには、この文字セットの目的に関する興味深い背景情報も掲載されています。

答え2

できません。固定幅フォントを使用する必要があり、Facebook や Twitter クライアントでそれを強制する方法はありません。

また、HTML <TABLE> を指定/入力する規定がないため、これらを使用することもできません。

関連情報