ニコニコ大百科:Twitter引用

ニコニコ大百科:Twitter引用では、ニコニコ大百科HTMLエディタに搭載されているTwitter引用機能について解説する。

概要

特徴

ポストを読み込み中です
https://twitter.com/nico_nico_pedia/status/1001360077758976001

2018年5月29日から実装されたHTMLエディタの追加機能。Twitter上のあらゆるツイートを、このニコニコ大百科に掲載することができる。この機能が追加されたことにより、脚注掲載や直接リンクによる掲載の手間が省け、編集効率が格段に向上した。

HTML視点からの説明としては、引用文であることを示す<blockquote>要素が使われている。また、分類名に"twitter-tweet tweetblock"が使われている。例として上記ツイート引用のHTMLを見てみると、

<blockquote class="twitter-tweet tweetblock">https://twitter.com/nico_nico_pedia/status/1001360077758976001</blockquote>

となる。

使い方

「2018年5月29日発信のニコニコインフォ」にて、Twitter引用の使い方が画像付きで説明されているので、こちらも合わせて参照のこと。

1. HTMLエディタの下段右端にあるTwitterアイコンをクリックする。
2. 出現するボックスに引用したいツイートのURLを貼り付ける。
3. ボックス内のOKを押すと、本文中にTwitterのツイートURLが専用の引用ボックス内に表示される。

ツイートのURLの探し方とコピぺのやり方

1. Twitterにログインする。
2. 引用したいツイートをキーワード検索などで探す。
3. 引用したいツイートをクリックし、ブラウザ上に表示されるURLをコピペすればOK（なお、ブラウザによっては、各ツイートの右上端にあるボタンをクリックすると、URLが表示されるボックスを出現させることもできる）。

PC版でツイートを中央に表示させる方法

先程の<blockquote>要素を以下のように囲むと良い。

<div style="width: 550px; max-width: 100%; margin: auto;"><blockquote></div>

例

ポストを読み込み中です
https://twitter.com/nico_nico_pedia/status/1001360077758976001

PC版でツイートを２列表示させ、なおかつスマホ版で表示を崩さない方法

<table style="border: 0; width: 100%;">
<tbody>
<tr>
<td style="border: 0; padding: 0; width: 100%; max-width: 360px; float: left;">
<blockquote>
</td>
<td style="border: 0; padding: 0; width: 100%; max-width: 360px; float: left;">
<blockquote>
</td>
</tr>
</tbody>
</table>


例

ポストを読み込み中です https://twitter.com/nico_nico_pedia/status/1136150696435171329	ポストを読み込み中です https://twitter.com/nico_nico_pedia/status/1136513061504802821
ポストを読み込み中です https://twitter.com/nico_nico_pedia/status/1136499390158270464	ポストを読み込み中です https://twitter.com/nico_nico_pedia/status/1136603658580217856
ポストを読み込み中です https://twitter.com/nico_nico_pedia/status/1136226170666508288	ポストを読み込み中です https://twitter.com/nico_nico_pedia/status/1136180934225453057

機能のメリット･デメリット

メリット

• 直接リンク及び脚注掲載での手間が省ける
  前述の通り、本文に直接リンクを被せて掲載したり、脚注機能での付加掲載をする必要がなくなり、編集時間の短縮、編集効率が飛躍的に向上する。
• 引用元の明確化による閲覧者の負担軽減
  ニコニコ大百科の記事上に直接表示されるため、見るだけで引用元が分かるようになっている。そのため、閲覧者に対しての負担軽減に繋がっている。
• ニコニ・コモンズからの引用を介さず画像･写真添付が可能に
  通常、ニコニコ大百科記事に画像や写真を添付するときは、お絵カキコを除き全てニコニ・コモンズに投稿された画像･写真が添付されるが、Twitter引用を使えば、ツイート文が付随するという制約があるものの、画像を添付することができる。
• ツイートを介しての動画再生が記事上で可能に
  動画が添付されているツイートを引用すると、記事上で動画が再生できる。ちなみに、ツイートにYouTubeのURLが添付すると自動的に動画画面が表示されるが、このツイートを引用すると、ニコニコ大百科の記事画面でYouTubeの動画が観られる。
  ⇒2020年頃からTwitter側の仕様変更でYouTubeなど外部サイトに投稿された動画は、動画サムネイル付きリンクに置き換えられた。(クリックすると、別タブで動画ページに飛ぶようになっている。)
  この影響で、Twitterに直接投稿された動画以外は、記事上で直接動画再生が出来なくなっている。ちなみに、ニコニコ動画の動画ページが添付されたツイートでも同様の扱いとなる。
  ↓例①(動画添付ツイートの場合)
  

  ポストを読み込み中です
  https://twitter.com/eventnico/status/1107923585551618049

  ↓例②(YouTube動画の場合)
  

  ポストを読み込み中です
  https://twitter.com/_TOMOSUKE_/status/981175695396151297

デメリット

• 記事のレイアウト･バランス調整の難しさ、扱いにくさ
  Twitter引用機能は、ツイートをそのまま引用添付できるという利便性がある反面、引用枠の拡縮が一切出来ない。そのため、記事レイアウトやバランスが崩れやすく、編集者を悩ませる難点の1つとなっている（一応、divを用いることである程度調整できる）。
  さらに、表内で用いる際、1セル～3セル程度の簡単な表ならまだしも、10×10などの複雑で広大な表内で用いたりするとレイアウト崩壊を起こしやすい。
• 添付画像･動画の表示ON/OFFが出来ない
  ツイートに添付されている画像･動画は表示の切り替えが一切出来ない。そのため、「ツイート文だけ引用したい」という場面に遭遇しても仕様上、絶対不可能である。
  →2020年10月に解決。ただし引用する際に一手間必要である。下記「カスタマイズ」の節を参照。
• リプライツイートはリプライ元ツイートも表示される
  リプライツイートを引用すると、仕様上リプライ元のツイートも一緒に表示されるようになっている。その分縦に場所を取るため、さらに記事レイアウトが崩れやすくなっている。
  ↓例
  

  ポストを読み込み中です
  https://twitter.com/nico_nico_pedia/status/1055278866250391552

  そのため、リプライツイートだけ引用することはできない。
  →こちらも2020年10月に解決。同じく、下記「カスタマイズ」の節を参照。
• 引用したツイートが表示できなくなることがある
  Twitter上に「現在存在している、表示可能な」ツイートを、「Twitterの機能を利用して」そのまま引用表示する機能である。そのため「そのツイートが削除された」「そのツイートをしたアカウントが非公開設定に変更された」「そのツイートをしたアカウントが削除された」「Twitterがサービスを停止している」などの理由でそのツイートがTwitter上で表示不可能となった場合には、ニコニコ大百科のこの機能においてもやはり表示されなくなる。仮に、伝えるべき情報の具体的な中身についてこの機能で引用したツイートに大きく依存した記事があったとしたら、そのツイートが表示不能となっているときにその記事を閲覧した者は非常に限定された情報しか得られないことになってしまう。
  そして2023年7月1日からTwitter側の仕様変更で非ログインユーザーの埋め込みを含めたツイートの閲覧が制限され、Twitterアカウントを所有していない限りツイート内容を知ることが出来なくなってしまった。

カスタマイズ

引用ツイートの表示を指定する方法が存在しており、ツイートURLの末尾に

?style=theme:dark;cards:;conversation:none;

などといったダミーパラメータを付与することで指定できる。このうち

• 「theme:」の後が「dark」だと暗く、「light」なら明るく表示され、空欄であれば通常通り
• 「cards:」の後が空欄だと通常通り画像や動画が展開されるが、「hidden」なら展開されない
• 「conversation:」の後が「none」だとリプライ元ツイートが表示されず、空欄だと通常通り表示される

となっている。

この機能を利用して、上記「デメリット」節にある引用ツイートを「暗く」「画像・動画を展開せず」「リプライ元ツイートを表示しない」という指定（URL末尾に「?style=theme:dark;cards:hidden;conversation:none;」と付加）で表示させてみたのが以下。「デメリット」節にある表示と見比べてみよう。

ポストを読み込み中です
https://twitter.com/nico_nico_pedia/status/1055278866250391552

ちなみに、例えば「リプライ元ツイート非表示だけ行いたい。明るさや画像・動画の展開については変更しなくてよい」という場合でも「?style=conversation:none;」などと「theme:」や「cards:」指定部分を除外した書き方では機能しないことに注意。その場合「?style=theme:;cards:;conversation:none;」と、「theme:」や「cards:」は空欄にしつつも残しておく必要がある。

上記の方法は、ニコニコ大百科の運営・開発担当者である「はくはく」氏のTwitterにて2020年10月6日に非公式的に言及され、

ポストを読み込み中です
https://twitter.com/haku2/status/1313389557706964993

ポストを読み込み中です
https://twitter.com/haku2/status/1313390185829167106

ポストを読み込み中です
https://twitter.com/haku2/status/1313390284433022976

その後2020年10月30日に、「ニコニコ大百科ブロマガ(仮)」にて公式に報告された。

• 2020年10月に実施したバグやご意見への対応状況について:ニコニコ大百科ブロマガ(仮):ニコニコ大百科チャンネル(大百科運営) - ニコニコチャンネル:社会・言論

関連チャンネル

関連項目

• ニコニコ大百科
• Twitter
• HTML
• 引用
• 【朗報】ニコニコ大百科、Twitterまとめサイトを作れる
• 記事名にニコニコ大百科が入っている記事一覧

関連リンク

• Twitterのツイートを記事に埋め込む事が可能になりました(ニコニコ大百科ブロマガ)
• ニコニコ大百科で記事内へのTwitter貼り付けが可能に(ニコニコインフォ)

編集者向けページ
マニュアル	記事の編集方法 - HTMLタグ一覧 - HTMLエディタヘルプ - スマホエディタヘルプ - ピコカキコヘルプ - お絵カキコヘルプ - パンくずリスト - パンくずリストのガイドライン - ネタバレ記載方法
マナー	編集時のマナー - 編集合戦 - 編集競合 - 楽しく過ごすために - 白紙化
素材	素材集 - 素材集2 - ニコニコテレビ君 - キャラアイコン - ドットキャラ - 外字・特殊フォント
テンプレ	お知らせ表示 - ユーザーボックス - テンプレートボックス - 作品テンプレート - HTMLテンプレート集 - Twitter引用
カラー	HTMLカラーコード - CSSでの色指定
仕様	仕様 - デフォルトCSS - 自動リンク - ページ番号 - リビジョン番号 - 初版作成日 - 最終更新日 - 編集履歴
依頼	一般会員依頼スレ - 記事作成依頼 - 記事加筆依頼 - 要編集記事 - 未作成タグ - 話題の単語
公式企画	百チャレ - 大百科グランプリ
ヘルプ	よくある質問 - エラー・不具合情報
編集者	編集者一覧 - ★ - ∞ - ♢
その他	今週のオススメ記事 - おすすめトレンド - 急上昇ワード改
編集者向けページテンプレートver20251104