Hatena::Groupyaruo-memo

jigendaddyの日記

2012-06-06ミスを防ぐ方法論

まとめ作業で一番怖いのが、編集ミスです。もちろん見直しはしますが、どうしても現状の体制だと防げないミスが出てくる。そこでコードそのものに手を加えて、ミスを防ぐ方法を考えてみました。


結論から言えば、metaタグやlinkタグを使おうかなと。メタ情報を外部に向けて付随させることで、どんな作品なのか自分でも再確認するわけです。私なりにそれぞれどんな項目を書くべきか考えました。

link rel="alternate"

link rel="alternate" - jigendaddyの日記 を含むブックマーク はてなブックマーク - link rel="alternate" - jigendaddyの日記 link rel="alternate" - jigendaddyの日記 のブックマークコメント

<link rel="alternate" href="スレッドのURL">

まとめる作品のURLです。複数スレッドにまたがっている場合はそれぞれ記載しておきます。

link rel="bookmark"

link rel="bookmark" - jigendaddyの日記 を含むブックマーク はてなブックマーク - link rel="bookmark" - jigendaddyの日記 link rel="bookmark" - jigendaddyの日記 のブックマークコメント

<link rel="bookmark" href="参考サイト">

作品に必要な情報が載っているサイトがあれば、これで指定します。

link rel="license"

link rel="license" - jigendaddyの日記 を含むブックマーク はてなブックマーク - link rel="license" - jigendaddyの日記 link rel="license" - jigendaddyの日記 のブックマークコメント

<link rel="license" href="著作権について">

作品の著作権に関するサイトを記載します。ウチの場合はhttp://boonnovel.g.hatena.ne.jp/task/6/85です。

meta name="author"

meta name="author" - jigendaddyの日記 を含むブックマーク はてなブックマーク - meta name="author" - jigendaddyの日記 meta name="author" - jigendaddyの日記 のブックマークコメント

<meta name="author" content="作者の方のトリップor名無しさん">

トリップのある作者の方であれば、ここに書いておきます。

meta name="generator"

meta name="generator" - jigendaddyの日記 を含むブックマーク はてなブックマーク - meta name="generator" - jigendaddyの日記 meta name="generator" - jigendaddyの日記 のブックマークコメント

<meta name="generator" content="使用したソフト名">

ウチの場合はDAT2HTMLです。そこから生成していることを明示します。


面倒といえば面倒ですが、一度やってしまえば後は慣れの問題でしょう。本当に面倒くさそうだったら、スレッドのURLだけにする予定です。

2012-04-22お祝いということでもないけど

おめでとうございます

おめでとうございます - jigendaddyの日記 を含むブックマーク はてなブックマーク - おめでとうございます - jigendaddyの日記 おめでとうございます - jigendaddyの日記 のブックマークコメント

短くするにはと考えて、コメントが長い時は2列にしたと。

あと、一つのレスで突っ込みどころが2個所以上あった時も2列に

「オンリーブログ2年目だとさ」「支援絵頂きましたー」「では延長と、誤字脱字の訂正を」【2周年記念の雑談】 ? やらない夫オンリーブログ

やらない夫オンリーブログさんが2周年だそうです。それを記念してというわけでもないですが、私なりにレスを2列にする方法を考えてみました。

サンプル

http://jigendaddy.web.fc2.com/yaruo/nidan.html

CSS

.waku{
width:100%;
}
.rh_left{
width:50%;
background-color:ccccff;
float:left;
font-size:80%;
}
.rh_right{
width:50%;
background-color:99ffcc;
float:right;
font-size:80%;
}
.rb{
padding-left:30px;
font-weight:bolder;
font-family: "メイリオ", "MS Pゴシック", sans-serif;
font-size:110%;
}

分かりやすくする為に背景に色をつけました。文字が左寄せになるので、レス本文は左に余白を作りました。


メリット

メリット - jigendaddyの日記 を含むブックマーク はてなブックマーク - メリット - jigendaddyの日記 メリット - jigendaddyの日記 のブックマークコメント

  • dl-dtタグの構造を残せる

オンリーブログさんは基本divタグでレスを囲んでいらっしゃるようですが、これなら私のようにdl-dt-ddタグを基本とした構造の書き方でも、ddタグを消すだけで可能です。

デメリット

デメリット - jigendaddyの日記 を含むブックマーク はてなブックマーク - デメリット - jigendaddyの日記 デメリット - jigendaddyの日記 のブックマークコメント

  • 2700のごとく、左→右→左→右と交互に書く必要がある。

左→右の形を基本にしていますので、まず左のレスだけ並べて、それから右のレスを並べていくという書き方には不向きです。*1解決策としては、こちらを使うくらいしか手が無いです。

  • 作るファイルが多くなるので作業が面倒

クラスがrh_leftとrh_rightのファイルを2つ作って、そこから抜き出す必要があります。タブを2つ同時にスクロールするテキストエディタを使うと便利なのですが、私の探し方が悪いのかフリーソフトだと見当たりませんでした。ご存知の方は是非教えて下さい。

*1:オンリーブログさんはこのデメリットを見越して、tableタグを使われたのだと私は勝手に考えています。

2012-03-20jQuery?何それ(ry

やる夫之書さん

やる夫之書さん - jigendaddyの日記 を含むブックマーク はてなブックマーク - やる夫之書さん - jigendaddyの日記 やる夫之書さん - jigendaddyの日記 のブックマークコメント

http://yaruobook.blog66.fc2.com

102 名前:yaruobook ◆booK.4Ti8w ★:12/01/07 01:49:09 ID:???
やる夫之書・やる夫春画之書にて
作者以外のレスを字下げ・フォント小さめに設定しました。
jQueryにて抽出しているので、今まで更新した記事も全て
そう表示されているはずです

103 名前:yaruobook ◆booK.4Ti8w ★:12/01/07 02:29:39 ID:???
エントリ(div.entry-body)内のdl要素のdt要素が名前欄、
強調タグ(em)が作者のトリップだったとして

$('div.entry-body > dl dt em').css("font-size", "12px");
//作中の作者のトリップを小さく

$('div.entry-body > dl dt:has(em)').css("font-size", "12px");
//作中の作者のトリップを含んだ名前欄を小さく

$('div.entry-body > dl dt:not(:has(em))').css("font-size", "12px");
//作中の作者のトリップを含まない名前欄を小さく

$('div.entry-body > dl dt:not(:has(em)), div.entry-body > dl dt:not(:has(em)) + dd').css("font-size", "12px");
//作中の作者のトリップを含まない名前欄とレス本文を小さく

no title

個人的にはもう少し読者レスを大きめにしたかったので、少しCSSを弄りました。

@-moz-document domain("yaruobook.blog66.fc2.com") {
div.entry-body dd{font-size:100% !important;
padding-top:0.6px !important; }
}

少し字の上の部分が切れてしまう場合があるので、余白を元より0.1px分だけ多めに取りました。

やる模さん

やる模さん - jigendaddyの日記 を含むブックマーク はてなブックマーク - やる模さん - jigendaddyの日記 やる模さん - jigendaddyの日記 のブックマークコメント

http://yarumo.blog83.fc2.com/

@-moz-document domain("yarumo.blog83.fc2.com") {
#wrapper {color:#000000 !important;}
}

文字色をはっきりとした黒にしました。

2012-02-19今更ですが このエントリーを含むブックマーク このエントリーのブックマークコメント

988 名前: ◆MOSSANqA4Q:2012/01/10(火) 02:21:14 id:C2Y8iC3U0

.   |\,. ---: 、 /}
.  ,.:1/:::::::::::::::::::::<
  /:::::::::イ::::::l:::::ト、::ヽヽ
. { ::::::/ l____j___j_」::⊥_|
  V::::{ f´ ̄>   ィ心/     もしよろしければ、使い勝手とかデザインとかの
  Yヾ { / ノ  r::},′
   `ァ-、 ̄´r ァ ノ      ご感想をいただけるとものすごく助かります
   /::/_j_〕 ┬ ヒ
.  /::人 ヽ  |__|_|
 /::/  ヽ (ン |_ノ |
 {::f   /`ーイ==t'       でも下まぶたが痙攣していたのでそろそろ寝ます
 ヽ{  /   |  .〉
     `ァー┬t―f
    /  / |  |
    .'  .'   |  |
    ヒフ   ヾ.フ

指定されたページまたはファイルは存在しません

やる夫まとめもさんがやる夫まとめもZに移転されました。黒背景を採用されたようですが個人的にどうも苦手なもので、Stylishで弄ってみました。


@-moz-document domain("matomemo3.blog.fc2.com") {
body{background:#ffffea !important;}
#wrap {background:#ffffea !important;}
ul#menu_bar{position:absolute !important;
background-color:#ffffea !important}
#menu_bar li a{color:#000000 !important;
background-color:#ffffea !important;}
}

背景色を移転前の#ffffeaにして、メニューバーを固定しないようにしました。

どうでもいいっちゃどうでもいいですが↑は字の色がカラフル過ぎて、なんだか妙に見づらいですね。普通のverも置いておきます。


@-moz-document domain("matomemo3.blog.fc2.com") {
body{background:#ffffea !important;}
#wrap {background:#ffffea !important;}
ul#menu_bar{position:absolute !important;
background-color:#ffffea !important}
#menu_bar li a{color:#000000 !important;
background-color:#ffffea !important;}
}

2011-11-19私の頭が追いついていかないので少しだけですが

やる夫RSS+インデックスさんに、マウスホイールで更新情報をだらだら見る方法という記事を書いていだきました。有難うございます。興味のある方は、以前の本家での紹介記事をご覧になっていただければと思います。


おかげでAutoPagerizeの説明をする手間はこれで省略出来たので、私以外のやる夫まとめブログさんの各話を昇順で継ぎ足すSITEINFOを考えてみました。なんで今回はwedataに登録しないのかって、私の意図しない動作をした場合に、商売敵の邪魔をしたと思われるのが嫌なのですね。自分が責任を取ろうという覚悟のある方はいらっしゃれば、検討していただければなと。


泳ぐやる夫シアターさん

泳ぐやる夫シアターさん - jigendaddyの日記 を含むブックマーク はてなブックマーク - 泳ぐやる夫シアターさん - jigendaddyの日記 泳ぐやる夫シアターさん - jigendaddyの日記 のブックマークコメント

http://oyoguyaruo.blog72.fc2.com/

     {
        url:          '^http://oyoguyaruo\.blog72\.fc2\.com/',
        nextLink:     '//li[@class="relate_li_nolink"]/preceding-sibling::li[1]/a',
        pageElement:  '//h3/following-sibling::node()',
        exampleUrl:   'http://oyoguyaruo.blog72.fc2.com/blog-entry-3868.html',
     }

やる夫之書さん

やる夫之書さん - jigendaddyの日記 を含むブックマーク はてなブックマーク - やる夫之書さん - jigendaddyの日記 やる夫之書さん - jigendaddyの日記 のブックマークコメント

http://yaruobook.blog66.fc2.com/

  {
        url:          '^http://yaruobook\.blog66\.fc2\.com/',
        nextLink:     '//div[@class="entry-navigation"][last()]//li/a',
        pageElement:  '//div[@class="entry-body"]',
        exampleUrl:   'http://yaruobook.blog66.fc2.com/blog-entry-1383.html',
    }

やる夫まとめもさん

やる夫まとめもさん - jigendaddyの日記 を含むブックマーク はてなブックマーク - やる夫まとめもさん - jigendaddyの日記 やる夫まとめもさん - jigendaddyの日記 のブックマークコメント

http://blog.livedoor.jp/matomemo3/

やる夫とルイズの新婚さんいらっしゃい限定版

  {
        url:          '^http://blog\.livedoor\.jp/matomemo3/archives/',
        nextLink:     '//dl[@class="thread"]/following-sibling::a[starts-with(@href,"http://blog.livedoor.jp/matomemo3/archives/")]',
        pageElement:  '//dl[@class="thread"]',
        exampleUrl:   'http://blog.livedoor.jp/matomemo3/archives/5068817.html',
    }

やらない夫オンリーブログさん

やらない夫オンリーブログさん - jigendaddyの日記 を含むブックマーク はてなブックマーク - やらない夫オンリーブログさん - jigendaddyの日記 やらない夫オンリーブログさん - jigendaddyの日記 のブックマークコメント

http://yaranaioblog.blog14.fc2.com/

    {
        url:          '^http://yaranaioblog\.blog14\.fc2\.com/',
        nextLink:     '//li[@class="relate_li_nolink"]/preceding-sibling::li[1]/a',
        pageElement:  '//div[@class="entry_body"]',
        exampleUrl:   'http://yaranaioblog.blog14.fc2.com/blog-entry-17.html',
    }