ニコニコ大百科

見出し2　#666633
この絵を基にしています！ 記事内参照用URL :

見出し3　#666633
この絵を基にしています！ 記事内参照用URL :

見出し4　#666633
この絵を基にしています！ 記事内参照用URL :

見出し5　#666633
この絵を基にしています！ 記事内参照用URL :

リスト　#666633
この絵を基にしています！ 記事内参照用URL :

リスト2　#666633
この絵を基にしています！ 記事内参照用URL :

リスト3　#666633
この絵を基にしています！ 記事内参照用URL :

リスト4　#666633
この絵を基にしています！ 記事内参照用URL :

横からですみませんが、一応グラデ素材は利点がまったくないわけでもないんですよね
VTuberテンプレートボックスを見ればすごくわかりやすいのですが、差し替える場所が最小限で済むので、記事編集初心者の方には向いてます

一方でlinear-gradientは素材がなくてもいくらでも調節できるのが強みです 使い方がめちゃくちゃ難しいわけでもないので、欲しい色を調べて打ち込めれば一番確実ですね

そもそも連投自体がマナー違反と言われかねない行為なのはご存知ですよね？
今回みたいにレスを押し流してしまいますし

話の真っ最中に当事者がやりますと、自分の不利益になるレスを意図的に押し流したとしか認識されません
過去にも同様のことをされていますので故意かもしれませんが、お気をつけ下さい

>>4913

これはレスじゃありませんが、こんな風にレスをつければ流れたとしても戻れますし、そもそも数年前から素材を投稿する場で、議論をやろうにも向いていません。

ですが出かけていた最中に思いついていたのですが、「 ニコニコ大百科:素材集／ニコニコ大百科関連の再現（＋アレンジ）素材」を記事として立てて素材をそこで作るとして、ここで議論の続きやりましょうか。

まず「ニコニコ大百科:素材集について語るスレ」なのでお絵描きは別にして
素材お絵カキコを投稿する掲示板ではありますが、議論の場でもあります。

>>4929
一長一短はありますが、そもそもお絵カキコの画像を探したりするのも容易ではないだろうし、
「路線テンプレートボックス」のように既にlinear-gradientに切り替わっているものもあります。
VTuber系記事も個別の記事ではlinear-gradient使ってたりしますし。

そこでfoV50ZeIp/氏が>>4931で別記事を…と言われていますが、記事を作るなら各テンプレートから参照できるように
linear-gradientとお絵カキコ画像を取り扱うテンプレートの「一部のテンプレート」になる記事を作りませんか？

>>4920で示したように画像側の特徴を再現することも可能ですし………って、それすら見られてないんじゃ？

そもそも画像を使うならbackground-size: contain;を付与しておかないと環境によってはズレるし。

>>4930で言われているのは>>4931で言うように「他所で好きに描くからそれで」ってことじゃなくて
お絵カキコ全体での素材お絵カキコの立ち位置でもあるんですよ。

気持ちは分からんじゃないんですがね、グランデーションはお絵カキコで投稿されて作られたものじゃないから素材とは違うんですよ。だから素材系の記事で載せるのはちょっと違うんじゃないかって。

まず、議論というよりも、ID:foV50ZeIp/ さんがlinear-gradientの仕様を正しく理解できたかどうかの確認が必要です。
かなりの固定観念をお持ちのようですので、ここで確認しなかった場合、また繰り返す可能性があります。

>>4931
レスをつければ戻れると主張されるのは連投荒らし例えば「2019年5月大百科荒らし事件」なども擁護することになることを理解されていますでしょうか。
また、議論に向かない場にした一因がID:foV50ZeIp/ さんであることぐらいはご自覚ください。
別記事を立ててといった対応ができるのであれば、『ニコニコテレビ君の旗の一覧』などは別記事となっているように、これだけ大量に投稿する前に、最初に個別記事で素材の作成すれば迷惑度は少なく済んでいました。

>>4933
記事の素材と言う点ではお絵カキコだろうがCSSであろうが記事を構成する一部で手段の違いでしかありません。
確かに、普段からlinear-gradientを使っている人からすれば、単純なグラデーションでしかないため、この程度で素材と言うのは鼻で笑われるかもしれません。
当記事で扱うなら記載の仕方次第だと思います。古いやり方としてお絵カキコを使ったものを紹介し、CSSを使ってより美しく表示することもできますよとすれば問題ありません。

>>4932
連投していた見出しやリスト画像についても、透過画像が作れた頃であれば、毎回描かなくてもCSSを組み合わせることで再現できたんですよね。
複数やり方はありますが、例えば白抜きで色部分をbackground-colorで指定するものを各種作っておけば、数個の画像だけで大部分をカバーできましたし。
グラデーションについても、半透明で白色主体で作成していれば、数個の画像で使いまわせましたしね。
当然ながら、画像を探す手間もなくなります。

そもそもの話、大量の見出しアイコンが作られたことにより、当記事内に投稿された素材を探すのも困難な状況に陥っていますし。
必要な素材を検索やユーザー記事でまとめている方経由で見つけてみたら、当記事の過去のレスの中に記事に反映されないまま埋もれていたということもありましたから…。

だったら編集者がいち早く反応して記事にも更新していく必要があるのでしょう。
ここ最近は必要なのが大体出揃ったこともあり頻度が減っているのでちょうどいいですが、もしも作る必要が出てきた場合に上みたいに8つは作ることになりますから。

あとこれ感じたの私だけではないと思いますが、私から見ればR7orcCrzp6さんの方が長文で書くぐらいこだわりすぎであるように見えます。

みんな優しいからはっきり言わないだけで
表示箇所に合わせて線形の色変化を持った「画像を生成」するlinear-gradientと
お絵カキコで単一のグラデーションさせた素材png画像を作るのでは

優劣をつけるならpng画像の方が固定サイズになるため劣です。

素材お絵カキコをするのがそんなに偉いんですかね？
どうみてもfoV50ZeIp/さんのほうが固執されていると思いますが…。


>>4934
白と透過部分使ってアンチエイリアス部分までしっかりやっても>>4832のように埋もれるんですよ。
使い方のテンプレまで用意してても…

すいません、元々の話の着地点から外れてきてる気がしたので。

元々私が言い出した内容って、
「スタイルシートを使えば、お絵カキコを使用せずとも、ソースコードだけグラデーション効果を実現できますよ」（採用するかは別として）
というTIPSの解説でしたので…。
＃上記括弧書きの部分を最初からお伝えしていればよかったですね、すいません。

それを踏まえた後の、テンプレートボックスやパンくずリスト等で用いるグラデーションはどう作るのか、というのは各編集者さんが判断すれば良いかなって思っております。

ここから以降の話は元々の話題とは別の議題になるかと…。

自分用
記事内参照用URL :

自分用その２
この絵を基にしています！ 記事内参照用URL :

>>4934でID: R7orcCrzp6さんが言っている見出しアイコンのやつを
ID: foV50ZeIp/さんの>>2561の黒の配色パターンをベースにして
https://dic.nicovideo.jp/oekaki_id/919926.pngにて描かせてもらいました。

自分がずっとこれ系の使い回せる楽な方法やらなかったのも以前はlinear-gradient使えなかったからで、
楽な方法が使えるならばトコトン楽にしたい派なのですよ。このほうが使う側も探し回らなくていいから楽。

使うのに必要なテンプレ部分も向こうにレスしてるので、そっちを参照してください。

>>4940
お疲れ様です＆ありがとうございます。
linear-gradientが使えなかった頃であれば、グラデーション部分も半透明で薄く白色を乗せておく感じでも良かったかもしれないですね。
あとはh3版など作成されるようであれば、ひと段落した時点で当記事や、『ニコニコ大百科:HTMLテンプレート集』の見出しサンプル部分を差し替えても良いかもしれません。

描く場所は向こうをお借りしても、素材に関することなので話すのはこちらの方がいいですね。
向こうの掲示板でもレスしましたが一応まとめておくと

1.記事背景色が白の場合のみ対応
2.画像が縦長なのは白背景の縦位置中央に透過部分として半透明の白色を置いていて、
そこに背景色が重なるので中央のアイコン位置のみ色が変わる
3.linear-gradientで2.の背景色を縦の左端から12pxの位置で色を変えているため、
左側（アイコン）は指定色、右側は白になる。

2はbrによる改行やフォントサイズの対策（上下の余計な部分は表示されず常に縦位置の中央が真ん中にくるため）
3はお絵カキコの最大サイズが600×600のため1000×1000などで横幅全体が覆えるような細工ができないから。
linear-gradientに頼らない方法としてはh2のbackground-colorと<span style="background: white; width: 100%; display: block;">概要</span>で代用できる。
（※その場合は横幅20pxの画像にしないといけない→h2のpadding-leftとの兼ね合い）

12×12のサイズで作って記事背景色が白じゃない場合への対応も可能
（この場合はアイコン部分をimg画像として代替したりしないといけないし遅延読み込みで先に色が出てから画像が描画される）

- - - - -
リストアイコンはこの手の方法は無理に近い。
h3以下h5まで同一の手法でお絵カキコすれば、見出しアイコンの記事背景色白に関しては完全に同じ画像で使いまわせるけど、どうしましょ？

pixivとかBOOTHの最新のアイコンほしいなあ…絵師の記事作るときに必要なので。

あと作られた素材追加ちゃんとやらないとですね。

フランコ政権下スペイン
この絵を基にしています！ 記事内参照用URL :

ブルガリア人民共和国
この絵を基にしています！ 記事内参照用URL :

ルーマニア社会主義共和国
この絵を基にしています！ 記事内参照用URL :

ペルー市民旗
この絵を基にしています！ 記事内参照用URL :

一生懸命作ってくれたところ悪いんですが、ちゃんとタイトルに名前書かないと検索でたどり着けませんよ？

ほめるアイコンの多分途中状態
記事内参照用URL :