<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>ロデの気まぐれコラムー</title>
<link>https://ameblo.jp/pit-me/</link>
<atom:link href="https://rssblog.ameba.jp/pit-me/rss20.xml" rel="self" type="application/rss+xml" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
<description>へっぽこWeb屋の駆け足ドラマー。音楽・映画・お笑い・こどもなど、すごく気まぐれです。</description>
<language>ja</language>
<item>
<title>はんにゃ金田は現代の志村になれるのか？不思議な魅力</title>
<description>
<![CDATA[ ズグダンズンブングンゲームなどで爆発的に売れた<font color="#FA8072">はんにゃ</font>ですが、やっぱり今勢いが無いですね<img src="https://stat.ameba.jp/blog/ucs/img/char/char2/175.gif" alt="ダウン"><br>でも 消えたってほどではないですよねぇ。<br><br>前にも <a href="http://ameblo.jp/pit-me/entry-11205698423.html" target="_blank">ゴリ押し</a> の話を書きましたが、<font color="#FF1493">ゴリ押しされても実力が伴ってれば、やっぱり生き残る</font>と思うんです。<br><br>でも、<font color="#0000FF">実力が伴ってない</font>。<br><font color="#FF1493">何となくいっぱいテレビに出てるから笑うけど、冷静になると全然面白くない人</font>は <strong><font color="#0000FF">フッ</font></strong>と消えちゃいます。<br><font color="#999999">エ●はるみとか、ハイキング●ォーキングとか・・</font><br><br><br>そして <font color="#FA8072">はんにゃ</font>。<br>はんにゃは、そりゃもう吉本の大プッシュがありました。<br>すごい勢いだったし、テレビも出まくり。ネタ番組でも「ウザイ先輩」みたいなネタをたくさんやっていました。<br><br>でも、全盛期の頃でも、<font color="#800080">トーク番組</font>で何か気の利いた事を言ったでしょうか。コントは<font color="#800080">大爆笑するほどのクオリティ</font>だったか。<br><br><br><strong><font size="3">全然です。</font></strong><br>事実、<font color="#00BFFF">全盛期の頃にキングオブコント予選の２回戦で落ちてます</font>。<br><br>「<font color="#FF1493">何となくテレビにいっぱい出てるから笑うけど、冷静になると全然面白くない人</font>」そのものです。<br><br><br>こういうタイプの芸人さんは、俗に言う一発屋としてことごとく消えて行くんですが、<br>なぜかまだ はんにゃは残っています。<br><br><br>残っているというのは違うかも、同時期に出てきた<font color="#FA8072">フルポン</font>はまだまだ<strong>ヒザ神</strong>などで大活躍しているし、<br>それに比べれば露出は大分少なくなりましたよね。<br><br><br><strong>それでも消えてない。<br>何故なんでしょう。</strong><br><br><br>それは、<strong><font color="#FF0000">子供に絶大な人気があるから</font></strong>です。<br><br><br>子供って、いる人はわかりますが、本っっっ当にくだらない事でずっと笑ってます。<br>もう笑いのツボが違うってレベルじゃない。見えてるものが違うんじゃないかというくらい、くだらない事で笑います。<br><br>その「<font color="#9370DB">くだらない事</font>」に<strong>ぴったりマッチした顔や芸、しゃべり方を持っているのが、<font color="#FA8072">金田</font>だと思うのです</strong>。<br><br>大人が見ても面白くないと思うのは当たり前。<br>今時<font color="#9370DB">デカいホクロをつけて変顔</font>して面白いと思いますか？<br><br>金田は、クラスの人気者なんです。<br><strong>なんかよくわかんねーけど、コイツウケる～<img src="https://stat.ameba.jp/blog/ucs/img/char/char2/039.gif" alt="ビックリマーク"></strong>　そんな感じなのです。<br><br><br>そして<strong><font color="#0000FF">ここからが重要</font></strong>なんですが、<font color="#FF0000"><strong>おそらく本人は、この芸風を100％本気でやってます。</strong></font><br><font color="#00BFFF">これが面白い！芸人はこうでなくちゃいけない！</font><br>そんなクソ真面目な確固たる想いで、デカいホクロをつけて変顔してるんです。<br><br>そして<strong>それを見て、子供はケラケラ笑う</strong>んです。<br><br><br>大人が作ったおもちゃに見向きもせず、ペットボトルに石入れて遊んでいるような子供たちと同じように、これは大人が狙っても出来る事じゃありません。<br>子供は<font color="#800080">邪念</font>が入っていれば直感でわかってしまいます。<br><br>金田の<font color="#0000FF">クソ真面目</font>で<font color="#0000FF">純粋な変顔</font>がきっと、子供たちにはすごくストレートに伝わるんではないでしょうか。<font color="#FF1493">それって素敵だと思いませんか？</font><br><br><br>そして何となく自分の世代だったからか、<font color="#FA8072">志村けん</font>に似てると思います。<br>昔は親になんでこんなのが面白いんだと言われながら、一生懸命だいじょぶだぁやバカ殿を見ていました。<br>志村けんも<font color="#00BFFF">100％の力で変な顔</font>をしたり、転んだり、スカートめくりをしていました。<br>志村けんがはんにゃとは比べ物にならない大物だとはわかっていますが、<br>是非ともこのまま、突っ走って欲しいです。<br>子供に飽きられたら、それこそ<strong>はんにゃは消えてしまう</strong>と思います。<br><br><br>同じ事が<font color="#FA8072">小島よしお</font>にも言えそうだなぁ。<br><br><br><br>という事で、<font color="#FA8072">金田</font>が100％の力を出しきっている<strong><font color="#FF1493">オタク合いの手</font></strong>の動画を置いておきます。<br>基本お寒いですが、<font color="#FF0000">大人がいちいち「寒い」というのは本当野暮です！</font><br><br>見られなかったらごめんなさい。<br><br><object width="336" height="189"><param name="movie" value="http://www.youtube.com/v/su0rJdePOSo&amp;hl=en_US&amp;feature=player_embedded&amp;version=3"><param name="allowFullScreen" value="true"><param name="allowScriptAccess" value="always"><embed src="https://www.youtube.com/v/su0rJdePOSo&amp;hl=en_US&amp;feature=player_embedded&amp;version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="336" height="189"></object><br><br><br>では、おやすみなさい<img src="https://stat.ameba.jp/blog/ucs/img/char/char2/030.gif" alt="ぐぅぐぅ"><br><br><br>【関連】<a href="http://www.amazon.co.jp/gp/product/B0030AHAMS/ref=as_li_ss_tl?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=B0030AHAMS">オナラ、恥ずかしくないよ。</a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=B0030AHAMS" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"><br><br><center><a href="http://www.amazon.co.jp/gp/product/4847042107/ref=as_li_ss_il?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=4847042107"><img border="0" src="https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fws.assoc-amazon.jp%2Fwidgets%2Fq%3F_encoding%3DUTF8%26Format%3D_SL160_%26ASIN%3D4847042107%26MarketPlace%3DJP%26ID%3DAsinImage%26WS%3D1%26tag%3Dpitmevav75-22%26ServiceVersion%3D20070822"></a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=4847042107" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"></center><br><br><br>
]]>
</description>
<link>https://ameblo.jp/pit-me/entry-11213675215.html</link>
<pubDate>Wed, 04 Apr 2012 21:45:15 +0900</pubDate>
</item>
<item>
<title>簡単そうで覚える事の多い、クセ者floatの話　3日目</title>
<description>
<![CDATA[ 前回の続きです！<br><br>前の記事<br>→<a href="http://ameblo.jp/pit-me/entry-11209478021.html" target="_self">簡単そうで覚える事の多い、クセ者floatの話　1日目</a><br>→<a href="http://ameblo.jp/pit-me/entry-11210453386.html" target="_self">簡単そうで覚える事の多い、クセ者floatの話　2日目</a><br><br><font color="#800080">floatを覚える上で重要な事</font>がもうひとつあります。<br>今日はこんなボックスを作りましょう！<br><br><a href="http://stat.ameba.jp/user_images/20120401/21/pit-me/2c/22/g/o0340015011889023512.gif"><img src="https://stat.ameba.jp/user_images/20120401/21/pit-me/2c/22/g/t02200097_0340015011889023512.gif" alt="$ロデの気まぐれコラムー" border="0"></a><br><br>割とよく見ますよね。<br><font color="#9370DB">画像があって、<br>回り込んでテキスト。<br>親のboxには紫の背景色が入ってます。</font><br> <br>まず前回の要領で組んでみます。 <br><br>html<br><pre><code>&lt;div id="box"&gt;<br>  &lt;img src="hashibiro" width="127" height="130"&gt;<br>  &lt;div class="text"&gt;<br>    &lt;p&gt;ハシビロコウ&lt;/p&gt;<br>    &lt;p&gt;ハシビロコウは、&lt;br&gt;上野動物園などで見ることが&lt;br&gt;できます。&lt;/p&gt;<br>  &lt;/div&gt;<br>&lt;/div&gt;</code></pre><br><br>css<br><pre><code>#box {width:320px; background-color:#6666cc;}<br>img {float:left; margin:15px;}<br>#box .text {float:right;width:160px; margin-top:15px; font-size:12px; color:#ffffcc;}<br>#box .text p{font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;<br>     font-size:14px; font-weight:bold;}</code></pre><br><br>大箱の親div 、imgは<font color="#0000FF">float</font>させて、テキストを子divで囲って<font color="#0000FF">float</font>させました。<br><br><font color="#FF1493">floatさせたら横幅入れる</font>んでしたよね。<br>あとはフォントの設定も入れました。<br><br>では見てみましょう。 <br><br>IE<br><a href="http://stat.ameba.jp/user_images/20120401/21/pit-me/cb/89/g/o0347018511889023514.gif"><img src="https://stat.ameba.jp/user_images/20120401/21/pit-me/cb/89/g/t02200117_0347018511889023514.gif" alt="$ロデの気まぐれコラムー" border="0"></a><br><br>firefox<br><a href="http://stat.ameba.jp/user_images/20120401/21/pit-me/00/0b/g/o0334019211889098035.gif"><img src="https://stat.ameba.jp/user_images/20120401/21/pit-me/00/0b/g/t02200126_0334019211889098035.gif" alt="$ロデの気まぐれコラムー" border="0"></a><br><br>ありゃりゃ、<strong><font color="#9370DB">背景が変です。</font></strong>ieでは途中で切れて、firefoxでは<font color="#00BFFF">全く出ません</font>。<br><br><br>実は大箱の高さは、<font color="#FF0000">floatした場合の小箱の高さを含んでくれない</font>んです。<br>floatさせるって事は、<font color="#CC6600">浮いてる</font>状態なんですね。<br>だから、大箱には何もない状態になっちゃってるんです。<br>あっちなみに<strong>ieが背景ちょっと出てるのは、ieの挙動の方がバグ</strong>です。<br>背景が出ないほうが正しいです。<br>ややこしいよね・・<br>  <br>この辺の解釈は難しいので、自分も間違ってるかもしれません。とにかく、<font color="#0000FF">floatさせたら、最後は解除したboxをもう一つ入れないといけない</font>んです。  <br><br><br>で、解除するには<strong><font color="#0000FF">clear</font></strong>を使います。 <br><font color="#0000FF">clear:both</font>を使えば、box内の全部のfloatが解除されるので、普通に高さが認識されます。<br><br>基本は、大箱の中にfloatさせた小箱を並べた場合、<font color="#FF1493">clearさせたboxで終わらせる</font>のが決まりです。<br>図でいうとこんな感じ。<br><a href="http://stat.ameba.jp/user_images/20120401/21/pit-me/77/37/g/o0340019011889098036.gif"><img src="https://stat.ameba.jp/user_images/20120401/21/pit-me/77/37/g/t02200123_0340019011889098036.gif" alt="$ロデの気まぐれコラムー" border="0"></a><br><br>でも、今回作ろうとしてるものはfloatさせた小箱２つで完結しちゃいますよね。<br><br>無理やり、<font color="#FA8072"><div class="clear"></div></font>みたいに、空div作っちゃう事も実はありますが、コンテンツが何もないのに空div作るのは良くないです。ソースも汚くなります。<br><br>そこで、どうしても<font color="#800080">floatさせた小箱を並べた状態で大箱divを閉じたい場合に使う<strong>呪文</strong></font>があります。<br><br>それが「<strong><font color="#FF0000">clearfix</font></strong>」です。<br>原理を説明すると、結構長くなります。知っておいて欲しいっちゃ欲しいですが、めんどくさいので説明は省きます。<font color="#999999">（それでも知りたい！って方はググってください）</font><br><br>これを一度cssに書きこめば、classで呼び出してすぐに使うことができます。<br><pre><code>.clearfix {width:100%;}<br>.clearfix:after{<br>    content: ""; <br>    display: block; <br>    clear: both;}</code></pre><br>floatさせたdivで終わらせたい場合、親divにこのクラスclearfixを指定しましょう。<br><br>ソースです。<br><pre><code>&lt;div id="box clearfix"&gt;<br>    &lt;img src="a.gif" width="130" height="130"&gt;<br>    &lt;div id="migi"&gt;&lt;p&gt;ハシビロコウ&lt;/p&gt;ハシビロコウは、&lt;br&gt;上野動物園などで見ることが&lt;br&gt;できます。&lt;/div&gt;<br>&lt;/div&gt;</code></pre><br><br>直りましたよね。背景の画像だけでなく、margin-bottomを親divに指定した場合などもclearfixしないと反映されません。<br><br><strong><font color="#FF0000">floatさせたdivの挙動がおかしい場合は、clearの問題をまず考えましょう。</font></strong><br>また、float関連のバグもめちゃくちゃ多いので、プレビューしたブラウザとfloatの関係は調べておいて損はないです。<br><br><br>後半めんどくなってしまいましたが、floatの解説は以上でございます。<br><br>【関連】<a href="http://www.amazon.co.jp/gp/product/B0027XE4XW/ref=as_li_ss_tl?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=B0027XE4XW">Mr.カラー C46 クリアー (透明) </a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=B0027XE4XW" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"><br><br><br><a href="http://www.amazon.co.jp/gp/product/B004UJVAI8/ref=as_li_ss_il?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=B004UJVAI8"><img border="0" src="https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fws.assoc-amazon.jp%2Fwidgets%2Fq%3F_encoding%3DUTF8%26Format%3D_SL160_%26ASIN%3DB004UJVAI8%26MarketPlace%3DJP%26ID%3DAsinImage%26WS%3D1%26tag%3Dpitmevav75-22%26ServiceVersion%3D20070822"></a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=B004UJVAI8" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"><br>
]]>
</description>
<link>https://ameblo.jp/pit-me/entry-11210485035.html</link>
<pubDate>Sun, 01 Apr 2012 21:17:31 +0900</pubDate>
</item>
<item>
<title>簡単そうで覚える事の多い、クセ者floatの話　2日目</title>
<description>
<![CDATA[ では続きの話。前の記事はこちらです。<br><br>→<a href="http://ameblo.jp/pit-me/entry-11209478021.html" target="_blank">簡単そうで覚える事の多い、クセ者floatの話　1日目</a><br><br>今は<font color="#9370DB">2つの小箱がピッタリ端に</font>くっついてます。<br><br><a href="http://stat.ameba.jp/user_images/20120331/21/pit-me/91/43/g/o0320024011886772433.gif"><img src="https://stat.ameba.jp/user_images/20120331/21/pit-me/91/43/g/t02200165_0320024011886772433.gif" alt="$ロデの気まぐれコラムー-float3" width="220" height="165" border="0"></a><br> <br>ソースはこんな感じ。<br><pre><code>&lt;html&gt;<br>&lt;head&gt;<br>&lt;style type="text/css"&gt;<br>#box {width:320px; height:240px; background-color:#ffff66;}<br>#hidari {float:left; width:145px; height:220px; background-color:#ff66cc;}<br>#migi {float:right; width:145px; height:220px; background-color:#339933;}<br>&lt;/style&gt;<br>&lt;/head&gt;<br>&lt;body&gt;<br>&lt;div id="box"&gt;<br>  &lt;div id="hidari"&gt;えにくす&lt;br&gt;こんにちは&lt;br&gt;コンテンツ&lt;/div&gt;<br>  &lt;div id="migi"&gt;もょもと&lt;br&gt;さようなら&lt;br&gt;コンテンツ&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;</code></pre><br><br><br>次は小箱の周りに<font color="#FA8072">余白10px</font>をつけていきます。<br>cssでは小箱の外に余白をとる<font color="#0000FF">marginプロパティ</font>がありますねぇ。<br><br>なので、ここでは<font color="#0000FF">marginプロパティ</font>を使いま…<strong><font size="3">せん！</font></strong><br><br>実は、<font color="#800080">margin</font>は便利でいっぱい使いたくなりますが、<font color="#800080">floatプロパティを使っている場合、途端に扱いづらい</font>子になるんです。<br><br>何故なら<strong>ie6</strong>という化石ブラウザがあるんですが、<strong><font color="#FF0000">ie6ではfloatかけた方向のmaginが倍になる</font></strong>、という笑っちゃうくらいアホなバグがあるんです。<br>そんなの別にたいした事ないよーと思っちゃうと大変。計算した綺麗なレイアウトも、<strong>プレビューすると激崩れしてるんですよ</strong><img src="https://stat.ameba.jp/blog/ucs/img/char/char2/152.gif" alt="ドクロ"><br> <br>意外とこの化石ブラウザを使っている人が多いから、無視もできない。<br>さすがにあと1年もすればかなり少なくなると思いますが、他の方法で回避できるなら意識しなければいけません。<br><br><br>なので、floatかけた小箱には<font color="#FF0000">margin左右は<strong>極力使わない</strong></font>方がいいです。<br>しかしバグるのは<font color="#FF0000">「floatかけた方向のmargin」</font>だけですから、<font color="#00BFFF">float:leftした小箱にはmargin:right指定はセーフ</font>です。逆ももちろんです。<br>小箱が横に3つ以上並ぶ場合はこれをつかいます。それ以外はマージン左右は避けましょう。<br> <br><br>じゃあ何をするかと言うと、<font color="#0000FF">paddingプロパティ</font>を使います。<br>マージンは箱の外側に余白をとるのに対し、<font color="#0000FF">padding</font>は箱の内側に余白をとります。 <br>なので、大箱のbox君に<font color="#0000FF">padding指定</font>をするのです。<br>すると内側に余白が出来、小箱の外側の余白と同義になります。<br><br>早速コーディングしてみましょう！<br><pre><code>&lt;html&gt;<br>&lt;head&gt;<br>&lt;style type="text/css"&gt;<br>#box {width:320px; height:240px;<br>           padding:10px; <br>           background-color:#ffff66;}<br>#hidari {float:left; width:145px; height:220px; background-color:#ff66cc;}<br>#migi {float:right; width:145px; height:220px; background-color:#339933;}<br>&lt;/style&gt;<br>&lt;/head&gt;<br>&lt;body&gt;<br>&lt;div id="box"&gt;<br>  &lt;div id="hidari"&gt;えにくす&lt;br&gt;こんにちは&lt;br&gt;コンテンツ&lt;/div&gt;<br>  &lt;div id="migi"&gt;もょもと&lt;br&gt;さようなら&lt;br&gt;コンテンツ&lt;/div&gt;<br>&lt;/div&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;</code></pre><br><br>さてどうですか？皆さんは何のブラウザで見てますか？<br><br><a href="http://stat.ameba.jp/user_images/20120401/21/pit-me/ba/dc/g/o0320024111889023539.gif"><img src="https://stat.ameba.jp/user_images/20120401/21/pit-me/ba/dc/g/t02200166_0320024111889023539.gif" alt="$ロデの気まぐれコラムー" border="0"></a><br><br>こうなった方、IEですね！<br><br><a href="http://stat.ameba.jp/user_images/20120401/21/pit-me/3d/73/g/o0340025911889023619.gif"><img src="https://stat.ameba.jp/user_images/20120401/21/pit-me/3d/73/g/t02200168_0340025911889023619.gif" alt="$ロデの気まぐれコラムー" border="0"></a><br><br>そしてこうなった方も多いと思います！こちらはfirefox。<br><br>実はここでまたまた問題が出てくるんです。<br><strong><font color="#9370DB">ブラウザによって、width＋paddingの解釈が違う！</font></strong><br><font color="#FF1493">IE</font>はwidth指定したboxにpadding指定すると、<font color="#FF0000">横幅に余白分を含めます。</font>width320、padding10pxで、width320pxのまま。<br><font color="#0000FF">Firefox</font>はwidth指定したboxにpadding指定すると、<font color="#FF0000">横幅に余白分を足します。</font>width320、padding10pxで、width340pxに広がるのです。<br>height（高さ）も同様です。<br><br><br><strong>もーう嫌でしょ</strong><img src="https://stat.ameba.jp/blog/ucs/img/char/char2/177.gif" alt="！？">全部一緒にしろよって感じですよね！自分もずっと思ってます。<br><br>これを解決するには、大箱のbox君に、横幅を指定しない事で解決します。<br>cssを組む上で、<strong><font color="#EE82EE">width・heightとpaddingを同時に指定しない事がとても重要</font></strong>です。<br><br>しかし上のコードの、id="box"のwidth・heightを消すだけだと、こうなります。<br><br><a href="http://stat.ameba.jp/user_images/20120401/21/pit-me/e4/50/g/o0500014011889023513.gif"><img src="https://stat.ameba.jp/user_images/20120401/21/pit-me/e4/50/g/t02200062_0500014011889023513.gif" alt="$ロデの気まぐれコラムー" border="0"></a><br><br>・・そりゃそうですよね・・大箱boxの横は決まってませんから、左右に伸びます。<br>しかも背景色が変ですねぇ。棒みたい。この問題は、次の３回目でやります。<br><br>さてじゃあどうしましょうか。<br>仕方ありません、一緒に指定できないなら、<strong>箱をもう一つ増やしましょう。</strong><br>やり方は、<br><font color="#800080">大箱boxに縦横幅を指定。さらに中箱box2を作り、marginかpadding指定する。</font><br>marginかpaddingどちらかになりますが、<font color="#9370DB">ここでmarginを使うと、今度はfirefoxがバグります。</font><br>firefoxだと、<font color="#00BFFF">入れ子になったdivの中箱のmargin-topは、大箱の方に反映されちゃう</font>のです。<br><br><strong>もうイヤですね。嫌です。</strong><br>まぁここは<font color="#0000FF">padding</font>を使いましょう。<font color="#0000FF">padding</font>で万事解決です。やっと、形が出来上がりです。。<br><br>コードです。<br><pre><code>&lt;html&gt;<br>&lt;head&gt;<br>&lt;style type="text/css"&gt;<br>body {}<br>#box {width:320px; height:240px; background-color:#ffff66;}<br>#box2 {padding:10px;}<br>#hidari {float:left; width:145px; height:220px; background-color:#ff66cc;}<br>#migi {float:right; width:145px; height:220px; background-color:#339933;}<br>&lt;/style&gt;<br>&lt;/head&gt;<br>&lt;body&gt;<br>&lt;div id="box"&gt;<br>  &lt;div id="box2"&gt;<br>    &lt;div id="hidari"&gt;えにくす&lt;br&gt;こんにちは&lt;br&gt;コンテンツ&lt;/div&gt;<br>    &lt;div id="migi"&gt;もょもと&lt;br&gt;さようなら&lt;br&gt;コンテンツ&lt;/div&gt;<br>  &lt;/div&gt;<br>&lt;/div&gt;<br>&lt;/body&gt;<br>&lt;/html&gt;</code></pre><br><br>さて、疲れましたね。<br>今回はうまくいきましたが、次の３回目では、またきっとつまづくであろうfloatの問題を解説します。<br>
]]>
</description>
<link>https://ameblo.jp/pit-me/entry-11210453386.html</link>
<pubDate>Sun, 01 Apr 2012 20:47:47 +0900</pubDate>
</item>
<item>
<title>簡単そうで覚える事の多い、クセ者floatの話　1日目</title>
<description>
<![CDATA[ 今日はcssを勉強してたら最初につまづくであろう、floatのお話です。<br><br>まずは実際にこんな形をhtmlで作ってみながら説明します！<br>昔はレイアウトと言えばTABLEタグでしたから、TABLEで組むとしたら、こう区切ります。<br><br><a href="http://stat.ameba.jp/user_images/20120331/21/pit-me/f7/eb/g/o0370029011886772416.gif"><img src="https://stat.ameba.jp/user_images/20120331/21/pit-me/f7/eb/g/t02200172_0370029011886772416.gif" alt="$ロデの気まぐれコラムー-float1" border="0"></a><br><br><br>簡単に言うと縦が３行。<br>横は一番多い真ん中の行が５列あるので、３×５の表をつくればいいわけです。<br>で上下の列は統合ですね。<br><br><br>古き良き<img src="https://stat.ameba.jp/blog/ucs/img/char/char2/028.gif" alt="汗">テーブルですが、まー分かりづらいですよね。<br><font color="#9370DB">行がぁ、３つでぇ、colとrowってどっちが縦だっけ？</font>とか。<br>ソースも長く複雑なので、コンテンツの更新がしにくくてしょうがない。<br>これどこだっけ、あれ違うセル変えちゃった！とかね・・<br><br><br><strong>もうそんなものは使いません。</strong><br>いくら趣味のサイトだからって、TABLE使ってもいい事ありません。（<font color="#800080">あるけどまたそれは今度。</font>）<br>某ビルダーは卒業しよう！cssでレイアウト組んでみよう！<br><br><br><br>そして、cssの勉強始めると最初に目に止まります。このfloatで組む方法。<br><br>超簡単に言うと、大きい箱に入れた小さい箱が<strong><font color="#0000FF">float:leftなら左</font></strong>、<strong><font color="#0000FF">float:rightなら右</font></strong>に入ります。<br><br>大きい箱（div）の名前（id）が<font color="#FA8072">box</font>って名前。<br>小さい箱（div）の名前（id）がそれぞれ<font color="#FA8072">hidari</font>ちゃん、<font color="#FA8072">migi</font>ちゃんだとして、実際に組むと。<br><br><pre><code>&lt;div id="box"&gt;<br>  &lt;div id="hidari"&gt;ああああ&lt;/div&gt;<br>  &lt;div id="migi"&gt;まままま&lt;/div&gt;<br>&lt;/div&gt;</code></pre><br><br>これだけです。すごいスッキリですよね。<br>さらにcssで、どれくらいの大きさの箱なのか、どの位置に置くのかを名指しで命令します。<br><br><pre><code>#box {width:320px; height:240px; background-color:#ffff66;}<br>#hidari {float:left; width:145px; height:220px; background-color:#ff66cc;}<br>#migi {float:right; width:145px; height:220px; background-color:#339933;}</code></pre><br><br><font color="#FA8072">box</font>さんには横幅と縦幅を指定。<br><font color="#FA8072">hidari</font>ちゃんと<font color="#FA8072">migi</font>ちゃんには、floatで位置指定と、余白が10pxなので引き算で計算し、横幅を145px、縦幅を220pxにして！と命令。<br>さらに、左をピンク、右を緑にしました。<br>ここでレイアウトはこんな感じになります。<br><br><a href="http://stat.ameba.jp/user_images/20120331/21/pit-me/91/43/g/o0320024011886772433.gif"><img src="https://stat.ameba.jp/user_images/20120331/21/pit-me/91/43/g/t02200165_0320024011886772433.gif" alt="$ロデの気まぐれコラムー-float3" border="0"></a><br><br><br>見事に左右に分かれましたねぇ。<br><br><br>ちなみにここで、<br>#hidari {float:left; width:145px; height:220px; background-color:#ff66cc;}<br>#migi {<font color="#FF0000">float:left;</font> width:145px; height:220px; background-color:#339933;}<br><br>にすると、こうなります。<br><br><a href="http://stat.ameba.jp/user_images/20120331/21/pit-me/49/ea/g/o0320024011886772443.gif"><img src="https://stat.ameba.jp/user_images/20120331/21/pit-me/49/ea/g/t02200165_0320024011886772443.gif" alt="$ロデの気まぐれコラムー-float4" border="0"></a><br><br>cssどこが違うかわかりますか？migiちゃんも<font color="#FF0000">float:left</font>になっているので、左に寄ってぴったりくっついているのです。<br><br>とても簡単ですよね<img src="https://stat.ameba.jp/blog/ucs/img/char/char2/031.gif" alt="ドキドキ"><br>一つ注意としては、<strong><font color="#FA8072">必ずfloatさせたら横幅widthは指定しましょう。</font></strong><br>横にテキストが伸びると、箱が膨張して下に落ちるのです。（カラム落ち）<br><br><a href="http://stat.ameba.jp/user_images/20120331/21/pit-me/c1/2c/g/o0319044111886772417.gif"><img src="https://stat.ameba.jp/user_images/20120331/21/pit-me/c1/2c/g/t02200304_0319044111886772417.gif" alt="$ロデの気まぐれコラムー-float5" border="0"></a><br><br>はみ出しちゃうってことですね。<br>まーでも簡単簡単。これでどんなページでも作れちゃうぜ！<br><br><br><strong><font size="3">なんて思ったら大間違いなのですよ</font></strong><img src="https://stat.ameba.jp/blog/ucs/img/char/char2/141.gif" alt="ガーン"><br>floatは実は一番重要なのに、本当にタチが悪いんです！<br><br><br>という事で、背景に色をつけたり余白の話は次の記事で。<br><br>→<a href="http://ameblo.jp/pit-me/entry-11210453386.html" target="_self">簡単そうで覚える事の多い、クセ者floatの話　2日目に続く</a><br><br><a href="http://www.amazon.co.jp/gp/product/B007CU3H4M/ref=as_li_ss_tl?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=B007CU3H4M">お子様もfloat!float!</a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=B007CU3H4M" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"><br><br><a href="http://www.amazon.co.jp/gp/product/B000002QG8/ref=as_li_ss_il?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=B000002QG8"><img border="0" src="https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fws.assoc-amazon.jp%2Fwidgets%2Fq%3F_encoding%3DUTF8%26Format%3D_SL160_%26ASIN%3DB000002QG8%26MarketPlace%3DJP%26ID%3DAsinImage%26WS%3D1%26tag%3Dpitmevav75-22%26ServiceVersion%3D20070822"></a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=B000002QG8" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"><br><br>
]]>
</description>
<link>https://ameblo.jp/pit-me/entry-11209478021.html</link>
<pubDate>Sat, 31 Mar 2012 21:58:42 +0900</pubDate>
</item>
<item>
<title>東京ディズニーリゾートの新「バースデーパスポート」。アップグレードできるの？</title>
<description>
<![CDATA[ 今度東京ディズニーリゾートに誕生日祝いでお泊まりしちゃおう<img src="https://stat.ameba.jp/blog/ucs/img/char/char2/035.gif" alt="ラブラブ"><br>と思い調べていたところ、<br>新しいパスポートが出る事を知りました。<br> <br><br><font color="#0000FF">その名もバースデーパスポート。</font><br><a href="http://www.tokyodisneyresort.co.jp/special/birthday/index.html" target="_blank">http://www.tokyodisneyresort.co.jp/special/birthday/index.html</a><br> <br>おねだんは、<strong>大人8,400円</strong>（6,200）<strong>中人7,500円</strong>（5,300）小<strong>人6,300円</strong>（4,100） <br> <br>カッコ内はワンデーパスポートの値段です。<strong><font color="#9370DB">一律＋2200円</font></strong>ということですね。<br>これでついてくる特典は以下の3つ。<br><br>・<strong><font color="#FA8072">バースデーメダル</font></strong>（首にかければ祝ってもらえる？）<br>・<strong><font color="#FA8072">バースデーカード</font></strong>（上記メダルと写真などが飾れる）<br>・<strong><font color="#FA8072">バースデーぬいぐるみ</font></strong>（19cmのミッキー）<br>     <br>差額でこれらを買うという感じですかね。<br>一度買えばもう十分な感じですが、カードには好きなキャラクターにサインをもらったりしてもいいし、<br>大切な記念日にはとても思い出になる良いものだと思います！   <br><br> <br><br>で、我が家でもぜひ利用しようと思ったのですが、<font color="#EE82EE">うちはいつもお誕生日は泊まりで行くんですよねー</font>。<br>マルチデーパスポートで何日間か遊ぶんですが、これだとワンデーしか遊べないんですよ。<br> <br>確か前売り券で買ったワンデーパスをマルチデーパスポート（何日間か遊べる)に園内でアップグレードは出来るはずだけど、<strong><font color="#0000FF">バースデーパスポートはマルチデーパスポートにアップグレードできるのか？</font></strong><br>怖いなぁと思って問い合わせてみました。<br> <br> <br>結論からいうと、<strong><font color="#FF0000">アップグレードＯＫ</font></strong>でした。<br> <br>通常の前売り日付指定パスポートと同様の扱いになるそうで、<br>アップグレードする日にち内に前売り券が売り切れてる日がなければ、問題なくできるそうです。<br><br>もちろん入園保証がついたホテルに泊まってる方は、ホテルで前もってゲストカードをもらっておけば、次の日が売り切れでもアップグレードできます。<br><br>マルチデーへのアップグレードに関して、詳しくはココです↓<br><a href="http://www.tokyodisneyresort.co.jp/tdr/ticket/multi_pass.html" target="_blank">http://www.tokyodisneyresort.co.jp/tdr/ticket/multi_pass.html</a><br><br> <br><br>そして<strong><font color="#FF1493">ここからが 最重要。</font></strong><br> <br>バースデーパスポートは特典への交換券がもらえるわけじゃなく、<br>バースデーパスポートを提示する事で各種特典がもらえるとの事。<br><br>なので、<strong>アップグレード前に全て特典をもらっておかないといけません。</strong><br> <br><font color="#9370DB">そのままアップグレードしちゃうと、ただのマルチデーパスポートになるため、金をドブに捨てる事になります。</font><br> <br>ちなみに、使用済みパスはアップグレードできませんとあります。バースデーパスポートはワンデーパスと同様の扱いなので、必ず園内でアップグレードする事になりますね。<br><br>なので、多少混んでいようが朝一で特典をもらって、そのままアップグレードしちゃうほうがゆっくり遊べそうです。<br> <br><br>それ以外の、日付の変更などはオフィシャルＨＰも参考にしてください。<br> <br>券種の交換についてはココです。<br><a href="http://www.tokyodisneyresort.co.jp/online/faq/plan_ticket.html#q03" target="_blank">http://www.tokyodisneyresort.co.jp/online/faq/plan_ticket.html#q03</a><br><br><br>まぁとりあえず一安心。<br> <br>では、ご参考にしてくれた方、楽しい旅になりますよう願っております<img src="https://stat.ameba.jp/blog/ucs/img/char/char2/038.gif" alt="音譜"><br><br><br>【関連】<a href="http://www.amazon.co.jp/gp/product/4062706660/ref=as_li_ss_tl?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=4062706660">子どもといく　東京ディズニーランド　ナビガイド　2011－2012　シール100枚つき (Disney　in　Pocket)</a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=4062706660" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"><br><a href="http://www.amazon.co.jp/gp/product/4331515931/ref=as_li_ss_tl?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=4331515931">東京ディズニーランド＆シー 裏技ハンディガイド2012年版</a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=4331515931" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"><br><br><center><a href="http://www.amazon.co.jp/gp/product/4063500802/ref=as_li_ss_il?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=4063500802"><img border="0" src="https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fws.assoc-amazon.jp%2Fwidgets%2Fq%3F_encoding%3DUTF8%26Format%3D_SL160_%26ASIN%3D4063500802%26MarketPlace%3DJP%26ID%3DAsinImage%26WS%3D1%26tag%3Dpitmevav75-22%26ServiceVersion%3D20070822"></a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=4063500802" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"></center><br><br> <br>
]]>
</description>
<link>https://ameblo.jp/pit-me/entry-11208504436.html</link>
<pubDate>Fri, 30 Mar 2012 22:09:46 +0900</pubDate>
</item>
<item>
<title>ちょっと待ってよ、千鳥のゴリ押し</title>
<description>
<![CDATA[ 2011年のTHE MANZAI３位、あの白平（はくべい）ネタから、<br>ちょいちょい東京のテレビでも千鳥が見られるようになりました。<br><br><br>東京住みの千鳥好きにとっては、<br>GAORAの「千鳥のぼっけぇTV」が千鳥を見る唯一の機会だったと言っても過言ではありません。<br>また、大阪の吉本芸人事情を知れるのもこの番組が一番でした。<br><br><br><br>それと反比例して、<font color="#336666">千鳥がどんどん東京のゴールデンに出だした</font>んですが、<br>関東圏のファンにとっては、千鳥がアメトーークやロンハーに出るってすごく嬉しかったと思うんです。<br>少しでも大阪の番組で千鳥の漫才やロケを見た事があるならなおさら、この実力ならきっと番組にもハマるだろうと思ってました。<br><br><br><font color="#990033">大悟はチンピラキャラでもいけて、実は物事を繊細に捉えてボケるセンスがすごくあるし、<br>ノブは突っ込みが独特で、ワチャワチャした番組でもしっかり印象に残ります。</font><br><br><br>それがあのアメトーークとかロンハーで見れるって、すごく楽しみにしてました。<br><br><br><br>ところがです、この加持さん系バラエティに5度も6度も7度も出ても、<br>ずっとずっと顔がこわばって、不完全燃焼なんですよ。<br><br><br><strong><font color="#FF0000">こんなはずじゃないのに、大阪ならもっと面白いじゃん。</font></strong><br><br><br><br>・・当たり前ですよね。大阪から出てきた芸人さんのほとんどは、最初は大阪よりも実力が発揮できなくて本当当たり前です。<br>だから、これからだんだん慣れてくればいいんです。<br><br>と、ここまでなら全然良かったんですが。<br><br><br><br><strong><font color="#9370DB">なんか最近雲行きが怪しくなって来てません？</font></strong><br><br><br>いくら何でも急にテレビに出すぎです。<br><font color="#FA8072">お試しか</font>も毎週のように出てるし、ついにあの<font color="#FA8072">ピカルの定理</font>のレギュラーにもなっちゃいました。<br>下手すりゃ大悟の<font color="#FA8072">R-1決勝進出</font>もキナ臭いと思われてるかも。<br><br><br><strong>これが「 ゴ リ 押 し 」以外の何・・？</strong><br><br><br>どうしてお偉いさんたちは、こういう安易な事をするんですかねぇ。<br>オリラジやピースが、実力を図られずに「ゴリ押し」という理由だけで嫌われてしまったのを繰り返したいんでしょうか。<br><br>もちろん、中にはテレビにいっぱい出てる＝人気がある と捉える層もいるでしょうが、<br>そういう人たちに千鳥はハマるんですかねぇ。<br><br><br>ゴリ押しはもういいとして、２人がいつでもどこでも面白く実力を発揮できるなら全然文句はないです。いっぱい見れるしね。<br><br>が、今のところ尋常じゃないくらい緊張してて、東京の番組では全然なんですよねぇ。<br><br><br><br><font color="#ff1493">この状態でゴリ押しされると、「大した事ないじゃん、また吉本のゴリ押しかよつまんね」と世間に思われちゃうのが、単純に悔しい！</font><br><br><br>希望としては、某ピースやはんにゃのようにならないで欲しいです。。<br>まぁこれからですけどね。<br><br><br><br><font color="#CCCCCC">そうそう、あくまで信じなくても良い戯言ですが、<br>よ○もとには「●※ブレイク化計画」という綿密な企画書があるらしいです。<br>要はゴリ押しの企画書で、過去にはハロバイとかも企画されたとか。<br>あの人もあの人もされたんですかね。でも別に実力あるなら企画書にまでしなくていいですよね。テヘヘ</font><br><br><br>【関連】<a href="http://www.amazon.co.jp/gp/product/B005KNVY2U/ref=as_li_ss_tl?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=B005KNVY2U">千鳥２人のやりとりが面白い</a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=B005KNVY2U" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"><br>　　　　<a href="http://www.amazon.co.jp/gp/product/B006ER5OWC/ref=as_li_ss_tl?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=B006ER5OWC">笑い飯・千鳥の大喜利ライブDVD</a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=B006ER5OWC" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"><br><br><center><a href="http://www.amazon.co.jp/gp/product/4594064949/ref=as_li_ss_il?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=4594064949"><img border="0" src="https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fws.assoc-amazon.jp%2Fwidgets%2Fq%3F_encoding%3DUTF8%26Format%3D_SL160_%26ASIN%3D4594064949%26MarketPlace%3DJP%26ID%3DAsinImage%26WS%3D1%26tag%3Dpitmevav75-22%26ServiceVersion%3D20070822"></a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=4594064949" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"></center>
]]>
</description>
<link>https://ameblo.jp/pit-me/entry-11205698423.html</link>
<pubDate>Tue, 27 Mar 2012 23:26:50 +0900</pubDate>
</item>
<item>
<title>恥ずかしくて聞けないし、言えない。タグや要素の読み方。</title>
<description>
<![CDATA[ 今日は、htmlやcssを独学で勉強したはいいけど読み方がわからず、人に伝える時に恥ずかしい思いをしてしまった人がきっといる！(てか自分<img src="https://stat.ameba.jp/blog/ucs/img/char/char2/029.gif" alt="あせる">)<br> <br>という事で、メモも兼ねてまとめてみようと思います。<br> <br><br><strong>html編</strong><br><font color="#FA8072">DOCTYPE</font>　ドキュメントタイプ（ドクタイプでも平気）<br><font color="#FA8072">html</font>　エイチティーエムエル<br><font color="#FA8072">MIME</font>　<strike>ミメ</strike> マイム<br><font color="#FA8072">charset</font>　キャラセット（チャーセットでも平気）<br><font color="#FA8072">head</font>　ヘッド<br><font color="#FA8072">meta</font>　メタ<br><font color="#FA8072">http-equiv</font>　エイチティーティーピー・イクイブ<br><font color="#FA8072">dir</font>　ディレクトリ<br><font color="#FA8072">title</font>　タイトル<br><font color="#FA8072">body</font>　ボティ<br><font color="#FA8072">h1,h2,h3</font>　エイチワン、エイチツー、エイチスリー<br><font color="#FA8072">p</font>　ピー<br><font color="#FA8072">discription</font>　ディスクリプション<br><font color="#FA8072">a</font>　エー、アンカー<br><font color="#FA8072">href</font>　エイチレフ　<font color="#FF0000"><strong>※要注意</strong></font><br><font color="#FA8072">ruby</font>　ルビ<br><font color="#FA8072">marquee</font>　マーキー<br><font color="#FA8072">br</font>　ビーアール<br><font color="#FA8072">em</font>　イーエム<br><font color="#FA8072">hr</font>　エイチアール<br><font color="#FA8072">blockquote</font>　ブロッククォート<br><font color="#FA8072">img</font>　アイエムジー（イメージでも文句言われない）<br><font color="#FA8072">embed</font>　エンベッド<br><font color="#FA8072">param</font>　パラメータ<br><font color="#FA8072">table</font>　テーブル<br><font color="#FA8072">tbody</font>　ティーボディー<br><font color="#FA8072">tr</font>　ティーアール<br><font color="#FA8072">td</font>　ティーディー<br><font color="#FA8072">ul</font>　ユーエル<br><font color="#FA8072">dl</font>　ディーエル<br><font color="#FA8072">dt</font>　ディーティー<br><font color="#FA8072">dd</font>　ディーディー<br><font color="#FA8072">ol</font>　オーエル<br><font color="#FA8072">li</font>　リスト<br><font color="#FA8072">iframe</font>　インラインフレーム（アイフレームも多い）<br><font color="#FA8072">align</font>　アライン　<font color="#FF0000"><strong>※要注意</strong></font><br><font color="#FA8072">alt</font>　オルト　<font color="#FF0000"><strong>※要注意</strong></font><br><font color="#FA8072">rel</font>　レル<br><font color="#FA8072">rev</font>　レブ<br><br>「要注意」は使用頻度高いくせに、読み方微妙で恥かく可能性大です。気をつけて！<br><br><strong>css編</strong><br><font color="#EE82EE">absolute</font>　アブソリュート<br><font color="#EE82EE">bold</font>　ボールド<br><font color="#EE82EE">collapse</font>　コラプス<br><font color="#EE82EE">width</font>　ウィス　<font color="#FF0000"><strong>※要注意</strong></font><br><font color="#EE82EE">height</font>　ハイト　<font color="#FF0000"><strong>※要注意</strong></font><br><font color="#EE82EE">clear:both</font>　クリアーボス<br><font color="#EE82EE">cursor</font>　カーソル<br><font color="#EE82EE">float</font>　フロート<br><font color="#EE82EE">variant</font>　バリアント<br><font color="#EE82EE">hidden</font>　ヒドゥン<br><font color="#EE82EE">hover</font>　ホバー（エイチオーバーは間違い説多し。でもいいと思う）<br><font color="#EE82EE">relative</font>　レラティブ（リレイティブでも文句言われない）<br><font color="#EE82EE">column</font>　コラム（カラム）<br><font color="#EE82EE">inherit</font>　インヘリット<br><font color="#EE82EE">visibility</font>　ビジビリティー<br><font color="#EE82EE">visited</font>　ビジティッド<br><br>cssってカタカナで見るとRPGのボスキャラみたいな名前が多いですねぇ。<br>ヒドゥンとか、コラプスとかね。<br>css編で厄介なのが、あまりにも重要なのに発音が日本語にはない「width」です。<br>ウィスって格好悪いですよね。にわかヤンキーのあいさつみたいな感じもします。<br><br>ウィドスでもないですし、なんか、トゥスとズの間というか・・<br><br>もう、コミュ力に自信がない人は「横幅」と言いましょう！<br>というか自分はそうです。一度も口にしたことありません。「横幅」で十分です。<br><br><br><br><strong>その他</strong><br><font color="#9370DB">container</font>　コンテナ<br><font color="#9370DB">pankuzu</font>　パンクズ<br><font color="#9370DB">wrapper</font>　ラッパー <br><font color="#9370DB">jquery</font>　ジェイクエリー<br><br><br><font color="#9370DB">Perl</font>　パール<br><font color="#9370DB">SEO</font>　エスイーオー<br><br><strong>単位</strong><br><font color="#FF1493">em</font>　エム<br><font color="#FF1493">ex</font>　エックスハイト<br><font color="#FF1493">px</font>　ピクセル<br><font color="#FF1493">in</font>　インチ　　1in = 2.54cm<br><font color="#FF1493">pt</font>　ポイント　72pt = 1in<br><font color="#FF1493">pc</font>　パイカ　　1pc = 12pt<br> <br><br>とまぁこんな感じで、自分が困ったものを中心でまとめました。<br>人に伝える必要があるものは少ないと思いますが、自信がなければ最悪は、<br><br>「えっとぉ、あの～、ウィ、ウィ、これなんて読んでます？」と<br>アホな子を演じれば、うまく会話もつながって、恥ずかしい思いもしなくて済みます<img src="https://stat.ameba.jp/blog/ucs/img/char/char2/178.gif" alt="DASH!"><br><br>自分はこの手段、よく使いますので（笑）<br><br><br>では、おやすみなさい<img src="https://stat.ameba.jp/blog/ucs/img/char/char2/030.gif" alt="ぐぅぐぅ"><br><br><br><a href="http://www.amazon.co.jp/gp/product/4565041332/ref=as_li_ss_tl?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=4565041332">知らなきゃ恥ずかしいビジネス漢字</a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=4565041332" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"><br><br><center><a href="http://www.amazon.co.jp/gp/product/477414536X/ref=as_li_ss_il?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=477414536X"><img border="0" src="https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fws.assoc-amazon.jp%2Fwidgets%2Fq%3F_encoding%3DUTF8%26Format%3D_SL160_%26ASIN%3D477414536X%26MarketPlace%3DJP%26ID%3DAsinImage%26WS%3D1%26tag%3Dpitmevav75-22%26ServiceVersion%3D20070822"></a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=477414536X" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"></center><br>
]]>
</description>
<link>https://ameblo.jp/pit-me/entry-11205569240.html</link>
<pubDate>Tue, 27 Mar 2012 22:19:55 +0900</pubDate>
</item>
<item>
<title>IE6でテキストが変なところに出てくる（２文字くらい複製されるバグ）</title>
<description>
<![CDATA[ この前びっくりしたのでメモ。<br><br>他のブラウザでは全く問題ないのに、ie6でだけ謎の文字が出てくる<img src="https://stat.ameba.jp/blog/ucs/img/char/char2/152.gif" alt="ドクロ"><br>再現するとこんな感じです。<br><br><a href="http://stat.ameba.jp/user_images/20120324/20/pit-me/57/65/g/o0181006011871956757.gif"><img src="https://stat.ameba.jp/user_images/20120324/20/pit-me/57/65/g/t01810060_0181006011871956757.gif" alt="$ロデの気まぐれコラムー" border="1"></a><br><br><br>「ちら」？<br><br>なんだこれは。<br><br><br>ie6だけだし、ページ内に不安定なflash埋め込んでたからそれのせいかなぁと、削除してみても直らない。<br>ソースで変な所もないし、IETesterを再起動させてもダメ。<br>そもそもIETesterがダメなのかもと、ie6のPCで見ても、<br><strong>やっぱり「ちら」がいるんです。</strong><br><br><br>やっと、バグかもと疑い始めて調べようと思っても、これどう検索すればいいんだろう・・<br><br><br>「ie6 テキスト バグ」とか調べてたら、詳しい記事を見つけました。<br><br><a href="http://watakushigoto.com/blog/index.php?e=15" target="_blank">http://watakushigoto.com/blog/index.php?e=15</a>（ワタクシゴトブログさん）<br><br><br>なんだ有名なバグだったのね・・<br><br>どうやら<font color="#FF0000"><strong>floatを多用したり、そのdiv近辺にコメントがある</strong></font>のが良くないみたいです。<br>親divの中にfloatした子divがキチキチ（差が3px未満）だとダメらしい。<br>margin-right:-3px;などを記述すれば、しっかり対処できるようですね。<br><br>うーんでもなんとなくie6の為だけに、ネガティブマージン使ったりしたくないなぁ。<br>と思ったので、アホらしい・・と思いながら<font color="#FA8072">周りのコメントを消してみました。</font><br><br>こんなんで直ったら苦労しないよ…って、<font size="3"><strong>直った！</strong></font><br><br><br>なんか自分がわかりやすいようにコメント残しただけなのに、見た目に影響しちゃうなんて、<br>つくづくアレなブラウザだなぁ・・なんてねー<br><br>どうしてもコメントを残す必要がある場合は、<br><!--[if !IE]>コメントコメント<![endif]--><br><br>みたいにすると、ieに影響は出ないようです。<br><br><br>それでもダメな場合は、margin:-3pxを試してみてください。<br><br>それでもダメそうなら、このバグ自体は「Explorer 6 Duplicate Characters Bug」という名前なので、<br>調べてみてください。<br><br><br>では。自分用のメモも兼ねて、今日は終わりですー<img src="https://stat.ameba.jp/blog/ucs/img/char/char2/030.gif" alt="ぐぅぐぅ"><br><br><a href="http://www.amazon.co.jp/gp/product/B001KU1J9A/ref=as_li_ss_tl?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=B001KU1J9A">BUG/バグ</a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=B001KU1J9A" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"><br><a href="http://www.amazon.co.jp/gp/product/4883376354/ref=as_li_ss_tl?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=4883376354">実践バグ管理―プロジェクトを成功に導くための</a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=4883376354" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"><br><br><br><center><a href="http://www.amazon.co.jp/gp/product/B003OICNJQ/ref=as_li_ss_il?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=B003OICNJQ"><img border="0" src="https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fws.assoc-amazon.jp%2Fwidgets%2Fq%3F_encoding%3DUTF8%26Format%3D_SL160_%26ASIN%3DB003OICNJQ%26MarketPlace%3DJP%26ID%3DAsinImage%26WS%3D1%26tag%3Dpitmevav75-22%26ServiceVersion%3D20070822"></a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=B003OICNJQ" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"></center>
]]>
</description>
<link>https://ameblo.jp/pit-me/entry-11202542458.html</link>
<pubDate>Sat, 24 Mar 2012 20:13:45 +0900</pubDate>
</item>
<item>
<title>○-1グランプリは、いつから準優勝者の方が売れるようになったのか</title>
<description>
<![CDATA[ 昔はM-1で優勝すれば、売れる！という図式だったはずですが、<br>いつの日からか、優勝者は全くテレビに出ない。同じ大会に出ていた他のコンビの方が売れちゃう事が多くなりました。<br><br><br>いつからですかねぇ<img src="https://stat.ameba.jp/blog/ucs/img/char/char2/036.gif" alt="爆弾"><br>M-1、R-1を振り返ってみると、<br><br>M-1の2004年<font color="#FA8072">アンタッチャブル</font>、2005年<font color="#FA8072">ブラックマヨネーズ</font>、2006年<font color="#FA8072">チュートリアル</font>あたりは確実に売れましたよね。<br>M-1で実力を知った人も多いです。<br>2007年の<font color="#FA8072">サンドウィッチマン</font>なんて、全くの無名でさらには敗者復活からの優勝でしたから、インパクトも一番あったし、今やお笑い界でも引っ張りダコの存在です。<br><br><br><br>分析すると、2007年までは優勝者がインパクト強く、<br>準優勝以下ではM-1キッカケで売れたのは<font color="#FA8072">南海キャンディーズ</font>くらいです。<br>M-1の予選で目立っていたオリラジとかナイツ、オードリーは決勝にいかぬまま、他番組に出演するようになりました。<br>なのでM-1きっかけとは言えないと思います。<br><br><br><strong>それが2008年からちょっとおかしくなります。</strong><br>2008年は決勝進出者に本命不在。<br>前年もそうでしたが、サンドウィッチマンの圧倒的な面白さは誰もが納得するものでした。<br>でも、2008年は、<font color="#00BFFF"><strong>これといった爆発もないまま終わっちゃった</strong></font>んです。<br>もう、面白いかとかじゃなく、上手さで判断する世界。<br>紳助も「好みだから」とはっきり言っちゃいました。<br><br>よく考えると2007年までが神がかっていたのかもしれません。<br>もう漫才が始まった瞬間に、このコンビが優勝だと感じるほどの大会が続いたから。<br><br><font color="#9370DB">NON STYLE</font>が悪いなんて全然思いませんが、あの年からM-1が少し盛り下がったのも事実です。<br>吉本芸人が決勝に行けばヤラセだゴリ押しだと言われ、自分の好みを大衆の評価に替えて批判する人も多くなりました。<br><br><br>そして2009年、この年は<font color="#FA8072">笑い飯</font>の「鳥人」という、M-1史上最高のネタが出た年です。<br>でも、<font color="#FA8072">笑い飯</font>は優勝してません。準優勝。<br>優勝の<font color="#9370DB">パンクブーブー</font>は、前年のM-1に比べれば１位にふさわしいくらいの盛り上がりでした。<br>ただ、「鳥人」の印象が強すぎたせいか、<font color="#9370DB">パンクブーブー</font>はこの後、鳴かず飛ばずでした。<br><br><strong>さらにこの年から嫌な循環も始まります。</strong><br>思ったより売れず、納得の行く結果が出せなかった前年覇者<font color="#9370DB">NON STYLE</font>が敗者復活で上がってきたのです。<br><br>正直、この何千組と出ているM-1の敗者復活だし、<font color="#FA8072">サンドウィッチマン</font>のような無名の実力派の枠であって欲しかった。<br>それが、この年から崩れます。<br><br><br>そんな盛り下がる中、2010年の開催直前に、M-1が終わる事が決定しました。<br>2010年の優勝は<font color="#9370DB">笑い飯</font>。サンタウロスと小銭の神様のネタでしたが、<br>やっぱり鳥人を超すネタにはならず、最後に無冠の帝王が優勝するというアングルに乗っかった感は否めません。<br>そしてこの年の準優勝は<font color="#FA8072">スリムクラブ</font>です。<br><font color="#FA8072">スリムクラブ</font>のネタの方が本当に衝撃的でした。もし最後のM-1でなければ、優勝していたでしょう。<br><br>そんな世間の考えを反映するように、<font color="#FA8072">スリムクラブ</font>の方が売れちゃいましたよね。<br><br>そして、最後のM-1なのに敗者復活枠はまた、前年度王者の<font color="#9370DB">パンクブーブー</font>でした。<br>この枠に出れるような、いつも準決止まりのコンビもいっぱいいたので、<font color="#9370DB">パンクブーブー</font>には悪いですが本当に残念でした。<br><br><br><strong>こう考えると明らかに流れが変わったのは2008年12月です。</strong><br>R-1は2008年に<font color="#FA8072">芋洗坂係長</font>が準優勝でブレイクしてますが、<br>2007年と2008年は<font color="#FA8072">なだぎ武</font>が２連覇してますから、優勝者より売れてるという構図にはちょっと違うかな。<br><br>R-1は確実に2009年2月の<font color="#9370DB">中山功太</font>優勝時から、立場が逆転してます。<br>この年は準優勝<font color="#FA8072">エハラマサヒロ</font>、<br>2010年は優勝<font color="#9370DB">あべこうじ</font>、準優勝<font color="#FA8072">エハラマサヒロ</font>。<br>2011年は優勝<font color="#9370DB">佐久間一行</font>、準優勝<font color="#FA8072">AMEMIYA</font>。<br>そして今年、2012年は<font color="#FA8072">COWCOW多田</font>が優勝ですが、準優勝は<font color="#FA8072">スギちゃん</font>です。<br><br>まぁ今年はまだわかりませんが、多田よりもスギちゃんがテレビに出てる方が、想像はできますよね・・<br><br><br>ということで、<font color="#FF0000">結論は2008年12月から<strong></strong></font>でした。<br><br><br>余談ですが、THE MANZAIも優勝の<font color="#9370DB">パンクブーブー</font>より<font color="#FA8072">千鳥</font>や<font color="#FA8072">Hi-Hi</font>、<font color="#FA8072">チキチキジョニー</font>を見かけます・・<br><br><br>おわり。<br><br><br><a href="http://www.amazon.co.jp/gp/product/B0054EY530/ref=as_li_ss_tl?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=B0054EY530">鳥人がロボットになった。</a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=B0054EY530" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"><br><a href="http://www.amazon.co.jp/gp/product/B004H8FMYU/ref=as_li_ss_tl?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=B004H8FMYU">M-1グランプリ をまとめてみる</a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=B004H8FMYU" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"><br><br><br><br><br><center><a href="http://www.amazon.co.jp/gp/product/B005XGR96O/ref=as_li_ss_il?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=B005XGR96O"><img border="0" src="https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fws.assoc-amazon.jp%2Fwidgets%2Fq%3F_encoding%3DUTF8%26Format%3D_SL160_%26ASIN%3DB005XGR96O%26MarketPlace%3DJP%26ID%3DAsinImage%26WS%3D1%26tag%3Dpitmevav75-22%26ServiceVersion%3D20070822"></a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=B005XGR96O" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"><br></center><br><br><br>
]]>
</description>
<link>https://ameblo.jp/pit-me/entry-11200745486.html</link>
<pubDate>Thu, 22 Mar 2012 22:59:54 +0900</pubDate>
</item>
<item>
<title>Excelとかの「行」と「列」の違い。超簡単に覚える方法！</title>
<description>
<![CDATA[ 今日は画期的な方法が紹介されたページを見つけたので紹介します。<br>PCで作業してるとよく出てくる、<font color="#FF6699">「行」と「列」。</font><br>エクセルとか、タグ入力ソフトでも出てきますし、結構使います。<br><br><font size="3"><strong>が、もう自分の頭がクソ悪いのか、<br>毎回毎回どっちかわかんなくなるんスよ</strong></font><img src="https://stat.ameba.jp/blog/ucs/img/char/char2/029.gif" alt="あせる"><br><br>そんな時に見つけた素晴らしい方法。<br>もうこれ見たら一発です。<br>このページ開いて２秒で覚えます。<br><br><a href="http://nanapi.jp/87/" target="_blank">http://nanapi.jp/87/</a><br><br><br>どうでした？<br>すごいでしょ？<br><br>あっもうみんな帰っちゃったかなっ。<br>今日はここまでです。おやすみなさい★<br><br><br><center><a href="http://www.amazon.co.jp/gp/product/B002YK582E/ref=as_li_ss_il?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=B002YK582E"><img border="0" src="https://img-proxy.blog-video.jp/images?url=http%3A%2F%2Fws.assoc-amazon.jp%2Fwidgets%2Fq%3F_encoding%3DUTF8%26Format%3D_SL160_%26ASIN%3DB002YK582E%26MarketPlace%3DJP%26ID%3DAsinImage%26WS%3D1%26tag%3Dpitmevav75-22%26ServiceVersion%3D20070822"></a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=B002YK582E" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"></center><br><br><a href="http://www.amazon.co.jp/gp/product/4062139065/ref=as_li_ss_tl?ie=UTF8&amp;tag=pitmevav75-22&amp;linkCode=as2&amp;camp=247&amp;creative=7399&amp;creativeASIN=4062139065">人が集まる !行列ができる !講座、イベントの作り方</a><img src="https://www.assoc-amazon.jp/e/ir?t=pitmevav75-22&amp;l=as2&amp;o=9&amp;a=4062139065" width="1" height="1" border="0" alt="" style="border:none !important; margin:0px !important;"><br>
]]>
</description>
<link>https://ameblo.jp/pit-me/entry-11199850429.html</link>
<pubDate>Wed, 21 Mar 2012 23:54:02 +0900</pubDate>
</item>
</channel>
</rss>
