<h3>powered by Ruby on Rails</h3>
<p>とか書くともうダサイ以外の何者でもないと思えてきたのでこれからは書かないようにする。『フレームワークは流行の○○使ってるよ！おれってトレンディー☆』なんてアピールはアレゲ以外の何者でもない。僕アレゲ＞＜ノ</p>

powered by Ruby on Railsとか書くともうダサイ以外の何者でもないと思えてきたのでこれからは書かないようにする。『フレームワークは流行の○○使ってるよ！おれってトレンディー☆』なんてアピールはアレゲ以外の何者でもない。僕アレゲ＞＜ノ

powered by Ruby on Rails

<h3>このダイアリーは</h3>
<p>ピンク ブロッサム ちゃんの日常を綴る日記になりました。unsubscribe はこちら→</p>
<h3>gerry</h3>
<p>久しぶりに美容室に行く途中で gerry な雰囲気が。そしてやつらはいつも最悪のタイミングでやってくるんだ…！</p>
<p>今回の現場はシャンプー台の上。こともあろうか頭が泡だらけの時にやってきたんだ…。ぼくは恥ずかしながらも「ウンコしたくなったんでトイレにいかせてよぅはやくすすいでくださいおねがいしますおねがいします（懇願（もっと別の言い回しだったけど））」といって頭を軽くすすいでもらって、しかしびしょびしょのままインザトイレ☆…。最悪だった。</p>
<p>そして髪を短くしすぎたよぅ☆＞＜ノ。</p>
<h3>きのうのこと</h3>
<p>ぼくもしあわせになるよぅ＞＜ノ</p>
<h3>CSS ばくあぷ</h3>
<pre><code>/* ======== HEADER ======== */

body{
margin:0;
padding:0;
text-align:center;
width:auto;
/*
background:#000 url("http://hotchpotch.in/hatena_darkness_flower/bg.gif") top center;
*/
background:#000;
color:#fff;
font-family:"Lucida Sans Unicode","Verdana",Sans-serif;
}

body table{
 margin:0 auto;
 background:transparent;
 width:740px;
}

body table input{
 border:1px solid #CCC;
}

body table table{
 width:100%;
 margin:0;
 border-top:1px dashed #DDD;
 border-bottom:1px dashed #DDD;
 position:relative;
}

body table tr td{
 background:transparent;
}

h1{
 font-size:180%;
 width:730px;
 margin:-25px auto 0 auto;
 padding:70px 0 45px 0;
 font-family:"Lucida Sans Unicode",serif;
 background:url("http://hotchpotch.in/hatena_darkness_flower/h1.gif") top center no-repeat;
 color:#11BFB0;
}

h1 a,h1 a:visited,h1 a:link,h1 a:hover{
 color:#11BFB0;
}

h1 img{
vertical-align:middle;
}
form{
display:inline;
}

/* ======== LINK ======== */

a{
color:#FF1569;
text-decoration:none;
}

a:link{
color:#FF1569;
text-decoration:none;
}

a:visited {
color:#ff7793;
text-decoration:none;
}

a:hover {
color:#FF2F78;
text-decoration:underline;
}

a, a:link, a:visited, a:hover, {
}

/* ======== LINK-KEYWORD ======== */

a.keyword ,a.keyword:link ,a.keyword:visited {
color:#fff;
border-bottom:1px dashed #333;
padding-bottom:1px;
}

a.keyword:hover{
text-decoration:none;
}

a.okeyword ,a.okeyword:link ,a.okeyword:visited ,a.okeyword:hover {
color:#fff;
border-bottom:1px dashed #333;
padding-bottom:1px;
}

a.okeyword:hover{
text-decoration:none;
}

/* ======== RAYOUT ======== */

div.hatena-body{
 margin:0px auto;
 text-align:left;
 position:relative;
 width:730px;
 background:#000;
}

div.hatena-body:after{
dipslay:block;
content:"";
clear:both;
}

div.main {
 margin:0;
 text-align:left;
 float:left;
 width:500px;
 background:#000;
}

div.sidebar {
 width:220px;
 float:right;
 margin-left:-220px;
 background:#000;
}

/* ======== CALENDAR ======== */

div.calendar {
 text-align:left;
 margin:0 5px 15px 5px;
 font-size:90%;
 font-weight:bold;
 color:#CCC;
}

div.calendar a{
 font-weight:normal;
}

/* ========  DAY ======== */

div.day {
 padding-bottom:10px ;
 line-height:150%;
}

/* ======== TITLE ======== */

h2 {
 font-size:100%;
 padding-bottom:0px;
 padding-top:0px;
 margin:10px 10px 10px 0px;
}

h2 a .date{
 padding-right:5px;
 letter-spacing:0.1em;
}

h2 a.edit {
 font-size:80%;
 text-decoration:underline;
 font-weight:normal;
}

/* ======== BODY ======== */

div.body {
 padding:0px;
 margin:0px;
}

/* ======== SECTION ======== */

div.section{
 font-size:90%;
 line-height:155%;
 color:#fff;
 margin:10px;
}

div.section p{
 padding:0px;
 margin:10px 5px 12px 10px;
}

div.section ul{
 margin:20px;
 padding:0;
}

div.section ul li{
 margin-left:10px;
 line-height:135%;
}

input.field,textarea{
 font-size:90%;
 border:1px solid #E4CBC2;
 padding:3px;
}

input#comment-username{
 border:1px solid #E4CBC2;
 padding:3px;
}

.footnote{
 font-size:90%;
 margin-left:5px;
}

div.section p.sectionfooter { 
 text-align: right;
 margin-top:1em;
 font-size:90%;
}

img.photo{
}

/* ======== INDEX ======== */

h3 {
 font-size:100%;
 margin:15px 0 10px 0;
 padding:3px;
 clear:left;
 border-bottom:1px dashed #D4C2B2;
}

h3 .timestamp{
 font-weight:normal;
 font-size:80%;
 color:#666;
}

div.day span.sanchor{
background:url("http://hotchpotch.in/hatena_darkness_flower/h3.gif") top center no-repeat;
font-size:1px;
padding:15px 10px 10px 10px;
_padding:20px 10px 10px 10px;
margin-right:3px;
color:#000;
}

div.day h3 a:hover{
 text-decoration:none;
}

h4{
 font-size:100%;
 margin:10px 0px;
 padding:1px 5px 5px 20px;
 background:url("http://hotchpotch.in/hatena_darkness_flower/h4.gif") 0 3px no-repeat;
}

/* ======== COMMENT ======== */

div.comment{
 margin:10px 5px 10px 10px;
 padding-bottom:5px;
 font-size:90%;
 clear:both;
 color:#eee;
 border:1px dashed #F3DAD1;
 background:#011117 url("http://hotchpotch.in/hatena_darkness_flower/comment.gif");
}

/* ======== COMMENTBODY ======== */

div.commentshort{
 padding:0px;
 margin:0 0 0 10px;
 font-size:90%;
 line-height:135%;
}

.canchor{
 display:none;
}

span.commentator{
 padding-top:3px;
 padding-bottom:3px;
 padding-left:20px;
 line-height:150%;
 background:url("http://hotchpotch.in/hatena_darkness_flower/comment-icon.gif") 0 50% no-repeat;

}

/* ======== 1-COMMENT ======== */  

div.commentshort p{
 padding:5px 5px 5px 0px;
 margin:0 0 0 1.3em;
 text-indent:-1.3em;

}

div.commentshort p a,div.commentshort p a:visited,div.commentshort p a:hover,div.commentshort p a:link{
 font-weight:bold;
}

/* ======== COMMENT-TEXTBOX ======== */

div.commentshort textarea{
 width:350px;
 margin-left:-7px;
}

div.commentshort input{
 margin-left:10px;
 margin-bottom:5px;
}

div.commentshort input#comment-username{

}

/* ======== TRACKBACK ======== */

div.refererlist{
 word-wrap: break-word;
 white-space: -moz-pre-wrap;
 margin:10px 5px 10px 10px;
 padding-bottom:5px;
 font-size:90%;
 clear:both;
 border:1px dashed #F3DAD1;
 background:#FEEEE8 url("http://hotchpotch.in/hatena_darkness_flower/comment.gif");
 color:#666;
}

div.refererlist ul{
 list-style:none;
 margin:0;
 padding:0;
}

div.refererlist ul li {
 font-size:90%;
 padding:1px 0 1px 20px;
 margin-left:1em;
 background:url("http://hotchpotch.in/hatena_darkness_flower/comment-icon.gif") 0 50% no-repeat;
}

div.refererlist ul li a{
}

/* ======== COMMENT&#x26;TRACKBACK ======== */

div.caption{
 padding:7px 5px 5px 7px; 
}

div.caption a{
 text-decoration:underline;
 font-weight:bold;
}

div.caption a:hover{
}

/* ======== HATENA-MODULE-BASE ======== */

div.hatena-module {
 padding:0px;
 margin:0 0 10px 0;
}
div.hatena-moduletitle{
 font-size:90%;
 padding:9px;
 margin:0px;
 font-weight:bold;
 background:url("http://hotchpotch.in/hatena_darkness_flower/hatena-moduletitle.gif") top left no-repeat;
 color:#84B05A;
}

div.hatena-moduletitle a , div.hatena-moduletitle a:visited , div.hatena-moduletitle a:hover{
 color:#84B05A;
 text-decoration:underline;
}

.hatena-modulebody {
 padding:0 10px 10px 10px;
 font-size:90%;
 background:url("http://hotchpotch.in/hatena_darkness_flower/hatena-modulebody.gif") bottom left no-repeat;
}

/* ======== HATENA-MODULE-CALENDAR ======== */

table.calendar{
 text-align:center;
 width:195px;
 font-size:100%;
 border:none;
 background:transparent;
}

table.calendar td{
 background:transparent;
 color:#667;
}

table.calendar td a{
}

table.calendar td.calendar-day a{
 display:block;
}

table.calendar td.calendar-day a:hover{
}

td.calendar-sunday{
}

td.calendar-saturday{
}

table.calendar td.day-today a{}

table.calendar td.day-selected{
 font-weight:bold;
}

td.calendar-day img{
 width:15px;
 height:15px;
}

/* ======== HATENA-MODULE-LIST ======== */

.hatena-modulebody ul {
 padding:0px;
 margin:0px;
 list-style-type:none;
}

.hatena-modulebody ul li {
 font-size:90%;
 margin:0px;
 padding:0 0 5px 18px;
background:url("http://hotchpotch.in/hatena_darkness_flower/hatena-modulebody-li.gif") 0 1px no-repeat;
 color:#766;
 line-height:135%;
}

.hatena-modulebody ul li a {
 font-size:110%;
}

.hatena-modulebody ul li a:visited {
}

.hatena-modulebody ul li a:hover{
}

/* ======== HATENA-MUDULE-PROFILE ======== */

.hatena-profile{
_height:1%;
}

.hatena-profile:after{
clear:both;
content:"";
display:block;
height:3px;
}

.hatena-profile-image,.hatena-profile-id,.hatena-profile-body{
 margin:0px;
 font-size:90%;
}

.hatena-profile-body{
margin-right:0;

}

.hatena-profile-image{
float:left;
margin:0 10px;
}

/* ======== HATENA-MODULE-CLOCK ======== */

.hatena-clock{
text-align:center;
}


/* ======== HATENA-MODULE-OTHER ======== */

ul.hatena-photo{
padding-top:5px;
padding-left:3px;
}

ul.hatena-photo li{
 display:inline;
 margin:0px;
 padding:0px;
 border:none;
 background:transparent;
}

ul.hatena-photo li a{
 display:inline;
 padding:;
 padding:2px 0px 0px 4px;
}

ul.hatena-photo li a:hover{
 background:transparent;
}

ul.hatena-photo li a img{
 margin:0;
 padding:0;
}

ul.hatena-photo li a:hover img{
}

img.hatena-fotolife {
}

.hatena-searchform {
 margin-left:3px;
 padding:0px;
 font-size:90%;
}

.hatena-searchform input{
border:1px solid #CCC;
padding:3px;
}

div.adminmenu{
 width:740px;
 text-align:left;
 font-size:90%;
 margin:0px auto;
 padding:5px 0;
}

span.adminmenu a{
 padding-left:8px;
 padding-right:10px;
 border-right:1px solid #CCC;

}

span.adminmenu a:hover{

}

span.adminmenu a:visited{

}

span.hatena-counter{
margin-left:10px;
}

/* ======== HATENA-SYNTAX &#x26; HTML ======== */

div.section pre{
 padding:10px;
 line-height:120%;
 margin:10px;
 word-wrap: break-word;
 white-space: -moz-pre-wrap;
 background:#111;
 border-top:1px solid #FF5270;
 border-bottom:1px solid #FF5270;
}

div.section blockquote{
 font-size:90%;
 padding-left:5px;
 border:3px double #F2D1CF;
 margin:10px;
 background:#111;

}

div.section ul li{
}

div.day img.photo{
 float:right;
 margin:0 5px 10px 10px;
}

img{
 border:0px;
}

dl dt{
 font-weight:bold;
}

dl dd{
 margin:0;
 padding:0;
}

/* ======== HATENA-SYNTAX-QUESTION ======== */

.hatena-question-detail{
 width:90%;
 text-align:left;
 font-size:90%;
}

th.hatena-question-detail-title{
 padding:5px;
 font-weight:normal;
}

.hatena-question-detail-label{
 width:30%;
 padding:5px;
}

.hatena-question-detail-value{
 width:65%;
 padding:5px;
}

/* ======== HATENA-SYNTAX-TABLE ======== */

div.section table {
 width:auto;
 margin:3px;
 background:#000;
 border:1px dashed #D6C3B5;
 border-collapse:collapse;
}

div.section table tr th{
 background:#000FCC;
 padding:5px;
 font-size:90%;
 line-height:135%;
 color:#fff;
 border:1px dashed #D6C3B5;
}

div.section table tr th a{
 color:#fff;
}

div.section table tr td , div.day div.body table tr td{
 padding:5px;
 font-size:90%;
 line-height:135%;
 background:#000;
 color:#fff;
 border:1px dashed #D6C3B5;
}

/* ======== HATENA-SYNTAX-HAMAZOU ======== */

div.hatena-asin-detail{
border:1px dashed #DCDCEA;
padding:10px;
background:#0C0C0B url("http://hotchpotch.in/hatena_darkness_flower/asin-detail.gif") right bottom no-repeat;
margin:10px 0;
}
 div.hatena-asin-detail a{
}

.hatena-asin-detail-info{
}

.hatena-asin-detail-info ul{
margin:5px !important;
padding:0 !important;
list-style:none;
}

.hatena-asin-detail-info ul li{
padding-bottom:3px;
}

.hatena-asin-detail-image{
float:left;
margin-right:10px;
}

.hatena-asin-detail-title{
 margin:0 !important;
 padding:0 !important;
}

.hatena-asin-detail-foot{
 clear:both;
}

/* ======== FOOTER ======== */

.footer{
 clear:both;
 margin:5px;
 font-size:90%;
}

/* ======== ADSENSE ======== */

.ad{
 margin:20px;
}

/* ======== KEYWORDCLOUD ======== */

ul.keywordcloud {
 margin: 10px;
 padding: 0;
 border-top:none;
}

ul.keywordcloud li {
 font-size:90%;
 display: inline;
 border-bottom:none;
}

ul.keywordcloud li a{
 display:inline;
 line-height:1.2;
}

ul.keywordcloud li a.keywordcloud0 { font-size: 80%; }
ul.keywordcloud li a.keywordcloud1 { font-size: 100%; }
ul.keywordcloud li a.keywordcloud2 { font-size: 120%; }
ul.keywordcloud li a.keywordcloud3 { font-size: 140%; }
ul.keywordcloud li .keywordcloud4 { font-size: 160%; }
ul.keywordcloud li a.keywordcloud5 { font-size: 180%; }
ul.keywordcloud li a.keywordcloud6 { font-size: 200%; }
ul.keywordcloud li a.keywordcloud7 { font-size: 220%; }
ul.keywordcloud li a.keywordcloud8 { font-size: 240%; }
ul.keywordcloud li a.keywordcloud9 { font-size: 260%; }
ul.keywordcloud li a.keywordcloud10 { font-size: 280%; }

/* ======== HATENA-SYNTAX-ID ======== */

img.hatena-id-image{
 margin:2px;
 vertical-align:middle;
}

img.hatena-id-icon{
 margin:2px;
 vertical-align:middle;
}


.synSpecial { color: #c000c0; }
.synType { color: #3EC63E; }
.synComment { color: #4F80E5; }
.synPreProc { color: #9355E6; }
.synIdentifier { color: #51CFCF; }
.synConstant { color: #FF6666; }
.synStatement { color: #D88A17; }

.mainOOO {
  _height:1px;
}

dt {
margin-top:5px;
border-left: 5px solid #ccc;
padding-left:5px;
}
dd {
border-left: 5px solid #999;
padding-left:20px !important;
}
</code></pre>

このダイアリーはピンク ブロッサム ちゃんの日常を綴る日記になりました。unsubscribe はこちら→gerry久しぶりに美容室に行く途中で gerry な雰囲気が。そしてやつらはいつも最悪のタイミングでやってくるんだ…！今回の現場はシャンプー台の上。こともあろうか頭が泡だらけの時にやってきたんだ…。ぼくは恥ずかしながらも「ウンコしたくなったんでトイレにいかせてよぅはやくすすいでくださいおねがいしますおねがいします（懇願（もっと別の言い回しだったけど））」といって頭を軽くすすいでもらって、しかしびしょびしょのままインザトイレ☆…。最悪だった。そして髪を短くしすぎたよぅ☆＞＜ノ。きのうのことぼくもしあわせになるよぅ＞＜ノCSS ばくあぷ/* ======== HEADER ======== */

body{
margin:0;
padding:0;
text-align:center;

このダイアリーはピンク ブロッサム ちゃんの日常を綴る日記になりました。unsubscribe はこちら→gerry久しぶりに美容室に行く途中で gerry な雰囲気が。そしてやつらはいつも最悪のタイミングでやってくるんだ…！今回の現場はシャンプー台の上。こともあろうか頭が泡だらけの時にやってきたんだ…。ぼくは恥ずかしながらも「ウンコしたくなったんでトイレにいかせてよぅはやくすすいでくださいおねがいしますおねがいします（懇願（もっと別の言い回しだったけど））」といって頭を軽くすすいでもらって、しかしびしょびしょのままインザトイレ☆…。最悪だった。そして髪を短くしすぎたよぅ☆＞＜ノ。きのうのことぼくもしあわせになるよぅ＞＜ノCSS ばくあぷ/* ======== HEADER ======== */

body{
margin:0;
padding:0;
text-align:center;
width:auto;
/*
background:#000 url("http://hotchpotch.in/hatena_darkness_flower/bg.gif") top center;
*/
background:#000;
color:#fff;
font-family:"Lucida Sans Unicode","Verdana",Sans-serif;
}

body table{
 margin:0 auto;
 background:transparent;
 width:740px;
}

body table input{
 border:1px solid #CCC;
}

body table table{
 width:100%;
 margin:0;
 border-top:1px dashed #DDD;
 border-bottom:1px dashed #DDD;
 position:relative;
}

body table tr td{
 background:transparent;
}

h1{
 font-size:180%;
 width:730px;
 margin:-25px auto 0 auto;
 padding:70px 0 45px 0;
 font-family:"Lucida Sans Unicode",serif;
 background:url("http://hotchpotch.in/hatena_darkness_flower/h1.gif") top center no-repeat;
 color:#11BFB0;
}

h1 a,h1 a:visited,h1 a:link,h1 a:hover{
 color:#11BFB0;
}

h1 img{
vertical-align:middle;
}
form{
display:inline;
}

/* ======== LINK ======== */

a{
color:#FF1569;
text-decoration:none;
}

a:link{
color:#FF1569;
text-decoration:none;
}

a:visited {
color:#ff7793;
text-decoration:none;
}

a:hover {
color:#FF2F78;
text-decoration:underline;
}

a, a:link, a:visited, a:hover, {
}

/* ======== LINK-KEYWORD ======== */

a.keyword ,a.keyword:link ,a.keyword:visited {
color:#fff;
border-bottom:1px dashed #333;
padding-bottom:1px;
}

a.keyword:hover{
text-decoration:none;
}

a.okeyword ,a.okeyword:link ,a.okeyword:visited ,a.okeyword:hover {
color:#fff;
border-bottom:1px dashed #333;
padding-bottom:1px;
}

a.okeyword:hover{
text-decoration:none;
}

/* ======== RAYOUT ======== */

div.hatena-body{
 margin:0px auto;
 text-align:left;
 position:relative;
 width:730px;
 background:#000;
}

div.hatena-body:after{
dipslay:block;
content:"";
clear:both;
}

div.main {
 margin:0;
 text-align:left;
 float:left;
 width:500px;
 background:#000;
}

div.sidebar {
 width:220px;
 float:right;
 margin-left:-220px;
 background:#000;
}

/* ======== CALENDAR ======== */

div.calendar {
 text-align:left;
 margin:0 5px 15px 5px;
 font-size:90%;
 font-weight:bold;
 color:#CCC;
}

div.calendar a{
 font-weight:normal;
}

/* ========  DAY ======== */

div.day {
 padding-bottom:10px ;
 line-height:150%;
}

/* ======== TITLE ======== */

h2 {
 font-size:100%;
 padding-bottom:0px;
 padding-top:0px;
 margin:10px 10px 10px 0px;
}

h2 a .date{
 padding-right:5px;
 letter-spacing:0.1em;
}

h2 a.edit {
 font-size:80%;
 text-decoration:underline;
 font-weight:normal;
}

/* ======== BODY ======== */

div.body {
 padding:0px;
 margin:0px;
}

/* ======== SECTION ======== */

div.section{
 font-size:90%;
 line-height:155%;
 color:#fff;
 margin:10px;
}

div.section p{
 padding:0px;
 margin:10px 5px 12px 10px;
}

div.section ul{
 margin:20px;
 padding:0;
}

div.section ul li{
 margin-left:10px;
 line-height:135%;
}

input.field,textarea{
 font-size:90%;
 border:1px solid #E4CBC2;
 padding:3px;
}

input#comment-username{
 border:1px solid #E4CBC2;
 padding:3px;
}

.footnote{
 font-size:90%;
 margin-left:5px;
}

div.section p.sectionfooter { 
 text-align: right;
 margin-top:1em;
 font-size:90%;
}

img.photo{
}

/* ======== INDEX ======== */

h3 {
 font-size:100%;
 margin:15px 0 10px 0;
 padding:3px;
 clear:left;
 border-bottom:1px dashed #D4C2B2;
}

h3 .timestamp{
 font-weight:normal;
 font-size:80%;
 color:#666;
}

div.day span.sanchor{
background:url("http://hotchpotch.in/hatena_darkness_flower/h3.gif") top center no-repeat;
font-size:1px;
padding:15px 10px 10px 10px;
_padding:20px 10px 10px 10px;
margin-right:3px;
color:#000;
}

div.day h3 a:hover{
 text-decoration:none;
}

h4{
 font-size:100%;
 margin:10px 0px;
 padding:1px 5px 5px 20px;
 background:url("http://hotchpotch.in/hatena_darkness_flower/h4.gif") 0 3px no-repeat;
}

/* ======== COMMENT ======== */

div.comment{
 margin:10px 5px 10px 10px;
 padding-bottom:5px;
 font-size:90%;
 clear:both;
 color:#eee;
 border:1px dashed #F3DAD1;
 background:#011117 url("http://hotchpotch.in/hatena_darkness_flower/comment.gif");
}

/* ======== COMMENTBODY ======== */

div.commentshort{
 padding:0px;
 margin:0 0 0 10px;
 font-size:90%;
 line-height:135%;
}

.canchor{
 display:none;
}

span.commentator{
 padding-top:3px;
 padding-bottom:3px;
 padding-left:20px;
 line-height:150%;
 background:url("http://hotchpotch.in/hatena_darkness_flower/comment-icon.gif") 0 50% no-repeat;

}

/* ======== 1-COMMENT ======== */  

div.commentshort p{
 padding:5px 5px 5px 0px;
 margin:0 0 0 1.3em;
 text-indent:-1.3em;

}

div.commentshort p a,div.commentshort p a:visited,div.commentshort p a:hover,div.commentshort p a:link{
 font-weight:bold;
}

/* ======== COMMENT-TEXTBOX ======== */

div.commentshort textarea{
 width:350px;
 margin-left:-7px;
}

div.commentshort input{
 margin-left:10px;
 margin-bottom:5px;
}

div.commentshort input#comment-username{

}

/* ======== TRACKBACK ======== */

div.refererlist{
 word-wrap: break-word;
 white-space: -moz-pre-wrap;
 margin:10px 5px 10px 10px;
 padding-bottom:5px;
 font-size:90%;
 clear:both;
 border:1px dashed #F3DAD1;
 background:#FEEEE8 url("http://hotchpotch.in/hatena_darkness_flower/comment.gif");
 color:#666;
}

div.refererlist ul{
 list-style:none;
 margin:0;
 padding:0;
}

div.refererlist ul li {
 font-size:90%;
 padding:1px 0 1px 20px;
 margin-left:1em;
 background:url("http://hotchpotch.in/hatena_darkness_flower/comment-icon.gif") 0 50% no-repeat;
}

div.refererlist ul li a{
}

/* ======== COMMENT&TRACKBACK ======== */

div.caption{
 padding:7px 5px 5px 7px; 
}

div.caption a{
 text-decoration:underline;
 font-weight:bold;
}

div.caption a:hover{
}

/* ======== HATENA-MODULE-BASE ======== */

div.hatena-module {
 padding:0px;
 margin:0 0 10px 0;
}
div.hatena-moduletitle{
 font-size:90%;
 padding:9px;
 margin:0px;
 font-weight:bold;
 background:url("http://hotchpotch.in/hatena_darkness_flower/hatena-moduletitle.gif") top left no-repeat;
 color:#84B05A;
}

div.hatena-moduletitle a , div.hatena-moduletitle a:visited , div.hatena-moduletitle a:hover{
 color:#84B05A;
 text-decoration:underline;
}

.hatena-modulebody {
 padding:0 10px 10px 10px;
 font-size:90%;
 background:url("http://hotchpotch.in/hatena_darkness_flower/hatena-modulebody.gif") bottom left no-repeat;
}

/* ======== HATENA-MODULE-CALENDAR ======== */

table.calendar{
 text-align:center;
 width:195px;
 font-size:100%;
 border:none;
 background:transparent;
}

table.calendar td{
 background:transparent;
 color:#667;
}

table.calendar td a{
}

table.calendar td.calendar-day a{
 display:block;
}

table.calendar td.calendar-day a:hover{
}

td.calendar-sunday{
}

td.calendar-saturday{
}

table.calendar td.day-today a{}

table.calendar td.day-selected{
 font-weight:bold;
}

td.calendar-day img{
 width:15px;
 height:15px;
}

/* ======== HATENA-MODULE-LIST ======== */

.hatena-modulebody ul {
 padding:0px;
 margin:0px;
 list-style-type:none;
}

.hatena-modulebody ul li {
 font-size:90%;
 margin:0px;
 padding:0 0 5px 18px;
background:url("http://hotchpotch.in/hatena_darkness_flower/hatena-modulebody-li.gif") 0 1px no-repeat;
 color:#766;
 line-height:135%;
}

.hatena-modulebody ul li a {
 font-size:110%;
}

.hatena-modulebody ul li a:visited {
}

.hatena-modulebody ul li a:hover{
}

/* ======== HATENA-MUDULE-PROFILE ======== */

.hatena-profile{
_height:1%;
}

.hatena-profile:after{
clear:both;
content:"";
display:block;
height:3px;
}

.hatena-profile-image,.hatena-profile-id,.hatena-profile-body{
 margin:0px;
 font-size:90%;
}

.hatena-profile-body{
margin-right:0;

}

.hatena-profile-image{
float:left;
margin:0 10px;
}

/* ======== HATENA-MODULE-CLOCK ======== */

.hatena-clock{
text-align:center;
}


/* ======== HATENA-MODULE-OTHER ======== */

ul.hatena-photo{
padding-top:5px;
padding-left:3px;
}

ul.hatena-photo li{
 display:inline;
 margin:0px;
 padding:0px;
 border:none;
 background:transparent;
}

ul.hatena-photo li a{
 display:inline;
 padding:;
 padding:2px 0px 0px 4px;
}

ul.hatena-photo li a:hover{
 background:transparent;
}

ul.hatena-photo li a img{
 margin:0;
 padding:0;
}

ul.hatena-photo li a:hover img{
}

img.hatena-fotolife {
}

.hatena-searchform {
 margin-left:3px;
 padding:0px;
 font-size:90%;
}

.hatena-searchform input{
border:1px solid #CCC;
padding:3px;
}

div.adminmenu{
 width:740px;
 text-align:left;
 font-size:90%;
 margin:0px auto;
 padding:5px 0;
}

span.adminmenu a{
 padding-left:8px;
 padding-right:10px;
 border-right:1px solid #CCC;

}

span.adminmenu a:hover{

}

span.adminmenu a:visited{

}

span.hatena-counter{
margin-left:10px;
}

/* ======== HATENA-SYNTAX & HTML ======== */

div.section pre{
 padding:10px;
 line-height:120%;
 margin:10px;
 word-wrap: break-word;
 white-space: -moz-pre-wrap;
 background:#111;
 border-top:1px solid #FF5270;
 border-bottom:1px solid #FF5270;
}

div.section blockquote{
 font-size:90%;
 padding-left:5px;
 border:3px double #F2D1CF;
 margin:10px;
 background:#111;

}

div.section ul li{
}

div.day img.photo{
 float:right;
 margin:0 5px 10px 10px;
}

img{
 border:0px;
}

dl dt{
 font-weight:bold;
}

dl dd{
 margin:0;
 padding:0;
}

/* ======== HATENA-SYNTAX-QUESTION ======== */

.hatena-question-detail{
 width:90%;
 text-align:left;
 font-size:90%;
}

th.hatena-question-detail-title{
 padding:5px;
 font-weight:normal;
}

.hatena-question-detail-label{
 width:30%;
 padding:5px;
}

.hatena-question-detail-value{
 width:65%;
 padding:5px;
}

/* ======== HATENA-SYNTAX-TABLE ======== */

div.section table {
 width:auto;
 margin:3px;
 background:#000;
 border:1px dashed #D6C3B5;
 border-collapse:collapse;
}

div.section table tr th{
 background:#000FCC;
 padding:5px;
 font-size:90%;
 line-height:135%;
 color:#fff;
 border:1px dashed #D6C3B5;
}

div.section table tr th a{
 color:#fff;
}

div.section table tr td , div.day div.body table tr td{
 padding:5px;
 font-size:90%;
 line-height:135%;
 background:#000;
 color:#fff;
 border:1px dashed #D6C3B5;
}

/* ======== HATENA-SYNTAX-HAMAZOU ======== */

div.hatena-asin-detail{
border:1px dashed #DCDCEA;
padding:10px;
background:#0C0C0B url("http://hotchpotch.in/hatena_darkness_flower/asin-detail.gif") right bottom no-repeat;
margin:10px 0;
}
 div.hatena-asin-detail a{
}

.hatena-asin-detail-info{
}

.hatena-asin-detail-info ul{
margin:5px !important;
padding:0 !important;
list-style:none;
}

.hatena-asin-detail-info ul li{
padding-bottom:3px;
}

.hatena-asin-detail-image{
float:left;
margin-right:10px;
}

.hatena-asin-detail-title{
 margin:0 !important;
 padding:0 !important;
}

.hatena-asin-detail-foot{
 clear:both;
}

/* ======== FOOTER ======== */

.footer{
 clear:both;
 margin:5px;
 font-size:90%;
}

/* ======== ADSENSE ======== */

.ad{
 margin:20px;
}

/* ======== KEYWORDCLOUD ======== */

ul.keywordcloud {
 margin: 10px;
 padding: 0;
 border-top:none;
}

ul.keywordcloud li {
 font-size:90%;
 display: inline;
 border-bottom:none;
}

ul.keywordcloud li a{
 display:inline;
 line-height:1.2;
}

ul.keywordcloud li a.keywordcloud0 { font-size: 80%; }
ul.keywordcloud li a.keywordcloud1 { font-size: 100%; }
ul.keywordcloud li a.keywordcloud2 { font-size: 120%; }
ul.keywordcloud li a.keywordcloud3 { font-size: 140%; }
ul.keywordcloud li .keywordcloud4 { font-size: 160%; }
ul.keywordcloud li a.keywordcloud5 { font-size: 180%; }
ul.keywordcloud li a.keywordcloud6 { font-size: 200%; }
ul.keywordcloud li a.keywordcloud7 { font-size: 220%; }
ul.keywordcloud li a.keywordcloud8 { font-size: 240%; }
ul.keywordcloud li a.keywordcloud9 { font-size: 260%; }
ul.keywordcloud li a.keywordcloud10 { font-size: 280%; }

/* ======== HATENA-SYNTAX-ID ======== */

img.hatena-id-image{
 margin:2px;
 vertical-align:middle;
}

img.hatena-id-icon{
 margin:2px;
 vertical-align:middle;
}


.synSpecial { color: #c000c0; }
.synType { color: #3EC63E; }
.synComment { color: #4F80E5; }
.synPreProc { color: #9355E6; }
.synIdentifier { color: #51CFCF; }
.synConstant { color: #FF6666; }
.synStatement { color: #D88A17; }

.mainOOO {
  _height:1px;
}

dt {
margin-top:5px;
border-left: 5px solid #ccc;
padding-left:5px;
}
dd {
border-left: 5px solid #999;
padding-left:20px !important;
}

2006-09-17

<h3>タイトルロゴ変更</h3>
<p>かっけ＞＜</p>
<h3>これはひどい</h3>
<p><a href="http://f.hatena.ne.jp/secondlife/20060915185301"><img src="http://cdn-ak.f.st-hatena.com/images/fotolife/s/secondlife/20060915/20060915185301.jpg" alt="f:id:secondlife:20060915185301j:image" title="f:id:secondlife:20060915185301j:image"></a></p>
<h3>regpwd</h3>
<p>そういえば話し忘れたけど、regpwd がかゆいところに届いて便利</p>
<pre><code>[2]$ alias regpwd
regpwd='screen -X readbuf =(echo `pwd`|tr -d "\n")'
</code></pre>
<p>screen 使ってるとき、カレントディレクトリをscreen buffer にコピーする。これで別の screen 番号に移ったときでもペーストできて便利。</p>
<h3>JSONP でコールバック関数をクリアすると WinIE でエラーる件</h3>
<p>もう超はまった。<a href="http://rails2u.com/misc/MochiKitAsyncJSONP/">MochiKit.Async JSONP</a>では、JSONP のコールバック関数呼び出しが完了すると、その関数自体をクリアしてる。んでその関数名は</p>
<pre><code>nextCallbackId: MochiKit.Base.counter()
</code></pre>
<p>なコードで取得していた。そのため、毎回関数名が</p>
<pre><code>_1
_2
_3
</code></pre>
<p>な関数名になっていて、それをクリアしていた。しかし WinIE で戻るボタンなどで戻ってから、もう一度JSONPで_1 などのコールバック関数を呼び出すとエラーでIE が落ちる。IE自体のメモリ管理周りの問題？っぽい。のでコールバック関数名取得を</p>
<pre><code>nextCallbackId: (function() {
    var c = MochiKit.Base.counter();
    return function() {
        // WinIE suck
        // if counter only, IE error and die...
        return Number(new Date) + '_' + c();
    };
})()
</code></pre>
<p>にして、ユニークであろう数値にしたら直った。</p>
<h3>mayu</h3>
<p>mayu で ctrl/caps 入れ替えしてるんだけど、マウスと同時に押しだと、ctrl にならない…。</p>
<pre><code>mod control += 英数				# 英数を Control に
key *英数		= *LControl		#	〃
</code></pre>
<p>な設定なんだけどダメポ？</p>
<h3>cdgem</h3>
<pre><code>cdgem mongrel
</code></pre>
<p>で mongrel の最新 ver な gem ディレクトリに移動、みたいなー、のがほしい。つくろう</p>
<h3>refe</h3>
<p>端末の文字エンコードにあわせてよみたい、という要望がわりとありそう。最近は EUC-JP より UTF-8 な人たちの方が多そうだし。</p>
<p>miyagawa さんが作った端末のエンコーディング判別するようなモジュールがあるとすげぇべんりげ。</p>
<h3>おっぱいのドキュメントストリング</h3>
<p>イイナ。ruby もリフレクションドキュメントライブラリみたいなの用意すればいけそうな気もする。ていうか rdoc って書きやすいのかな、かな…。</p>
<h3>素材屋文化</h3>
<p>うへぇ。異文化をかいま見た感じだ。</p>
<p>関係ないけど Flickr の写真は CC なのは多いけどもちろん帰属がついてくるわけで、頭なしで加工して使いてーと思うとき面倒で悲しい。ていうかこの写真はCCBYなライセンスで云々、みたいなのってどこにかきゃいいわけ日記本文に書いただけだとすぐ埋もれちゃうよね。</p>
<h3>休日にやったこと</h3>
<h4>かまいたちの夜3</h4>
<p>2のメインストーリからやって正味十時間ぐらい。2のはおもろかったけど3はなぁ…。おまけ系のシナリオもうーん、でした…。わりと amazon のレビューでみんな云ってるような感想。</p>
<h4>ひぐらしのなく頃に解</h4>
<p>皆殺し編まで読んだｙｐ。ドギャーンの効果音がうるさすぎる…。シナリオはやはりオモロイ。</p>
<h4>地球防衛軍2</h4>
<p>項作さんに影響されて買ってきた。2000円にしてはでかいボリュームでやりごたえありまくりんぐ！今ステージ20ぐらい。</p>
<p>でも爽快感に関しては、PC の FPS 慣れしてるせいもあってか微妙。俺の操縦能力が低いといわれればそれまでなんですが、なんかうまく照準あわなくて、よっしゃー、みたいなのが少ない。</p>
<p>やってくる奴らをひたすらぶった押す！というのはやっぱシリアスサムシリーズが最高だよなぁ。突然やりたくなったけど大学→社会人の時に捨てちゃったよトホホ。</p>
<p>って今調べたらサイバーフロントから廉価版としてでてんのねーamazonで2300ちょいとかやしーので再度購入（ぇー</p>
<p>シリアスサムIIも2005年末に出てるなんてしらなんだでもいまのPCスペックじゃ快適じゃなさそうなので見送り！！！</p>

タイトルロゴ変更かっけ＞＜これはひどいf:id:secondlife:20060915185301j:imageregpwdそういえば話し忘れたけど、regpwd がかゆいところに届いて便利[2]$ alias regpwd
regpwd='screen -X readbuf =(echo `pwd`|tr -d "\n")'screen 使ってるとき、カレントディレクトリをscreen buffer にコピーする。これで別の screen 番号に移ったときでもペーストできて便利。JSONP でコールバック関数をクリアすると WinIE でエラーる件もう超はまった。MochiKit.Async JSONPでは、JSONP のコールバック関数呼び出しが完了すると、その関数自体をクリアしてる。んでその関数名はnextCallbackId: MochiKit.Base.counter()なコード

タイトルロゴ変更かっけ＞＜これはひどいf:id:secondlife:20060915185301j:imageregpwdそういえば話し忘れたけど、regpwd がかゆいところに届いて便利[2]$ alias regpwd
regpwd='screen -X readbuf =(echo `pwd`|tr -d "\n")'screen 使ってるとき、カレントディレクトリをscreen buffer にコピーする。これで別の screen 番号に移ったときでもペーストできて便利。JSONP でコールバック関数をクリアすると WinIE でエラーる件もう超はまった。MochiKit.Async JSONPでは、JSONP のコールバック関数呼び出しが完了すると、その関数自体をクリアしてる。んでその関数名はnextCallbackId: MochiKit.Base.counter()なコードで取得していた。そのため、毎回関数名が_1
_2
_3な関数名になっていて、それをクリアしていた。しかし WinIE で戻るボタンなどで戻ってから、もう一度JSONPで_1 などのコールバック関数を呼び出すとエラーでIE が落ちる。IE自体のメモリ管理周りの問題？っぽい。のでコールバック関数名取得をnextCallbackId: (function() {
    var c = MochiKit.Base.counter();
    return function() {
        // WinIE suck
        // if counter only, IE error and die...
        return Number(new Date) + '_' + c();
    };
})()にして、ユニークであろう数値にしたら直った。mayumayu で ctrl/caps 入れ替えしてるんだけど、マウスと同時に押しだと、ctrl にならない…。mod control += 英数				# 英数を Control に
key *英数		= *LControl		#	〃な設定なんだけどダメポ？cdgemcdgem mongrelで mongrel の最新 ver な gem ディレクトリに移動、みたいなー、のがほしい。つくろうrefe端末の文字エンコードにあわせてよみたい、という要望がわりとありそう。最近は EUC-JP より UTF-8 な人たちの方が多そうだし。miyagawa さんが作った端末のエンコーディング判別するようなモジュールがあるとすげぇべんりげ。おっぱいのドキュメントストリングイイナ。ruby もリフレクションドキュメントライブラリみたいなの用意すればいけそうな気もする。ていうか rdoc って書きやすいのかな、かな…。素材屋文化うへぇ。異文化をかいま見た感じだ。関係ないけど Flickr の写真は CC なのは多いけどもちろん帰属がついてくるわけで、頭なしで加工して使いてーと思うとき面倒で悲しい。ていうかこの写真はCCBYなライセンスで云々、みたいなのってどこにかきゃいいわけ日記本文に書いただけだとすぐ埋もれちゃうよね。休日にやったことかまいたちの夜32のメインストーリからやって正味十時間ぐらい。2のはおもろかったけど3はなぁ…。おまけ系のシナリオもうーん、でした…。わりと amazon のレビューでみんな云ってるような感想。ひぐらしのなく頃に解皆殺し編まで読んだｙｐ。ドギャーンの効果音がうるさすぎる…。シナリオはやはりオモロイ。地球防衛軍2項作さんに影響されて買ってきた。2000円にしてはでかいボリュームでやりごたえありまくりんぐ！今ステージ20ぐらい。でも爽快感に関しては、PC の FPS 慣れしてるせいもあってか微妙。俺の操縦能力が低いといわれればそれまでなんですが、なんかうまく照準あわなくて、よっしゃー、みたいなのが少ない。やってくる奴らをひたすらぶった押す！というのはやっぱシリアスサムシリーズが最高だよなぁ。突然やりたくなったけど大学→社会人の時に捨てちゃったよトホホ。って今調べたらサイバーフロントから廉価版としてでてんのねーamazonで2300ちょいとかやしーので再度購入（ぇーシリアスサムIIも2005年末に出てるなんてしらなんだでもいまのPCスペックじゃ快適じゃなさそうなので見送り！！！

A Day in the Life

powered by Ruby on Rails

powered by Ruby on Rails

書いている人

おたよりを送る