<?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>横浜のホームページ制作 スタジオFIXの社長ブログ &#187; プラグイン</title>
	<atom:link href="http://www.studio-fix.com/blog/kaoru/tag/plugin/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.studio-fix.com/blog/kaoru</link>
	<description>横浜をこよなく愛する Web制作会社 Studio FIX Inc.の社長ブログ</description>
	<lastBuildDate>Wed, 25 Aug 2010 12:24:42 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>AmazonEC2で、WordPressのMySQLをバックアップ</title>
		<link>http://www.studio-fix.com/blog/kaoru/2010/02/01/post1027/</link>
		<comments>http://www.studio-fix.com/blog/kaoru/2010/02/01/post1027/#comments</comments>
		<pubDate>Sun, 31 Jan 2010 19:59:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[AmazonEC2/S3]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[自分MEMO]]></category>

		<guid isPermaLink="false">http://www.studio-fix.com/blog/kaoru/?p=1027</guid>
		<description><![CDATA[
WordPressのデータベース、MySQLをバックアップするには
有名な「wp-db-backup」というプラグインがありますが、
mysqlコマンドを使ってバックアップ→復元する方法を試してみました！
Webデザイ [...]]]></description>
			<content:encoded><![CDATA[<p>
WordPressのデータベース、MySQLをバックアップするには<br />
有名な「<a href="http://wordpress.org/extend/plugins/wp-db-backup/" target="_blank">wp-db-backup</a>」というプラグインがありますが、<br />
mysqlコマンドを使ってバックアップ→復元する方法を試してみました！<br />
Webデザイナーのくせに、あたしってば勇敢！<br />
<br />
<br />
<h3>MySQLをバックアップ（保存）する</h3>
<ol class="code_list">
<li><code>AmazonEC2へSSHログイン<br />
# <span class="txtcolor_red">ssh -i EC2key.pem root@ec2-XXXX.amazonaws.com</span></code></li>
<li><code>MySQLディレクトリに移動する（私の場合 /vol/lib/mysql）<br />
# <span class="txtcolor_red">cd /vol/lib/mysql</span></code></li>
<li><code>MySQLを停止する<br />
# <span class="txtcolor_red">/etc/init.d/mysql stop</span></code></li>
<li><code>MySQLをバックアップする<br />
# <span class="txtcolor_red">mysqldump -u root -pパスワード DB名 >　適当なファイル名.sql</span><br />
（例） mysqldump -u root -pPASSWORD WP01 >　WP01_Backup.sql<br />
「WP01」というデータベースを<br />
「WP01_Backup.sql」というファイル名で保存する。<br />
-pとパスワードの間にスペースはいれちゃダメ！</code></li>
<li><code>バックアップをとるだけならこれで終了。MySQLを再起動<br />
# <span class="txtcolor_red">/etc/init.d/mysql start</span></code></li>
<li><code>MySQLディレクトリの中を確認する<br />
# <span class="txtcolor_red">ls</span><br />
「WP01_Backup.sql」が表示されていればOK</code></li>
</ol>
<br />
<br />
<br />
<h3>MySQLを復元（リストア）する</h3>
<ol class="code_list">
<li><code>AmazonEC2へSSHログイン<br />
# <span class="txtcolor_red">ssh -i EC2key.pem root@ec2-XXXX.amazonaws.com</span></code></li>
<li><code>MySQLディレクトリに移動する（私の場合 vol/lib/mysql）<br />
# <span class="txtcolor_red">cd /vol/lib/mysql</span></code></li>
<li><code>復元したいファイルを確認する<br />
# <span class="txtcolor_red">ls</span><br />
「WP01_Backup.sql」があればOK</code></li>
<li><code>MySQLを停止する<br />
# <span class="txtcolor_red">/etc/init.d/mysql stop</span></code></li>
<li><code>MySQLのrootユーザになる<br />
# <span class="txtcolor_red">mysql -u root -p</span></code></li>
<li><code>MySQLのrootのパスワードを聞かれるので…<br />
Enter password: <span class="txtcolor_red">rootのパスワード</span></code></li>
<li><code>新しいデータベースを作成する（例：WP02）<br />
mysql > <span class="txtcolor_red">create database WP02;</span></code></li>
<li><code>データベースが作成されたか確認する<br />
mysql > <span class="txtcolor_red">SHOW DATABASES;</span><br />
+--------------------+<br />
| Database           |<br />
+--------------------+<br />
| WP02                 | <br />
+--------------------+</code></li>
<li><code>MySQLモードを終了する<br />
mysql > <span class="txtcolor_red">¥q</span></code></li>
<li><code>Linuxに戻ったら…<br />
# <span class="txtcolor_red">mysql -u root -pパスワード DB名 >　復元ファイル.sql</span><br />
（例） mysql -u root -pPASSWORD WP02 >　WP01_Backup.sql<br />
「WP01_Backup.sql」というファイルを<br />
「WP02」というデータベース名で復元する。<br />
ここでも、-pとパスワードの間にスペースはいれちゃダメ。</code></li>
<li><code>MySQLをスタートする<br />
# <span class="txtcolor_red">/etc/init.d/mysql start</span></code></li>
</ol>
<br />
完璧っ!! （・∀・）<br />
<br />
<br />
サーバ乗り換え＆WordPressを移行なら…<br />
旧サーバで「mysqldump」して「.sqlファイル」をFTPでダウンロード。<br />
<br />
<br />
新サーバの「mysql」ディレクトリに、<br />
「.sqlファイル」をFTPでアップロードして、新しいDB作成。<br />
最後に「mysql -u root -pパスワード DB名 >　適当なファイル名.sql」すればOK。<br />
<br />
これさえ覚えておけば、WordPressのお引っ越しも楽勝ですね！</p>
<p align="left"><a target="_blank" class="tt" href="http://twitter.com/home/?status=AmazonEC2%E3%81%A7%E3%80%81WordPress%E3%81%AEMySQL%E3%82%92%E3%83%90%E3%83%83%E3%82%AF%E3%82%A2%E3%83%83%E3%83%97+http://www.studio-fix.com/blog/kaoru/?p=1027" title="Post to Twitter"><img class="nothumb" src="http://www.studio-fix.com/blog/kaoru/wp-content/plugins/tweet-this/icons/tt-twitter-micro3.png" alt="Post to Twitter" /></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.studio-fix.com/blog/kaoru/2010/02/01/post1027/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>所要時間10分、Photoshopで作る飛び出たド派手文字</title>
		<link>http://www.studio-fix.com/blog/kaoru/2010/01/29/post922/</link>
		<comments>http://www.studio-fix.com/blog/kaoru/2010/01/29/post922/#comments</comments>
		<pubDate>Fri, 29 Jan 2010 03:19:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[Webデザイン]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://www.studio-fix.com/blog/kaoru/?p=922</guid>
		<description><![CDATA[

このような飛び出た文字をIllustratorで作る場合、
「FILTERiT」というプラグインを使えば30秒で出来ちゃうんですが、
このために2万円以上もするプラグインを購入するのはもったいない。


そこで、Ph [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://www.studio-fix.com/blog/kaoru/photo/333.jpg" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="500" height="360" />
このような飛び出た文字をIllustratorで作る場合、<br />
「<a href="http://www.flashbackj.com/filterit/" target="_blank">FILTERiT</a>」というプラグインを使えば30秒で出来ちゃうんですが、<br />
このために2万円以上もするプラグインを購入するのはもったいない。<br />
<br />
<br />
そこで、Photoshopを使って所要時間10分で作る<br />
飛び出たド派手文字チュートリアルです。<br />
ネットショップのバナー作成などに重宝する小技ですYO!（・∀・）<br />
<br />
<br />
<img src="http://www.studio-fix.com/blog/kaoru/photo/334.jpg" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="500" height="282" />
Photoshopで縦500×縦500ピクセルの新規ファイルを作成します。<br />
<br />
<br />
<br />
<img src="http://www.studio-fix.com/blog/kaoru/photo/335.gif" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="500" height="150" />
描画色を黒にして「ポイント10倍キャンペーン」と<br />
テキストレイヤーを作成するのですが、この時<br />
・ポイント<br />
・10<br />
・倍キャンペーン<br />
は、それぞれ別のレイヤーにします。<br />
<br />
サンプルではメリハリ感を出すために、<br />
「10」の書体を変えフォントサイズを大きくしています。<br />
この時のポイントは、ウェイトの太い書体を使うこと。<br />
<br />
ここでは、「ポイント」「倍キャンペーン」に新ゴU（35pt）、<br />
「10」に小塚ゴシックH（80pt）を使用しています。<br />
<br />
<br />
<img src="http://www.studio-fix.com/blog/kaoru/photo/337.jpg" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="294" height="521" />
<br />
レイヤーパレットで「ポイント」レイヤーを選択して<br />
レイヤー効果＞グラデーションオーバーレイ…をクリックします。<br />
<br />
<br />
<br />
<img src="http://www.studio-fix.com/blog/kaoru/photo/338.jpg" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="500" height="497" />
<br />
上図のようにグラデーションを設定します。<br />
描画モード：通常<br />
不透明度：100％<br />
グラデーション：#edd002〜#fffe7e<br />
スタイル：線形<br />
角度：90度<br />
<br />
<br />
<br />
<img src="http://www.studio-fix.com/blog/kaoru/photo/339.jpg" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="500" height="273" />
<br />
次に境界線を上図のように設定します。<br />
サイズ：4px<br />
位置：外側<br />
描画モード：通常<br />
不透明度：100％<br />
塗りつぶしタイプ：カラー<br />
カラー：#e60013<br />
<br />
<br />
<br />
<img src="http://www.studio-fix.com/blog/kaoru/photo/340.gif" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="500" height="150" />
<br />
「ポイント」という文字がこうなります。<br />
<br />
<br />
<img src="http://www.studio-fix.com/blog/kaoru/photo/341.gif" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="500" height="150" />
<br />
「10」、「倍キャンペーン」レイヤーも同様のレイヤースタイルを適用します。<br />
これだけで十分な気がしてきましたが、もう一手間加えます。<br />
<br />
<br />
<br />
<img src="http://www.studio-fix.com/blog/kaoru/photo/336.jpg" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="304" height="276" />
<br />
この3つのレイヤーをグループ化して複製し、<br />
元の「グループ1 のコピー」を不可視にします。<br />
（目玉マークをクリックすると不可視になります）<br />
<br />
<br />
<br />
<img src="http://www.studio-fix.com/blog/kaoru/photo/342.jpg" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="304" height="293" />
<br />
「グループ1」を選択してグループを結合します。<br />
レイヤーサムネールの上で<br />
Macなら「Commond」、Windowsなら「Ctrl」を押したままクリックして<br />
「グループ1」の選択範囲を選択します。<br />
<br />
<br />
<br />
<img src="http://www.studio-fix.com/blog/kaoru/photo/344.jpg" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="259" height="90" />
<br />
選択範囲＞選択範囲を変更＞拡張…＞拡張量を「6px」にします。<br />
<br />
<br />
<br />
<img src="http://www.studio-fix.com/blog/kaoru/photo/345.gif" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="500" height="146" />
文字の周りに点線が表示されています。<br />
選択範囲が文字より一回り大きくなりました。<br />
<br />
<br />
<br />
<img src="http://www.studio-fix.com/blog/kaoru/photo/343.gif" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="500" height="150" />
「グループ1」の上に新規レイヤー「レイヤー1」を作成し、<br />
描画色「黒」で塗り潰します。<br />
「グループ1」レイヤーは不可視にしておきましょう。<br />
<br />
<br />
<img src="http://www.studio-fix.com/blog/kaoru/photo/346.gif" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="500" height="150" />
ここで「グループ 1 のコピー」を可視化してから、<br />
黒く塗りつぶした「レイヤー1」を上に5pxずらします。<br />
なんとなく飛び出た感が出てきました！（・∀・）<br />
<br />
<br />
<br />
<img src="http://www.studio-fix.com/blog/kaoru/photo/347.jpg" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="500" height="145" />
黒く塗りつぶした「レイヤー1」を選択して<br />
編集＞変形＞ゆがみ効果で<br />
右上と左上のポイントをそれぞれ内側にドラッグして<br />
台形っぽく変形させます。<br />
ますます飛び出た感が増してきました！（・∀・）<br />
<br />
<br />
<br />
<img src="http://www.studio-fix.com/blog/kaoru/photo/348.gif" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="500" height="145" />
最後に光をブラシで描き足せば、<br />
とたんにネットショップのバナーらしくなりました！（・∀・）<br />
<br />
<br />
<br />
<img src="http://www.studio-fix.com/blog/kaoru/photo/349.jpg" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="500" height="662" />
グラデーションや、線の色、影の色を変えると<br />
色々なバリエーションの飛び出た文字が作成できます。<br />
<br />
<br />
Photoshopでも所用時間10分程度で、<br />
こんなに簡単に飛び出た文字が作成できちゃうので、<br />
ネットショップのバナー作成などに、ぜひお試しくださーい！(^-^)ノ<br />
<br />
<br />
まぁ…私くらいになるとやっぱり面倒くさいので、<br />
迷わず「<a href="http://www.flashbackj.com/filterit/" target="_blank">FILTERiT</a>」を使いますけどね！（笑）</p>
<p align="left"><a target="_blank" class="tt" href="http://twitter.com/home/?status=%E6%89%80%E8%A6%81%E6%99%82%E9%96%9310%E5%88%86%E3%80%81Photoshop%E3%81%A7%E4%BD%9C%E3%82%8B%E9%A3%9B%E3%81%B3%E5%87%BA%E3%81%9F%E3%83%89%E6%B4%BE%E6%89%8B%E6%96%87%E5%AD%97+http://www.studio-fix.com/blog/kaoru/?p=922" title="Post to Twitter"><img class="nothumb" src="http://www.studio-fix.com/blog/kaoru/wp-content/plugins/tweet-this/icons/tt-twitter-micro3.png" alt="Post to Twitter" /></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.studio-fix.com/blog/kaoru/2010/01/29/post922/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>WordPress、iPhone用プラグイン「WPtouch」</title>
		<link>http://www.studio-fix.com/blog/kaoru/2010/01/05/post859/</link>
		<comments>http://www.studio-fix.com/blog/kaoru/2010/01/05/post859/#comments</comments>
		<pubDate>Tue, 05 Jan 2010 05:19:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tips]]></category>
		<category><![CDATA[WordPress]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[プラグイン]]></category>

		<guid isPermaLink="false">http://www.studio-fix.com/blog/kaoru/?p=859</guid>
		<description><![CDATA[


WordPressをiPhone用に最適化してくれるプラグイン「WPtouch」。
利用方法は超簡単です。（・∀・）






「WPtouch」にアクセスして画面右の
「Download」ボタンからダウンロード [...]]]></description>
			<content:encoded><![CDATA[<p>
<img src="http://www.studio-fix.com/blog/kaoru/photo/309.jpg" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="500" height="480" />
<br />
WordPressをiPhone用に最適化してくれるプラグイン「<a href="http://www.bravenewcode.com/wptouch/" target="_blank">WPtouch</a>」。<br />
利用方法は超簡単です。（・∀・）<br />
<br />
<br />
<img src="http://www.studio-fix.com/blog/kaoru/photo/310.jpg" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="500" height="507" />
<br />
<br />
<ol>
<li>「<a href="http://www.bravenewcode.com/wptouch/" target="_blank">WPtouch</a>」にアクセスして画面右の<br />
「Download」ボタンからダウンロード。（無料）</li>
<li>wp-content＞plugins以下に「wptouch」フォルダごとFTPでアップロード</li>
<li>WordPress管理画面＞プラグインで「WPtouch iPhone Theme」の「使用する」をクリック</li>
</ol>
<br />
<br />
たったこれだけで、WordPressがiPhone用に最適化されちゃいま〜す。<br />
iPhone Safariで WordPressのPC用のURLにアクセスすると確認できます。<br />
<br />
<br />
<img src="http://www.studio-fix.com/blog/kaoru/photo/311.jpg" alt="横浜のホームページ制作スタジオFIXの社長ブログ" width="500" height="380" />
<br />
画面右上の▲をタップすると、カテゴリや、タグなども表示されます。<br />
iPhoneユーザの方は、ぜひお試しください。(^-^)ノ</p>
<p align="left"><a target="_blank" class="tt" href="http://twitter.com/home/?status=WordPress%E3%80%81iPhone%E7%94%A8%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3%E3%80%8CWPtouch%E3%80%8D+http://www.studio-fix.com/blog/kaoru/?p=859" title="Post to Twitter"><img class="nothumb" src="http://www.studio-fix.com/blog/kaoru/wp-content/plugins/tweet-this/icons/tt-twitter-micro3.png" alt="Post to Twitter" /></a></p>]]></content:encoded>
			<wfw:commentRss>http://www.studio-fix.com/blog/kaoru/2010/01/05/post859/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
