<?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>ホップススタッフブログ &#187; TIPS</title>
	<atom:link href="http://www.hops.co.jp/diary/archives/category/tips/feed" rel="self" type="application/rss+xml" />
	<link>http://www.hops.co.jp/diary</link>
	<description>ホップスは岩手・盛岡のWEBサイト制作会社です。</description>
	<lastBuildDate>Thu, 15 Sep 2011 01:56:03 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>WordPress 3.1が出ましたね！！</title>
		<link>http://www.hops.co.jp/diary/archives/2011/03/wordpress-3-1.html</link>
		<comments>http://www.hops.co.jp/diary/archives/2011/03/wordpress-3-1.html#comments</comments>
		<pubDate>Tue, 01 Mar 2011 08:43:40 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[TIPS]]></category>

		<guid isPermaLink="false">http://www.hops.co.jp/diary/?p=373</guid>
		<description><![CDATA[久しくホップススタッフブログを書いてなかったので更新します。 さてさて、時は流れるのが早くて先日WordPress 3.1がリリースされました。 機能面の向上がはかられた用で、便利機能が盛りだくさんです。 管理メニュー（ &#8230; <a href="http://www.hops.co.jp/diary/archives/2011/03/wordpress-3-1.html">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>久しくホップススタッフブログを書いてなかったので更新します。<br />
さてさて、時は流れるのが早くて先日WordPress 3.1がリリースされました。</p>
<p>機能面の向上がはかられた用で、便利機能が盛りだくさんです。</p>
<h2>管理メニュー（これステキ）</h2>
<p><a href="http://www.hops.co.jp/diary/wp-content/uploads/13.jpg"><img class="alignnone size-medium wp-image-376" title="管理者メニュー" src="http://www.hops.co.jp/diary/wp-content/uploads/13-300x99.jpg" alt="管理者メニュー" width="300" height="99" /></a></p>
<p>ブログの表画面や設定によっては管理画面にも管理メニューを表示できます。</p>
<h2>新規投稿ページのフォーマット選択（ちょー便利）</h2>
<p><a href="http://www.hops.co.jp/diary/wp-content/uploads/21.jpg"><img class="alignnone size-medium wp-image-377" title="フォーマット選択" src="http://www.hops.co.jp/diary/wp-content/uploads/21-300x253.jpg" alt="フォーマット選択" width="300" height="253" /></a></p>
<p>これは色々使えそう。<br />
フォーマットを選択する事で、classがふられるそうで、そのclassに対してcssを適用する事でたとえばアサイドを選択した場合は特定の文字を消すなどを簡単にできるようになりました。</p>
<h2>管理者テーマ（青）がちょっと変わった！</h2>
<p><a href="http://www.hops.co.jp/diary/wp-content/uploads/3.jpg"><img class="alignnone size-medium wp-image-378" title="テーマ青" src="http://www.hops.co.jp/diary/wp-content/uploads/3-300x184.jpg" alt="テーマ青" width="300" height="184" /></a></p>
<p>何気に管理者テーマの青色の色合いがかわりました（笑）<br />
パステルカラーになって、ブログ更新時に落ち着きをもたらすとか、もたらさないとか。。。</p>
<h2>記事投稿時のリンク機能の充実化（これはガチ）</h2>
<p><a href="http://www.hops.co.jp/diary/wp-content/uploads/4.jpg"><img class="alignnone size-medium wp-image-379" title="リンク機能の充実化" src="http://www.hops.co.jp/diary/wp-content/uploads/4-300x291.jpg" alt="リンク機能の充実化" width="300" height="291" /></a></p>
<p>これ何気に便利だなーと思った機能。<br />
たとえば関連記事として、過去の記事にリンクを貼りたい場合は、以前は自分でURLを調べないといけませんでした。<br />
今回からはAJAX技術を利用しているようで、リンクをチェーンマークをクリックするとポップアップでURL入力欄がひょうじされ、その下に過去の記事も表示されるようになりました。</p>
<p>あとはクリックするだけでリンクを設定できるという優れ物。<br />
何で今までなかったんだろうね（笑）</p>
<h2>ダッシュボードのクイック投稿の充実化（未確認）</h2>
<p><a href="http://www.hops.co.jp/diary/wp-content/uploads/5.jpg"><img class="alignnone size-medium wp-image-380" title="ダッシュボード・クイック投稿" src="http://www.hops.co.jp/diary/wp-content/uploads/5-300x181.jpg" alt="ダッシュボード・クイック投稿" width="300" height="181" /></a></p>
<p>たぶんこれも充実化されたんじゃないかなぁ？<br />
確か以前はこんなに機能がなかったと思う。<br />
たとえばアップロード／挿入とか・・・</p>
<div id="_mcePaste" class="mcePaste" style="position: absolute; left: -10000px; top: 2158px; width: 1px; height: 1px; overflow: hidden;"><img src="file:///C:/Users/VIP/AppData/Local/Temp/moz-screenshot.png" alt="" /></div>
]]></content:encoded>
			<wfw:commentRss>http://www.hops.co.jp/diary/archives/2011/03/wordpress-3-1.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>＼みんなでjQueryやろうぜ／</title>
		<link>http://www.hops.co.jp/diary/archives/2010/06/%e3%81%bf%e3%82%93%e3%81%aa%e3%81%a7jquery%e3%82%84%e3%82%8d%e3%81%86%e3%81%9c.html</link>
		<comments>http://www.hops.co.jp/diary/archives/2010/06/%e3%81%bf%e3%82%93%e3%81%aa%e3%81%a7jquery%e3%82%84%e3%82%8d%e3%81%86%e3%81%9c.html#comments</comments>
		<pubDate>Mon, 21 Jun 2010 07:28:05 +0000</pubDate>
		<dc:creator>辻</dc:creator>
				<category><![CDATA[TIPS]]></category>
		<category><![CDATA[javascript]]></category>
		<category><![CDATA[jQuery]]></category>
		<category><![CDATA[リファレンス]]></category>

		<guid isPermaLink="false">http://www.hops.co.jp/diary/?p=304</guid>
		<description><![CDATA[１）jQuery（ジェイクエリー）って何だろう？ jQueryはJavaScriptが一つにまとまったライブラリ何です。 ２）jQueryって何ができるの？ たとえばWebサイトにアニメーションを付けたり、CSSやHTM &#8230; <a href="http://www.hops.co.jp/diary/archives/2010/06/%e3%81%bf%e3%82%93%e3%81%aa%e3%81%a7jquery%e3%82%84%e3%82%8d%e3%81%86%e3%81%9c.html">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<div style="margin: 0 auto; width: 540px;">
<div style="margin: 0 0 30px;"><a href="http://www.hops.co.jp/diary/wp-content/uploads/8c0c3027e3cfc3d644caab3847a505b0.jpg"><img class="alignnone size-full wp-image-305" title="みんなでjQueryやろうぜ！" src="http://www.hops.co.jp/diary/wp-content/uploads/8c0c3027e3cfc3d644caab3847a505b0.jpg" alt="みんなでjQueryやろうぜ！" width="540" height="160" /></a></div>
<div style="margin: 0 0 30px;">
<h3>１）jQuery（ジェイクエリー）って何だろう？</h3>
<p>jQueryはJavaScriptが一つにまとまったライブラリ何です。</p>
</div>
<div style="margin: 0 0 30px;">
<h3>２）jQueryって何ができるの？</h3>
<p>たとえばWebサイトにアニメーションを付けたり、CSSやHTMLをリアルタイムで編集したり、Ajax（非同期通信）を簡単にやることができます。</p>
</div>
<div style="margin: 0 0 30px;">
<h3>３）こんな所でjQueryが使われてるんだよ！</h3>
<p>たとえばまがりや.netの商品詳細ページ！</p>
<p>⇒参考サイト：<a href="http://www.magariya.net/product_info.php?products_id=236">まがりや.netの商品詳細ページ</a></p>
<p>写真のサムネイルをクリックすると、フェードの効果をしながら、写真が切り替わる。</p>
<p>これ、実はjQueryを使ってやってるんです。</p>
</div>
<div style="margin: 0 0 30px;">
<h3>４）jQueryの使い方</h3>
<p>jQueryを使うには本体のJavaScriptファイルをダウンロードします。</p>
<p>⇒jQueryのダウンロード先：<a href="http://jquery.com/">http://jquery.com/</a> （jquery-1.4.2.min.js）</p>
<p>ページ右側の「Download(jQuery);」を押すとソースコードが表示されるのでブラウザで「名前を付けてページ保存」をする。</p>
<p>すると、パソコンに「jquery-1.4.2.min.js」というファイルがダウンロードされている。</p>
<p>これをHTMLに書いて、jquery-1.4.2.min.jsを読み込まされる。</p>
<p>以下のコードをの直前に書いてあげる。</p>
<p>[javascript]&lt;script src=&quot;jquery-1.4.2.min.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;[/javascript] するとHTMLにjQueryが読み込まれて使える状態になる。  ただ、これだけだと何もすることができない。
</p></div>
<div style="margin: 0 0 30px;">
<h3>５）jQueryに命令してみる。</h3>
<p>HTMLに読み込んだだけだと何も起きない。  命令文（コード）を書かかないといけないのです。  ちょっと試しに以下の命令文を  先ほど読み込んだjQueryの下に書いてみよう。<br />
[javascript]<br />
&lt;script type=&quot;text/javascript&quot; src=&quot;jquery-1.4.2.min.js&quot;&gt;&lt;/script&gt;<br />
&lt;script type=&quot;text/javascript&quot;&gt;<br />
$(document).ready(function(){ //ページがロードされたら実行<br />
	$(&quot;body&quot;).click(function() { //bodyタグをマウスでクリックしたら<br />
		$(this).animate({opacity: &quot;hide&quot;}, &quot;fast&quot;); //bodyタグ（this）、アニメーション「すばやくフェードアウトしながら透明になる」<br />
	});<br />
});<br />
&lt;/script&gt;<br />
[/javascript]<br />
ページを開いてどこかクリックしたら全体が透明になり消える命令文がかけました。</p>
<p>この様に命令文を書いて指示をすることで、簡単にアニメーションができます。</p>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.hops.co.jp/diary/archives/2010/06/%e3%81%bf%e3%82%93%e3%81%aa%e3%81%a7jquery%e3%82%84%e3%82%8d%e3%81%86%e3%81%9c.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>「FFmpegで作る動画共有サイト」を読んで</title>
		<link>http://www.hops.co.jp/diary/archives/2009/10/%e3%80%8cffmpeg%e3%81%a7%e4%bd%9c%e3%82%8b%e5%8b%95%e7%94%bb%e5%85%b1%e6%9c%89%e3%82%b5%e3%82%a4%e3%83%88%e3%80%8d%e3%82%92%e8%aa%ad%e3%82%93%e3%81%a7.html</link>
		<comments>http://www.hops.co.jp/diary/archives/2009/10/%e3%80%8cffmpeg%e3%81%a7%e4%bd%9c%e3%82%8b%e5%8b%95%e7%94%bb%e5%85%b1%e6%9c%89%e3%82%b5%e3%82%a4%e3%83%88%e3%80%8d%e3%82%92%e8%aa%ad%e3%82%93%e3%81%a7.html#comments</comments>
		<pubDate>Fri, 16 Oct 2009 03:57:26 +0000</pubDate>
		<dc:creator>辻</dc:creator>
				<category><![CDATA[TIPS]]></category>
		<category><![CDATA[FFmpeg]]></category>
		<category><![CDATA[Linux]]></category>
		<category><![CDATA[オレでもできる]]></category>
		<category><![CDATA[動画サイト構築]]></category>

		<guid isPermaLink="false">http://www.hops.co.jp/diary/?p=206</guid>
		<description><![CDATA[「FFmpeggで作る動画共有サイト」っていう本を読んでの感想。 ●FFmpegで作る動画共有サイト ※FFmpegっていうのは、動画と音声を変換するフリーソフトのことです。 簡単にいうと「あぁ、オレでもいけるな」ってい &#8230; <a href="http://www.hops.co.jp/diary/archives/2009/10/%e3%80%8cffmpeg%e3%81%a7%e4%bd%9c%e3%82%8b%e5%8b%95%e7%94%bb%e5%85%b1%e6%9c%89%e3%82%b5%e3%82%a4%e3%83%88%e3%80%8d%e3%82%92%e8%aa%ad%e3%82%93%e3%81%a7.html">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>「FFmpeggで作る動画共有サイト」っていう本を読んでの感想。<br />
●<a href="http://tb1.jp/ffmpeg/">FFmpegで作る動画共有サイト</a><br />
※FFmpegっていうのは、動画と音声を変換するフリーソフトのことです。</p>
<p>簡単にいうと「あぁ、オレでもいけるな」っていう気になれる本。</p>
<p>インストールの手順から、設定、その他オプションの開設、<br />
動画サイトの構築方法、flvプレイヤーの作り方、字幕の入れ方など・・・。</p>
<p>動画サイト構築に必要な手順がほぼ全て書かれていて、<br />
Youtubeやニコニコ動画の仕組みもこれ一冊でわかります。</p>
<p>ちなみに、<br />
Perl、PHP、Python、JavaからFFmpegにアクセスする事ができますから、<br />
そこら辺に詳しい人がいるとスムーズに行きます。<br />
あとは少しのLinuxの知識と、それなりのFlashの知識があれば完璧っぽいです。</p>
<p>ちょっと読んでみると面白いですよ！</p>
<p>あ、余談ですが、以前FFmpeg関連で調べたサイト一覧載せますね！<br />
ぜひ、ご活用を。</p>
<p>http://blog.katsuma.tv/2007/09/build_ffmpeg_for_3g_mobile.html</p>
<p>http://aerith.mydns.jp/regrets/2007/11/ffmpeg-install.html</p>
<p>http://blog.kumacchi.com/2008/10/ffmpegcentos_47_final.html</p>
<p>http://www.wkshop.net/m/flashvideo.txt</p>
<p>http://zeta-blog.com/3.html</p>
<p>http://blog.gakkie.com/?p=42</p>
<p>http://d.hatena.ne.jp/SPR/20070123/1169563795</p>
<p>http://www.phppro.jp/phptips/archives/vol50/2</p>
<p>http://fun.poosan.net/sawa/index.php?UID=1182098572</p>
<p>http://d.hatena.ne.jp/munepi/20081112/1226521022</p>
<p>http://hiroyuki12.ameblo.jp/hiroyuki12/entry-10044683201.html</p>
<p>http://www.mathomfactory.com/contents/ffmpeg.htm</p>
<p>http://www.himco.jp/articles/pdf/FFmpegDoc.swf</p>
<p>http://yosiwo.lowtech.ne.jp/index.php?itemid=645</p>
<p>http://www.nobodyplace.com/mutter/2008/01/17/140000.php#p781</p>
<p>http://blogs.dion.ne.jp/kimiwo/archives/2170015.html</p>
<p>http://nicovideo.g.hatena.ne.jp/maraigue/</p>
<p>http://ffmpeg-php.sourceforge.net/</p>
<p>http://www.phpclasses.org/browse/package/3747.html</p>
<p>http://yosiwo.lowtech.ne.jp/index.php?itemid=568</p>
<p>http://phpspot.org/blog/archives/2005/11/php_ffmpegphp.html</p>
<p>http://memo.xight.org/2006-08-24-4</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hops.co.jp/diary/archives/2009/10/%e3%80%8cffmpeg%e3%81%a7%e4%bd%9c%e3%82%8b%e5%8b%95%e7%94%bb%e5%85%b1%e6%9c%89%e3%82%b5%e3%82%a4%e3%83%88%e3%80%8d%e3%82%92%e8%aa%ad%e3%82%93%e3%81%a7.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>smartyテンプレートのキャッシュ利用</title>
		<link>http://www.hops.co.jp/diary/archives/2009/06/smarty%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%83%e3%82%b7%e3%83%a5%e5%88%a9%e7%94%a8.html</link>
		<comments>http://www.hops.co.jp/diary/archives/2009/06/smarty%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%83%e3%82%b7%e3%83%a5%e5%88%a9%e7%94%a8.html#comments</comments>
		<pubDate>Tue, 23 Jun 2009 10:05:58 +0000</pubDate>
		<dc:creator>kou</dc:creator>
				<category><![CDATA[TIPS]]></category>

		<guid isPermaLink="false">http://www.hops.co.jp/diary/?p=171</guid>
		<description><![CDATA[なんとなく利用していたものについて改めて勉強した為、メモ。 PHPのsmartyはロジックとコンテンツを分離してくれる便利なもので、 特に制作会社にとってはデザイナーにテンプレートを直接修正してもらえるメリットがあります &#8230; <a href="http://www.hops.co.jp/diary/archives/2009/06/smarty%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%83%e3%82%b7%e3%83%a5%e5%88%a9%e7%94%a8.html">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>なんとなく利用していたものについて改めて勉強した為、メモ。</p>
<p>PHPのsmartyはロジックとコンテンツを分離してくれる便利なもので、<br />
特に制作会社にとってはデザイナーにテンプレートを直接修正してもらえるメリットがあります。</p>
<p>また今回のようにキャッシュを保存して再利用することができます。<br />
キャッシュを利用することで、使い方によってはDB処理等も毎回行わなずに処理し、<br />
負荷軽減や高速化を図ることができます。</p>
<p>マニュアルとしてはこちらのサイトが参考になります。</p>
<p>http://www.smarty.net/manual/ja/caching.php</p>
<p>☆☆☆応用例（実際のコードから改変しており、セキュリティ等は考慮していません。）☆☆☆</p>
<p>$smarty-&gt;caching = 2; //生存時間はキャッシュごと<br />
$smarty-&gt;cache_lifetime = 21600; //smartyのキャッシュ時間(秒) 6時間×60分×60秒<br />
if($_GET['cache'] == &#8220;clear&#8221;){<br />
$smarty-&gt;clear_cache(null,&#8217;product&#8217; . $_GET['id']); //URLパラメータでキャッシュクリア<br />
}</p>
<p>if(!$smarty-&gt;is_cached(&#8216;product.html&#8217;,'product&#8217; . $_GET['id'])) {<br />
//smartyのキャッシュが無かったら画面生成<br />
$contents = get_database_contents(); //DBからデータを取得<br />
$smarty-&gt;assign(&#8220;contents&#8221;,$contents); //テンプレートに値(配列)を割り当て<br />
}<br />
$smarty-&gt;display(&#8216;product.html&#8217;,'product&#8217; . $_GET['id']);</p>
<p>先日、まがりや.netで取り扱っている深イイ話で紹介されたまるごと焼きりんごがたくさんのご注文をいただき、<br />
その際に弊社である「産直ショッピングカートパッケージ」の一括発注書・納品書発行機能が活躍しました。<br />
私自身も注文処理の手伝いをし、スタッフからの意見をフィードバックして、さらに修正をかけて使いやすくしています。</p>
<p>近日新バージョンのデモサイトを公開予定ですので、<br />
ショッピングカートをご検討中の方はぜひお問合せ下さい。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hops.co.jp/diary/archives/2009/06/smarty%e3%83%86%e3%83%b3%e3%83%97%e3%83%ac%e3%83%bc%e3%83%88%e3%81%ae%e3%82%ad%e3%83%a3%e3%83%83%e3%82%b7%e3%83%a5%e5%88%a9%e7%94%a8.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>気がついたら5月でした。</title>
		<link>http://www.hops.co.jp/diary/archives/2009/05/%e6%b0%97%e3%81%8c%e3%81%a4%e3%81%84%e3%81%9f%e3%82%895%e6%9c%88%e3%81%a7%e3%81%97%e3%81%9f%e3%80%82.html</link>
		<comments>http://www.hops.co.jp/diary/archives/2009/05/%e6%b0%97%e3%81%8c%e3%81%a4%e3%81%84%e3%81%9f%e3%82%895%e6%9c%88%e3%81%a7%e3%81%97%e3%81%9f%e3%80%82.html#comments</comments>
		<pubDate>Fri, 15 May 2009 09:30:02 +0000</pubDate>
		<dc:creator>mario</dc:creator>
				<category><![CDATA[TIPS]]></category>
		<category><![CDATA[ホップススタッフ]]></category>

		<guid isPermaLink="false">http://www.hops.co.jp/diary/?p=166</guid>
		<description><![CDATA[ブログを随分と長い間止めておりました、すみません。気を抜くと時間はどんどん過ぎていきますね。 最近のスタッフブログが技術よりの話題なので私もちょっとした小技（？）をかいておきます。 【Photoshopで同じ動作を繰り返 &#8230; <a href="http://www.hops.co.jp/diary/archives/2009/05/%e6%b0%97%e3%81%8c%e3%81%a4%e3%81%84%e3%81%9f%e3%82%895%e6%9c%88%e3%81%a7%e3%81%97%e3%81%9f%e3%80%82.html">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>ブログを随分と長い間止めておりました、すみません。<span style="font-size: 80%; color: #ffffff;">気を抜くと時間はどんどん過ぎていきますね。</span></p>
<p>最近のスタッフブログが技術よりの話題なので私もちょっとした小技（？）をかいておきます。</p>
<p>【Photoshopで同じ動作を繰り返す時の機能】</p>
<p>■画像のサイズを半分にして、明るさを少しあげて最後にフィルタのシャープをかける。</p>
<p>一回だけなら時間はかかりませんが他の画像にも同じようにしたい！という場合に一枚一枚に↑の動作をするのは意外と時間がかかります。</p>
<p>そこで一連の動作を記録してくれるアクションの登場です。</p>
<p>初期設定では右側に表示されていますが、ない場合は[ウィンドウ]-[アクション]を選びます。</p>
<p><img src="http://www.hops.co.jp/diary/wp-content/uploads/action_01.gif" alt="" width="328" height="241" /></p>
<p>赤く囲んだボタンが新規アクション作成ボタンです。</p>
<p>クリックすると下記の画像が表示されます。アクション名は自分がわかれば何でも良いです。</p>
<p><img src="http://www.hops.co.jp/diary/wp-content/uploads/action_02.gif" alt="" /></p>
<p>「記録」を押すとビデオの録画のマークみたく赤くなります。</p>
<p><img src="http://www.hops.co.jp/diary/wp-content/uploads/action_03.gif" alt="" /></p>
<p>この状態の間は動作が全て記録されます。</p>
<p>ですのでそのまま画像を小さくしたり明るさを調整したりします。</p>
<p>終わりましたら隣の停止ボタンを押すと、記録が終わります。</p>
<p><img src="http://www.hops.co.jp/diary/wp-content/uploads/action_04.gif" alt="" /></p>
<p>そして同じ動作を繰り返したい画像・データを開きます。</p>
<p>開きましたらアクション名を選択し、（今回はアクション1になります）再生ボタンを押します。</p>
<p><img src="http://www.hops.co.jp/diary/wp-content/uploads/action_05.gif" alt="" /></p>
<p>すると自動的に同じ動作をしてくれます。便利！</p>
<p>ただし、記録してる最中に「ファイル名を指定して保存」などをすると全部同じファイル名になって上書きされるのでそこには気をつけた方が良いです。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hops.co.jp/diary/archives/2009/05/%e6%b0%97%e3%81%8c%e3%81%a4%e3%81%84%e3%81%9f%e3%82%895%e6%9c%88%e3%81%a7%e3%81%97%e3%81%9f%e3%80%82.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【夢の中の出来事】iPhone 3GでもFlashみたいなアニメを作りたい！！</title>
		<link>http://www.hops.co.jp/diary/archives/2009/05/iphone_3g_flash_webkit_anime.html</link>
		<comments>http://www.hops.co.jp/diary/archives/2009/05/iphone_3g_flash_webkit_anime.html#comments</comments>
		<pubDate>Tue, 12 May 2009 08:32:33 +0000</pubDate>
		<dc:creator>辻</dc:creator>
				<category><![CDATA[TIPS]]></category>
		<category><![CDATA[Apple]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[iPhone]]></category>
		<category><![CDATA[WebKit]]></category>
		<category><![CDATA[アニメ]]></category>

		<guid isPermaLink="false">http://www.hops.co.jp/diary/?p=169</guid>
		<description><![CDATA[まずは以下のURLをiPhone又はiPod touchで確認してみてください。 ■デモサイト http://www.hops.co.jp/diary/wp-content/uploads/test/ Flashアニメー &#8230; <a href="http://www.hops.co.jp/diary/archives/2009/05/iphone_3g_flash_webkit_anime.html">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>まずは以下のURLをiPhone又はiPod touchで確認してみてください。</p>
<p>■デモサイト<br />
<a href="http://www.hops.co.jp/diary/wp-content/uploads/test/">http://www.hops.co.jp/diary/wp-content/uploads/test/</a></p>
<p>Flashアニメーションみたいに動いてるでしょ？<br />
これ実はCSSだけで実現しているんです。</p>
<p>iPhoneに搭載されているSafariはwebkitを使用する事ができます。<br />
&gt;&gt;<a href="http://www.weblio.jp/content/WebKit">webkitとは</a><br />
これを応用する事で色々な表現をする事ができます。</p>
<p>平面の表現だけではなく3D表現もする事ができます。<br />
AppleがFlashを許さないのはコレがあるからなのでしょうか・・・？<br />
（でも早くFlash使えるようになってほしいよね）</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hops.co.jp/diary/archives/2009/05/iphone_3g_flash_webkit_anime.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>【デザイン】 ちょっとでも早くやりたいんです！と思ったらこうなりました。</title>
		<link>http://www.hops.co.jp/diary/archives/2009/04/myphotoshopdispla.html</link>
		<comments>http://www.hops.co.jp/diary/archives/2009/04/myphotoshopdispla.html#comments</comments>
		<pubDate>Sat, 04 Apr 2009 14:31:31 +0000</pubDate>
		<dc:creator>辻</dc:creator>
				<category><![CDATA[TIPS]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[使い方]]></category>
		<category><![CDATA[自分仕様]]></category>

		<guid isPermaLink="false">http://www.hops.co.jp/diary/?p=164</guid>
		<description><![CDATA[デザインとかアイディアって直ぐ残さないと忘れてしまうんです。 だからちょっとでも早くやりたいんです！ そこで私は以前からこういう形をとっています。 前もってデザイン案作成に必要なPSDテンプレートデータを作成しています。 &#8230; <a href="http://www.hops.co.jp/diary/archives/2009/04/myphotoshopdispla.html">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>デザインとかアイディアって直ぐ残さないと忘れてしまうんです。<br />
だからちょっとでも早くやりたいんです！<br />
そこで私は以前からこういう形をとっています。</p>
<ol>
<li>前もってデザイン案作成に必要なPSDテンプレートデータを作成しています。</li>
<li>自分が使いやすいように工夫しています。</li>
<li>後のことも考えて作業しています。</li>
</ol>
<p>絵を使って順番に説明していきます。</p>
<p><a href="http://www.hops.co.jp/diary/wp-content/uploads/myphotoshop.jpg"><img class="alignnone size-full wp-image-165" title="myphotoshop" src="http://www.hops.co.jp/diary/wp-content/uploads/myphotoshop.jpg" alt="myphotoshop" width="500" height="309" /></a></p>
<p><strong>１．前もってデザイン案作成に必要なPSDテンプレートデータを作成しています。</strong></p>
<p>PSDテンプレートデータは上記のデータです。<br />
本当に基本の「背景」ですとか、各種パーツごとに分けた「フォルダ」のみですが、<br />
これがあるのとないとじゃ全然違うんです。（ちょっとだけね）</p>
<p><strong>２．自分が使いやすいように工夫しています。</strong></p>
<p>やっぱり作業するのは自分なので、自分が使いやすいように工夫しています。<br />
たとえば標準ではPhotoshopのツールボックスは左側にあるのですが、<br />
私は右側においてます。<br />
これは私が右利きのためです。<br />
右側にあると素早くアクセスできるので、私は気に入ってます。</p>
<p><strong>３．後のことも考えて作業しています。</strong></p>
<p>他人が作ったデータを見るとたま～にありますが、<br />
「レイヤー１」とか普通にあります。（時間無い時とかはやっちゃうけど　￣ー￣；）<br />
自分が作っていないので何のパーツなのかまったくわかりません。<br />
ですので私はできるだけわかりやすいように整理しています。（レイヤーに関して）</p>
<p>また、高さを3000pxにしていますが、<br />
「でか過ぎでしょ」と思うかもしれませんが、<br />
今の所最適な数値だと思っています。<br />
（以前は2000pxでやってました）<br />
いろいろ追加していくと、やっぱり高さがほしくなるものです。</p>
<p><strong>最後に。</strong></p>
<p>全部私仕様なのですが、やっぱり自分が一番使いやすい形にするのが一番だと思います。<br />
今回はPhotoshopを例にあげましたが、きっと、みなさんにも「自分仕様」があるはずです。</p>
]]></content:encoded>
			<wfw:commentRss>http://www.hops.co.jp/diary/archives/2009/04/myphotoshopdispla.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

