<?xml version="1.0" encoding="UTF-8" standalone="no"?><rss xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:slash="http://purl.org/rss/1.0/modules/slash/" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" version="2.0">

<channel>
	<title>Site-Study.com</title>
	<atom:link href="http://site-study.com/feed" rel="self" type="application/rss+xml"/>
	<link>http://site-study.com</link>
	<description>現役web屋が書くweb制作に使えるTIPSメモ</description>
	<lastBuildDate>Wed, 21 Sep 2016 05:45:19 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=5.9.13</generator>
	<itunes:explicit>no</itunes:explicit><itunes:subtitle>現役web屋が書くweb制作に使えるTIPSメモ</itunes:subtitle><item>
		<title>hostsファイルの場所</title>
		<link>http://site-study.com/archives/295</link>
					<comments>http://site-study.com/archives/295#respond</comments>
		
		<dc:creator><![CDATA[henteko]]></dc:creator>
		<pubDate>Wed, 21 Sep 2016 05:44:52 +0000</pubDate>
				<category><![CDATA[etc]]></category>
		<category><![CDATA[hosts]]></category>
		<guid isPermaLink="false">http://site-study.com/?p=295</guid>

					<description><![CDATA[よく忘れるので備忘録 C:\Windows\system32\drivers\etc\hosts]]></description>
										<content:encoded><![CDATA[<p>よく忘れるので備忘録</p>
<p>C:\Windows\system32\drivers\etc\hosts</p>
]]></content:encoded>
					
					<wfw:commentRss>http://site-study.com/archives/295/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Firefox にアドオンバーがなくなった！から復元した！</title>
		<link>http://site-study.com/archives/275</link>
					<comments>http://site-study.com/archives/275#respond</comments>
		
		<dc:creator><![CDATA[henteko]]></dc:creator>
		<pubDate>Fri, 16 May 2014 00:58:05 +0000</pubDate>
				<category><![CDATA[etc]]></category>
		<category><![CDATA[Firefox]]></category>
		<category><![CDATA[The Addon Bar]]></category>
		<guid isPermaLink="false">http://site-study.com/?p=275</guid>

					<description><![CDATA[仕事柄私はいろんなブラウザを利用しているのですが、最近アップデートされた Firefox を起動したらアドオンバーが消えていた！ &#160; 私の場合アドオンバーには、モバイルサイトの容量チェックを入れているので必須な<div><a href="">続き&#187;</a></div>]]></description>
										<content:encoded><![CDATA[<p>仕事柄私はいろんなブラウザを利用しているのですが、最近アップデートされた Firefox を起動したらアドオンバーが消えていた！</p>
<p><span id="more-275"></span></p>
<p>&nbsp;</p>
<p>私の場合アドオンバーには、モバイルサイトの容量チェックを入れているので必須なのです・・・。</p>
<p>&nbsp;</p>
<p>Firefoxの設定を見直してもアドオンバーに関する項目が見当たらない！</p>
<p>&nbsp;</p>
<p>ヘルプを確認してみると、どうやら最新版 Firefox(29.0.1以降?) ではアドンバーは削除されてしまったらしいことが判明。</p>
<p>でも大丈夫！アドオンを入れてアドオンバーが復元できるようです。</p>
<p>&nbsp;</p>
<p><a title="アドオンバーを復元するには" href="https://support.mozilla.org/ja/kb/what-happened-to-the-add-on-bar?esab=a&amp;s=%E3%82%A2%E3%83%89%E3%82%AA%E3%83%B3%E3%83%90%E3%83%BC&amp;r=1&amp;as=s" target="_blank">アドオンバーを復元するには</a> | mozilla support</p>
<p>&nbsp;</p>
<p>そのアドオンはこちら！<br />
<a title="The Addon Bar" href="https://addons.mozilla.org/ja/firefox/addon/the-addon-bar/" target="_blank">The Addon Bar</a></p>
<p>&nbsp;</p>
<p>上記のアドオンを入れたらすぐに復元しました。<br />
ふぅ、これで一安心･･･。</p>
]]></content:encoded>
					
					<wfw:commentRss>http://site-study.com/archives/275/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Google Chromeでお気に入り一覧が透過されてしまう場合の対処法</title>
		<link>http://site-study.com/archives/269</link>
					<comments>http://site-study.com/archives/269#respond</comments>
		
		<dc:creator><![CDATA[henteko]]></dc:creator>
		<pubDate>Fri, 24 Jan 2014 01:45:57 +0000</pubDate>
				<category><![CDATA[etc]]></category>
		<guid isPermaLink="false">http://site-study.com/?p=269</guid>

					<description><![CDATA[私は通常のブラウザとしてGoogle Chromeを利用しています。 つい先日のバージョンアップでGoogle Chrome ver32になったからか、 デュアルディスプレイでChromeを利用していると、セカンド画面で<div><a href="">続き&#187;</a></div>]]></description>
										<content:encoded><![CDATA[<p>私は通常のブラウザとしてGoogle Chromeを利用しています。<br />
つい先日のバージョンアップでGoogle Chrome ver32になったからか、<br />
デュアルディスプレイでChromeを利用していると、セカンド画面でお気に入りの一覧が透過されてしまう現象に陥った。<br />
※お気に入りが削除されている(同期が取れていない等)わけではなく、お気に入り一覧にのフォルダにマウスオーバーした後のリスト表示が透過されてしまう。</p>
<p>いろいろ試してみて解決したので、同じような現象が起きてしまう方は試してみてはいかがでしょうか。<br />
<span id="more-269"></span></p>
<h3>Google Chromeでお気に入り一覧が透過されてしまう場合の対処法</h3>
<p>Google Chromeの「設定」をクリック<br />
↓<br />
下部にある「詳細設定を表示&#8230;」をクリック<br />
↓<br />
システム部分の「ハードウェア アクセラレーションが使用可能な場合は使用する」のチェックを外す<br />
↓<br />
Google Chromeの再起動</p>
<p>私の環境ではこれで直りました。<br />
GPUの悪さかでしょうか。謎は深まるばかり&#8230;。</p>
]]></content:encoded>
					
					<wfw:commentRss>http://site-study.com/archives/269/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>jQueryで画像が読み込まれたら処理をする</title>
		<link>http://site-study.com/archives/263</link>
					<comments>http://site-study.com/archives/263#respond</comments>
		
		<dc:creator><![CDATA[henteko]]></dc:creator>
		<pubDate>Wed, 11 Dec 2013 04:15:38 +0000</pubDate>
				<category><![CDATA[JavaScript]]></category>
		<guid isPermaLink="false">http://site-study.com/?p=263</guid>

					<description><![CDATA[よく忘れてしまうので備忘録 ページ内のすべての画像が読み込まれたら実行 ページを読み込んだら実行 こちらは画像を完全に取得してくれ無い場合があります。]]></description>
										<content:encoded><![CDATA[<p>よく忘れてしまうので備忘録</p>
<h3>ページ内のすべての画像が読み込まれたら実行</h3>
<pre class="brush: jscript; title: ; notranslate">
jQuery.event.add(window,&quot;load&quot;,function(){
    //実行式
});
</pre>
<h3>ページを読み込んだら実行</h3>
<pre class="brush: jscript; title: ; notranslate">
$(window).load(function(){
    //実行式
});
</pre>
<p>こちらは画像を完全に取得してくれ無い場合があります。</p>
]]></content:encoded>
					
					<wfw:commentRss>http://site-study.com/archives/263/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>HTMLで空白や記号を使う</title>
		<link>http://site-study.com/archives/235</link>
					<comments>http://site-study.com/archives/235#respond</comments>
		
		<dc:creator><![CDATA[henteko]]></dc:creator>
		<pubDate>Sun, 17 Feb 2013 15:00:52 +0000</pubDate>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[html]]></category>
		<category><![CDATA[HTMLエンコード]]></category>
		<category><![CDATA[エンコード]]></category>
		<guid isPermaLink="false">http://site-study.com/?p=235</guid>

					<description><![CDATA[HTMLで空白を入れる場合、スペースでなんて人も結構いるかと思います。 でも半角スペースだと連続して空白をかけなかったり、全角スペースだと微調整が効かなかったりしますよね。 実は空白を入れたいからといってスペースを使うの<div><a href="">続き&#187;</a></div>]]></description>
										<content:encoded><![CDATA[<p>HTMLで空白を入れる場合、スペースでなんて人も結構いるかと思います。<br />
でも半角スペースだと連続して空白をかけなかったり、全角スペースだと微調整が効かなかったりしますよね。<br />
実は空白を入れたいからといってスペースを使うのは、HTML的にあまりよろしくないことなんです。</p>
<p><span id="more-235"></span><br />
HTMLやそれに付随する他のwebプログラミング言語では、スペースや記号は特殊な文字としてシステム内部で扱われています。<br />
無理やり使ってしまうと、システム内部で別の解釈で受け取ってしまい、予期せぬ不具合が生じたり、最悪ハッキングの餌食なんてことにもなりかねません。<br />
このようなときのために、HTMLではスペースや記号等を他の文字列に置き換えるためのタグが存在します。<br />
その他のプログラミング言語でもエスケープ、エンコード、デコード等々、特殊文字を置き換える文字があったりしますが、それはまた後日・・・。</p>
<h3>よく使うHTMLエンコード</h3>
<table>
<tr>
<th width="100">記号</th>
<th width="100">HTMLエンコード</th>
<th width="200">備考</th>
</tr>
<tr>
<td>半角スペース</td>
<td>&amp;nbsp;</td>
<td class="textleft">スペースを入れたい場合は積極的に利用しましょう。</td>
</tr>
<tr>
<td>&amp;(アンド)</td>
<td>&amp;amp;</td>
<td class="textleft">特にここっていうことはないですけどたまに使うことがあります。</td>
</tr>
<tr>
<td>&yen;(円マーク)</td>
<td>&amp;yen;</td>
<td class="textleft">ブラウザやフォントによってはバックスラッシュで表示されてしまうため必須です！</td>
</tr>
<tr>
<td>&lt;(小なり)</td>
<td>&amp;lt;</td>
<td class="textleft">タグの接頭語として使われていますのでこちらも積極的に使いましょう。</td>
</tr>
<tr>
<td>&gt;(大なり)</td>
<td>&amp;gt;</td>
<td class="textleft">タグの接尾語として使われていますのでこちらも積極的に使いましょう。</td>
</tr>
<tr>
<td>&copy;(コピーライト)</td>
<td>&amp;copy;</td>
<td class="textleft">フッター等でよく使われています。copyrightって書くよりも簡潔に済むので個人的にもよく使います。</td>
</tr>
</table>
<p>記号を上記のHTMLエンコードに置き換えるだけでOKです。<br />
この他にもたくさんありますので、必要な人はHTMLエンコードとかで検索するといいかも。</p>
]]></content:encoded>
					
					<wfw:commentRss>http://site-study.com/archives/235/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>web itemにiPhone5のような画像を追加しました。</title>
		<link>http://site-study.com/archives/219</link>
					<comments>http://site-study.com/archives/219#respond</comments>
		
		<dc:creator><![CDATA[henteko]]></dc:creator>
		<pubDate>Thu, 24 Jan 2013 15:00:20 +0000</pubDate>
				<category><![CDATA[web item]]></category>
		<category><![CDATA[iphone4]]></category>
		<category><![CDATA[iphone5]]></category>
		<category><![CDATA[web素材]]></category>
		<category><![CDATA[xperia]]></category>
		<guid isPermaLink="false">http://site-study.com/?p=219</guid>

					<description><![CDATA[web itemを久々に更新です！ 大分前ですがiPhone5が発売されましたので、iPhone5をillustratorで制作してみました。 画像もしくはillustratorデータが欲しい型はweb itemへ！]]></description>
										<content:encoded><![CDATA[<p>web itemを久々に更新です！<br />
大分前ですがiPhone5が発売されましたので、iPhone5をillustratorで制作してみました。</p>
<p><a class="lb" href="http://site-study.com/wp-content/uploads/2012/05/iphone5_ver10.png"><img loading="lazy" src="http://site-study.com/wp-content/uploads/2012/05/iphone5_ver10-148x300.png" alt="iphone5_ver10" width="148" height="300" class="alignleft size-medium wp-image-214" srcset="http://site-study.com/wp-content/uploads/2012/05/iphone5_ver10-148x300.png 148w, http://site-study.com/wp-content/uploads/2012/05/iphone5_ver10.png 227w" sizes="(max-width: 148px) 100vw, 148px" /></a></p>
<p>画像もしくはillustratorデータが欲しい型は<a href="http://site-study.com/web-item.html" title="web item">web item</a>へ！</p>
]]></content:encoded>
					
					<wfw:commentRss>http://site-study.com/archives/219/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Javascriptで文字列を半角に！英数字･カタカナ･記号対応</title>
		<link>http://site-study.com/archives/178</link>
					<comments>http://site-study.com/archives/178#respond</comments>
		
		<dc:creator><![CDATA[henteko]]></dc:creator>
		<pubDate>Wed, 23 Jan 2013 15:00:26 +0000</pubDate>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[全角]]></category>
		<category><![CDATA[半角]]></category>
		<guid isPermaLink="false">http://site-study.com/?p=178</guid>

					<description><![CDATA[モバイルのお仕事をしていたりすると何かと半角にする必要があったりします。 PHPだとmb_convert_kana()っていう関数が用意されていて簡単なのですが、Javascriptではすべてを置換してやる必要があります<div><a href="">続き&#187;</a></div>]]></description>
										<content:encoded><![CDATA[<p>モバイルのお仕事をしていたりすると何かと半角にする必要があったりします。<br />
PHPだとmb_convert_kana()っていう関数が用意されていて簡単なのですが、Javascriptではすべてを置換してやる必要がありますよね。<br />
書くの面倒だなぁとか、そもそもやり方がわからんとか、そんな人は是非下記のコードを利用してください。</p>
<p><span id="more-178"></span></p>
<h3>テキストエリアに入力された文字列を半角にする</h3>
<p>Javascriptには</p>
<pre class="brush: jscript; title: ; notranslate">
//入力するテキストエリアのid
var inputId = &quot;input&quot;;
//出力するテキストエリアのid
var outputId = &quot;output&quot;;
function replaceText(){
	//テキストを格納する変数を作成
	repText = &quot;&quot;;
	//テキストエリアの文字列を取得
	var repText = document.getElementById(inputId).value;
	// 半角文字を配列に格納
	var hankaku = [
	&quot;1&quot;, &quot;2&quot; , &quot;3&quot;, &quot;4&quot;, &quot;5&quot;, &quot;6&quot;, &quot;7&quot;, &quot;8&quot;, &quot;9&quot;, &quot;0&quot;,
	&quot;a&quot;, &quot;b&quot;, &quot;c&quot;, &quot;d&quot;, &quot;e&quot;, &quot;f&quot;, &quot;g&quot;, &quot;h&quot;, &quot;i&quot;, &quot;j&quot;, &quot;k&quot;, &quot;l&quot;, &quot;m&quot;, &quot;n&quot;, &quot;o&quot;, &quot;p&quot;, &quot;q&quot;, &quot;r&quot;, &quot;s&quot;, &quot;t&quot;, &quot;u&quot;, &quot;v&quot;, &quot;w&quot;, &quot;x&quot;, &quot;y&quot;, &quot;z&quot;,
	&quot;A&quot;, &quot;B&quot;, &quot;C&quot;, &quot;D&quot;, &quot;E&quot;, &quot;F&quot;, &quot;G&quot;, &quot;H&quot;, &quot;I&quot;, &quot;J&quot;, &quot;K&quot;, &quot;L&quot;, &quot;M&quot;, &quot;N&quot;, &quot;O&quot;, &quot;P&quot;, &quot;Q&quot;, &quot;R&quot;, &quot;S&quot;, &quot;T&quot;, &quot;U&quot;, &quot;V&quot;, &quot;W&quot;, &quot;X&quot;, &quot;Y&quot;, &quot;Z&quot;,
	&quot;ｳﾞ&quot;,&quot;ｱ&quot;, &quot;ｲ&quot;, &quot;ｳ&quot;, &quot;ｴ&quot;, &quot;ｵ&quot;, &quot;ｧ&quot;, &quot;ｨ&quot;, &quot;ｩ&quot;, &quot;ｪ&quot;, &quot;ｫ&quot;,
	&quot;ｶﾞ&quot;, &quot;ｷﾞ&quot;, &quot;ｸﾞ&quot;, &quot;ｹﾞ&quot;, &quot;ｺﾞ&quot;,&quot;ｶ&quot;, &quot;ｷ&quot;, &quot;ｸ&quot;, &quot;ｹ&quot;, &quot;ｺ&quot;,
	&quot;ｻﾞ&quot;, &quot;ｼﾞ&quot;, &quot;ｽﾞ&quot;, &quot;ｾﾞ&quot;, &quot;ｿﾞ&quot;,&quot;ｻ&quot;, &quot;ｼ&quot;, &quot;ｽ&quot;, &quot;ｾ&quot;, &quot;ｿ&quot;,
	&quot;ﾀﾞ&quot;, &quot;ﾁﾞ&quot;, &quot;ﾂﾞ&quot;, &quot;ﾃﾞ&quot;, &quot;ﾄﾞ&quot;,&quot;ﾀ&quot;, &quot;ﾁ&quot;, &quot;ﾂ&quot;, &quot;ﾃ&quot;, &quot;ﾄ&quot;, &quot;ｯ&quot;,
	&quot;ﾅ&quot;, &quot;ﾆ&quot;, &quot;ﾇ&quot;, &quot;ﾈ&quot;, &quot;ﾉ&quot;,
	&quot;ﾊﾞ&quot;, &quot;ﾋﾞ&quot;, &quot;ﾌﾞ&quot;, &quot;ﾍﾞ&quot;, &quot;ﾎﾞ&quot;, &quot;ﾊﾟ&quot;, &quot;ﾋﾟ&quot;, &quot;ﾌﾟ&quot;, &quot;ﾍﾟ&quot;, &quot;ﾎﾟ&quot;,&quot;ﾊ&quot;, &quot;ﾋ&quot;, &quot;ﾌ&quot;, &quot;ﾍ&quot;, &quot;ﾎ&quot;,
	&quot;ﾏ&quot;, &quot;ﾐ&quot;, &quot;ﾑ&quot;, &quot;ﾒ&quot;, &quot;ﾓ&quot;,
	&quot;ﾔ&quot;, &quot;ﾕ&quot;, &quot;ﾖ&quot;, &quot;ｬ&quot;, &quot;ｭ&quot;, &quot;ｮ&quot;,
	&quot;ﾗ&quot;, &quot;ﾘ&quot;, &quot;ﾙ&quot;, &quot;ﾚ&quot;, &quot;ﾛ&quot;,
	&quot;ﾜ&quot;, &quot;ｦ&quot;, &quot;ﾝ&quot;,
	&quot;!&quot;, &quot;\&quot;&quot;, &quot;#&quot;, &quot;$&quot;, &quot;%&quot;, &quot;&amp;&quot;, &quot;'&quot;, &quot;(&quot;, &quot;)&quot;, &quot;=&quot;, &quot;~&quot;, &quot;|&quot;, &quot;`&quot;, &quot;{&quot;, &quot;+&quot;, &quot;*&quot;, &quot;}&quot;, &quot;&lt;&quot;, &quot;&gt;&quot;, &quot;?&quot;, &quot;_&quot;,
	&quot;ｰ&quot;, &quot;-&quot;, &quot;^&quot;, &quot;\\&quot;, &quot;@&quot;, &quot;｢&quot;, &quot;;&quot;, &quot;:&quot;, &quot;｣&quot;, &quot;､&quot;, &quot;｡&quot;, &quot;･&quot;, &quot;[&quot;, &quot;]&quot;, &quot;ﾟ&quot;, &quot;ﾞ&quot;, &quot;/&quot;, &quot;.&quot;, &quot; &quot;];
	// 全角文字を配列に格納
	var zenkaku  = [
	&quot;１&quot;, &quot;２&quot;, &quot;３&quot;, &quot;４&quot;, &quot;５&quot;, &quot;６&quot;, &quot;７&quot;, &quot;８&quot;, &quot;９&quot;, &quot;０&quot;,
	&quot;ａ&quot;, &quot;ｂ&quot;, &quot;ｃ&quot;, &quot;ｄ&quot;, &quot;ｅ&quot;, &quot;ｆ&quot;, &quot;ｇ&quot;, &quot;ｈ&quot;, &quot;ｉ&quot;, &quot;ｊ&quot;, &quot;ｋ&quot;, &quot;ｌ&quot;, &quot;ｍ&quot;, &quot;ｎ&quot;, &quot;ｏ&quot;, &quot;ｐ&quot;, &quot;ｑ&quot;, &quot;ｒ&quot;, &quot;ｓ&quot;, &quot;ｔ&quot;, &quot;ｕ&quot;, &quot;ｖ&quot;, &quot;ｗ&quot;, &quot;ｘ&quot;, &quot;ｙ&quot;, &quot;ｚ&quot;,
	&quot;Ａ&quot;, &quot;Ｂ&quot;, &quot;Ｃ&quot;, &quot;Ｄ&quot;, &quot;Ｅ&quot;, &quot;Ｆ&quot;, &quot;Ｇ&quot;, &quot;Ｈ&quot;, &quot;Ｉ&quot;, &quot;Ｊ&quot;, &quot;Ｋ&quot;, &quot;Ｌ&quot;, &quot;Ｍ&quot;, &quot;Ｎ&quot;, &quot;Ｏ&quot;, &quot;Ｐ&quot;, &quot;Ｑ&quot;, &quot;Ｒ&quot;, &quot;Ｓ&quot;, &quot;Ｔ&quot;, &quot;Ｕ&quot;, &quot;Ｖ&quot;, &quot;Ｗ&quot;, &quot;Ｘ&quot;, &quot;Ｙ&quot;, &quot;Ｚ&quot;,
	&quot;ヴ&quot;, &quot;ア&quot;, &quot;イ&quot;, &quot;ウ&quot;, &quot;エ&quot;, &quot;オ&quot;, &quot;ァ&quot;, &quot;ィ&quot;, &quot;ゥ&quot;, &quot;ェ&quot;, &quot;ォ&quot;,
	&quot;ガ&quot;, &quot;ギ&quot;, &quot;グ&quot;, &quot;ゲ&quot;, &quot;ゴ&quot;, &quot;カ&quot;, &quot;キ&quot;, &quot;ク&quot;, &quot;ケ&quot;, &quot;コ&quot;,
	&quot;ザ&quot;, &quot;ジ&quot;, &quot;ズ&quot;, &quot;ゼ&quot;, &quot;ゾ&quot;, &quot;サ&quot;, &quot;シ&quot;, &quot;ス&quot;, &quot;セ&quot;, &quot;ソ&quot;,
	&quot;ダ&quot;, &quot;ヂ&quot;, &quot;ヅ&quot;, &quot;デ&quot;, &quot;ド&quot;, &quot;タ&quot;, &quot;チ&quot;, &quot;ツ&quot;, &quot;テ&quot;, &quot;ト&quot;, &quot;ッ&quot;,
	&quot;ナ&quot;, &quot;ニ&quot;, &quot;ヌ&quot;, &quot;ネ&quot;, &quot;ノ&quot;,
	&quot;バ&quot;, &quot;ビ&quot;, &quot;ブ&quot;, &quot;ベ&quot;, &quot;ボ&quot;, &quot;パ&quot;, &quot;ピ&quot;, &quot;プ&quot;, &quot;ペ&quot;, &quot;ポ&quot; ,&quot;ハ&quot;, &quot;ヒ&quot;, &quot;フ&quot;, &quot;ヘ&quot;, &quot;ホ&quot;,
	&quot;マ&quot;, &quot;ミ&quot;, &quot;ム&quot;, &quot;メ&quot;, &quot;モ&quot;,
	&quot;ヤ&quot;, &quot;ユ&quot;, &quot;ヨ&quot;, &quot;ャ&quot;, &quot;ュ&quot;, &quot;ョ&quot;,
	&quot;ラ&quot;, &quot;リ&quot;, &quot;ル&quot;, &quot;レ&quot;, &quot;ロ&quot;,
	&quot;ワ&quot;, &quot;ヲ&quot;, &quot;ン&quot;,
	&quot;！&quot;, &quot;”&quot;, &quot;＃&quot;, &quot;＄&quot;, &quot;％&quot;, &quot;＆&quot;, &quot;'&quot;, &quot;（&quot;, &quot;）&quot;, &quot;＝&quot;, &quot;～&quot;, &quot;｜&quot;, &quot;'&quot;, &quot;｛&quot;, &quot;＋&quot;, &quot;＊&quot;, &quot;｝&quot;, &quot;＜&quot;, &quot;＞&quot;, &quot;？&quot;, &quot;＿&quot;,
	&quot;ー&quot;, &quot;－&quot;, &quot;＾&quot;, &quot;￥&quot;, &quot;＠&quot;, &quot;「&quot;, &quot;；&quot;, &quot;：&quot;, &quot;」&quot;, &quot;、&quot;, &quot;。&quot;, &quot;・&quot;, &quot;［&quot;, &quot;］&quot;, &quot;゜&quot;, &quot;゛&quot;, &quot;／&quot;, &quot;．&quot;, &quot;　&quot;];
	//文字列をすべて置換
	for (i=0; i&lt;=hankaku.length; i++) {
		while (repText.indexOf(zenkaku[i]) &gt;= 0){
			repText= repText.replace(zenkaku[i], hankaku[i]);
		}
	}
	//テキストエリアに置換された文字列を書き出し
	document.getElementById(outputId).value = repText;
}
</pre>
<p>HTMLには</p>
<pre class="brush: xml; title: ; notranslate">
&lt;textarea id=&quot;input&quot;&gt;&lt;/textarea&gt;
	&lt;button onClick=&quot;replaceText()&quot;&gt;半角にする！&lt;/button&gt;
&lt;textarea id=&quot;output&quot;&gt;&lt;/textarea&gt;
</pre>
<p>とこんな感じで書いてあげましょう。<br />
これを応用したものをweb appsにアプリ化してありますので、是非ご利用ください！
</p>
<p><a href="http://apps.site-study.com/?contid=length">文字数カウント/変換ツール</a></p>
]]></content:encoded>
					
					<wfw:commentRss>http://site-study.com/archives/178/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>jQuery lazy load plugin がうまく動かない時の対処法(jQueryの競合)</title>
		<link>http://site-study.com/archives/177</link>
					<comments>http://site-study.com/archives/177#respond</comments>
		
		<dc:creator><![CDATA[henteko]]></dc:creator>
		<pubDate>Wed, 23 Jan 2013 15:00:24 +0000</pubDate>
				<category><![CDATA[PHP]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[jquery]]></category>
		<category><![CDATA[jQuery lazy load plugin]]></category>
		<category><![CDATA[不具合]]></category>
		<category><![CDATA[競合]]></category>
		<guid isPermaLink="false">http://site-study.com/?p=177</guid>

					<description><![CDATA[jQuery lazy load pluginは jQueryを利用して画面外の画像読み込みを遅延させます。 イメージを大量に張っている記事なんかはこの処理を行うことで、ページの読み込みがスムーズになります。 しかし、利<div><a href="">続き&#187;</a></div>]]></description>
										<content:encoded><![CDATA[<p><a href="http://wordpress.org/extend/plugins/jquery-image-lazy-loading/" title="jQuery lazy load plugin" target="_blank">jQuery lazy load plugin</a>は jQueryを利用して画面外の画像読み込みを遅延させます。<br />
イメージを大量に張っている記事なんかはこの処理を行うことで、ページの読み込みがスムーズになります。</p>
<p>しかし、利用しているテーマが自作だったりすると、テーマ内で既にjQueryを埋め込んでいる場合があります。<br />
<a href="http://wordpress.org/extend/plugins/jquery-image-lazy-loading/" title="jQuery lazy load plugin" target="_blank">jQuery lazy load plugin</a>は、デフォルトの設定だと既存のjQueryとは別のjQueryを読みに行ってしまいますので、jQueryの競合を起こして不具合につながります。</p>
<p>以下に解決方法をメモしておきます。</p>
<p><span id="more-177"></span></p>
<h3>jQueryが競合した場合</h3>
<p><a class="lb" href="http://site-study.com/wp-content/uploads/2013/01/37bfe58a39860c2c6b27088f7847f7b2.png"><img loading="lazy" src="http://site-study.com/wp-content/uploads/2013/01/37bfe58a39860c2c6b27088f7847f7b2-300x167.png" alt="jQuery lazy load plugin 編集" width="300" height="167" class="alignleft size-medium wp-image-192" srcset="http://site-study.com/wp-content/uploads/2013/01/37bfe58a39860c2c6b27088f7847f7b2-300x167.png 300w, http://site-study.com/wp-content/uploads/2013/01/37bfe58a39860c2c6b27088f7847f7b2-1024x573.png 1024w, http://site-study.com/wp-content/uploads/2013/01/37bfe58a39860c2c6b27088f7847f7b2.png 1118w" sizes="(max-width: 300px) 100vw, 300px" /></a></p>
<ol>
<li>wordpressの管理画面から「プラグイン編集」へ</li>
<li>編集するプラグインを選択で「jQuery lazy load plugin」へ</li>
<li>プラグインファイルの中から「jquery-image-lazy-loading/jq_img_lazy_load.php」へ</li>
<li>「$jq_url」を検索し、値を空にする(jQuery lazy load plugin v0.13の場合)</li>
<li>ファイルを更新！</li>
</ol>
<p>以上で完了です。</p>
]]></content:encoded>
					
					<wfw:commentRss>http://site-study.com/archives/177/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>Javascriptでフォームが送信される前にチェック！</title>
		<link>http://site-study.com/archives/165</link>
					<comments>http://site-study.com/archives/165#respond</comments>
		
		<dc:creator><![CDATA[henteko]]></dc:creator>
		<pubDate>Mon, 21 Jan 2013 16:57:00 +0000</pubDate>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[confirm]]></category>
		<category><![CDATA[html.submit]]></category>
		<category><![CDATA[onsubmit]]></category>
		<guid isPermaLink="false">http://site-study.com/?p=165</guid>

					<description><![CDATA[ユーザがフォームを送信する前に確認ダイアログを出したい！データが送信される前にチェックを走らせたい！そんな場合には下記のようにJavascriptとHTMLに書いてあげれば万事解決！ 送信前にconfirm Javasc<div><a href="">続き&#187;</a></div>]]></description>
										<content:encoded><![CDATA[<p>ユーザがフォームを送信する前に確認ダイアログを出したい！データが送信される前にチェックを走らせたい！そんな場合には下記のようにJavascriptとHTMLに書いてあげれば万事解決！</p>
<h3>送信前にconfirm</h3>
<p>Javascriptに</p>
<pre class="brush: jscript; title: ; notranslate">
function submitCheck(){
    if(window.confirm('送信しますか?')){

    //ここらへんで送信前に何かを実行してもOK

        return true; //「はい」を押すと送信
    } else {

    //ここらへんでキャンセル時の何かを実行してもOK

        return false; //「キャンセル」を押すと送信キャンセル
    }
}
</pre>
<p>HTMLに</p>
<pre class="brush: xml; title: ; notranslate">
&lt;form method=&quot;post&quot; action=&quot;&quot; onSubmit=&quot;return submitCheck()&quot;&gt;
</pre>
<p>と書いてやればいいだけです！</p>
]]></content:encoded>
					
					<wfw:commentRss>http://site-study.com/archives/165/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
		<item>
		<title>テキストエリアをクリックしたら全選択</title>
		<link>http://site-study.com/archives/149</link>
					<comments>http://site-study.com/archives/149#respond</comments>
		
		<dc:creator><![CDATA[henteko]]></dc:creator>
		<pubDate>Fri, 18 Jan 2013 10:01:37 +0000</pubDate>
				<category><![CDATA[HTML]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[jquery]]></category>
		<guid isPermaLink="false">http://site-study.com/?p=149</guid>

					<description><![CDATA[ユーザがコピーするだけのテキストエリアならば、ユーザビリティを考えるとクリックした時点で全選択されると嬉しいですよね。 これはJavascriptを使えば簡単に実装できます。 jQueryを利用して書く場合 javasc<div><a href="">続き&#187;</a></div>]]></description>
										<content:encoded><![CDATA[<p>ユーザがコピーするだけのテキストエリアならば、ユーザビリティを考えるとクリックした時点で全選択されると嬉しいですよね。<br />
これはJavascriptを使えば簡単に実装できます。</p>
<p><span id="more-149"></span></p>
<h3>jQueryを利用して書く場合</h3>
<p>javascriptに</p>
<pre class="brush: jscript; title: ; notranslate">
$(&quot;#hoge&quot;).click(
	function(){
		$(this).select();
	}
);
</pre>
<p>HTMLのtextareaにはidを指定しておけばOK。</p>
<pre class="brush: xml; title: ; notranslate">
&lt;textarea id=&quot;hoge&quot; readonly&gt;&lt;/textarea&gt;
</pre>
<p>と書いてやるだけです。
</p>
<h3>jQueryを使わないで書く場合</h3>
<p>javascriptに</p>
<pre class="brush: jscript; title: ; notranslate">
function btnClick(obj){
	obj.select();
}
</pre>
<p>HTMLのtextareaにonclick要素を追加して関数を呼び出す。</p>
<pre class="brush: xml; title: ; notranslate">
&lt;textarea onclick=&quot;btnClick(this);&quot; readonly&gt;&lt;/textarea&gt;
</pre>
<p>と書いてやるだけです。
</p>
<p>jQueryは簡単ですね～。</p>
]]></content:encoded>
					
					<wfw:commentRss>http://site-study.com/archives/149/feed</wfw:commentRss>
			<slash:comments>0</slash:comments>
		
		
			</item>
	</channel>
</rss>