編集部が厳選した「いま、みんなに見てほしいまとめ」をイチオシとして紹介しています!グサッと刺さる良質まとめはこちら!

【超進化!】Tgまとめのテキスト部分がMarkdownという新しい記法に変わりました! #使い方 #新機能 #ブログ化

もちろん、いままで書かれているものは基本的に自動的に変換されるよ! ただし、もともと変な書き方しているとうまく変換されないかも、そういう時はこの記事を参考に修正してほしいな!
インターネット お知らせ markdown 新機能 Togetter
28768view 55コメント
109
ログインして広告を非表示にする
トゥギャッター公式 @togetter_jp
みんな、まとめのテキスト部分の表現力が格段に上がったよっ!→ 【超進化!】Tgまとめのテキスト部分がMarkdownという新しい記法に変わりました! #使い方 #新機能 #ブログ化 togetter.com/li/888903 pic.twitter.com/ZFz6aRZ3lq
 拡大
まとめの中で使えるテキストの記法が新しくなりました。

これまでは、Togetterオリジナルの記法でしたが、今回のリニューアルに伴って「Markdown」と呼ばれる最近、多くのサービスで使われている記法に変更されました。
この変更によって、Togetterで使える記法も大幅に増えました!ただし、これまでと書き方が変わっているものが多いのでこちらで詳しく紹介していきます。

注:今まで書かれていたものも自動的に変更されます。

今回の変更に合わせて、これまで書かれていたテキスト部分も自動的に更新されます。殆どのものは特に作成者が気にする必要はありませんが、一部で見た目が変わるなどの影響が考えられます。その際には、こちらのドキュメントを読んでいただければ、簡単に修正することができるはずです。

変更点
  • ヘッダーや文字列の強調表現の記法が変わりました。
  • タイトル付きURLの記法が変更になりました。
  • 画像や動画のURL展開が厳密化されて、行の先頭から始まってURLだけで終わる場合に限定されました。
  • リストがネストできるようになりました。
  • プログラミングのコードやアスキーアートなどを簡単に書けるようになりました。
よく使う記法 ヘッダー(見出し)
# 見出し1(大)
## 見出し2(中)
### 見出し3(小)
文字の装飾
*斜体にしたい文章*
**太字にしたい文章**
~~取り消したい文章~~


斜体にしたい文章
太字にしたい文章
取り消したい文章

URLの表記
URLのみ
http://www.yahoo.co.jp/
URLとタイトル
[Yahoo! JAPAN](http://www.yahoo.co.jp/)


URLのみ
http://www.yahoo.co.jp/
URLとタイトル
Yahoo! JAPAN

リストの表示

行頭●だけでなく、数字のタイプのものを書くことができます。またネストして段落を下げることもできます。

- リスト1
    - リストの段落下げ(半角スペース4つ)
- リスト2

1. 数字のリスト1
    1. 数字のリストの段落下げ(半角スペース4つ)
2. 数字のリスト2

  • リスト1
    • リストの段落下げ(半角スペース4つ)
  • リスト2
  1. 数字のリスト1
    1. 数字のリストの段落下げ(半角スペース4つ)
  2. 数字のリスト2
コード

`で文字列を囲むことで、その文字列をコードとして表記する事が可能です。
記号を含むような文字列function togetter()を表記する際にオススメです。

コードブロック

```と```でコードブロックとして処理したい文章を上下で囲むと、改行の位置などを書いた文章そのまま出力してくれます。プログラムのコードなどを書きやすくなります。

<?php
    function test($test){
        echo $test;
    }
?>

こんな感じでアスキーアートも書けます。

     ∧_∧__
   /(´・ω・`) /\
  /| ̄ ̄ ̄ ̄|\/
   |    |/
     ̄ ̄ ̄ ̄ 
引用(クオート)

これまで書けなかった引用表示も書けるようになりました。>で始めることで引用文になります。

>引用したい文章
引用したい文章
引用したい文章

引用を終わりにしたい場合は1行あける必要があります。

引用したい文章
引用したい文章
引用したい文章

引用を終わりにしたい場合は1行あける必要があります。

注意点
  1. 普通に文章を書いている際に「改行」をしたい場合は、改行したい箇所で1行あける必要があります。空行がない場合は、1つの段落(ブロック)として認識されます。
  2. Markdownで利用される記号を文章中で使いたい場合はエスケープ処理が必要な場合があります。使いたい記号の前にバックスラッシュ\を追記する感じです。
行の先頭で使う場合にエスケープ処理が必要な記号
#   ハッシュ
>   大なり
+   プラス
-   ハイフン・マイナス
場合によってはエスケープ処理が必要な記号
\   バックスラッシュ
`   逆クォート
*   アスタリスク
~   チルダ
自動的に展開されるURLとその書き方

次に挙げる動画・画像サービスのオリジナルのURLを貼り付けると自動的にコンテンツが展開されて便利です。

https://www.youtube.com/watch?v=OC2qBO6IcfQ or https://youtu.be/OC2qBO6IcfQ

自動的に展開したくない場合

URL直書きではなく、URL記法を使ってください。

展開される↓
https://youtu.be/OC2qBO6IcfQ

展開されない↓
[https://youtu.be/OC2qBO6IcfQ](https://youtu.be/OC2qBO6IcfQ)
みんなからのブログみたいな記事、お待ちしておりますっ!!

コメント

トゥギャッター開発まとめ @tg__dev 2015-10-19 20:25:06
世の中ますます便利になりますなー!
未知神明(みちがみ・あきら) @ontheroadx 2015-10-19 21:02:56
.@togetter_jp まとめマイスターにふさわしくない人を報告する方法をもっと簡単にしてください。
トゥギャッター公式 @togetter_jp 2015-10-19 21:31:08
これまで書かれているものは基本的に自動的に変換されるから安心してくださいね!
名前をかくところ @yukinyan299 2015-10-19 21:33:01
(´-`).。oO(かなり酔ってるからよく理解できなくなってる、要は使いやすくなったと・・・
こるまに @Kolmani_68 2015-10-19 22:09:28
他のエディタでも書けるし使っている人は使いやすくなったんだろうなぁ
ひろ@猫もふ欠乏症 @hiro_h 2015-10-20 01:22:57
…オーダードリスト、コレでええのん…? (他にも思うけどとりあえず)
Cook⚡ADHD啓発月間!まとめ紹介中☆ @CookDrake 2015-10-20 01:48:14
tg__dev これは便利…と思いましす。・・・っと、早々ですいません、斜体の反映がバグってませんか?
トゥギャッター公式 @togetter_jp 2015-10-20 02:06:53
CookDrake 斜体の記法にしても反映されてなかったりですか?良かったらブラウザとか教えて下さいー。
Cook⚡ADHD啓発月間!まとめ紹介中☆ @CookDrake 2015-10-20 02:12:18
togetter_jp このまとめの「文字の装飾/斜体にしたい文章」が斜めになって見えないのです。当方ブラウザはChromeです。
権中納言明淳 @mtoaki 2015-10-20 10:58:45
togetter_jp IE11とその互換モードでも斜体になってないですね。Firefoxでは斜体になってます。
ざの人 @zairo21 2015-10-20 17:55:53
まあ 文中途中で入れる挿入分が 大幅拡大できる! 事はまとめていて気がついた。これはうれしい。 けど、いまだ 「特定ユーザーの非表示 ミュート機能」は実装してくれないんですね、 あと お気に入りの 分類化と削除機能実装もまだです。 それと 「コメント欄を設けないオプション」は 平等に実装してください。コメント欄規制はマイスターだけ って 意味あるんですかね?
ざの人 @zairo21 2015-10-20 17:59:26
まだまだだけど(苦笑
ざの人 @zairo21 2015-10-20 18:02:31
できるのなら 「コメント欄を 一時非表示」ってオプションが一番望ましい。 コメント欄が荒れたときに、この機能で荒れを防止できるので。
ざの人 @zairo21 2015-10-20 18:05:03
さらに 「アカウントまとめ」は トギャッターまとめ同様 「編集を公開」「非公開」としてほしい。せっかく作ったのに まとめを改ざんされて消去されたので。それと いいね だけでなく わるいね の実装を。
ざの人 @zairo21 2015-10-20 18:08:58
イイネ だけでなく ワルイネ の実装は ユーチューブなどに実装されているコメント評価機能、ワルイネがあれば? サブ垢による自作自演を封じ込めることも可能。
アルビレオ@炙りカルビ @albireo_B 2015-10-20 20:57:25
togetter_jp Firefox(41.0.2/win),Opera(32.0.1948.69/win)で斜体になりませんでした。どちらも要素に設定されたスタイルを確認する機能があるので、それで確かめると"font-style:italic;"になってました。ブラウザのバグっぽいですね
未知神明(みちがみ・あきら) @ontheroadx 2015-10-21 00:34:31
zairo21 「わるいね」はちょっとアレなんで「どうでもいいね」がいいかな RT:zairo21「いいね だけでなく わるいね の実装を」
なみへい @namihei_twit 2015-10-21 01:01:50
↑ 「それってどうなのよ?」とか、「そうかな?」とか。
John F Candy @JohnFCandy1 2015-10-21 07:39:50
まとめにテキスト入れてて、どうもおかしいと思ったらこれだったのか。例えば「22. あいう[改行]25. かきく[改行]23. かきく」(←数字は状況説明のため、わざと順序前後させた)と書くと「1. あいう[改行]2. かきく[改行]3. かきく」と表示される。わけがわからない。そういう書き方は過去のまとめでもしたような記憶があり、自動的に変更されるのなら、今までまとめたものを見直さなければならない。冗談はやめてくれ、とでも言いたい気分。
John F Candy @JohnFCandy1 2015-10-21 07:40:30
過去まとめにも適用とは極めて迷惑。
Dio Genes @DioGenes0594 2015-10-21 07:47:50
既存まとめも変わるのはやめてください
John F Candy @JohnFCandy1 2015-10-21 10:26:00
togetter_jp 「これまで書かれているものは基本的に自動的に変換されるから安心してくださいね!」 ふざけないで頂きたい。反映されるから困っている。少なくともH2指定を何とかしてくれ。文字が小さいから目立たせない目的に使っていたのに、でかい文字になってしまっている。いままでまとめたものを全部見直せということか?どれだけ手間がかかると思っているのか。
John F Candy @JohnFCandy1 2015-10-21 11:00:46
togetter_jp 過去のまとめを編集し直しているが、覚えの無い大きな太文字になっていて、解除できないものがあった。試行錯誤で分かったが、ライン(「--」)を入れた上の文字列が勝手に大きな太文字にされる。数字+ドット(「.」)といい、ラインによる文字修飾といい、こちらでは分からなかった。他に何があるのか?マニュアルはどこだ? Markdownの資料探して読め、おかしかったら試行錯誤せよ、ということか?
夢乃 @iamdreamers 2015-10-21 12:29:44
空の見出しを区切り線の変わりに使いたい(ノーマルの区切りとは使い分ける)ので、見出しには下線を引くだけでなく、背景色を設定して欲しい。(前にスタイルシートの変更があったときにも同じ要望を出した)
トゥギャッター公式 @togetter_jp 2015-10-22 00:53:09
albireo_B システムフォントの問題のようですね。対応可能か調査中です。
トゥギャッター公式 @togetter_jp 2015-10-22 00:54:37
JohnFCandy1 マニュアルは修正加筆してまいります。数字+ドットに関しては対応策が可能か検討していきますのでお待ち下さい。
John F Candy @JohnFCandy1 2015-10-22 07:03:57
togetter_jp 「数字+ドットに関しては対応策が可能か検討していきますのでお待ち下さい。」 ライン(「---」)のすぐ上の文字が太い大文字にされてしまう件は? なお、数字+ドットにせよ、ラインによる文字修飾にせよ、既に「こうなるものなのか」と思って使い始めているユーザーがいる可能性も忘れないようにしてください。下手に仕様変更なりバグフィックスすると、それが困る人が出てしまうということです。
John F Candy @JohnFCandy1 2015-10-22 09:38:32
togetter_jp 引用符(「>」)の仕様質問。動作上は次のようになっている。引用符「>」を使い、1行の改行を入れても、次も引用符「>」だと、表示される引用符(「|」のような表示)が連続してしまう。単なる改行だといくつ入れても同じ(表示上の改行は必ず1行だけ)。表示される引用符を途切れさせるためには、引用符の後に改行を2行、かつ、2行目に文字を入れる必要がある(全角スペースでも可、半角スペースでは不可)。これが仕様と理解して差し支えないか?
アブラハム @Abhraham 2015-10-25 19:32:29
書いてある内容以外にも対応してたり、数字のリストは番号わざわざ変えなくても順番通りに振ってくれたりするみたいですね~。とはいえこればっかり駆使してツイート一つも無かったりするとTogetterじゃないじゃんそれって思いますけどねw 使えるように使わさせていただきます。
アブラハム @Abhraham 2015-10-25 20:19:01
見出しの上下の行間がかなり広く開くようになってて、その前後のツイートなどとのバランスがかなり崩れている感じですね。変更前と見比べてどうだったか検証してみたいけどそのデータも無く…もうちょっとスマートな表示にして欲しいです。
アブラハム @Abhraham 2015-10-25 20:25:27
その点、以前、見出しを色付きの枠で表現したり、項目(リスト)の点に色が付いていたりしたのは、その他の文章とサイズがあまり違わなくても見分けられる良い判断だった気がします。温故知新の気持ちは大切だと思いますよ。
アブラハム @Abhraham 2015-10-25 20:43:33
その上で、万人が納得するデザインなどは難しいので、タンブ何とか見たくしたら良さそうですよね。
3mのパブリックエネミーちくわ @tikuwa_zero 2015-10-26 09:51:39
削除されたコメント欄に「このまとめは○○によって削除されました」と残るようにして欲しい。「○○」は「コメントしたユーザーによって」と「まとめ管理者によって」の二通りで。
nekosencho @Neko_Sencho 2015-10-26 10:04:05
見る側のNG機能とかつけられないかな? まとめ作る側は制限かけられるみたいだけど、他人の作ったまとめ読むときでもそういうのがあると便利だと思うんだ……まとめ自体から消去する必要はないけどみるときに存在が気にならないような感じで
佐倉和音🍣🍣🍣 @O_Flow 2015-10-26 10:17:36
Neko_Sencho 2ちゃんブラウザで実装されてるあぼーん機能かな? だったら歓迎。
佐倉和音🍣🍣🍣 @O_Flow 2015-10-26 11:40:57
誰がいいね!をしたかも可視化されてもいいような気がする。Facebookと同じ感覚で。「これはTwitterの問題だバカ!」っていう意見はありそうだけど腐っても同じSNSだからやってまずいはないはず。
権中納言明淳 @mtoaki 2015-10-26 11:53:59
O_Flow 「賛同はするけど厄介ごとには巻き込まれたくない」人が困るので、現状でいいと思う。
佐倉和音🍣🍣🍣 @O_Flow 2015-10-26 12:05:35
mtoaki その前提がおかしい。賛同するならそこから起こる厄介ごともワンセットじゃないかなぁ。大幅に可視化して厄介ごとが起こるならどのコメントが厄介ごとに火種になってるかが見分けられていいじゃない。
佐倉和音🍣🍣🍣 @O_Flow 2015-10-26 12:08:28
賛同するなら自分のステートメントなんだから可視化されてもおかしくはないし、それが厄介ごとになりそうなら火中の栗は拾わなければいい。逆に厄介ごとにしたいから無名のいいね!が増えるケースもあるでしょう?
権中納言明淳 @mtoaki 2015-10-26 13:42:15
O_Flow いいねが多いから厄介ごとになるというのはよく分かりませんが、いいねを付けた奴に片っ端からメンション送ったり粘着したりするというのは容易に想像できるので、そいうのは普通嫌だと思います。
佐倉和音🍣🍣🍣 @O_Flow 2015-10-26 13:51:05
mtoaki 何のためのミュートなりブロックか?Facebookにも実装されてるような機能をなぜ使わないか? コメント欄に関しては見る側のNG機能と合わせ技で解決。粘着すればその粘着行為が可視化されてコメントの精度が相対的に高まる(読み飛ばす基準がはっきりする)。
権中納言明淳 @mtoaki 2015-10-26 14:06:22
O_Flow 使い方がわからないから。あと、ツイート付きで「いいね」された人にはtwitter経由で誰が「いいね」したかわかるんだからそれで十分だと思います。そこで選択肢を用意してるのに全部無条件公開ってのは乱暴じゃないですか。
佐倉和音🍣🍣🍣 @O_Flow 2015-10-26 14:10:48
mtoaki >使い方がわからないから 何の使い方がわからないの? あとよくわからないのがいいね!をツイートするかしないかは選択肢があるんだけど、ちょっとその辺を。
佐倉和音🍣🍣🍣 @O_Flow 2015-10-26 14:13:15
ツイートするしないの選択肢がある以上、閉じた空間になるのだから余計可視化しないとダメよね?って話。
権中納言明淳 @mtoaki 2015-10-26 14:19:52
O_Flow ミュート・ブロック・その他機能です。「いいね!をツイートするかしないかは選択肢がある」から公開・非公開はいいねを付けた人が選択している、という事です。
佐倉和音🍣🍣🍣 @O_Flow 2015-10-26 14:42:26
いいね!をして自分のTLに発信される→いいねを付けた奴に片っ端からメンション送ったり粘着したりする→自己判断でミュートなりブロック
佐倉和音🍣🍣🍣 @O_Flow 2015-10-26 14:47:40
閉じた空間で進行させたいなら余計いいね!をつけた人が可視化されないと。イナゴ行為でのいいね!なのか昨日から僕が使い始めた「当たり屋が求める誠意」なのかがわからなくなるので。
佐倉和音🍣🍣🍣 @O_Flow 2015-10-26 14:51:27
そもそも「いいね!に公開、非公開の選択肢がある」ってことは舵きりによっては某掲示板のようにタコツボ化するってことでもあります。だったらそっちでやれということにもなりますし。ここ最近はTgがそうなる傾向にあるなぁという意味で可視化したほうがいいと僕は考えています。
なみへい @namihei_twit 2015-10-27 18:18:03
だれが「いいね」したか分かる機能は賛成だなぁ。それを困るという御方々には、ぜひとも困ってもらいたい。(Twitterが、複アカbot一斉撲滅をしてくれたらそれでもかまわない)
ログインして広告を非表示にする
ログインして広告を非表示にする