2010.5

jQueryでクッキーを使ったフォントサイズ変更の方法。

2010.05.16 / Notes

jQueryでフォントサイズのスタイルシートを動的に切り替えて、現在表示しているスタイルシートをクッキーに保存する方法です。
スタイルシートは、あらかじめフォントのサイズごとに3種類用意しておきます。

font-small.css
font-default.css
font-large.css

font-small.css

font-default.css

font-large.css

次のコードでは、ページ内にレイアウト用など複数のスタイルシートを読み込むことを想定して、フォントサイズ用のスタイルシートのみを切り替えています。

$(document).ready(function() {
	
	//フォントサイズ用のCSSファイル名
	var css_default = "font-default.css";
	
	//クッキーから読み込んで、現在のCSSファイルを設定
	var css_current = ($.cookie("css")) ? $.cookie("css") : css_default;
	
	//フォントサイズ用CSSのリンク
	var link = $("link[href="+css_default+"]");
	
	//リンクのhref属性に現在のCSSファイルを読み込み
	link.attr("href", css_current);
	
	//クリックされたサイズに変更して、クッキーに書き込み
	$("ul#font-size li").click(function() {
    	css_current = "font-"+$(this).attr("class")+".css";
		link.attr("href", css_current);
        $.cookie("css", css_current, {expires:1});
    });
});

$(document).ready(function() {

//フォントサイズ用のCSSファイル名

var css_default = "font-default.css";

//クッキーから読み込んで、現在のCSSファイルを設定

var css_current = ($.cookie("css")) ? $.cookie("css") : css_default;

//フォントサイズ用CSSのリンク

var link = $("link[href="+css_default+"]");

//リンクのhref属性に現在のCSSファイルを読み込み

link.attr("href", css_current);

//クリックされたサイズに変更して、クッキーに書き込み

$("ul#font-size li").click(function() {

css_current = "font-"+$(this).attr("class")+".css";

link.attr("href", css_current);

$.cookie("css", css_current, {expires:1});

});

<head>タグ内にjQueryの本体と、「jquery.cookie.js」を読み込みます。

<link href="base.css" rel="stylesheet" type="text/css" media="all" />
<link href="font-default.css" rel="stylesheet" type="text/css" media="all" />
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="jquery.cookie.js" type="text/javascript"></script>

フォント切り替えのためのボタンを、ページ内に<li>で記述します。
クラス名が、スタイルシートのファイル名に関連しています。

<ul id="font-size">
<li class="small">small</li>
<li class="default">default</li>
<li class="large">large</li>
</ul>

<li class="small">small</li>

<li class="default">default</li>

<li class="large">large</li>

</ul>

PHPで祝日表示付きカレンダーの作成。

2010.05.16 / Labs

PEAR
PHP

PHPのPEARライブラリを使って、祝日の表示を加えたカレンダーの作成方法です。
カレンダーの作成には「Calendar」ライブラリ、祝日の取得には「Date_Holidays_Japan」ライブラリを利用しています。

<?php
require_once("Calendar/Month/Weekdays.php");
require_once("Date/Holidays.php");

$current_year = date("Y");
$current_month = date("n");
$calMonth = new Calendar_Month_Weekdays($current_year, $current_month, 0);//第3引数の0は週の最初を日曜に
$calMonth->build();
$ja = "data/Date_Holidays_Japan/lang/Japan/ja_JP.xml";
$dh = &Date_Holidays::factory("Japan", $current_year, "ja_JP");
$dh->addTranslationFile($ja, "ja_JP");
$holidays = array();

//祝日の月日をキーに祝日名を配列に格納
foreach ($dh->getHolidays() as $value) {
	$holidays[$value->getDate()->format("%m%d")] = $value->getTitle();
}

echo "<h2>".$current_year."年".$current_month."月"."</h2>\n";
echo "<table class=\"calendar\">\n"; 
echo "<thead>\n"; 
echo "<tr><th>日</th><th>月</th><th>火</th><th>水</th><th>木</th><th>金</th><th>土</th></tr>\n"; 
echo "</thead>\n"; 
echo "<tbody>\n"; 

while ($day = $calMonth->fetch()) { 
	if ($day->isFirst()) {
		echo '<tr>';
	}
	if ($day->isEmpty()) { 
		echo "<td>&nbsp;</td>";
	} else { 
		$date = sprintf("%02d",$day->thisMonth()).sprintf("%02d",$day->thisDay());
		if (array_key_exists($date, $holidays)) {
			echo "<td class=\"holiday\">";//祝日のとき
		} else if ($day->isFirst()) {
			echo "<td class=\"sun\">";//週の最初（日曜）のとき
		} else if ($day->isLast()) {
			echo "<td class=\"sat\">";//週の最後（土曜）のとき
		} else {
			echo "<td>";
		}
		echo "<span class=\"day\">".$day->thisDay()."</span>";
		
		//祝日に該当する月日の場合、祝日名を出力
		if (array_key_exists($date, $holidays)) {
			echo "<span class=\"holiday\">".$holidays[$date]."</span>";
		}
		echo "</td>";
	} 
	if ($day->isLast()) { 
		echo "</tr>\n";
	} 
} 
echo "</tbody>\n";
echo "</table>\n";
?>

<?php

require_once("Calendar/Month/Weekdays.php");

require_once("Date/Holidays.php");

$current_year = date("Y");

$current_month = date("n");

$calMonth = new Calendar_Month_Weekdays($current_year, $current_month, 0);//第3引数の0は週の最初を日曜に

$calMonth->build();

$ja = "data/Date_Holidays_Japan/lang/Japan/ja_JP.xml";

$dh = &Date_Holidays::factory("Japan", $current_year, "ja_JP");

$dh->addTranslationFile($ja, "ja_JP");

$holidays = array();

//祝日の月日をキーに祝日名を配列に格納

foreach ($dh->getHolidays() as $value) {

$holidays[$value->getDate()->format("%m%d")] = $value->getTitle();

}

echo "<h2>".$current_year."年".$current_month."月"."</h2>\n";

echo "<table class=\"calendar\">\n";

echo "<thead>\n";

echo "<tr><th>日</th><th>月</th><th>火</th><th>水</th><th>木</th><th>金</th><th>土</th></tr>\n";

echo "</thead>\n";

echo "<tbody>\n";

while ($day = $calMonth->fetch()) {

if ($day->isFirst()) {

echo '<tr>';

}

if ($day->isEmpty()) {

echo "<td> </td>";

} else {

$date = sprintf("%02d",$day->thisMonth()).sprintf("%02d",$day->thisDay());

if (array_key_exists($date, $holidays)) {

echo "<td class=\"holiday\">";//祝日のとき

} else if ($day->isFirst()) {

echo "<td class=\"sun\">";//週の最初（日曜）のとき

} else if ($day->isLast()) {

echo "<td class=\"sat\">";//週の最後（土曜）のとき

} else {

echo "<td>";

}

echo "<span class=\"day\">".$day->thisDay()."</span>";

//祝日に該当する月日の場合、祝日名を出力

if (array_key_exists($date, $holidays)) {

echo "<span class=\"holiday\">".$holidays[$date]."</span>";

}

echo "</td>";

}

if ($day->isLast()) {

echo "</tr>\n";

}

echo "</tbody>\n";

echo "</table>\n";

あらかじめ祝日の月日、名称を配列に格納しておき、カレンダー生成のループの中で、祝日の判定を行っています。

PEAR Calendar
PEAR Date_Holidays_Japan

ActionScriptでフルスクリーン表示のメモ。

2010.05.15 / Notes

ActionScriptでフルスクリーン表示のためのスクリプトのメモです。
ステージの原点と左上にして、ウィンドウサイズの変化による拡大縮小は無効の設定です。
ウィンドウ（ステージ）がリサイズされた際に「resizeWindow」を実行します。

import flash.display.StageAlign;
import flash.display.StageScaleMode;
import flash.events.Event;

stage.scaleMode = StageScaleMode.NO_SCALE;
stage.align = StageAlign.TOP_LEFT;
stage.addEventListener(Event.RESIZE, resizeWindow);

function resizeWindow() {
	//ウィンドウがリサイズされた際の処理
}

import flash.display.StageAlign;

import flash.display.StageScaleMode;

import flash.events.Event;

stage.scaleMode = StageScaleMode.NO_SCALE;

stage.align = StageAlign.TOP_LEFT;

stage.addEventListener(Event.RESIZE, resizeWindow);

function resizeWindow() {

//ウィンドウがリサイズされた際の処理

}

MacOS Xに付属している作業を自動化するためのアプリケーション「Automator」を使うと、複数のPDFファイルを簡単に統合できます。
次の手順でワークフローを組み立てると、初めに統合するためのPDFファイルをダイアログから選択して、統合の処理を自動で行い、デスクトップに「document.pdf」というファイル名で保存します。
PDFの統合
そのほかに便利な使い方として、複数の画像ファイルを一つのPDFに変換して統合する場合には、次のような2ステップで行えます。
画像ファイルからPDFの統合

SimplepieでRSSを表示する方法。

2010.05.09 / Notes

他のサイトのRSSフィードを、「Simplepie」というクラスライブラリを使い表示する方法です。基本的な使い方は次の通りです。最新から5件のタイトル、投稿日、パーマリンクを表示しています。

<?php
require_once("simplepie/simplepie.inc");

$feed = new SimplePie();
$feed->set_feed_url("https://www.almondlab.jp/feed");
$feed->enable_cache(false);
$feed->init();
$feed->handle_content_type();

foreach ($feed->get_items(0, 5) as $item) {
	$link = $item->get_permalink();
	$title = $item->get_title();
	$date = $item->get_date("(Y年m月d日)");
	echo "<a href=\"".$link."\">".$title.$date."</a>";
}
?>

<?php

require_once("simplepie/simplepie.inc");

$feed = new SimplePie();

$feed->set_feed_url("https://www.almondlab.jp/feed");

$feed->enable_cache(false);

$feed->init();

$feed->handle_content_type();

foreach ($feed->get_items(0, 5) as $item) {

$link = $item->get_permalink();

$title = $item->get_title();

$date = $item->get_date("(Y年m月d日)");

echo "<a href=\"".$link."\">".$title.$date."</a>";

}

複数のサイトのRSSフィードを取得したい場合には、「set_feed_url」メソッドで、URLを配列のかたちで渡します。

$feed->set_feed_url(array(
	"https://www.almondlab.jp/feed",
	"http://www.example.jp/feed"
));

$feed->set_feed_url(array(

"https://www.almondlab.jp/feed",

"http://www.example.jp/feed"

));

上記ではキャッシュを無効にしていますが、キャッシュを利用する場合には、「$feed->enable_cache(false)」を削除して、代わりに次のように記述します。キャッシュを保存するディレクトリ、保存期間を指定します。

$feed->set_cache_location("cache/");//保存するディレクトリ
$feed->set_cache_duration(600); //単位は秒で指定

1 2	$feed->set_cache_location("cache/");//保存するディレクトリ $feed->set_cache_duration(600); //単位は秒で指定

Simplepie

Almondlab

2010.5

jQueryでクッキーを使ったフォントサイズ変更の方法。

PHPで祝日表示付きカレンダーの作成。

ActionScriptでフルスクリーン表示のメモ。

AutomatorでPDFファイルを統合。

SimplepieでRSSを表示する方法。