ニコニコ大百科:Twitter引用 単語

ニコニコダイヒャッカツイッターインヨウ

5.2千文字の記事
これはリビジョン 3071820 の記事です。
内容が古い・もしくは誤っている可能性があります。
最新版をみる

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

概要

特徴

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>

例

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>

例

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

メリット

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

デメリット

  • 記事のレイアウト･バランス調整の難しさ、扱いにくさ
    Twitter引用機能は、ツイートをそのまま引用添付できるという利便性がある反面、引用枠の拡縮が一切出来ない。そのため、記事レイアウトやバランスが崩れやすく、編集者を悩ませる難点の1つとなっている（一応、divを用いることである程度調整できる）。
    さらに、表内で用いる際、1セル～3セル程度の簡単な表ならまだしも、10×10などの複雑で広大な表内で用いたりするとレイアウト崩壊を起こしやすい。
  • 添付画像･動画の表示ON/OFFが出来ない
    ツイートに添付されている画像･動画は表示の切り替えが一切出来ない。そのため、「ツイート文だけ引用したい」という場面に遭遇しても仕様上、絶対不可能である。
    →2020年10月に解決。ただし引用する際に一手間必要である。下記「カスタマイズ」の節を参照。
  • リプライツイートはリプライ元ツイートも表示される
    リプライツイートを引用すると、仕様上リプライ元のツイートも一緒に表示されるようになっている。その分縦に場所を取るため、さらに記事レイアウトが崩れやすくなっている。
    ↓例
    そのため、リプライツイートだけ引用することはできない。
    →こちらも2020年10月に解決。同じく、下記「カスタマイズ」の節を参照。
  • 引用したツイートが表示できなくなることがある
    Twitter上に「現在存在している、表示可能な」ツイートを、「Twitterの機能を利用して」そのまま引用表示する機能である。そのため「そのツイートが削除された」「そのツイートをしたアカウントが非公開設定に変更された」「そのツイートをしたアカウントが削除された」「Twitterがサービスを停止している」などの理由でそのツイートがTwitter上で表示不可能となった場合には、ニコニコ大百科のこの機能においてもやはり表示されなくなる。仮に、伝えるべき情報の具体的な中身についてこの機能で引用したツイートに大きく依存した記事があったとしたら、そのツイートが表示不能となっているときにその記事を閲覧した者は非常に限定された情報しか得られないことになってしまう。

カスタマイズ

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

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

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

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

となっている。

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

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

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

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

関連チャンネル

関連コミュニティ

ニコニコミュニティは2024年8月に終了しました。ニコニコミュニティは2024年8月に終了しました。

関連項目

関連リンク


編集者向けページ
マニュアル 記事の編集方法 - HTMLタグ一覧 - HTMLエディタヘルプ - スマホエディタヘルプ - ピコカキコヘルプ - お絵カキコヘルプ
マナー 編集時のマナー - 編集合戦 - 楽しく過ごすために
素材 素材集 - 素材集2 - ニコニコテレビ君 - キャラアイコン - ドットキャラ - 外字・特殊フォント
テンプレ お知らせ表示 - ユーザーボックス - テンプレートボックス - 作品テンプレート - HTMLテンプレート集 - Twitter引用
カラー HTMLカラーコード - CSSでの色指定
仕様 仕様 - デフォルトCSS
依頼 一般会員依頼スレ - 記事作成依頼 - 記事加筆依頼 - 要編集記事 - 未作成タグ - 話題の単語
公式企画 百チャレ - 大百科グランプリ
ヘルプ よくある質問 - エラー・不具合情報
編集者向けページテンプレートver20220711
関連記事

親記事

子記事

  • なし

兄弟記事

おすすめトレンド

ニコニ広告で宣伝された記事

記事と一緒に動画もおすすめ！
東ローマ帝国[単語]

提供: Kay

989万pt
もっと見る

急上昇ワード改

最終更新：2025/12/09(火) 07:00

一覧をみる

ほめられた記事

最終更新：2025/12/09(火) 07:00

一覧をみる

ウォッチリストに追加しました！

すでにウォッチリストに
入っています。

OK

追加に失敗しました。

OK

追加にはログインが必要です。

キャンセル

ログイン

           

ほめた！

すでにほめています。

ほめるを取消す

 

 

OK

すでにほめています。

ほめるを取消す

 

 

OK

ほめるを取消しました。

OK

ほめるに失敗しました。

OK

ほめるの取消しに失敗しました。

OK

ほめるにはログインが必要です。

キャンセル

ログイン

タグ編集にはログインが必要です。

キャンセル

ログイン

タグ編集には利用規約の同意が必要です。

キャンセル

利用規約を読む

TOP

運営元:ドワンゴ
新しく記事を作る
PC版