スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

Twitterのエスケープ処理について。 - こせきの技術日記

さてさてお話を紹介してみます

Twitterのエスケープ処理について。 - こせきの技術日記より
入力http://twitter.com/koseki/status/12141558975表示 HTML&"はエスケープされない!APIが返すテキストも同様。<>だけエスケープされる。Twitterを信じて、与えられたテキストをそのままHTMLで出力していいものか。一方、URLとか@、#なんかをリンクにする処理はAPIユーザが自前でやらなければならない。不安。 HTMLが壊れる例http://t...
関係記事はおもしろマッシュアップや実用的なマッシュアップまででどうぞ~。





いろいろな人の意見ですが、、
[ 「いったんエスケープ前の状態に戻す→エスケープして出力」が正解だと思うんだけど、何か穴があるかな/id:kosekiありがとうございます。引き続き考えてみます ]
[ と<span>とで挙動がそれぞれ違う。 ]<br />[ &の許可は意外に悩ましい。どこまで許可していいのか… ]<br />[ viahttp://twitter.com/bsiyo/statuses/12170813679 ]<br />[ id:IwamotoTakashiエスケープ前の状態に戻す処理もTwitterの実装次第なんですよね。独自ルールは文書化してほしい。<>だけ置換すればユーザの入力文字列になるかどうか。そもそも必要なのはユーザの生の入力だったか。 ]<br />[ やっといた ]<br />[ &の許可は意外に悩ましい。どこまで許可していいのか… ]<br /><br /><br /><br /><br />さてなかなかかと。<br /><br /><br /><br /><br />次回もおっ、と思う話題をご提供しましょう。<br /><br /><br /><br /><br />たまには<a href="http://happy.ap.teacup.com/fukasawa777/">こちら</a>なんかもドゾ。<div class="fc2_footer" style="text-align:left;vertical-align:middle;height:auto;"> <div class="fc2button-clap" data-clap-url="//blogvote.fc2.com/pickup/fukae321/161/clap" id="fc2button-clap-161" style="vertical-align:top;border:none;display:inline;margin-right:2px;"> <script type="text/javascript"> (function(d) { var img = new Image(); d.getElementById("fc2button-clap-161").appendChild(img); img.src = '//static.fc2.com/image/clap/number/white/0.gif'; (function(s) { s.cursor = 'pointer'; s.border = 0; s.verticalAlign = 'top'; s.margin = '0'; s.padding = '0'; })(img.style); var clap = function() { window.open('//blogvote.fc2.com/pickup/fukae321/161/clap')}; if (img.addEventListener) { img.addEventListener('click', clap, false); } else if (img.attachEvent) { img.attachEvent('onclick', clap); } })(document); </script> </div> </div> <style>#fc2_text_ad{margin: 14px 0;}#fc2_text_ad span {display: block;float: none;background: transparent;margin: 0 0 2px;}#fc2_text_ad a {padding: 2px;display: block;}</style><!-- general ad --> <link href="//static.fc2.com/css/blog/entry_adult.css" rel="stylesheet" type="text/css" /> <div id="fc2_text_ad"> <div class="fc2_text_ad_title">スポンサーサイト</div> <div id="imobile_ad_native_37627520170209201043"></div> <!-- i-mobile for PC client script --> <script type="text/javascript" src="https://spdeliver.i-mobile.co.jp/script/adsnativepc.js?20101001"></script> <script type="text/javascript"> IMobile.Native.PC.showAds({ pid: "43371", asid: "1335408" }); </script> <!-- FC2管理用 --> <img src="https://media.fc2.com/counter_img.php?id=3493" width="1" height="1"> <!-- FC2管理用 --> </div> </div><!--/entry_body--> <ul class="entry_footer"> <li>2010-06-24 : </li> <li><a href="blog-category-0.html" title="このカテゴリ一覧を見る">未分類</a> : </li> <li><a href="http://fukae321.blog62.fc2.com/blog-entry-161.html#cm" title="コメント">コメント 0</a> : </li> <li><a href="http://fukae321.blog62.fc2.com/blog-entry-161.html#tb" title="トラックバック">トラックバック 0</a></li> </ul> <!-- <rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:dc="http://purl.org/dc/elements/1.1/"> <rdf:Description rdf:about="http://fukae321.blog62.fc2.com/blog-entry-161.html" trackback:ping="http://fukae321.blog62.fc2.com/tb.php/161-af29142f" dc:title="Twitterのエスケープ処理について。 - こせきの技術日記" dc:identifier="http://fukae321.blog62.fc2.com/blog-entry-161.html" dc:subject="未分類" dc:description="さてさてお話を紹介してみます■Twitterのエスケープ処理について。 - こせきの技術日記■より入力http://twitter.com/koseki/status/12141558975表示 HTML&"はエスケープされない!APIが返すテキストも同様。だけエスケープされる。Twitterを信じて、与えられたテキストをそのままHTMLで出力していいものか。一方、URLとか@、#なんかをリンクにする処理はAPIユーザが自前でやらなければならない。不安。 HTMLが壊れる例http://t......" dc:creator="fukae321" dc:date="2010-06-24T20:15:14+09:00" /> </rdf:RDF> --> <div class="pagetop"><a href="#container" title="このページのトップへ">このページのトップへ</a></div> </div><!--/content--> <div class="entory_bottom"><img src="https://templates.blog.fc2.com/template/moderncafe/content_bottom.gif" alt="" width="580" height="20" /></div> <div><img src="https://templates.blog.fc2.com/template/moderncafe/content_top.gif" alt="" width="580" height="20" /></div> <div class="page_navi"> <a href="http://fukae321.blog62.fc2.com/blog-entry-162.html" title="富山市企業情報">前の記事</a> «  <a href="http://fukae321.blog62.fc2.com/" title="ホーム">ホーム</a>  » <a href="http://fukae321.blog62.fc2.com/blog-entry-160.html" title="社団法人 鹿児島県鍼灸マッサージ師会">次の記事</a> </div> <div class="entory_bottom"><img src="https://templates.blog.fc2.com/template/moderncafe/content_bottom.gif" alt="" width="580" height="20" /></div> <div><img src="https://templates.blog.fc2.com/template/moderncafe/content_top.gif" alt="" width="580" height="20" /></div> <div id="tb" class="content"> <p class="sub_header">トラックバック</p> <p class="trackback_url"> <input onfocus="this.select()" value="http://fukae321.blog62.fc2.com/tb.php/161-af29142f" readonly="readOnly" /><br /> <a href="javascript:window.location.replace('https://blog.fc2.com/?url='+window.location.href);" title="この記事にトラックバックする(FC2ブログユーザー)">この記事にトラックバックする(FC2ブログユーザー)</a> </p> <div class="pagetop"><a href="#container" title="このページのトップへ">このページのトップへ</a></div> </div><!--/content--> <div class="entory_bottom"><img src="https://templates.blog.fc2.com/template/moderncafe/content_bottom.gif" alt="" width="580" height="20" /></div> <div><img src="https://templates.blog.fc2.com/template/moderncafe/content_top.gif" alt="" width="580" height="20" /></div> <div id="cm" class="content"> <p class="sub_header">コメントの投稿</p> <div class="form"> <form action="http://fukae321.blog62.fc2.com/blog-entry-161.html" method="post" name="comment_form" id="comment_form"> <dl> <dt> <input type="hidden" name="mode" value="regist" /> <input type="hidden" name="comment[no]" value="161" /> <label for="name"> 名前</label> </dt> <dd><input id="name" type="text" name="comment[name]" size="30" value="" /></dd> <dt><label for="subject">タイトル</label></dt> <dd><input id="subject" name="comment[title]" type="text" size="30" value="No title" onblur="if(this.value == '') this.value='No title';" onfocus="if(this.value == 'No title') this.value='';" /></dd> <dt><label for="mail"> メールアドレス</label></dt> <dd><input id="mail" type="text" name="comment[mail]" size="30" value="" /></dd> <dt><label for="url">URL</label></dt> <dd><input id="url" type="text" name="comment[url]" size="30" value="" /></dd> <dt><label for="comment">本文</label></dt> <dd><script type="text/javascript" src="https://static.fc2.com/js/blog/view/comment/comment_toolbar_ja.min.js?2017040501"></script></dd> <dd><textarea id="comment" cols="50" rows="5" name="comment[body]"></textarea></dd> <dt><label for="pass"> パスワード</label></dt> <dd><input id="pass" type="password" name="comment[pass]" size="20" /></dd> <dt> 非公開コメント</dt> <dd><input id="himitu" type="checkbox" name="comment[himitu]" /> <label for="himitu">管理者にだけ表示を許可する</label></dd> </dl> <p class="form_btn"><input type="submit" value="送信" /></p> </form> </div><!--/form--> <div class="pagetop"><a href="#container" title="このページのトップへ">このページのトップへ</a></div> </div><!--/content--> <div class="entory_bottom"><img src="https://templates.blog.fc2.com/template/moderncafe/content_bottom.gif" alt="" width="580" height="20" /></div> <div><img src="https://templates.blog.fc2.com/template/moderncafe/content_top.gif" alt="" width="580" height="20" /></div> <div class="page_navi"> <a href="http://fukae321.blog62.fc2.com/blog-entry-162.html" title="富山市企業情報">« 前の記事</a>  <a href="http://fukae321.blog62.fc2.com/" title="ホーム">ホーム</a>  <a href="http://fukae321.blog62.fc2.com/blog-entry-160.html" title="社団法人 鹿児島県鍼灸マッサージ師会">次の記事 »</a> </div><!--/page_navi--> <div class="entory_bottom"><img src="https://templates.blog.fc2.com/template/moderncafe/content_bottom.gif" alt="" width="580" height="20" /></div> <div><img src="https://templates.blog.fc2.com/template/moderncafe/content_top.gif" alt="" width="580" height="20" /></div> <div class="content"> <div class="pagetop"><a href="#container" title="このページのトップへ">このページのトップへ</a></div> </div><!--/content--> <div class="entory_bottom"><img src="https://templates.blog.fc2.com/template/moderncafe/content_bottom.gif" alt="" width="580" height="20" /></div> </div><!-- /main --> <div id="sidemenu"> <div><img src="https://templates.blog.fc2.com/template/moderncafe/side_top.gif" alt="" width="200" height="20" /></div> <dl class="sidemenu_body"> <dt class="plg_title" style="text-align:left">プロフィール</dt> <dd class="plg_body" style="text-align:left"><p class="plugin-myimage" style="text-align:left"> <img src="http://static.fc2.com/image/noimage.gif" alt="fukae321"> </p> <p style="text-align:left"> Author:fukae321<br> FC2ブログへようこそ!</p></dd> </dl> <div class="sidemenu_bottom"><img src="https://templates.blog.fc2.com/template/moderncafe/side_bottom.gif" alt="" width="200" height="20" /></div> <div><img src="https://templates.blog.fc2.com/template/moderncafe/side_top.gif" alt="" width="200" height="20" /></div> <dl class="sidemenu_body"> <dt class="plg_title" style="text-align:left">最新記事</dt> <dd class="plg_body" style="text-align:left"><ul> <li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-entry-427.html" title="北海道歯科技術専門学校 歯科技工士を目指すなら当校へ">北海道歯科技術専門学校 歯科技工士を目指すなら当校へ (10/27)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-entry-426.html" title="Fiber Bit">Fiber Bit (10/26)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-entry-425.html" title="車には負けねぇ!走行中の自動車に勝負を挑むグレイハウンド犬 : カラパイア">車には負けねぇ!走行中の自動車に勝負を挑むグレイハウンド犬 : カラパイア (10/26)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-entry-424.html" title="富山市の中古車情報ならハッピーアンドドリーム 自動車整備や中古車の修理">富山市の中古車情報ならハッピーアンドドリーム 自動車整備や中古車の修理 (10/20)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-entry-423.html" title="ホームページ制作、データベース構築:株式会社ともクリエーションズ">ホームページ制作、データベース構築:株式会社ともクリエーションズ (10/16)</a> </li></ul></dd> </dl> <div class="sidemenu_bottom"><img src="https://templates.blog.fc2.com/template/moderncafe/side_bottom.gif" alt="" width="200" height="20" /></div> <div><img src="https://templates.blog.fc2.com/template/moderncafe/side_top.gif" alt="" width="200" height="20" /></div> <dl class="sidemenu_body"> <dt class="plg_title" style="text-align:left">最新コメント</dt> <dd class="plg_body" style="text-align:left"><ul> </ul></dd> </dl> <div class="sidemenu_bottom"><img src="https://templates.blog.fc2.com/template/moderncafe/side_bottom.gif" alt="" width="200" height="20" /></div> <div><img src="https://templates.blog.fc2.com/template/moderncafe/side_top.gif" alt="" width="200" height="20" /></div> <dl class="sidemenu_body"> <dt class="plg_title" style="text-align:left">最新トラックバック</dt> <dd class="plg_body" style="text-align:left"><ul> <li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-entry-361.html#trackback1" title="ネットでお金を稼ぐ">アフィリエイト ブログノウハウ情報サイト:ネットでお金を稼ぐ (02/17)</a> </li></ul></dd> </dl> <div class="sidemenu_bottom"><img src="https://templates.blog.fc2.com/template/moderncafe/side_bottom.gif" alt="" width="200" height="20" /></div> <div><img src="https://templates.blog.fc2.com/template/moderncafe/side_top.gif" alt="" width="200" height="20" /></div> <dl class="sidemenu_body"> <dt class="plg_title" style="text-align:left">月別アーカイブ</dt> <dd class="plg_body" style="text-align:left"><ul> <li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201210.html" title="2012/10">2012/10 (7)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201209.html" title="2012/09">2012/09 (6)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201208.html" title="2012/08">2012/08 (6)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201207.html" title="2012/07">2012/07 (13)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201206.html" title="2012/06">2012/06 (1)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201205.html" title="2012/05">2012/05 (10)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201204.html" title="2012/04">2012/04 (9)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201203.html" title="2012/03">2012/03 (10)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201202.html" title="2012/02">2012/02 (7)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201201.html" title="2012/01">2012/01 (10)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201112.html" title="2011/12">2011/12 (9)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201111.html" title="2011/11">2011/11 (47)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201110.html" title="2011/10">2011/10 (17)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201109.html" title="2011/09">2011/09 (16)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201106.html" title="2011/06">2011/06 (3)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201105.html" title="2011/05">2011/05 (4)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201103.html" title="2011/03">2011/03 (10)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201102.html" title="2011/02">2011/02 (13)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201101.html" title="2011/01">2011/01 (12)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201012.html" title="2010/12">2010/12 (25)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201011.html" title="2010/11">2010/11 (6)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201010.html" title="2010/10">2010/10 (7)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201009.html" title="2010/09">2010/09 (6)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201008.html" title="2010/08">2010/08 (2)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201006.html" title="2010/06">2010/06 (3)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201005.html" title="2010/05">2010/05 (8)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201004.html" title="2010/04">2010/04 (8)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201003.html" title="2010/03">2010/03 (3)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-201001.html" title="2010/01">2010/01 (15)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-200912.html" title="2009/12">2009/12 (50)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-200911.html" title="2009/11">2009/11 (27)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-200910.html" title="2009/10">2009/10 (20)</a> </li><li style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-date-200909.html" title="2009/09">2009/09 (25)</a> </li></ul></dd> </dl> <div class="sidemenu_bottom"><img src="https://templates.blog.fc2.com/template/moderncafe/side_bottom.gif" alt="" width="200" height="20" /></div> <div><img src="https://templates.blog.fc2.com/template/moderncafe/side_top.gif" alt="" width="200" height="20" /></div> <dl class="sidemenu_body"> <dt class="plg_title" style="text-align:left">カテゴリ</dt> <dd class="plg_body" style="text-align:left"><div> <div style="text-align:left"> <a href="http://fukae321.blog62.fc2.com/blog-category-0.html" title="未分類">未分類 (415)</a> </div></div></dd> </dl> <div class="sidemenu_bottom"><img src="https://templates.blog.fc2.com/template/moderncafe/side_bottom.gif" alt="" width="200" height="20" /></div> <div><img src="https://templates.blog.fc2.com/template/moderncafe/side_top.gif" alt="" width="200" height="20" /></div> <dl class="sidemenu_body"> <dt class="plg_title" style="text-align:left">検索フォーム</dt> <dd class="plg_body" style="text-align:left"><form action="http://fukae321.blog62.fc2.com/blog-entry-161.html" method="get"> <p class="plugin-search" style="text-align:left"> <input type="text" size="20" name="q" value="" maxlength="200"><br> <input type="submit" value=" 検索 "> </p> </form></dd> </dl> <div class="sidemenu_bottom"><img src="https://templates.blog.fc2.com/template/moderncafe/side_bottom.gif" alt="" width="200" height="20" /></div> <div><img src="https://templates.blog.fc2.com/template/moderncafe/side_top.gif" alt="" width="200" height="20" /></div> <dl class="sidemenu_body"> <dt class="plg_title" style="text-align:left">RSSリンクの表示</dt> <dd class="plg_body" style="text-align:left"><ul> <li style="text-align:left"><a href="http://fukae321.blog62.fc2.com/?xml">最近記事のRSS</a></li> <li style="text-align:left"><a href="http://fukae321.blog62.fc2.com/?xml&comment">最新コメントのRSS</a></li> <li style="text-align:left"><a href="http://fukae321.blog62.fc2.com/?xml&trackback">最新トラックバックのRSS</a></li> </ul></dd> </dl> <div class="sidemenu_bottom"><img src="https://templates.blog.fc2.com/template/moderncafe/side_bottom.gif" alt="" width="200" height="20" /></div> <div><img src="https://templates.blog.fc2.com/template/moderncafe/side_top.gif" alt="" width="200" height="20" /></div> <dl class="sidemenu_body"> <dt class="plg_title" style="text-align:left">リンク</dt> <dd class="plg_body" style="text-align:left"><ul> <li><a href="./?admin">管理画面</a></li> </ul></dd> <dd class="plg_footer" style="text-align:left"><a href="javascript:window.location.replace('https://blog.fc2.com/?linkid=fukae321');">このブログをリンクに追加する</a></dd> </dl> <div class="sidemenu_bottom"><img src="https://templates.blog.fc2.com/template/moderncafe/side_bottom.gif" alt="" width="200" height="20" /></div> <div><img src="https://templates.blog.fc2.com/template/moderncafe/side_top.gif" alt="" width="200" height="20" /></div> <dl class="sidemenu_body"> <dt class="plg_title" style="text-align:left">ブロとも申請フォーム</dt> <dd class="plg_body" style="text-align:left"><p class="plugin-friends" style="text-align:left"><a href="http://fukae321.blog62.fc2.com/?mode=friends">この人とブロともになる</a></p></dd> </dl> <div class="sidemenu_bottom"><img src="https://templates.blog.fc2.com/template/moderncafe/side_bottom.gif" alt="" width="200" height="20" /></div> <div><img src="https://templates.blog.fc2.com/template/moderncafe/side_top.gif" alt="" width="200" height="20" /></div> <dl class="sidemenu_body"> <dt class="plg_title" style="text-align:left">QRコード</dt> <dd class="plg_body" style="text-align:left"><div class="plugin-qrcode" style="text-align:left"><img src="https://blog-imgs-33.fc2.com/f/u/k/fukae321/f5cf426c.jpg" alt="QRコード"></div></dd> </dl> <div class="sidemenu_bottom"><img src="https://templates.blog.fc2.com/template/moderncafe/side_bottom.gif" alt="" width="200" height="20" /></div> </div><!-- /sidemenu --> <div><img src="https://templates.blog.fc2.com/template/moderncafe/footer.gif" alt="" width="800" height="20" /></div> <div id="footer"> <p>Powered by <a href="https://blog.fc2.com/" title="FC2ブログ">FC2ブログ</a></p> <!--Don't delete--><p><span id="ad1"><script type="text/javascript">var j = 22;</script><script type="text/javascript" charset="utf-8" src="http://admin.blog.fc2.com/i/image/janre.js"></script></span><noscript><p>FC2Ad</p></noscript><script type="text/javascript" charset="utf-8" language="JavaScript" src="//static.fc2.com/comment.js"></script> <script type="text/javascript" src="//static.fc2.com/js/blog/blog_res.js"></script></p><!--/Don't delete--> <address>Copyright © つれづれ推薦記 All Rights Reserved.</address> </div><!-- /footer --> </div><!-- /container --> <!-- passive:ad:171 --> <div id="fc2_bottom_bnr" style="position:fixed;z-index:10000;left:0;bottom:0;width:100%;display:block;filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#70000000,EndColorStr=#70000000);background:rgba(0,0,0,0.7);"><div id="fc2_bottom_bnr_img" style="display:block;width:728px;height:94px;margin:0px auto;padding:10px 0px 14px;"><iframe src='//assys01.fc2.com/1341' style='width:728px;height:90px;border:none;' scrolling='no'></iframe><!-- FC2管理用 --><img src="//media.fc2.com/counter_img.php?id=1505" width="1" height="1"><!-- FC2管理用 --><div style="color:#C0C0C0;text-align:center;font-size:9px;margin:0px;padding:2px 0px 0px;">上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。</div></div><span id="fc2_bottom_bnr_close" style="cursor:pointer;display:block;position:absolute;padding:5px;top:0;right:0;width:20px;height:20px;opacity:0.8;max-width:100%;max-height:100%;"><img src="//blog-imgs-61.fc2.com/t/e/s/test0006/fc2_bottom_bnr_close.png" width="20" height="20" style="border:none;width:20px;height:20px;max-width: 100%;" /></span></div> <script type="text/javascript">(function(w, d) {var area = d.getElementById('fc2_bottom_bnr'),areaStyle = area.style;var getScrollMax = function() { return d.documentElement.getBoundingClientRect().height - w.innerHeight; };var getScrollCurrent = function() { return d.documentElement.scrollTop || d.body.scrollTop; };var overlayPosition = function() {if (getScrollMax() > getScrollCurrent()) {areaStyle.bottom = 0;areaStyle.top = 'auto';} else {areaStyle.bottom = 'auto';areaStyle.top = 0;}};var closeBtn = d.getElementById('fc2_bottom_bnr_close'),close = function() { area.style.display = 'none'; };if (w.addEventListener) {w.addEventListener('resize', overlayPosition, false);w.addEventListener('scroll', overlayPosition, false);closeBtn.addEventListener('click', close, false);} else {w.attachEvent('onresize', overlayPosition);w.attachEvent('onscroll', overlayPosition);closeBtn.attachEvent('onclick', close);}})(window, document);</script> </body> <script type="text/javascript" src="//static.fc2.com/js/blog/headbar_ad_load.js?genre=22&20141111" charset="utf-8"></script> <script type="text/javascript" src="//static.fc2.com/js/blog/ad_ref.js?20121115"></script> </html>