ニコニコ大百科

ニコニコ市場への導線いつの間にかなくなってたのか…（編集してるとき確認してなかった）
記事としては直接リンクにでもしておけば問題ないだろうけど今後消えていくんでしょうかね。

あと、凝ったレイアウトの記事一覧みたいなのないですかね？
「どせいさん」みたいな方向ではなくスタイルシートを駆使してたり面白く組み合わせてるタイプの。
レイアウト編集するときの参考資料にもなるだろうし。

あれ？シリーズのテンプレート消えてる？

シリーズのテンプレートのリンク先のことなら、以前がどうだったかは分かりませんが、編集する前から空でした。
無難なものに差し替えておこうかとも思いましたがあまりよいのが見つからなかったのでそのままにしています。

>>213
記事をシンプルで見やすくされた編集には敬服していますが、
廃止になったお題とニコナレはともかく、現役のサービスまで削除するのは拙速だったのではないでしょうか？

空表示だったのはサンプルが悪かったと思いますので、別のサンプルで差し替えました。

>>214
すいません、よく見たらシリーズの位置を変更されていたのですね。私の勘違いでした。
動画のサービスが並ぶように変更されたと理解しました。
お詫び申し上げます。

【ニコニコ市場】一部機能のリニューアルおよびサイト終了のお知らせ
https://blog.nicovideo.jp/niconews/119345.html

要約するとこんな感じ？
・2020年1月にリニューアル
・ニコニコ市場のサイト終了
・amazon以外が使えなくなる
・貼り付け時のデザイン変更（現デザインも使えるっぽい）

編集者視点だと
・縦長デザインが残るのか
・yahoo商品の張替えの必要性

新しい動画のサムネURLを発見しました
tn.smilevideo.jpやnicovideo.cdn.nimg.jpではない3つ目のURLです
1280×720のHD画質になったので今までと扱いが違うかもしれません
>>sm35880454


HD対応サムネURL
https://img.cdn.nimg.jp/s/nicovideo/thumbnails/35880454/35880454.82857449.original/r1280x720l?key=ef89e5d856a7a6cabf230a85b2eac76b1b4955fd768d63dade0ef9f54b4b050c

調べた限り2019年の5月22日以降なら生成されてます(チャンネルは除く)
チャンネルも何時からか分かりませんがHDサムネ自体は生成されてます

>>so35920727

HDサムネURL
https://img.cdn.nimg.jp/s/nicovideo/thumbnails/35920727/35920727.77331074.original/r1280x720l?key=f82c5f86fdf28a675e718f274779eece1f3ef9e3a96485b2660b9164d89dfbeb

Twitterのカードから判明したので下記サイトに動画のURLを張り付けて調べれば分かると思います
まだニコ動本体には実装されてない上、今後仕様が変わるかもしれないので加筆するかは任せます。

https://ogp.buta3.net/

すいません書き損ねた部分があるので追記します

HDサムネのURLについてですが、img.cdn.nimg.jpのサムネURLはニコニコの全動画に付与されていると思われます

昔の動画を調べると旧サムネの画像を大幅に引き延ばして表示します(4:3は960×720が限界?)
2008年に投稿され再生数18回で旧配信の動画にも新URLが付与されているので全動画の可能性が高いと思います
>>sm4374526

https://img.cdn.nimg.jp/s/nicovideo/thumbnails/4374526/4374526.original/r1280x720l?key=7220d43b63e7355a0e1c467f1331b23650445abd90fbd5104463115760f72c95
調べるサイト↓
https://ogp.buta3.net/exit

サムネはどうしてもCDNを使いたいようで過渡期ですね
img.cdnはHD(高画質)専用でsmileサムネの画質はnicovideo.cdnが担う形になれば落ち着きそうですが実装されないとなんとも言えないですね

周知されるように情報として残しておきます。

気付いた方もいるかもしれませんが、少なくともPC版とスマホweb版ニコニコ動画にはtn.smilevideoが既に使用されていません。
動画の検索結果に表示されるサムネは新旧関係なしにnicovideo.cdnに移行しており、tn.smilevideoはどこにもありませんでした。
また、tn.smilevideoにアクセスすると、nicovideo.cdnのサムネに自動でリダイレクトされます

例
https://tn.smilevideo.jp/smile?i=9
https://tn.smilevideo.jp/smile?i=30177801.M
https://tn.smilevideo.jp/smile?i=34388038.73849.L

総合的に判断すると、サムネのシステム移行は終了している可能性が高いです。
公式に発表されている訳ではありませんが、tn.smilevideoは今後使われないと思います。

遂にサムネの仕様変更が本家に導入されました
1280×720ではなく960×540ですが
PC版ニコニコ動画では全動画の再生前サムネイルが以下のような形式になっています
nicovideo.cdnも同時に生成されており、検索や関連動画などに使用されています
960×540より小さいサムネが生成されているかはkyeがランダム生成なので分かりません

>>sm35928733

再生前サムネ(960×540)
https://img.cdn.nimg.jp/s/nicovideo/thumbnails/35928733/35928733.88918426.original/a960x540l?key=9f90da475413a591d9c7ad314071e908f430a6efbd8f4505236820203f876d75

最大解像度(1280×720)
https://img.cdn.nimg.jp/s/nicovideo/thumbnails/35928733/35928733.88918426.original/r1280x720l?key=f21e5a9b279b648c7066749a25f5b4439b4599ad7e882baf42c2bbf1fcb3e93f

サムネ高画質で貼れるのか！と思ったら

＞ニコニコ大百科の記事では、ニコニコ動画のサムネイル・ニコニコ大百科のお絵カキコ・ニコニコ静画のサムネイル・ニコニコモンズのサムネイル・ニコニコミュニティのコミュニティシンボルのみ貼ることができます。

エラーになるね、残念

>>216 で書いたけど、ちょっぴり追記されている模様
1月にリニューアルと言いつつ具体的な日にちが当月になっても分からないままなのはモヤっとする

『各サービスの貼り方』のスマホ版での横幅設定はPC版と同様に固定化された模様
編集者の目に付きやすいところにクソな仕様と回避方法を記載しておくと運営が仕様変更してくれるんだろうか…
過去の負の実績から正規の改善提案じゃ変わらないのは分かってるしね

記事内に動画サムネイルの貼り付けしようと思ったけど、動画広告で金枠や銀枠になってる動画って「新しいタブで画像を開く」ができないんですが、どうすればサムネイル生成できるんでしょうか？

>>223
動画を開く→視聴履歴に載ってる動画サムネからURLコピーできる

>>223
iframeの中身のURL
https://ext.nicovideo.jp/thumb/sm9
を直接開いてサムネイル画像のアドレスをコピーする

>>224　>>225
ありがとうございます！
貼り付け方のところに記載しておいたほうが良いかもしれないですね

【ニコニコ市場】一部機能のリニューアルおよびサイト終了のお知らせ
https://blog.nicovideo.jp/niconews/119345.html

実施日が1月29日(水)に決まった模様

サムネイル画像、htmlエディターから直接貼れればいいのにね

PCだと横二列で表示されてスマホからだと縦に並ぶ感じのレイアウト、参考になる記事無いかなぁ

>>229
PC版で
[A][B]
って並んでるのが
スマホ版で
[A]
[B]
って並ぶようなのだよね？わかりやすいのだとニコニコ大百科の記事とか。

div組みでもtable組みでtdにfloat付与する形でもどちらでも。

tableの場合、この記事のテンプレ応用するならこんな感じ。
<table style="border: 0; width: 100%;">
<tbody><tr>
<td style="border: 0; padding: 0; width: 360px; max-width: 100%; float: left;">
<ul>
<li>1-1</li>
<li>1-2</li>
<li>1-3</li>
</ul></td>
<td style="border: 0; padding: 0; width: 360px; max-width: 100%; float: left;">
<ul>
<li>2-1</li>
<li>2-2</li>
</ul></td>
</tr></tbody>
</table>

>>229
https://dic.nicovideo.jp/id/5411494
失敗例も含めてHTMLソースのコメントアウトで色々書いていますが、結局1列目の下に行った後、2列目の上にスクロールして戻らないといけないので、2段組にしても縦が1画面に収まらないPCが出るほど長くなるようならデメリットもあると思います。

その辺りは今あるテンプレをスマホ対応にしていけばいいのかな
「項目の2列化」は対応してないですけど、一応この記事の「目次」欄でもfloatを使っていたりはする
「niconicoの各サービスの貼り方」辺りをスマホ対応するのが面倒だったので、「フィルム風」とかの1部を除いて対応した記述に変更していませんけど

>>233
>>232でも指摘していますが、勝手にブラウザがフォントサイズを変えて調整したり、スマホでOKでもタブレットだと違っていたり(あと縦向きと横向き)と、安定した動作をさせるのは非常に難しいのではと思います。
まして、事情を知らない他人が手を加えた時まで、その人が表示していない環境でも表示崩れが発生しないようにしようとすると、とてつもなく難度が高いように感じました。

環境で段組みが変わるのはかっこいいので、安定して動作するのであれば是非お願いしたいですが、ここのテンプレートをみんなが真似した後に問題が発覚したら収拾がつかなくなるので、表示が崩れる環境が発生しないことが大前提だと考えます。

もしテンプレート化するのであれば>>232でも述べたように1画面に収まりきらない環境(スマホ横向きを含む)が発生する2段組みは、項目の列挙ならともかく順番に読む文章などの場合、読者の不利益になることも注意書きにつけて頂きたいと思います。

>>234
フォントサイズに関してはスマホ(タブレットを含む)のブラウザでフォントサイズ強制変更させるのもあるしなんとも言えないところだけれど>>229の言ってるスマホで…というのはスマホ版のことを指してるんじゃ？

そして>>230-231と>>233で挙げてるようにブレイクポイントを720pxにすればwidth(できればmax-widthとの併用が望ましい)で左右組みが崩れて一列に配置される条件は配置した合計のwidthを表示幅が維持できなくなった時なので
フォントサイズは関係なくPC版では左右配置、スマホ版では縦配置は可能。

※
PC版は記事の幅(width)720px固定なので左右配置を確実に維持する。
スマホ版タブレット(iPad)は768pxで表示されるので左右配置を維持する。
スマホ版縦画面は最小320px(iPhoneSEまで)、AndroidはGalaxy,Nexus,XPERIAなどで最小360px。現行端末でiPhone系375px,414px Android系420px,480px
となるため720pxの幅を維持できなくなるので縦配置に。
スマホ版横画面は機種によって異なることが多いので一概に言えないが先の720pxを超える表示幅では縦配置、それ未満なら縦配置になります。

スマホで横並びのiframeが縦に配置されるのと原理は同じです。

>>232で挙げられたように続けて読ませるような文章の方がスマホ縦画面では縦に配置された方が余計なスクロールがなくなります。
フォントサイズ如何はラップトップの解像度の低いPCだとご指摘のように一画面で収まらず…というのは多少出てくるかと思いますが、。

niconicoの各サービスの貼り方の
>スマホ版サイトではサイズに変動が生じる謎仕様。
>style="width: 312px; height: 176px; border: solid 1px #ccc;"を設定することで、PC版と同様の表示に固定することが可能。
は、もう同一サイズになってるからborder: solid 1px #ccc;以外は必要ないかな。

先日、ニコニコ大百科運営生放送がありました。
そこで１記事編集者として下記の要望を伝えております。どこまで対応して貰えるかは分かりませんが運営が「知らなかった」では通せなくなりました。>>lv326515878


■ニコ百の編集について（要望）
PC版とスマホ版の仕様の違い（<h3>や<li>など）による編集者への余計な負担。「スマートフォン版ニコニコ大百科」に書かれている内容。
編集歴の浅い編集者には★のような判別可能な若葉マークなどをつけることを提案。
編集画面による広告掲載は編集者の萎える要素であること。
「ほめる」について編集時点のリビジョンでいくつであったかを記録して欲しいこと。
ユーザーページに書き込みがあったら通知が欲しいこと。（ユーザーページを見ない編集者もいるため）
スタイルシートを記事内で定義できるとレイアウト調整が楽になること。

■ニコ百の機能について（要望）
HTML5版お絵カキコに透過機能やレイヤーがないので記事用素材作成に影響があること。
イベントやるなら、素材作ったり、散らばってる素材を集めるようなのもやって。
運営を交えて機能などの要望を書き込める常設の掲示板なりの設置。（要件定義や仕様調整もそこでやれば早いのに）

■運営からの告知内容など
スマホ版からテキスト周りの編集ができるようになるとのこと。
編集者が減っていること。
「大百科！春の編集祭り」での★配布の反省。（※個人的にコレで萎えて前後で比較して編集数が5分の1に減少中）
個人名記事の掲示板閉鎖、荒らし対応など。
放送でのコメはあとでログを確認してブログかなんかにまとめるとのこと。
要望などは公式ツイッターにDMするかリプして欲しいとのこと。

■言い忘れたこと
リビジョンの比較精度が低いこと。
編集履歴でそのリビジョンの編集量を分かりやすくして欲しいこと。（編集履歴確認時の負担軽減。時間をかけて編集している人よりも、1行追加を繰り返している人の方が貢献して見えるため）
HTMLの属性の順番入れ替えによるリビジョン比較時の可読性が低下していること。（編集していない箇所の属性部分が入れ替わったりする現象）
RGB指定に透過も指定できるようにして欲しい。
空の<span>の自動除去。

>>237 まとめていただきありがとうございます。放送してくれるのはとてもありがたいことなもですが、見てて思ったのは「へえ〜そうなんですか」と初めて聞いたようなリアクション、そもそも何が問題なのかわかっていないようなリアクションを結構とられていたことです。もっとしつこいくらい運営さんに伝えていかなければなぁと思いました。

視聴履歴からサムネイル画像取得できなくなっちゃったなー
対策あればコメントで教えてほしいです

>>239
https://ext.nicovideo.jp/thumb/動画ID
で、動画フレームを表示すれば取得できるかと