ニコニコ大百科: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引用の使い方が画像付きで説明されているので、こちらも合わせて参照のこと。
- HTMLエディタの下段右端にあるTwitterアイコンをクリックする。
- 出現するボックスに引用したいツイートのURLを貼り付ける。
- ボックス内のOKを押すと、本文中にTwitterのツイートURLが専用の引用ボックス内に表示される。
ツイートのURLの探し方とコピぺのやり方
- Twitterにログインする。
- 引用したいツイートをキーワード検索などで探す。
- 引用したいツイートをクリックし、ブラウザ上に表示されるURLをコピペすればOK(なお、ブラウザによっては、各ツイートの右上端にあるボタンをクリックすると、URLが表示されるボックスを出現させることもできる)。
PC版でツイートを中央に表示させる方法
先程の<blockquote>要素を以下のように囲むと良い。
例
PC版でツイートを2列表示させ、なおかつスマホ版で表示を崩さない方法
<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動画の場合)
https://twitter.com/eventnico/status/1107923585551618049
ツイートを読み込み中です
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の末尾に
などといったダミーパラメータを付与することで指定できる。このうち
- 「
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日に、「ニコニコ大百科ブロマガ(仮)」にて公式に報告された。
関連チャンネル
関連コミュニティ
関連項目
関連リンク
編集者向けページ |
|
---|---|
マニュアル | 記事の編集方法 - HTMLタグ一覧 - HTMLエディタヘルプ - スマホエディタヘルプ - ピコカキコヘルプ - お絵カキコヘルプ - パンくずリスト - パンくずリストのガイドライン |
マナー | 編集時のマナー - 編集合戦 - 編集競合 - 楽しく過ごすために |
素材 | 素材集 - 素材集2 - ニコニコテレビ君 - キャラアイコン - ドットキャラ - 外字・特殊フォント |
テンプレ | お知らせ表示 - ユーザーボックス - テンプレートボックス - 作品テンプレート - HTMLテンプレート集 - Twitter引用 |
カラー | HTMLカラーコード - CSSでの色指定 |
仕様 | 仕様 - デフォルトCSS - 自動リンク - ページ番号 - リビジョン番号 - 初版作成日 - 最終更新日 - 編集履歴 |
依頼 | 一般会員依頼スレ - 記事作成依頼 - 記事加筆依頼 - 要編集記事 - 未作成タグ - 話題の単語 |
公式企画 | 百チャレ - 大百科グランプリ |
ヘルプ | よくある質問 - エラー・不具合情報 |
編集者 | 編集者一覧 - ★ - ∞ - ♢ |
その他 | 今週のオススメ記事 - おすすめトレンド - 急上昇ワード改 |
r20231215 | ve
親記事
子記事
- なし
兄弟記事
- テスト記事
- ニコニコ大百科での記事の書き方
- ニコニコ大百科:HTMLタグ一覧
- 編集履歴
- ニコニコ大百科:編集者一覧
- ニコニコ大百科:記事の編集方法
- ニコニコ大百科:HTMLテンプレート集
- ニコニコ大百科:HTMLエディタヘルプ
- ニコニコ大百科:素材集
- リビジョン番号
- ページ番号
- ニコニコ大百科:お知らせ表示の一覧
- ニコニコ大百科:ユーザーボックスの一覧
- 編集競合
- 記事編集初心者へ
- 編集合戦
- ニコニコ大百科:編集時のマナー
- 記事名変更機能
- 凝ったレイアウトを作りたい人向け:スタイルシート活用講座
- 白紙化
- 作品テンプレートの一覧
- ニコニコ大百科:テンプレートボックス
- ニコニコ大百科:∞
- ニコニコ大百科:★
- ニコニコ大百科:右カラム
- 編集テスト
- ニコニコ大百科:◇
- ニコニコ大百科:初版作成日
- ニコニコ大百科:パンくずリスト
- ニコニコ大百科:最終更新日
- 記事編集依頼の一覧
▶もっと見る
- 5
- 0pt