さちすとは
大百科のかたすみでお絵かきしていた人。編集者ではありません。
今はTwitterとかに生息しています。
編集者のるー ◆I51WMEmWkIさんが、お絵カキコを集めた記事を作ってくれました。
感謝ですm(_ _)m ⇒さちす(絵師)
明石さんLv112になりました!でも最近明石さんとケッコンしてる提督もよく見るようになりましたね。
龍ヶ嬢七々々の埋蔵金、毎週楽しみに見てます。
ヒロイン外に出ないけど、天災ちゃんかわいいので満足。
レ級ちゃん超怖い!
不健康そうな体つきを表現しようとがんばった。
時事ネタってことで扉絵に選ばれました。
よしこさんの記事に描いた、俺修羅のちわわです。
あんまり話題にならないけど大好きなんですよ、俺修羅。
二期まだかなー
ぽって!
モリサマちゃんのお礼に、ほんわさんの記事に描いた。
たまゆら二期の放送開始にあわせて扉絵に選んでいただきました。
WOLFRUMさんの記事に描いた。
サムゲたんかわいいよ!炎上しててかわいそうです。
近年ではいちばんかわいく描けたと思ってるんだけどどうでしょう。
おぐらふさんの記事に描いた。
塗りが上手くいったような気がします。
ほんわさんのオリキャラ。
キャラ考えた本人が設定を忘れていた。不憫。
ぴゅーれさんの記事に描いた。
城はもう二度と描きたくありません。
扉絵になったりした。
投稿エラー起こしたりとか裏でも色々あった絵です。
白黒で描いてからオーバーレイで着色した。
まこぺろ。
ティンクルスタースプライツのキャラクター。好きなゲームです。
残りキャラもそのうち描くつもり。
箱ドット。流行ったよね。
おさげののりえちゃんかわいいです興奮します。
アニメのワンシーンの模写。
よしこすの記事に描いた。
時間かけて塗りこんだ結果、下描きのシャープな感じがなくなりました。
nanoさんの記事に描いた。
一回落ちたので二度描きました。
みつどもえのおでこちゃん。
けいおんのジャケっぽく塗ってみた。
SAIか何かでレタッチしたのが静画にあります。
ちょ~CB39さんから頂いたイメージ画 |
esseさんキター! |
esseさん続きまだー? |
病院もT5! er算数さん |
黒点さんから頂いたばる酢っ! |
amaruさんのこなた!大好きな絵師さんです。 |
佐野路さんから。帽子は年中被っています。 |
黒点さんから扉絵記念に頂きました、。 |
|
柊姉妹の誕生日に描いていただきました! yammabooさん…かな?違ったらごめんなさい |
LoLiパステルさんから。衝撃的な扉絵、素敵でした! |
おぐらふ若野さんから。楽しい夏のお便りです。 |
おぐらふ若野さん再び。有難うございます!。 |
床暖さんから。時代は魔法少女なのか。 |
にぅさんだと思う。羽入描こうず。 |
突撃!となりのよしこさん!鎖骨! よしこさんの絵はなかなかフェチ度が高いと思う。 |
nanoさん。つか×みゆ!かわいい!! nanoさんの絵かわいすぎて息が止まりそう。 |
よしこさんから。さち☆すた無いで! |
黒点さんからロゴ頂きました。無いで! |
越後屋の駄菓子さんから。 斧つかさ小町っちゃん! |
ほんわさんからみゆきさん頂いてしまった! かわいい! |
よしこさん100人凸のスタート地点?がんばれ~ |
そよきさんから。浴衣っていいよね!いい! |
ホワイトデーにお返しもらった!おぐらふさんから |
WOLFRUMさんから。スペースサムゲタン! 宇宙っていいよね。描いてみたいテーマなんですけど、なかなか描く機会はないのです。 |
knuckさんから。さおりーん結婚してくれ! 茶髪猫耳もふもふしたいです!ゆるふわ茶髪はもっと流行ってもいいと思うんだ! |
ほんわさんのモリサマー! 茶髪ゆるウェーブもしゃもしゃしたい!モリサマの毛先がくしゃくしゃってなってる感じたまらんです。 |
越後屋の駄菓子さんから。こはめいた! 実は琥珀さん、メルブラで一目惚れして大好きなんですよ!覚悟してくださいましー! |
越後屋の駄菓子さんから頂きました。 ダエモニアになっちゃうよ!幻影ヲ駆ケル太陽はもっと流行ってもよいアニメでした。 |
月夜海さんのあなる!いや変な意味じゃなくて。 茶髪ウェーブ贅なんだけどどうしてこうなった…なんもかんも月夜海さんのせいにしとこう。 |
ぴゅーれさんから頂きました。 城のこともずっとお待ちしております! |
ぴゅーれさんから、お誕生日祝い!。 つかみゆ大正義ですぞ!! |
よしこさんから。 高雄姉さん!お背中流しましょうかっ |
メモ
個人的なメモです。編集者ではありません、、とか言ってられなくなってきたので編集ほか、大百科記事についてこっそり書き留めておきます。
立てた記事
記事立てはほとんどやりません。現時点でこの14つだけ。
記事名 | 立てた日 | 備考 |
---|---|---|
ユーザー記事 | 2008/08/06 | ここ。基本。 |
←結論 | 2008/12/26 | 初めて立てた記事。パッとしない。#1のレスがわりと酷くて、初めて立てた単語記事なのにずいぶんヘコみました。 |
病院が来いのお絵カキコ | 2009/11/05 | 更新しなきゃ。 |
まつざきしげるいろ | 2010/09/14 | へぇ~。ネタ記事のようですが結構真面目に書いています。色というものが一筋縄ではいかないものだということを、この実験はとてもわかりやすく表していますよね。 |
広島風お好み焼き | 2010/09/22 | お好み焼きの記事より先に立てようとしたけど失敗。1年くらい記事内容で悩んでるうちに先にお好み焼きの記事が立ってしまいました。内容面ではお好み焼きの記事に勝ってるよな。 |
ぼんぼり祭り | 2011/07/28 | 行きたかったな。 |
格闘ゲーム用語の一覧 | 2011/09/08 | 初版で完全な記事を目指したけど、目次のリンクがかかってないという致命的なミスを犯しました。完璧な記事なんて不可能なんや…。 |
咲-saki- 阿知賀編 団体戦成績表 | 2012/06/21 | 誰得なデータ資料まとめ記事。咲-saki-阿知賀編で麻雀描写のあるシーンの得点と和了った役をひたすら記録していきます。和了り役については10Vさんにお願いして判定してもらいました。すばらっ! |
ウィッチクラフトワークスEDに登場する拷問 | 2014/01/30 | 調べてもあんまりいいのが出てこなかったので自分で作りました。同様のまとめはネット上にいくつかありますが、ウォーキングプランクについてきちんと説明しているところは多分ないです。 |
龍ヶ嬢七々々の埋蔵金 | 2014/04/12 | アニメ放送が開始したのにもかかわらず記事が無かったので作成。市場の表示などに拘ってみました。 |
艦これ用語辞典 | 2014/05/15 | わりと初心者には理解し辛い用語が沢山ある艦これ。着任したばかりの提督でもわかりやすいように、初心者がつまづきやすい用語の一覧を作成。 |
LOVE STAGE!! | 2014/07/31 | アニメ始まったのに記事が無いので急遽作成。目立たなかったけど王道ラブコメ展開でかなり面白かった作品です。…だが男だ。 |
さよ朝 | 2018/02/26 | リダイレクト記事はじめて作りました。好きな作品です。 |
鈴木ヒナ | 2018/05/30 | お気に入りのVTuberさんです。田中ヒメの記事はあったけど鈴木ヒナの記事が無かったので作成。 |
記事名 | 立てた日 | 備考 |
大きく編集した記事
記事デザインをやりたいときにやることが多いようです。
記事名 | 編集した時期 | 備考 |
---|---|---|
らき☆すた | 2008年秋頃 | 背景画像追加と、キャラクター画像の並べ方の工夫を。当時はアニメ記事でこういったキャラクター紹介の仕方はあまり有りませんでした。画像へのリンクがお絵カキコへではなく、キャラクターへの記事になってるところがミソです。 |
病院が来い | 2008年~2009年頃 | 初期の大百科を象徴するような場所。掲示板の盛り上がりのわりに記事がなかなか纏まらなかったので編集。暴走しつつも大事な部分は押さえたつもりです。 |
けいおん!モブキャラ | 2010夏~ | 同様の記事はピクシブ百科事典にもあり、そちらのほうがまとめとしては密度が濃かったのですが、ニコニコ大百科の強みである「HTMLタグが使える」ことを活用して、ピクシブの記事よりも見やすく楽しい記事を目指しました。 |
色の一覧 | 2010年秋~ | この記事を軸に、色名記事を纏めていきたいと思っています。(まだやってない。)色名記事については、16進数カラーコード表記を極力使わず、もう少し広い意味から色名について掘り下げる記事にしたいと考えています。 |
放課後ティータイムⅡ | 2010年秋 | 無駄に素材がんばった。単語記事だけど商品記事のような独自のレイアウトを模索しました。 |
オサレ | 2011年冬 | オサレのかっこいい部分とオサレのダサい部分をレイアウトで表現したかった。中揃えや小文字って超オサレ。 |
ニコニコ大百科<table>とーく! | 2011年春 | しぇるさんの仕事を奪ってしまいました。ほんと申し訳ないorz 好きなように編集してもらっちゃって結構です。 |
たまゆら(アニメ) | 2011年秋 | たまゆららしいふわふわした記事デザインを目指して、スクロールしていくと上のほうで枠が光に溶けていくイメージを作ってみました。ちょっと冒険しすぎだろうか・・?キャラクターお絵カキコもやりたいです。 |
記事名 | 編集した時期 | 備考 |
大百科でよく使うHTML構文集
あまりにも基本的なものは省いています。覚え書き程度。
インライン要素基本 | |
---|---|
<img src="" alt="" title="" width="" height="" /> | 画像。titleとaltには画像タイトル・説明的なものを入れます。 |
<span style="font-size: ;"></span> | インラインの文字サイズ変更。spanはあまり使いたくありません。 |
リンクタグ | |
<a href=""></a> | リンク。「はるぇふ」とか覚えようとするけどすぐ忘れる。 |
<a style="text-decoration: underline; font-weight: bold;" title="" href=""></a> | 下線と太字をCSSで入れて強調したリンク。よっぽど強調したい時用。<strong>タグと<span>タグで挟んでもいいんだけど入れ子が嫌なのでたまにこうします。titleは入れておくとマウスオーバーで文字。 |
<a href="" style="background-image: none;"></a> | 大百科専用特殊。外部リンクや動画へのリンクの端につく外部リンクアイコンを外す。 |
<a name="anchor">アンカー</a> | ページ内リンクのアンカー。領域指定しないといけない理不尽。 |
<a href="#anchor">アンカーに戻る</a> | ページ内リンク。上のタグの位置までジャンプします。 |
ブロック要素基本 | |
<div style="background-color: ; color: ;"></div> | div+cssテンプレ。 |
<div style="margin: 0 auto;"></div> | divを中央に置く。tableなんかでも使えます。 |
<blockquote style="background-color: ; color: ;"></blockquote> | 引用+cssテンプレ。大百科デフォルトは左のマージンが強すぎると思うんですが、どう思います? |
回り込み解除 | |
<div style="clear: both;"></div> | 空の回り込み解除。通常はこちらが便利。 |
<br style="clear: both;"> | 改行件回り込み解除。<p>でdivが置けない時に。 |
テーブル | |
<table border="0"> <tbody> <tr> <td style="border: none; vertical-align: top;"></td> </tr> </tbody> </table> |
テーブルタグの基本。 border="0"が入ってるけど外部CSSで切ってあるから平気だと思うの。 例のtdの二個目にスタイルシートがつけてありますが、これは枠線消しと、縦方向の配置を上端揃えにしたものなので必要なかったら抜いてオッケー。 |
<td colspan="2" rowspan="2"> colspan="" 横方向のセル結合 rowspan="" 縦方向のセル結合 |
テーブルのセル結合。縦と横がごっちゃになります。 |
リスト | |
<ul> <li>リスト項目A</li> <li>リスト項目B</li> <li>リスト項目C</li> </ul> |
リストタグ。とても忘れやすい。 <ul>→<ol>にすると番号付きリストになります。 |
<ul> <li>リスト項目A</li> <li>リスト項目B <ul> <li>リスト項目B-A</li> <li>リスト項目B-B</li> <li>リスト項目B-C</li> </ul> </li> <li>リスト項目C</li> </ul> |
リストタグの入れ子。 リストの中に一段落ちたリストができる。ピンクの部分が入れ子になってる。 複雑な入れ子はとても苦手です。 |
<li style="list-style-image: url('https://dic.nicovideo.jp/oekaki/277967.png');"> | リストのマーク変更。例はこの記事でやってるやつです。 |
応用 | |
<h2 style="border-bottom: 3px dotted #ff66cc; background: url(/oekaki/27939.png) no-repeat 0px;">登場人物</h2> | |
h2タグの変更例。 らき☆すたの記事に使ってるものです。h2タグにデフォルトで入れられているCSSを理解する必要がある。 登場人物 |
|
<div style="border: solid 1px #D1D1D1; background: #F1F1F1; margin: 1em; padding: 1em;"></div> | |
背景色と枠つきのグレーdiv。 趣味でよく使います。テーブルと揃えるなら枠線を#D1D1D1に、背景を#F1F1F1に。
こんなふうに囲いができます。
|
|
<div style="overflow: auto; border: solid 1px #D1D1D1; height: 300px;"></div> | |
スクロールバーを使った表示。 例ではdivの内容が高さ400pxを超えるとスクロールバーが出現する。本当はborderとheightやwidthを一緒に指定してはいけないので、borderは外側に入れ子のdivを作ってそこに入れるべき。同じ理由でpaddingを入れる時は内側に入れ子のdiv作ってそこに入れる。 |
|
<div style="margin: 0 -8px; padding: 1px 8px 0; background: #CCCCCC url(URL);"> </div> |
|
記事のマージン全部に背景色&画像。 この記事の水玉模様のように記事領域全体に背景を入れるやり方。ポイントは横のmarginをマイナスしてるところ。普通は書き込めない部分まで-8pxで領域を拡大して、paddingの8pxで拡張分を相殺しています。 padding-topの1pxは付けておかないとなんか変になる、んだった気がします。忘れました。 デザイン的に凝った記事に合いますが、なんでもかんでもこれやれば良いってことはないと思います。 |
|
<h2 style="background-image: none; border: none; font-size: 1px; overflow: hidden;"><span style="display: none;">概要</span></h2> | |
見えないh2要素。 記事の上のページ内リンクにはh2要素へのリンクが作られますが、あそこには表示させるけどページ内には表示させないという仕組み。overflow: hidden;ってなんだっけ。 |
よく使うCSS
CSS基本
属性 | 値 | 備考 |
---|---|---|
長さ | ||
width: height: |
px; em; 等 | 要素の幅と要素の高さ。ブラウザによってpaddingとborderを含んだり含まなかったりする。そのため、これらとpaddingやborderを一つの要素に共存させてはいけない。 |
margin: padding: |
0 0 0 0; | marginは外側の余白。paddingは内側の余白。margin-top や padding-right などにすることで一方向に指定できる。一括指定のやり方のほうも参照。 |
回り込み | ||
float: | right; left; |
回り込み。指定された方向に要素が寄り、空いたところに続く要素が回りこむ。制御が難しい。divを使ったレイアウトには必須なのです。 |
clear: | both; | 回り込みの解除。float制御のお供に。right; left; で個別に解除可能。 |
文字 | ||
color: | 色指定; | 文字の色を変更。 |
font-size: | 12px; | 文字サイズ。12ピクセルくらいが好きです。 |
font-weight: | bold; nomal; |
太字。bやstrongタグは文章の一部を強調する時に使用。tableのセルなどを纏めて太字にする場合などはこちらを使っています。 |
letter-spacing: | 0.5em; 等 | 文字と文字の間隔を指定。あまり使わないけど読みやすさがだいぶ変わります。 |
line-height: | px; em; 等 | 行の高さ指定。imgの下に変な空白が出来た時などはこれを0にすると解決する。 |
配置 | ||
text-align: | center; right; left |
横方向の配置。要素内でフォント等を右寄せ、中寄せ等にする時に使う。floatと違って素直な挙動。 |
vertical-align: | top; middle; bottom; text-top; text-bottom; ほかpxや%も |
縦方向の配置。 tdに指定すればテーブルのセル内でのテキスト、画像の基準位置を変更できる。通常はbaselineが初期値だけど場合によってはtopが使いやすい。 imgに指定してテキストに並ぶ画像の位置関係の調整も可能。 divには使えないので、div内での縦方向配置はline-heightやpaddingを駆使しないといけない。 |
背景 | ||
background-image: | none; | 通常は背景画像指定。大百科の外部リンクアイコンを消したい時にaタグにこのスタイルを入れると消せる。 |
list-style-image: | url('■画像■'); | リストタグのマークを変更 |
その他 | ||
display: | block; none; inline; 等 |
blockではインライン要素をブロック要素として表示。これを使えば大百科でブロック要素にリンクを張れる。 noneでは表示しない。大百科では動画横の文章のみで表示される内容として使われることがある。 inlineはインライン表示。ほか、list-item run-in compact などがある。使い方わかりません。 |
overflow: | visible; hidden; scroll; auto; |
領域をはみ出した時の表示。デフォルトはvisible(はみ出して表示)。 hidden ははみ出した部分を表示しない。 scroll はスクロールバーで表示。(はみ出さなくてもバーが出る。) auto にすると、はみ出た時のみスクロールバーで表示。大百科ではautoを使ってdiv内部をインラインフレームっぽく表示させる時によく使われる。 |
CSS一括指定系。基本的に纏められるものは纏めることが多いです。
属性 | 値 | 例 | 備考 |
---|---|---|---|
margin: padding: |
上 右 下 左; 上 左右 下; 上下 左右; |
0 0 0 0; 10px 1em 20px; 0 auto; |
4つで「上右下左」の順。 3つで「上横下」。 2つで「縦横」。1つで「全て」を一括指定。 |
background: | 色 画像 並び 横位置 縦位置 固定 | #c0c0c0 url(/oekaki/27939.png) no-repeat right top scroll; | 内側の余白。 |
border: | 線種 線幅 色; | solid 1px #CCCCCC; | 線の太さを上下左右で変える時は別指定。 |
よく使うカラーコード
色 | コード | 用途 | 備考 |
---|---|---|---|
#303030 | デフォルト文字色 | 案外知られていないけど、大百科のデフォルト文字色は真っ黒(#000000)ではない。 | |
#0066CC | デフォルトリンク色 | hoberの色は忘れました。 | |
#8CC700 | デフォルトhタグ枠色 | 下線の色。 | |
#FFD248 | デフォルト引用タグ枠色 | ||
#D1D1D1 | デフォルトtd枠色 | tableの枠線 | |
#F1F1F1 | デフォルトth背景色 | tableの見出し背景 | |
#F8F8F8 | グレー背景色 | かなり薄いグレー背景色。 | |
#F4FDFF | tr td背景用 | trを一行ごとに互い違いに色変えする時によく使います。→侵略!イカ娘 | |
#456C74 | 青みの文字色 | 上のtr背景色に合わせた青みの文字色 |
IE系ブラウザの変な挙動
ブラウザ毎の表示差が起こらないように。
- IEは「内容+padding+border」=widthかheight 他ブラウザは「内容」=widthかheight
- marginをかけた方向にfloatをかけるとmarginが倍になる(IE6)
- floatの効き方が違う場合がある
- ニコニコ大百科内だけでの特殊挙動?
大百科エディタの挙動
HTMLを理解しているつもりでも大百科エディタ特有の動きがあったりします。。
編集についての考え方みたいな
どっちかというと記事の内容を書くというよりは、デザイン的なことをすることが多いです。結構スタイルシートをいじっていますが、CSSの知識が無い人が大百科のエディタで情報追加しても極力レイアウトが崩れないようにタグを組んでいるつもり。それ以上の大きな編集してしまった時は、その後もきちんと記事の面倒は見るように心がけています。
「編集」とは、ただ情報を集めるだけでなく、分類し精査することだと考えています。ゆえに時に記述を削ることもあります。これらの削除は大百科で禁止されている「記事の白紙化」とはまったく違うものだと考えているからです。
反転で読ませるこん感じの白文字、 打ち消し線 、太文字や色文字などを使っての無意味な強調、<h2>タグ(概要、関連項目など)の改変ネタや、冒頭の「◯◯とは、△△である」の改変ネタなど。これらは安易に使うとやすっぽくなるのであまり使いません。
アニメのタイトル記事をたまにいじります。アニメタイトルの記事を書く際には、「そのアニメを今から見る人」に興味を持ってもらえるように注意してます。最新話の内容を即記事反映するネタバレ編集は未見の人を冷めさせてしまうので好きではないです。
作品テンプレやお知らせボードなどはあまり機能的に働いてるのを見たことないので基本的に使いません。貼って満足して後々管理しない人が多いイメージがあって印象もあまりよくなかったり。
Wikipediaルールを大百科に持ち込む人は苦手。「曖昧さ回避」という言葉はWikipedia語だと思ってるので自分では使いません。「一般単語優先」も変だと思います。一般単語という単語のカテゴリは存在しませんし。「括弧付き記事」にもあまり積極的にはなりません。括弧がついたものは単語の名称とは呼べず、辞書の表題には成り得ないからです。
- 45
- 0pt