<?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>creator note &#187; CMS</title>
	<atom:link href="http://creator.cotapon.org/articles/tag/cms/feed" rel="self" type="application/rss+xml" />
	<link>http://creator.cotapon.org</link>
	<description>こたぽんがWebクリエイターに限らず動画や写真、書道までマルチクリエイターになれるまで終わりなく書き続けます</description>
	<lastBuildDate>Mon, 30 Jan 2012 06:27:52 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>ウェブアルバムdfGalleryをインストールしてみました</title>
		<link>http://creator.cotapon.org/articles/cms/%e3%82%a6%e3%82%a7%e3%83%96%e3%82%a2%e3%83%ab%e3%83%90%e3%83%a0dfgallery%e3%82%92%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab%e3%81%97%e3%81%a6%e3%81%bf%e3%81%be%e3%81%97%e3%81%9f</link>
		<comments>http://creator.cotapon.org/articles/cms/%e3%82%a6%e3%82%a7%e3%83%96%e3%82%a2%e3%83%ab%e3%83%90%e3%83%a0dfgallery%e3%82%92%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab%e3%81%97%e3%81%a6%e3%81%bf%e3%81%be%e3%81%97%e3%81%9f#comments</comments>
		<pubDate>Sun, 27 Sep 2009 13:57:21 +0000</pubDate>
		<dc:creator>cotapon</dc:creator>
				<category><![CDATA[CMS]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[ツール]]></category>
		<category><![CDATA[写真]]></category>
		<category><![CDATA[ウェブアルバム]]></category>
		<category><![CDATA[スライドショー]]></category>
		<category><![CDATA[無料]]></category>

		<guid isPermaLink="false">http://creator.cotapon.org/?p=188</guid>
		<description><![CDATA[dfGalleryとはFlickrによく似た機能が無料でつかえるツールです。CMSの管理画面があり、Ajaxで画像ファイルをアップロード。アルバム単位でタグが生成されホームページやブログへ簡単に貼付ける事ができます。コン &#8230; <a href="http://creator.cotapon.org/articles/cms/%e3%82%a6%e3%82%a7%e3%83%96%e3%82%a2%e3%83%ab%e3%83%90%e3%83%a0dfgallery%e3%82%92%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab%e3%81%97%e3%81%a6%e3%81%bf%e3%81%be%e3%81%97%e3%81%9f">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><a href="http://creator.cotapon.org/wp-content/uploads/090927_06.gif"><img src="http://creator.cotapon.org/wp-content/uploads/090927_06-520x393.gif" alt="090927_06" title="090927_06" width="520" height="393" class="aligncenter size-large wp-image-205" /></a><br />
dfGalleryとはFlickrによく似た機能が無料でつかえるツールです。CMSの管理画面があり、Ajaxで画像ファイルをアップロード。アルバム単位でタグが生成されホームページやブログへ簡単に貼付ける事ができます。コンテンツはFlashでスライドショーやフルスクリーン機能などがあります。php5以上とSQLが必要なので、設置するサーバーの環境を確認しましょう。<br />
<script language="JavaScript" type="text/javascript">
function openWin(){
  newWin = window.open('http://photo.cotapon.org/gallery/','_blank','scrollbars=no,directories=no,status=no,toolbar=no,location=no,menubar=no,locationresizable=yes,fullscreen=yes');
  newWin.focus();
}
</script><br />
DEMO：<a href="javascript:void(0);" onclick="openWin();">Cotapon Photo Gallery | こたぽんが撮った写真</a></p>
<p>　※別ウィンドウで開きます。<br />
で、実際にどうやってインストールするか。いろいろ調べてみましたが、なかなか成功した！という記事が見当たりませんでした。唯一、参考にさせていただいたページが見つかりましたので紹介します。</p>
<p><b>・<a href="http://blog.kumacchi.com/2009/03/flickrdfgallery_20.html" target="_blank">Flickrのウェブアルバムと同等の機能を持つdfGallery 2.0をさくらインターネットの共用サーバーに設置する -KUMA TYPE-</a></b><br />
<a href="http://blog.kumacchi.com/2009/03/flickrdfgallery_20.html#comments" target="_blank">http://blog.kumacchi.com/2009/03/flickrdfgallery_20.html#comments</a></p>
<p>どうもさくらレンタルサーバーではそーとー苦労するみたいですね。。。ただ、dfGallery自体がバージョンアップしてて解消されているかもしれません。ボクはロリポップを借りてるんですが、KUMA TYPEさんが苦労されている現象は全く起きませんでしたので、ある程度のインストール手順を書き留めておきます。</p>
<h4>設置するまでの環境</h4>
<p>・パソコン：Power Book G4 OS10.4<br />
・レンタルサーバー：ロリポップ　php5以上　MySQL可<br />
・FTPクライアント：Cyberduck<br />
パソコンの環境はあんまり関係ないと思いますけど一応＾ー＾；</p>
<h4>手順その１：必要ファイルの準備</h4>
<p><a href="http://creator.cotapon.org/wp-content/uploads/090927_01.gif"><img src="http://creator.cotapon.org/wp-content/uploads/090927_01.gif" alt="090927_01" title="090927_01" width="350" height="230" class="aligncenter size-full wp-image-193" /></a><br />
まず、dfGallery 2.0をダウンロードしてください。<br />
>><a href="http://www.dezinerfolio.com/dfgallery-2/free-flash-gallery" target="_blank">http://www.dezinerfolio.com/dfgallery-2/free-flash-gallery</a><br />
「dfgallery_v2.005.zip」というzipファイルを解凍して、出てきたフォルダーに対して「dfg」という名前を付けました。最終的にこの名前が管理画面へのアドレスになるので、好きな名前を付けてください。</p>
<h4>手順その２：FTPでアップロードしてからパーミッション設定</h4>
<p><a href="http://creator.cotapon.org/wp-content/uploads/090927_02.gif"><img src="http://creator.cotapon.org/wp-content/uploads/090927_02-520x199.gif" alt="090927_02" title="090927_02" width="520" height="199" class="aligncenter size-large wp-image-194" /></a><br />
名前を変えたこのフォルダーの中には、不可視ファイルでアクセス権限設定用の「.htaccess」が含まれていますので、フォルダーを<b>まるごと</b>FTPでアップしてください。ボクは「photo」というディレクトリにアップしました。これで、一応「http://hoge.com/photo/dfg/」にアクセスすれば管理画面にいけるんですが、ここで一回つまずきました。Cyberduckで、ディレクトリ「dfg」を右クリックして「情報」を選んでください。<br />
<a href="http://creator.cotapon.org/wp-content/uploads/090927_03.gif"><img src="http://creator.cotapon.org/wp-content/uploads/090927_03.gif" alt="090927_03" title="090927_03" width="301" height="392" class="aligncenter size-full wp-image-196" /></a><br />
アクセス権、パーミッションの設定チェックボックスがあると思います。「グループ」と「その他」に対して【読み】と【実行】にそれぞれチェックを入れてください。<br />
<a href="http://creator.cotapon.org/wp-content/uploads/090927_04.gif"><img src="http://creator.cotapon.org/wp-content/uploads/090927_04.gif" alt="090927_04" title="090927_04" width="301" height="392" class="aligncenter size-full wp-image-195" /></a><br />
これで、アクセスできなかった管理画面へアクセスできるようになりました。</p>
<h4>ロリポップの場合、MySQLの設定</h4>
<p><a href="http://creator.cotapon.org/wp-content/uploads/090927_05.gif"><img src="http://creator.cotapon.org/wp-content/uploads/090927_05.gif" alt="090927_05" title="090927_05" width="302" height="293" class="aligncenter size-full wp-image-203" /></a><br />
上から順番に、<br />
・hostname：ロリポップのサーバーアドレス。例えばmysql00.lolipop.jpこんなん。<br />
・Database Type：MySQLのまま。<br />
・username：ロリポップのデータベース名。<br />
・password：データベースのパスワード。<br />
・database：ロリポップのデータベース名と一緒かな・・？？<br />
・database prefix：ロリポップのデータベース名の末尾に「_」をつける？？<br />
※<a href="http://blog.kumacchi.com/2009/03/flickrdfgallery_20.html#comments" target="_blank">KUMA TYPE</a>さんを参考にさせていただきました。＾ー＾；<br />
これでインストール完了。ログイン名とパスワードが「admin」のままになってたので変更しました。後は、<a href="http://blog.kumacchi.com/2009/03/flickrdfgallery_20.html#comments" target="_blank">KUMA TYPE</a>さんの使い方がとても参考になりましたので、ブログランキングボタンをボチッ！っと押させて頂きました。m( _  _ )m</p>
<h4>Let&#8217;s Enjoy！</h4>
<p>さっそく数枚アップしてみましたので、よかったら観ていってくださいー！＾－＾<script language="JavaScript" type="text/javascript">
function openWin(){
  newWin = window.open('http://photo.cotapon.org/gallery/','_blank','scrollbars=no,directories=no,status=no,toolbar=no,location=no,menubar=no,locationresizable=yes,fullscreen=yes');
  newWin.focus();
}
</script><br />
<a href="javascript:void(0);" onclick="openWin();">Cotapon Photo Gallery | こたぽんが撮った写真</a></p>
<p>※別ウィンドウで開きます。</p>
]]></content:encoded>
			<wfw:commentRss>http://creator.cotapon.org/articles/cms/%e3%82%a6%e3%82%a7%e3%83%96%e3%82%a2%e3%83%ab%e3%83%90%e3%83%a0dfgallery%e3%82%92%e3%82%a4%e3%83%b3%e3%82%b9%e3%83%88%e3%83%bc%e3%83%ab%e3%81%97%e3%81%a6%e3%81%bf%e3%81%be%e3%81%97%e3%81%9f/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Adobe Scene7：日本語版発表記念セミナー</title>
		<link>http://creator.cotapon.org/articles/adobe-scene7/adobe-scene7%ef%bc%9a%e6%97%a5%e6%9c%ac%e8%aa%9e%e7%89%88%e7%99%ba%e8%a1%a8%e8%a8%98%e5%bf%b5%e3%82%bb%e3%83%9f%e3%83%8a%e3%83%bc</link>
		<comments>http://creator.cotapon.org/articles/adobe-scene7/adobe-scene7%ef%bc%9a%e6%97%a5%e6%9c%ac%e8%aa%9e%e7%89%88%e7%99%ba%e8%a1%a8%e8%a8%98%e5%bf%b5%e3%82%bb%e3%83%9f%e3%83%8a%e3%83%bc#comments</comments>
		<pubDate>Thu, 17 Sep 2009 16:21:09 +0000</pubDate>
		<dc:creator>cotapon</dc:creator>
				<category><![CDATA[Adobe Scene7]]></category>
		<category><![CDATA[Adobe Secen7]]></category>
		<category><![CDATA[CMS]]></category>

		<guid isPermaLink="false">http://creator.cotapon.org/?p=108</guid>
		<description><![CDATA[Adobe Scene7「アドビ　シーンセブン」とは、単純に言いますと画像サーバーです。そう言い切ってしまいますと語弊がありますので、導入事例をまじえて、もう少し詳しく説明します。 ピーチジョンの事例 商品を選ぶと、左の &#8230; <a href="http://creator.cotapon.org/articles/adobe-scene7/adobe-scene7%ef%bc%9a%e6%97%a5%e6%9c%ac%e8%aa%9e%e7%89%88%e7%99%ba%e8%a1%a8%e8%a8%98%e5%bf%b5%e3%82%bb%e3%83%9f%e3%83%8a%e3%83%bc">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p><div id="attachment_127" class="wp-caption alignnone" style="width: 310px"><a href="http://creator.cotapon.org/wp-content/uploads/090917_01.gif" rel="lightbox"><img src="http://creator.cotapon.org/wp-content/uploads/090917_01-300x170.gif" alt="adobescene7" title="090917_01" width="300" height="170" class="size-medium wp-image-127" /></a><p class="wp-caption-text">adobescene7</p></div><a href="http://www.scene7.com/jp/"  target="_blank">Adobe Scene7「アドビ　シーンセブン」</a>とは、単純に言いますと画像サーバーです。そう言い切ってしまいますと語弊がありますので、導入事例をまじえて、もう少し詳しく説明します。</p>
<h4>ピーチジョンの事例</h4>
<p><a href="http://creator.cotapon.org/wp-content/uploads/090917_02.gif" rel="lightbox"><img src="http://creator.cotapon.org/wp-content/uploads/090917_02-300x158.gif" alt="ピーチジョン" title="090917_02" width="300" height="158" class="alignnone size-medium wp-image-126" /></a></p>
<p>商品を選ぶと、左の方にScene7で作られたFlash<br />
あります。</p>
<div id="attachment_125" class="wp-caption alignnone" style="width: 310px"><a href="http://creator.cotapon.org/wp-content/uploads/090917_03.gif" rel="lightbox"><img src="http://creator.cotapon.org/wp-content/uploads/090917_03-300x158.gif" alt="ピーチジョン" title="090917_03" width="300" height="158" class="size-medium wp-image-125" /></a><p class="wp-caption-text">ピーチジョン</p></div>
<p>右側のJavaScriptと連携して、商品の種類にマウスをあわせるとアニメーションします。</p>
<p><a href="http://creator.cotapon.org/wp-content/uploads/090917_04.gif" rel="lightbox"><img src="http://creator.cotapon.org/wp-content/uploads/090917_04-300x158.gif" alt="090917_04" title="090917_04" width="300" height="158" class="alignnone size-medium wp-image-124" /></a><br />
そのFlashで商品画像をアップすることができます。かなり高解像度の画像が登録されてますね。<br />
<div id="attachment_123" class="wp-caption alignnone" style="width: 310px"><a href="http://creator.cotapon.org/wp-content/uploads/090917_05.gif" rel="lightbox"><img src="http://creator.cotapon.org/wp-content/uploads/090917_05-300x158.gif" alt="ピーチジョン" title="090917_05" width="300" height="158" class="size-medium wp-image-123" /></a><p class="wp-caption-text">ピーチジョン</p></div></p>
<p>商品をかごに入れると別の画像が出てきます。普通だと別途このサイズの画像を用意しなければなりませんが、Scene7にこのサイズで出力するようにリクエストしているのでリサイズ工数を削減しています。</p>
<div id="attachment_129" class="wp-caption alignnone" style="width: 310px"><a href="http://creator.cotapon.org/wp-content/uploads/090917_08.gif" rel="lightbox"><img src="http://creator.cotapon.org/wp-content/uploads/090917_08-300x175.gif" alt="ピーチジョンカタログ" title="090917_08" width="300" height="175" class="size-medium wp-image-129" /></a><p class="wp-caption-text">ピーチジョンカタログ</p></div>
<p>カタログコンテンツが作れるのもScene7の特徴です。</p>
<div id="attachment_132" class="wp-caption alignnone" style="width: 310px"><a href="http://creator.cotapon.org/wp-content/uploads/090917_07.gif" rel="lightbox"><img src="http://creator.cotapon.org/wp-content/uploads/090917_07-300x175.gif" alt="ピーチジョンカタログ" title="090917_07" width="300" height="175" class="size-medium wp-image-132" /></a><p class="wp-caption-text">ピーチジョンカタログ</p></div>
<p>次のページへめくれる演出もちゃんとできてます。</p>
<div id="attachment_129" class="wp-caption alignnone" style="width: 310px"><a href="http://creator.cotapon.org/wp-content/uploads/090917_08.gif" rel="lightbox"><img src="http://creator.cotapon.org/wp-content/uploads/090917_08-300x175.gif" alt="ピーチジョンカタログ" title="090917_08" width="300" height="175" class="size-medium wp-image-129" /></a><p class="wp-caption-text">ピーチジョンカタログ</p></div>
<p>カタログなので読み物コンテンツです。ここからの拡大も可能</p>
<div id="attachment_131" class="wp-caption alignnone" style="width: 310px"><a href="http://creator.cotapon.org/wp-content/uploads/090917_09.gif" rel="lightbox"><img src="http://creator.cotapon.org/wp-content/uploads/090917_09-300x175.gif" alt="ピーチジョンカタログ" title="090917_09" width="300" height="175" class="size-medium wp-image-131" /></a><p class="wp-caption-text">ピーチジョンカタログ</p></div>
<p>十分すぎるぐらいまで拡大でき、ここでも普段なら間の画像を用意しなければなりませんが、Scene7に拡大率のパラメータを渡してレスポンスを受けると、適応された画像が出力することができます。</p>
<h4>画像のリクエストに任意のパラメータをつけると、任意のサイズにリサイズされてレスポンスがくる。</h4>
<p>例えば、imgタグsrcで画像をリクエストするとき、画像のパスに対して「hoge.jpg?100&#215;100」と「？」と「100&#215;100」すると、Scene7側で100&#215;100の画像に変換してレスポンス、表示することができます。つまり、同じデザインで縦横の比率が同じであれば、縦横サイズの大きい画像を一枚用意するだけで、それ以下のサイズであれば自由にレスポンスを返すことができ、リサイズをする手間も省けます。大きい画像をheightとwidthで小さくするわけではないので、画像ファイル自体の容量も相当のサイズに変換されますので、ブラウザの表示が遅くなるということはありません。</p>
<h4>素材の画像さえあれば、スキンが用意されているので、ズーム機能や回転機能があるコンテンツがすぐに導入できる。</h4>
<p>ただの画像サーバーではありません。Flashコンテンツのスキンが用意されてますので、コンテンツの制作コストが発生することなく導入することができます。ただ、スキンをオリジナルデザインに変更する際には、別途制作が必要になります。ある意味、デザインを変更できるということが嬉しいことですね。</p>
<h4>雑誌風、カタログコンテンツも作成可能。</h4>
<p>もともと海外のサービスなので、雑誌は右から左へ開くカタログコンテンツでしたが、今回、日本語版ということで左から右開きにも対応したということです。Scene7以外にもカタログコンテンツを提供している企業はありますが、画像サーバーまでは提供されていないので画像のクオリティーが全然違います。ピーチジョンのカタログページが<a href="http://www.scene7.com/jp/" target="_blank">Scene7</a>で作られており、楽天の<a href="http://event.rakuten.co.jp/boys/"  target="_blank">rib Mag</a>が<a href="http://www.flash-book.jp/lp/flipper.html" target="_blank">FLIPPER Maker</a>というデジタルカタログ制作ツールで作られています。</p>
<h4>そして何よりもCustomer Experienceの向上のため。</h4>
<p>導入するにも、カスタマイズしてブランドイメージを統一するにも、いろいろコストがかかってしまうものですが、何よりもお客様と直接会話をするコンテンツ力を強化し、使って頂くことで満足していただき、またリピートしていただくことが大切。と、熱く語られていました。今回のセミナーはWeb制作者向けというより、企業への紹介が目的とみられ、一応、制作者といして参加させていただいたボクの感想は、「で？結局どうやって作るの？？」という疑問が残りました。しかし、とても魅力的な画像サーバーであることには変わりないので、商用でなければ無償提供するなど、クリエイターに興味を持っていただかなければ普及しないのではないかと、アンケートに記入させていただきました。ワクワク感いっぱいで今後の期待をこめて！＾ー＾</p>
]]></content:encoded>
			<wfw:commentRss>http://creator.cotapon.org/articles/adobe-scene7/adobe-scene7%ef%bc%9a%e6%97%a5%e6%9c%ac%e8%aa%9e%e7%89%88%e7%99%ba%e8%a1%a8%e8%a8%98%e5%bf%b5%e3%82%bb%e3%83%9f%e3%83%8a%e3%83%bc/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

