<?xml version="1.0" encoding="utf-8" ?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
<channel>
<title>13日の日曜日</title>
<link>https://ameblo.jp/sunday13th/</link>
<atom:link href="https://rssblog.ameba.jp/sunday13th/rss20.xml" rel="self" type="application/rss+xml" />
<atom:link rel="hub" href="http://pubsubhubbub.appspot.com" />
<description>日頃気になったことやテレビ・ゲーム・自動車関連の話題。</description>
<language>ja</language>
<item>
<title>最後に</title>
<description>
<![CDATA[ 「インプレッサで疾るブログ」に記事を掲載しました。<br><br><font size="3"><a href="http://website.sub.jp/impreza/2015/11/post_50.php">最後に</a></font><br>2015年11月03日 23:00<br>6月にWRX S4に乗りかえました。これが最後のエントリーになります。2005年に...
]]>
</description>
<link>https://ameblo.jp/sunday13th/entry-12091611333.html</link>
<pubDate>Tue, 03 Nov 2015 23:47:10 +0900</pubDate>
</item>
<item>
<title>スラッジナイザー</title>
<description>
<![CDATA[ 「インプレッサで疾るブログ」に記事を掲載しました。<br><br><font size="3"><a href="http://website.sub.jp/impreza/2015/09/post_48.php">スラッジナイザー</a></font><br>2015年9月27日 03:00<br>オイル交換に4月のスバルお客様感謝デイに行ったところ、停められる場所もないくらいの...
]]>
</description>
<link>https://ameblo.jp/sunday13th/entry-12091610328.html</link>
<pubDate>Tue, 03 Nov 2015 23:44:29 +0900</pubDate>
</item>
<item>
<title>カーナビ故障＆交換</title>
<description>
<![CDATA[ 「インプレッサで疾るブログ」に記事を掲載しました。<br><br><font size="3"><a href="http://website.sub.jp/impreza/2015/05/post_47.php">カーナビ故障＆交換</a></font><br>2015年5月6日 22:55<br>カーナビの調子が悪い。気温が少しでも低いと走っていなくても「運転中のため、操作で...
]]>
</description>
<link>https://ameblo.jp/sunday13th/entry-12027500195.html</link>
<pubDate>Sun, 17 May 2015 00:32:45 +0900</pubDate>
</item>
<item>
<title>OracleのJavaとAskは絶対に許せない！</title>
<description>
<![CDATA[ ツイッターに書こうと思ったら長くなってしまったのでこちらに投稿。<br><br>Javaを更新しようとするとAskを勝手に入れようとする。Flashも同様にMcafeeを入れようと汚い手口を使う。知識のある人はインストールの途中で気付いてチェックを外すんだけど、知らないと高確率でやられてしまう。<br><br>実家のPCがOracleの罠に引っかかってブラウザのトップと検索エンジンがAskになっていた。PCに詳しくない高齢の親父のためにすぐに株価が見れるように設定しておいたのが台無し。親父も何かやってしまったのかと困惑していた。<br><br>すぐにAskを消そうとするが、ブラウザのトップを変更しようとすると警告が出たりして思ったより簡単にはいかなかった。<br><br>実家に帰る度に嬉しそうにパソコンの使い方を質問してきて、分からないながらも興味を持ってまずは将棋、少し慣れてきて年賀状、インターネットも多少は見るようになって徐々に覚えて楽しくなってきたところに水を差すようなOracleの行為。社会に貢献すべき大企業が、あろうことか誠実に生きて来た実家の両親に対し、JavaとAskを使って被害を及ぼしてくれた。これは絶対に許せないし、これこそ鬼畜の所業と言える。勝手にPCの設定を改ざんするこの仕組みは詐欺と言っても過言ではない。被害者による集団訴訟や警察の捜査や指導が入ってくれることを希望して止みません。<br>
]]>
</description>
<link>https://ameblo.jp/sunday13th/entry-11986930868.html</link>
<pubDate>Sat, 07 Feb 2015 19:37:25 +0900</pubDate>
</item>
<item>
<title>最近のスマートフォンで横幅を320pxに設定すると左右に隙間が空く</title>
<description>
<![CDATA[ スマートフォンサイトで縦横画面ともに幅いっぱいに広がるページは全体のwidthを100%にできるので問題ないのですが、widthを320pxに設定してmetaタグのviewportを下記のようにした場合、最近の解像度の高い端末では何故か左右に隙間が空いてしまいます。<br><br>&lt;meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"&gt;<br><br>この現象はload時にzoomするJavaScriptで対応できるものの、今回は横向きの場合には全体に広がらず、320pxにしたいというご要望に合わせて少し修正してみました。iPhone6でも同様にスペースが空くそうなので共通のスクリプトを使おうかと思ったところ、画面を回転させた時の動作がうまくいきませんでした。これはイベントの処理順が異なるために発生するとのこと。処理を分けることで対応しました。<br><br>■JavaScript<br>var orient = window.onorientation;<br>if(navigator.userAgent.search(/Android/) != -1) {<br>&nbsp;&nbsp;&nbsp;&nbsp;// Androidの処理：resizeが必要（イベントの処理順に対応）<br>&nbsp;&nbsp;&nbsp;&nbsp;$(window).on('orientationchange resize load', function(){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(Math.abs(window.orientation) === 0) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("html").css("zoom" , $(window).width()/320 );<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;});<br>} else {<br>&nbsp;&nbsp;&nbsp;&nbsp;// それ以外の処理（主にiPhone）：resizeが不要（イベントの処理順に対応）<br>&nbsp;&nbsp;&nbsp;&nbsp;$(window).on('orientationchange load', function(){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;if(Math.abs(window.orientation) === 0) {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$("html").css("zoom" , $(window).width()/320 );<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br>&nbsp;&nbsp;&nbsp;&nbsp;});<br>}<br><br>■参照サイト<br><a href="http://blog.webcreativepark.net/2012/01/06-110622.html">続：Androidブラウザでviewportのwidth指定 - to-R</a><br><br><a href="http://tokidoki-web.com/2013/05/%E3%82%B9%E3%83%9E%E3%83%9B%E3%82%84%E3%83%96%E3%83%A9%E3%82%A6%E3%82%B6%E3%81%AE%E7%94%BB%E9%9D%A2%E3%82%B5%E3%82%A4%E3%82%BA%E3%82%84%E5%90%91%E3%81%8D%E3%82%92%E5%8F%96%E5%BE%97%E3%81%97%E3%81%A6/">スマホやブラウザの画面サイズや向きを取得してやんよ!!! ときどきWEB</a><br><br><a href="http://blog.qrious.jp/1319">スマートフォンブラウザの幅にピッタリ！コンテンツ幅を合わせちゃうjQuery ｜ Qrious Blog</a><br>
]]>
</description>
<link>https://ameblo.jp/sunday13th/entry-11979495492.html</link>
<pubDate>Tue, 20 Jan 2015 16:20:00 +0900</pubDate>
</item>
<item>
<title>Googleカスタム検索をアコーディオンの中に設置して問題発生（スマートフォン）</title>
<description>
<![CDATA[ サイト内検索をするためにGoogleカスタム検索を設置する作業をした。デザイン上の希望で最初は検索窓を隠し、検索アイコンを押すとアコーディオンを使って表示されるようにしたいとのこと。<br>Googleの「カスタム検索エンジン」から設定していくとだいたい下記のようなコードが生成されます。<br><br>&lt;script&gt;<br>&nbsp;&nbsp;&nbsp;&nbsp;(function() {<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var cx = 'xxxxxxxxxxxxxxxxxxxxx:xxxxxxxxxxx';<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var gcse = document.createElement('script');<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;gcse.type = 'text/javascript';<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;gcse.async = true;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;'//www.google.com/cse/cse.js?cx=' + cx;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var s = document.getElementsByTagName('script')[0];<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;s.parentNode.insertBefore(gcse, s);<br>&nbsp;&nbsp;&nbsp;&nbsp;})();<br>&lt;/script&gt;<br>&lt;gcse:searchresults-only&gt;&lt;/gcse:searchresults-only&gt;<br><br>これをページ内の検索窓のところに貼って完了。と思いきや、検索してもすぐに結果が表示されず、再度アコーディオンを開くと表示されるというおかしな状態になってしまった。どうやら最後の1行gcse～/gcseは検索結果を表示したい場所に置かないといけないらしい。今回はアコーディオンの中に入れてしまったため、いちいち開かないと検索結果が出ないという事態に。別の場所に移動して無事解決したものの、このタグを入れる場所は多少スペースが空いてしまうので工夫が必要かもしれません。また、検索方法によって下記のように変更する必要があるようです。<br><br>検索窓有り：&lt;gcse:search&gt;&lt;/gcse:search&gt;<br>検索窓有り※今回は正しく動作せず：<br>&lt;gcse:searchbox-only &gt;&lt;/gcse:searchbox-only&gt;<br>検索窓無し（独自に設置）※検索結果のウィンドウの表示方法を指定：<br>&lt;gcse:searchresults-only linktarget="_self"&gt;&lt;/gcse:searchresults-only&gt;
]]>
</description>
<link>https://ameblo.jp/sunday13th/entry-11977491569.html</link>
<pubDate>Thu, 15 Jan 2015 15:15:00 +0900</pubDate>
</item>
<item>
<title>チェックボックスやラジオボタンのデザインを変更する（スマートフォンのみ）</title>
<description>
<![CDATA[ ソーシャルゲーム等のスマートフォンサイトではチェックボックスやラジオボタンのデザインを派手にしたいというケースがよくあります。cssだけでもある程度は可能ですが、画像を使った方がやはり目立つ。ということで調べてみたところ、PCにも対応しているため複雑だったり、labelを後ろにしか書けなかったりする方法しか見つけられませんでした。cssだけで変更するサイトを参考に画像に置き換えてみたところ、比較的シンプルに実現。iPhoneだけは枠線が出てしまうという現象が出てしまったので透明な線を書いて無理矢理消しています。<br><br>■参照サイト<br><a href="http://k1blog.com/web/web-create/post-2254/">スマートフォンサイトのチェックボックスデザインを色々と試してみました！</a><br><br>■css<br>/* チェックボックス（スタイル変更） */<br>input[type="checkbox"] {<br>&nbsp;&nbsp;&nbsp;&nbsp;position: relative;<br>&nbsp;&nbsp;&nbsp;&nbsp;width: 26px;<br>&nbsp;&nbsp;&nbsp;&nbsp;height: 26px;<br>&nbsp;&nbsp;&nbsp;&nbsp;margin: 0 5px;<br>&nbsp;&nbsp;&nbsp;&nbsp;-webkit-box-sizing: border-box;<br>&nbsp;&nbsp;&nbsp;&nbsp;-webkit-appearance: none;<br>&nbsp;&nbsp;&nbsp;&nbsp;border: 1px solid rgba(255,255,255,0); /* iPhone対応 */<br>&nbsp;&nbsp;&nbsp;&nbsp;background: url(../images/form_base.png) center left no-repeat;<br>&nbsp;&nbsp;&nbsp;&nbsp;background-size: 25px 25px;<br>&nbsp;&nbsp;&nbsp;&nbsp;-moz-background-size: 25px 25px;<br>&nbsp;&nbsp;&nbsp;&nbsp;-webkit-background-size: 25px 25px;<br>&nbsp;&nbsp;&nbsp;&nbsp;vertical-align: -9px;<br>}<br>input[type="checkbox"]:checked {<br>&nbsp;&nbsp;&nbsp;&nbsp;background: url(../images/form_checkbox.png) center left no-repeat;<br>&nbsp;&nbsp;&nbsp;&nbsp;background-size: 25px 25px;<br>&nbsp;&nbsp;&nbsp;&nbsp;-moz-background-size: 25px 25px;<br>&nbsp;&nbsp;&nbsp;&nbsp;-webkit-background-size: 25px 25px;<br>}<br><br>/* ラジオボタン（スタイル変更） */<br>input[type="radio"] {<br>&nbsp;&nbsp;&nbsp;&nbsp;position: relative;<br>&nbsp;&nbsp;&nbsp;&nbsp;width: 26px;<br>&nbsp;&nbsp;&nbsp;&nbsp;height: 26px;<br>&nbsp;&nbsp;&nbsp;&nbsp;margin: 0 5px;<br>&nbsp;&nbsp;&nbsp;&nbsp;-webkit-box-sizing: border-box;<br>&nbsp;&nbsp;&nbsp;&nbsp;-webkit-appearance: none;<br>&nbsp;&nbsp;&nbsp;&nbsp;border: 1px solid rgba(255,255,255,0); /* iPhone対応 */<br>&nbsp;&nbsp;&nbsp;&nbsp;background: url(../images/form_base.png) center left no-repeat;<br>&nbsp;&nbsp;&nbsp;&nbsp;background-size: 25px 25px;<br>&nbsp;&nbsp;&nbsp;&nbsp;-moz-background-size: 25px 25px;<br>&nbsp;&nbsp;&nbsp;&nbsp;-webkit-background-size: 25px 25px;<br>&nbsp;&nbsp;&nbsp;&nbsp;vertical-align: -9px;<br>}<br>input[type="radio"]:checked {<br>&nbsp;&nbsp;&nbsp;&nbsp;background: url(../images/form_radio.png) center left no-repeat;<br>&nbsp;&nbsp;&nbsp;&nbsp;background-size: 25px 25px;<br>&nbsp;&nbsp;&nbsp;&nbsp;-moz-background-size: 25px 25px;<br>&nbsp;&nbsp;&nbsp;&nbsp;-webkit-background-size: 25px 25px;<br>}<br><br><div><a href="http://stat.ameba.jp/user_images/20150105/17/sunday13th/08/69/p/o0050005013180925686.png"><img width="50" height="50" border="0" src="https://stat.ameba.jp/user_images/20150105/17/sunday13th/08/69/p/o0050005013180925686.png" alt=""></a><a href="http://stat.ameba.jp/user_images/20150105/17/sunday13th/8c/86/p/o0050005013180925685.png"><img width="50" height="50" border="0" src="https://stat.ameba.jp/user_images/20150105/17/sunday13th/8c/86/p/o0050005013180925685.png" alt=""></a><a href="http://stat.ameba.jp/user_images/20150105/17/sunday13th/b2/8c/p/o0050005013180925684.png"><img width="50" height="50" border="0" src="https://stat.ameba.jp/user_images/20150105/17/sunday13th/b2/8c/p/o0050005013180925684.png" alt=""></a></div><br>※アメブロだと画像のファイル名が変わってしまうため、名前をそれぞれform_base.png、form_checkbox.png、form_radio.pngに修正してください。<br>※画像のパス(../images/form_radio.png)は各環境に合わせて変更してください。<br>
]]>
</description>
<link>https://ameblo.jp/sunday13th/entry-11973516932.html</link>
<pubDate>Mon, 05 Jan 2015 18:10:00 +0900</pubDate>
</item>
<item>
<title>師匠からの試練（大剣）攻略</title>
<description>
<![CDATA[ <br>モンスターハンター4Gの村最終クエスト「師匠からの試練」を何とかクリア。ネット上には楽勝だったという記事をよく見かけたものの、個人的にはすごい苦労した。セルレギオスとディアブロスを倒し、後はイビルジョーだけになっても残り時間が少なく、焦った結果3死して終了というのが限界でした。これは極限状態のモンスターによるダメージが大きいため回避に精いっぱいで手数が圧倒的に少なかったことが原因だと思う。攻撃力を重視するために抗竜石を剛撃と心撃に設定していたが、これを片方耐衝にして足元に張り付いて足ばかり狙う作戦にしたら、時間不足にならずに倒すことができました。<br><br><div align="center"><div align="center"><a href="http://stat.ameba.jp/user_images/20141125/16/sunday13th/94/91/p/o0640036013140061966.png"><img width="220" height="124" border="0" src="https://stat.ameba.jp/user_images/20141125/16/sunday13th/94/91/p/t02200124_0640036013140061966.png" alt=""></a></div></div><br>立ち回りや持ち物については解説しているサイトがたくさんあるので、そちらを参考に。開幕けむり玉でセルレギオスを狙って極限状態にし、後は分断して危なくなったらモドリ玉を使いつつバランスよく攻めていきます。2体とも極限状態に移行したら、強走薬グレートは必須。なるべく抗竜石の耐衝が効いている間だけ接近戦をするといいかもしれません。抗竜石の心撃を使っている間に手数を増やすと極限状態解除となり、その間は罠等も効いてチャンスです。たまたまかもしれませんが、イビルジョーはシビレ生肉を食べてくれませんでした…。大剣をうまく足にヒットさせられるとよく転倒するので、この間に溜め3を狙っていきます。とこんな感じで自分の防御力が低い場合は抗竜石の設定を耐衝にすれば下手な立ち回りでもクリアできると思います。<br><br><div align="center"><div align="center"><a href="http://stat.ameba.jp/user_images/20141125/16/sunday13th/28/8a/p/o0640036013140061965.png"><img width="220" height="124" border="0" src="https://stat.ameba.jp/user_images/20141125/16/sunday13th/28/8a/p/t02200124_0640036013140061965.png" alt=""></a></div></div><br><div align="center"><div align="center"><a href="http://stat.ameba.jp/user_images/20141125/16/sunday13th/57/40/p/o0640036013140061967.png"><img width="220" height="124" border="0" src="https://stat.ameba.jp/user_images/20141125/16/sunday13th/57/40/p/t02200124_0640036013140061967.png" alt=""></a></div></div><br>
]]>
</description>
<link>https://ameblo.jp/sunday13th/entry-11956779656.html</link>
<pubDate>Tue, 25 Nov 2014 20:30:00 +0900</pubDate>
</item>
<item>
<title>モンスターハンター4G大剣用防具</title>
<description>
<![CDATA[ モンスターハンター4G大剣用防具<br><br>モンスターハンター4のラージャンのギルクエで使っていたスキルと同じG級防具がやっと作れました。<br>もっとスキルてんこ盛りでかっこいい防具を披露してる方も多いですが、お守りがショボいので今のところはこれで限界です。<br><br>■男／剣士■ --- 頑シミュMH4G ver.0.9.2 ---<br>防御力 [501→731]／空きスロ [0]／武器[1]<br>頭装備：ミヅハ真【頬面】 [1]<br>胴装備：ディアブロＸメイル [1]<br>腕装備：ミヅハ真【大袖】 [2]<br>腰装備：クシャナＸアンダ [3]<br>脚装備：カブラＸグリーヴ [胴系統倍化]<br>お守り：天の護石(溜め短縮+4,回避距離+1) [3]<br>装飾品：抗震珠【１】（胴）、防音珠【１】×2、短縮珠【３】、抜刀珠【２】×2、抗震珠【１】<br>耐性値：火[-5] 水[3] 雷[-9] 氷[9] 龍[-6] 計[-8]<br><br>集中<br>耳栓<br>耐震<br>斬れ味レベル+1<br>抜刀術【技】<br>-------------------------------<br><br><div align="center"><div align="center"><a href="http://stat.ameba.jp/user_images/20141121/19/sunday13th/b3/ca/p/o0640036013136027823.png"><img width="220" height="124" border="0" src="https://stat.ameba.jp/user_images/20141121/19/sunday13th/b3/ca/p/t02200124_0640036013136027823.png" alt=""></a></div></div><br><br><br>こちらは対オオナズチ用に毒無効を付けた防具。耐毒珠を他の装飾品にすれば、いろいろなスキルに変更できそうです。<br>紫色の部分を点滅に設定しています。<br><br>■男／剣士■ --- 頑シミュMH4G ver.0.9.2 ---<br>防御力 [499→729]／空きスロ [0]／武器[0]<br>頭装備：ディアブロＸヘルム [2]<br>胴装備：カイザーＸメイル [2]<br>腕装備：残陽・真【篭手】 [3]<br>腰装備：クシャナＸアンダ [3]<br>脚装備：カブラＸグリーヴ [胴系統倍化]<br>お守り：天の護石(溜め短縮+4,回避距離+1) [3]<br>装飾品：耐毒珠【２】（胴）、短縮珠【３】、耐毒珠【２】×2、抜刀珠【１】×2、抜刀珠【２】<br>耐性値：火[10] 水[-7] 雷[-12] 氷[2] 龍[-10] 計[-17]<br><br>毒無効<br>集中<br>斬れ味レベル+1<br>抜刀術【技】<br>-------------------------------<br><br><div align="center"><div align="center"><a href="http://stat.ameba.jp/user_images/20141121/19/sunday13th/08/7f/p/o0640036013136027824.png"><img width="220" height="124" border="0" src="https://stat.ameba.jp/user_images/20141121/19/sunday13th/08/7f/p/t02200124_0640036013136027824.png" alt=""></a></div></div><br><br>
]]>
</description>
<link>https://ameblo.jp/sunday13th/entry-11955229497.html</link>
<pubDate>Fri, 21 Nov 2014 19:50:00 +0900</pubDate>
</item>
<item>
<title>スマートフォン用にjQueryモーダルウィンドウを設置してみた</title>
<description>
<![CDATA[ 先程Twitterに投稿したモーダルウィンドウについてですが、スマートフォンで表示してみたところ、画面を回転するとウィンドウが開いてしまうという現象が発生。これを回避するとウィンドウの位置がおかしくなるのでウィンドウを開いたまま画面を回転させると閉じるように変更しました。また、2回目以降背景が黒くなる問題と縦位置の調整（上から40ピクセルに設定）を含めたスクリプトを載せておきます。<br><br>■参照サイト<br><a title="" target="_blank" href="http://coolwebwindow.com/jquery-lab/archives/304">jQueryでモーダルウィンドウを作る方法</a><br><br>■修正したJavaScript<br>&lt;script&gt;<br>$(function(){<br>&nbsp;&nbsp;&nbsp; // 「.modal-open」をクリック<br>&nbsp;&nbsp;&nbsp; $('.modal-open').click(function(){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // オーバーレイを出現<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $('body').append('&lt;div class="modal-overlay"&gt;&lt;/div&gt;');<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $('.modal-overlay').fadeIn('slow');<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // コンテンツを出現<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var modal = '.' + $(this).attr('data-target');<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; modalAppear();<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 「.modal-overlay」あるいは「.modal-close」をクリック<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $('.modal-overlay, .modal-close').click(function(){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 「.modal-content」と「.modal-overlay」をフェードアウト<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $('.modal-content,.modal-overlay').fadeOut('slow',function(){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 「.modal-overlay」を削除<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //$(this).find('.modal-overlay').remove();<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; $('.modal-overlay').remove();<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // リサイズしたら表示位置を再取得<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(window).on('load resize', function(){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //modalAppear();<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; $('.modal-content,.modal-overlay').fadeOut('slow',function(){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 「.modal-overlay」を削除<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //$(this).find('.modal-overlay').remove();<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; $('.modal-overlay').remove();<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; });<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // コンテンツを出現させる関数<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; function modalAppear(){<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // ウィンドウの横幅、高さを取得<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var w = $(window).width();<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var h = $(window).height();<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // コンテンツ(「.modal-content」)の横幅、高さを取得<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; var cw = (w - $('.modal-content').outerWidth(true)) / 2;<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; //var ch = (h - $('.modal-content').outerHeight(true)) / 2;<br>&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp; var ch = 40;<br><br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // コンテンツを表示<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; $(modal).css({'left': cw + 'px','top': ch + 'px'}).fadeIn('slow');<br>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; }<br><br>&nbsp;&nbsp;&nbsp; });<br>});<br>&lt;/script&gt;<br>
]]>
</description>
<link>https://ameblo.jp/sunday13th/entry-11954000671.html</link>
<pubDate>Tue, 18 Nov 2014 19:20:00 +0900</pubDate>
</item>
</channel>
</rss>
