<?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>JugglerShu.Net &#187; Template</title>
	<atom:link href="http://programming.jugglershu.net/wp/?cat=47&#038;feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://programming.jugglershu.net/wp</link>
	<description>Nothing But Programming</description>
	<lastBuildDate>Wed, 15 Apr 2020 08:11:15 +0000</lastBuildDate>
	<language>ja</language>
		<sy:updatePeriod>hourly</sy:updatePeriod>
		<sy:updateFrequency>1</sy:updateFrequency>
	<generator>https://wordpress.org/?v=3.9.40</generator>
	<item>
		<title>Picasaでアルバム</title>
		<link>http://programming.jugglershu.net/wp/?p=628</link>
		<comments>http://programming.jugglershu.net/wp/?p=628#comments</comments>
		<pubDate>Fri, 26 Jun 2009 14:52:00 +0000</pubDate>
		<dc:creator><![CDATA[shu]]></dc:creator>
				<category><![CDATA[bgColor]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[Picasa]]></category>
		<category><![CDATA[Template]]></category>

		<guid isPermaLink="false">http://programming.jugglershu.net/wp/?p=628</guid>
		<description><![CDATA[Webページを更新しようと思って、いろいろ作業しているうちに、アルバム管理をなんとかしたくてGoogle Picasaを使ってみることにした。なかなかすごい。 かなり簡単に写真管理ができるし、軽快に動く。使いやすい。で、PicasaにはHTMLエクスポート機能があって、選択したフォルダや、写真をHTMLアルバムにしてくれる。既定では何種類かのアルバムテンプレートHTMLがあって、それらの形（見た目 <a class="more-link" href="http://programming.jugglershu.net/wp/?p=628">続きを読む <span class="meta-nav">&#8594;</span></a>]]></description>
				<content:encoded><![CDATA[<p>Webページを更新しようと思って、いろいろ作業しているうちに、アルバム管理をなんとかしたくてGoogle Picasaを使ってみることにした。なかなかすごい。</p>
<p>かなり簡単に写真管理ができるし、軽快に動く。使いやすい。で、PicasaにはHTMLエクスポート機能があって、選択したフォルダや、写真をHTMLアルバムにしてくれる。既定では何種類かのアルバムテンプレートHTMLがあって、それらの形（見た目）のHTMLをエクスポートしてくれる。</p>
<p>ただ今回はは、アルバム表示のためにLightBox(写真をきれいに表示してくれるJavaScript)を利用することにしていたため、そのままでは使えない。それらのHTMLにJavaScriptを埋め込んで、さらにimgタグを編集して・・・とやらなくちゃいけない。さらに自分のWebページの見た目に合わせるためにも編集しなくちゃいけない。</p>
<p>いくつものアルバムを作成する場合にはちょっとやってられない。ここは是非、PicasaのHTMLテンプレートに自分のWebサイト用のものを入れたい。</p>
<p>Picasaのインストールフォルダを見ると、Web→Templateというフォルダがあってどうやらここにテンプレートファイルがあるらしい。簡単説明テキストもついている。テンプレートごとにフォルダに別れているっぽい。</p>
<p>index.tplというのがテンプレートの元になるファイル。これをまあ、スクリプト言語のようにPicasaが処理して、最終的なHTMLや画像ファイルをはき出してくれる。</p>
<ol>
<li>header.html</li>
<li>イメージループ</li>
<li>footer.html</li>
</ol>
<p>というような形のindex.htmlを作るというのが基本的な形っぽい。具体的にはいろんなテンプレートのindex.tplファイルを見ればなんとなくわかってくるはず。まあ、理解するのに簡単なプログラミング経験は必要かもしれないけど。</p>
<p><a href="http://www.birchisland.info/docs/picasastuff/index.html">Picasa Web Templating</a><br />ここに変数とか、コマンドの説明がある。</p>
<p>というわけで、自分用のテンプレートを作成した。当然その中には自動的にLightBoxのJavaScriptが埋め込まれるようになっていて、自分のWebサイト用のデザイン(css)を埋め込んだものが簡単に作れるようになった。</p>
<p>で、まあ基本的には満足したわけですが、ちょっと欲張ってshadowedThumbnailsという変数を使ってサムネイルに陰を付けるようにした。さらに調べてみるとbgColorで陰の色を変えられるっぽいみたいなことが書いてある。でも、bgColorを設定すると陰が全部真っ黒になってしまう。僕がなんか間違っているんだろうか。どんな値でも同じようになってしまう。bgColorがなければ通常の陰がつく。</p>
<p>さらにPicasaのデフォルトの.tplファイルを見ていたらfgColorとかいうのが設定されているファイルがあった。さっきのサイトには載ってない値の気がする。</p>
<p>うーん、もうちょいちゃんとしたドキュメントがほしい。というか、あんまり公の機能じゃないんだろうか。でも結構Picasa Web Templateとかいって検索すると作っている人いるみたいだけど。。。</p>
]]></content:encoded>
			<wfw:commentRss>http://programming.jugglershu.net/wp/?feed=rss2&#038;p=628</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
