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

<channel>
	<title>便利ツール - コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</title>
	<atom:link href="https://copypet.jp/category/tool/feed/" rel="self" type="application/rss+xml" />
	<link>https://copypet.jp</link>
	<description>CSS3などで新たに追加された要素･装飾方法など、日々コードを書いていないと忘れてしまったり、ささっとプロトタイプを作る時などちょっとしたことに時間をかけている暇はない。困った自分用のストックブログ</description>
	<lastBuildDate>Thu, 26 Apr 2018 12:45:07 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.9</generator>
<site xmlns="com-wordpress:feed-additions:1">140159577</site>	<item>
		<title>いざ使う時忘れてる！.htaccessを使ったリダイレクト設定</title>
		<link>https://copypet.jp/2064/</link>
		
		<dc:creator><![CDATA[copypet.jp]]></dc:creator>
		<pubDate>Thu, 26 Apr 2018 12:45:07 +0000</pubDate>
				<category><![CDATA[便利ツール]]></category>
		<category><![CDATA[htaccess]]></category>
		<guid isPermaLink="false">https://copypet.jp/?p=2064</guid>

					<description><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/eyecatch2064.png?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>301リダイレクトをする前に 使用するサーバーが以下に当てはまるか確認してください .htaccessが使えるサーバー Apacheを使っている 「mod_Rewrite」をサポートしているサーバー よく使うHTTPステ [&#8230;]</p>
<p>The post <a href="https://copypet.jp/2064/">いざ使う時忘れてる！.htaccessを使ったリダイレクト設定</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></description>
										<content:encoded><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/eyecatch2064.png?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><h4>301リダイレクトをする前に</h4>
<p>使用するサーバーが以下に当てはまるか確認してください</p>
<div class="point">
<div class="point_blk">
<ul>
<li>.htaccessが使えるサーバー</li>
<li>Apacheを使っている</li>
<li>「mod_Rewrite」をサポートしているサーバー</li>
</ul>
</div>
</div>
<h3>よく使うHTTPステータスコードの種類とhtaccessの書き方</h3>
<h4>HTTPステータスコードの種類</h4>
<p>100番台：リクエスト処理中<br />
200番台：リクエスト処理成功<br />
300番台：リダイレクト処理<br />
400番台：クライアントエラー<br />
500番台：サーバーエラー<br />
今回は300番台：リダイレクト処理についてです。</p>
<h4>htaccessでリダイレクトさせる基本的な書き方</h4>
<p>RewriteEngine on・・・URLの書き換えを許可<br />
RewriteBase /・・・URL書き換えのベースになるURLを指定<br />
RewriteRule・・・URL書き換え内容を指示<br />
空改行・・・.htaccessの最後の行は必ず改行</p>
<div class="point">
<div class="point_blk">*「.htaccess」のパーミッション（属性）は「604」に。<br />
*htaccess.txtというファイルを作成して編集、ftpサーバにアップしたあとで「.htaccess」にリネームする。<br />
*「.」で始まるファイルは隠しファイルになってしまうので、「隠しファイルを表示」して編集でも可能。</p>
<p>処理を間違えると ページが見れなくなるなど大きな問題となります。<br />
必ず技術の分かる人にご確認の上一緒に対応を行うようにしてください。
</p></div>
</div><p>The post <a href="https://copypet.jp/2064/">いざ使う時忘れてる！.htaccessを使ったリダイレクト設定</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">2064</post-id>	</item>
		<item>
		<title>コピペしちゃって！キーボードのショートカットなどの説明に必要となるmacのショートカット記号一覧</title>
		<link>https://copypet.jp/938/</link>
		
		<dc:creator><![CDATA[copypet.jp]]></dc:creator>
		<pubDate>Sun, 11 Feb 2018 09:32:28 +0000</pubDate>
				<category><![CDATA[便利ツール]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">https://copypet.jp/?p=938</guid>

					<description><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/specialchara10.png?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>キーボードのショートカットなどの説明に必要となるmacのショートカット記号の一覧です 数値参照は10進数・16進数を。ついでにcssの擬似要素に使用する場合の「\（バックスラッシュ）」もご用意。 cssの擬似要素に使用す [&#8230;]</p>
<p>The post <a href="https://copypet.jp/938/">コピペしちゃって！キーボードのショートカットなどの説明に必要となるmacのショートカット記号一覧</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></description>
										<content:encoded><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/specialchara10.png?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>キーボードのショートカットなどの説明に必要となるmacのショートカット記号の一覧です<br />
数値参照は10進数・16進数を。ついでにcssの擬似要素に使用する場合の「\（バックスラッシュ）」もご用意。</p>
<div class="point">
<div class="point_blk">cssの擬似要素に使用する場合は数値参照16進数の「&amp;#x」を「\（バックスラッシュ）」に変更すれば表示されます。</div>
</div><p>The post <a href="https://copypet.jp/938/">コピペしちゃって！キーボードのショートカットなどの説明に必要となるmacのショートカット記号一覧</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">938</post-id>	</item>
		<item>
		<title>コピペしちゃって！意外とよく使う丸囲み文字や記号などの特殊文字一覧</title>
		<link>https://copypet.jp/932/</link>
		
		<dc:creator><![CDATA[copypet.jp]]></dc:creator>
		<pubDate>Sun, 11 Feb 2018 08:21:05 +0000</pubDate>
				<category><![CDATA[便利ツール]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<guid isPermaLink="false">https://copypet.jp/?p=932</guid>

					<description><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/eyecatch932.png?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>Web制作をしていると意外とよく使う丸囲み文字や記号などの特殊文字。 数値参照は10進数・16進数を。ついでにcssの擬似要素に使用する場合の「\（バックスラッシュ）」もご用意。 cssの擬似要素に使用する場合は数値参照 [&#8230;]</p>
<p>The post <a href="https://copypet.jp/932/">コピペしちゃって！意外とよく使う丸囲み文字や記号などの特殊文字一覧</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></description>
										<content:encoded><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/eyecatch932.png?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>Web制作をしていると意外とよく使う丸囲み文字や記号などの特殊文字。<br />
数値参照は10進数・16進数を。ついでにcssの擬似要素に使用する場合の「\（バックスラッシュ）」もご用意。</p>
<div class="point">
<div class="point_blk">cssの擬似要素に使用する場合は数値参照16進数の「&amp;#x」を「\（バックスラッシュ）」に変更すれば表示されます。</div>
</div><p>The post <a href="https://copypet.jp/932/">コピペしちゃって！意外とよく使う丸囲み文字や記号などの特殊文字一覧</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">932</post-id>	</item>
		<item>
		<title>ブロガーさん必見！！簡単にできるブックマークレット＆ブログカードデザイン</title>
		<link>https://copypet.jp/811/</link>
		
		<dc:creator><![CDATA[copypet.jp]]></dc:creator>
		<pubDate>Tue, 06 Feb 2018 07:06:32 +0000</pubDate>
				<category><![CDATA[パーツ]]></category>
		<category><![CDATA[ブログカード]]></category>
		<category><![CDATA[便利ツール]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[JS]]></category>
		<guid isPermaLink="false">https://copypet.jp/?p=811</guid>

					<description><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/eyecatch811.png?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>ブロガーさん必見。記事のシェアなどで使えるブックマークレットを作りました。 ブログなどで他のサイトを紹介するときに面倒くさいからって単純にタイトルとリンクだけで済ませちゃいがちです。 でもこのブックマークレットなら、紹介 [&#8230;]</p>
<p>The post <a href="https://copypet.jp/811/">ブロガーさん必見！！簡単にできるブックマークレット＆ブログカードデザイン</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></description>
										<content:encoded><![CDATA[<div><img src="https://copypet.jp/https://i0.wp.com/copypet.jp/contents/wp-content/uploads/eyecatch811.png?fit=710%2C710&ssl=1" alt="copypet.jp" /></div><p>ブロガーさん必見。記事のシェアなどで使えるブックマークレットを作りました。<br />
ブログなどで他のサイトを紹介するときに面倒くさいからって単純にタイトルとリンクだけで済ませちゃいがちです。<br />
でもこのブックマークレットなら、紹介したいサイトを開いてポチっとすればあら不思議。<br />
貼り付けるソースコードがピロっとでてきます。<br />
出てきたコードをコピーしてペッと貼って記事完成。忙しいブロガーさんでもパッと見やすいブログカードがすぐにできちゃいますよ。</p>
<p>吐き出されるコードは２種類です。</p>
<h4>紹介したいサイトにogpの設定がある場合</h4>
<pre title="html"><code class="html">&lt;div class="ogp_card clearfix"&gt;&lt;img src="ogp設定の画像URL" alt="サイト名" width="100" height="100"&gt;&lt;p class="title"&gt;&lt;a href="サイトURL" &gt;サイトタイトル&lt;/a&gt;&lt;/p&gt;サイトのディスクリプション…&lt;p class="copy"&gt;&lt;a href="サイトURL" &gt;サイト名&lt;/a&gt;&lt;/p&gt;&lt;p class="card_bt"&gt;&lt;a class="card_link" href="サイトURL" &gt;ホームページを見る&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;</code></pre>
<h4>紹介したいサイトにogpの設定がない場合</h4>
<pre title="html"><code class="html">&lt;div class="html_card"&gt;&lt;p class="title"&gt;&lt;a class="card_link" href="サイトURL" &gt;サイトタイトル&lt;/a&gt;&lt;/p&gt;サイトのディスクリプション …&lt;p class="copy"&gt;&lt;a class="card_link" href="サイトURL" &gt;サイトURL&lt;/a&gt;&lt;/p&gt;&lt;p class="card_bt"&gt;&lt;a class="card_link" href="サイトURL" &gt;ホームページを見る&lt;/a&gt;&lt;/p&gt;&lt;/div&gt;</code></pre>
<p>下記のステップでブラウザのツールバーやお気に入りに追加してご利用ください。</p>
<div class="point">
<div class="point_blk">
1:なんのサイトでもいいのでブックマークをする（Mac:⌘＋D）<br />
2:javascriptをコピーする<br />
3:ブックマークの編集でURLが入っているところにコピーしたjavascriptを貼り付ける
</div>
</div><p>The post <a href="https://copypet.jp/811/">ブロガーさん必見！！簡単にできるブックマークレット＆ブログカードデザイン</a> first appeared on <a href="https://copypet.jp">コピペっと copypet.jp｜パーツで探す、web制作に使えるコピペサイト。</a>.</p>]]></content:encoded>
					
		
		
		<post-id xmlns="com-wordpress:feed-additions:1">811</post-id>	</item>
	</channel>
</rss>
