Yaibeen Flash / PHP / Nucleus http://nucleus.yaibeen.com/ Flash(フラッシュ),PHP,Nucleus(ニュークリアス)等の覚え書き ja Nucleus CMS v3.51 ｩ Weblog http://backend.userland.com/rss http://nucleus.yaibeen.com//nucleus/nucleus2.gif Yaibeen Flash / PHP / Nucleus http://nucleus.yaibeen.com/ <![CDATA[NP_SimpleFPE スライドショーとブログパーツ化]]> http://nucleus.yaibeen.com/item235.html 概要

指定した画像をフラッシュスライドショーとしてアイテム中に表示させるNucleus用プラグインです。
ELZで配布されているFlash Presentation Engine(FPE)をNucleusアイテム内に組み込むことで動作します。

変更内容 version 0.4

2009.02.15 ブログパーツとして他のサイトへ貼り付ける場合、掲載URLによってリンク機能の有効・無効が切り替わる現象を修正しました。 ブログパーツ貼り付け用タグで利用されるJavaScriptソースコード中のAllowScriptAccessをsameDomainからalwaysへ変更しています。

主な機能 version 0.3

  • FPEを利用したフラッシュスライドショーをアイテム中に設定できます。
  • Flash表示サイズ(枠)は任意で指定可能です。
  • FPEの各種プラグイン(マスク、フィルタ、フレーム)を利用可能です。
  • FPEのカスタムエフェクト、カスタムプラグイン等の機能に対応しています。
  • JavaScript無効、FlashPlayer無しの環境下で代替画像表示できます。
  • ver 0.2 第三者のページにブログパーツとして貼り付ける機能が追加されました。
    サーバの負荷や転送量等を考慮の上ご利用下さい。
  • ver 0.3 スキン中に組込みできるようになりました。
  • ver 0.3 キャッシュ機能(FPE定義ファイル)を追加しました。ver 0.2以前の動的生成に比べてサーバへの負荷が減ります。

ver 0.2以前からのアップデート方法

すいません。お手数ですが一旦Ver0.2をアンインストール後、ver0.3をインストールして下さい。

動作環境及び注意点

  • Nucleus 3.24の環境で動作確認をしています。
  • Flash Player 7もしくは8以降が必要です。
  • FPE本体(misfpe.swf)が必要です。フリー版、有料版どちらでも構いません。事前に入手して下さい。
  • キャッシュ機能を利用するにはmedia/simplefpeディレクトリが必要です。phpセーフモードの場合、パーミッションを777等にする必要があるかもしれません。
  • 単純なフェードイン効果でのスライドショー用途ならFPEを使ったことが無い方でも簡単に利用できます。
  • カスタムエフェクト、マスク、フィルタ、フレーム等の機能を利用する場合はFPEの知識が必要です。FPEのパラメータ等についてはFPEマニュアルを参照して下さい。
  • 当サイトではFPEのカスタムエフェクトサンプルを掲載しています。是非参考にしてください。もちろん公開しているサンプル定義は流用していただいて構いません。

ダウンロード

  • NP_SimpleFPE (EUC) ver 0.4
    ※UTF-8環境の方は変換してご利用下さい。
  • JavaScriptファイル郡
    plugins/misfe/js/ディレクトリへコピーして下さい。
    後述する『JavaScript自動組込み』でご利用の場合、当ファイルは必要ありません。
  • FPE本体はELZからダウンロードして下さい。

関連記事

Nucleusをお使いでない方にも利用できる別記事です。

利用方法(JavaScript自動組込みの場合)

とりあえずNP_SimpleFPEを使ってみたい方向けです。
『JavaScript手動組込み』との大きな違いは『Flash Player無しの環境下で代替画像を表示できない』点です。

  • 展開したファイルをnucleus/pluginsディレクトリにアップします。
  • plugins/misfeディレクトリにmisfpe.swfをアップします。
  • プラグイン管理画面でNP_SimpleFPEをインストールします。
  • スライドショーを表示させたいアイテム(記事)に<%SimpleFPE(0)%>と記述します。
  • 該当アイテム(記事)の『追加プラグインオプション』欄に画像ファイル、Flash表示サイズ等を指定します。

利用方法(JavaScript手動組込みの場合)

  • 展開したファイルをnucleus/pluginsディレクトリにアップします。
  • plugins/misfe/jsディレクトリに*.jsをアップします。
  • plugins/misfeディレクトリにmisfpe.swfをアップします。
  • プラグイン管理画面でNP_SimpleFPEをインストールします。
  • プラグイン管理画面で『JavaScript組込み方法』を『手動組込み』にします。
  • スキンの適所(<head>から</head>の間)に<%SimpleFPE(flash8)%>を記述します。
    ※NP_Misfzeを既に利用している方はこの作業は不要です。
  • スライドショーを表示させたいアイテム(記事)に<%SimpleFPE(0)%>と記述します。
  • 該当アイテム(記事)の『追加プラグインオプション』欄に画像ファイル、Flash表示サイズ等を指定します。

ファイル構成



    plugins/NP_SimpleFPE.php
    plugins/misfe/misfpe.swf
    plugins/misfe/js/flash7_check.js
    plugins/misfe/js/flash8_check.js
    plugins/misfe/js/misfe.js

手動組込み記述の例(<head>から</head>の間に記述)


<!-- tooltips & stylesheet (activated by title="" on links) -->
<link rel="stylesheet" type="text/css" href="<%skinfile(nicetitle.css)%>" />
<script type="text/javascript" src="<%skinfile(nicetitle.js)%>"></script>

<%SimpleFPE(flash8)%>

・・・省略
  • 私の場合はデフォルトのhead.incを編集しました
  • flash player7以上の環境を対象とする場合は<%SimpleFPE(flash7)%>として下さい。
  • NP_Misfzeを既に利用している方は手動組込み記述不要です。

画像パス指定方法

画像名、代替画像名、背景画像名、フレームプラグイン名、プラグイン名は以下の規則でパス変換されます。

  • 『001.jpg』と指定。
    ファイル名に『/』スラッシュが含まれない場合はPrivate Collection(media/1/001.jpg)の画像を利用します。
  • 『gallery/001.jpg』と指定。
    ファイル名に『/』スラッシュが含まれる場合はmediaディレクトリからの相対指定です。この例では『media/gallery/001.jpg』となります。
  • 『http://???/001.jpg』と指定。
    ファイル名先頭に『http://』が含まれる場合、そのままの値が利用されます。

プラグイン管理画面での設定項目

Flash(FPE)表示用JavaScript組込み方法
『自動組込み』は外部JavaScriptファイルが不要です。簡単に利用できますがFlash Playerの有無チェック機能は無効になります。

『手動組込み』は外部JavaScriptファイルを利用します。事前に<head>から</head>の間に組込み記述を追加する必要があります。

NP_SimpleFPEを初めて利用する方は『自動組込み』でお試し下さい。継続利用する場合は『手動組込み』の方が便利です。
Flash表示枠(幅)
ピクセル単位で指定します。

アイテムの『追加プラグインオプション』欄で、当パラメータが省略された場合は『プラグイン管理画面』の値が有効(継承)となります。
Flash表示枠(高さ)
ピクセル単位で指定します。

アイテムの『追加プラグインオプション』欄で、当パラメータが省略された場合は『プラグイン管理画面』の値が有効(継承)となります。
背景色
ffffff等の形式で背景色を指定します。後述の『背景画像』の大きさによっては背景色は不可視状態になります。

アイテムの『追加プラグインオプション』欄で、当パラメータが省略された場合は『プラグイン管理画面』の値が有効(継承)となります。
代替テキスト(省略可)
JavaScript無効環境、FlashPlayer無しの環境では代替画像が表示されます。
その代替画像に指定するalt属性値を指定します。

アイテムの『追加プラグインオプション』欄で、当パラメータが省略された場合は『プラグイン管理画面』の値が有効(継承)となります。
代替画像(省略可)
JavaScript無効環境、FlashPlayer無しの環境で表示する代替画像ファイル名を指定します。

アイテムの『追加プラグインオプション』欄で、当パラメータが省略された場合は『プラグイン管理画面』の値が有効(継承)となります。
画像クリック時のリンク先(省略可)
スライドショーをクリックした場合のリンク先を指定します。
省略した場合リンク機能は無効になります。

アイテムの『追加プラグインオプション』欄で、当パラメータが省略された場合は『プラグイン管理画面』の値が有効(継承)となります。
背景画像名(省略可)
背景画像ファイル名を指定します。

アイテムの『追加プラグインオプション』欄で、当パラメータが省略された場合は『プラグイン管理画面』の値が有効(継承)となります。
フレームプラグイン名(省略可)
FPEのフレームプラグインファイル名を指定します。

アイテムの『追加プラグインオプション』欄で、当パラメータが省略された場合は『プラグイン管理画面』の値が有効(継承)となります。
プラグイン名(省略可)
FPEのプラグインファイル名(マスク、フィルタ、アルファマスク、カスタムプラグイン等)を指定します。

アイテムの『追加プラグインオプション』欄で、当パラメータが省略された場合は『プラグイン管理画面』の値が有効(継承)となります。
カスタムエフェクト定義
FPEのカスタムエフェクト定義、又はエフェクト種別を指定します。

カスタムエフェクト設定例



カスタムエフェクト名『in,out』の2つを定義する必要があります。
『in』は登場エフェクト、『out』は退場エフェクトになります。inとoutの名称は変更できません。
上記定義はalpha属性を操作したクロスフェード効果となります。


通常エフェクト設定例



31はフェードイン効果です。
1から50までの数値(通常エフェクト)、1100から2699までの『カメラ移動/ズーム機能』エフェクトが指定できます。

アイテムの『追加プラグインオプション』欄で、当パラメータが省略された場合は『プラグイン管理画面』の値が有効(継承)となります。
エフェクト時間
エフェクト時間を指定します。10と指定すると1秒になります。
1(0.1秒)以上の値でなければいけません。


アイテムの『追加プラグインオプション』欄で、当パラメータが省略された場合は『プラグイン管理画面』の値が有効(継承)となります。
停止時間
停止時間を指定します。10と指定すると1秒になります。
0(0秒)指定も可能です。

アイテムの『追加プラグインオプション』欄で、当パラメータが省略された場合は『プラグイン管理画面』の値が有効(継承)となります。
FPE共通セクション設定
FPEのcommon(共通)セクションのパラメータを記述します。

設定例



FPE宣伝バナーの表示位置を右下にする例です。
1ページ中に表示可能なFPE数
FPEの最大利用数を指定します。
表示対象スキン種別
初期値は『item』です。個別アイテムページでのみスライドショーが表示されます。
『item|index』等とすることで『メインの目次ページ、個別アイテムページ』両方に表示させることも可能です。
アンインストール時にアイテム個別設定を削除しますか
yesの場合、NP_SimpleFPEアンインストール時にアイテム個別の『追加プラグインオプション情報』を削除します。



アイテム個別の『追加プラグインオプション』

NP_SimpleFPEはスライドショー共通設定を『プラグイン管理画面』で行います。

スライドショーで表示する画像情報はアイテム(記事)の『追加プラグインオプション』で登録する必要があります。
オプションは複数ありますが、必須入力項目は『画像ファイル名指定』だけです。画像ファイル名以外のオプションは、省略されると『プラグイン管理画面』で指定した値を引き継いで利用します。

1行に1つの画像ファイル名を指定
スライドショーで表示させる画像を以下の様に指定します。

設定例

FPE共通セクション(追加パラメータ)
FPEのcommonセクションへの追加パラメータを記述します。

設定例



上の例ではzoom_mode=0(オリジナルサイズモード)かつデバッグモードでFPEが動作します。

『プラグイン管理画面』での値と、当オプションで指定する情報を結合してcommonセクションが生成されます。
その他のオプション
FPE共通セクション以外のオプションは、値を指定することで『プラグイン管理画面』での設定情報を上書きします。

結合ではなく上書きとなる点に注意して下さい。



ブログパーツとしての利用方法

第三者のページにブログパーツとしてスライドショーを公開することができます。
action.phpへ適切なQueryStringを引き渡すことで、ブログパーツ用のJavaScriptコードが動的に生成されます。
引き渡すパラメータは最後尾のitemid(記事NO)以外そのまま記述して下さい。
以下は組み込み記述サンプルです。

静的方式(キャッシュ版)
※動的方式より高速です。


<script type="text/javascript" src="http://nucleus.yaibeen.com/media/simplefpe/simplefpe235.js">
</script>

動的方式(action.php経由)


<script type="text/javascript" src="http://nucleus.yaibeen.com/action.php?action=plugin&amp;name=SimpleFPE&amp;type=parts&amp;itemid=235"></script>

上のコードは当記事(NO:235)をブログパーツとして利用するための貼り付け用コードです。
2つのうちどちらかをあなたのBolg等に挿入することでスライドショーが表示されると思います。
転送量の問題がある為、動作イメージの確認後はタグを削除していただければ幸いです。




1ページ中に複数のスライドショーを設置する

単純な利用であれば、プラグイン変数の指定は<%SimpleFPE(0)%>です。
実はカッコ中の数値には意味があります。

  • 0を指定。
    『そのアイテム(記事)自身に登録された画像情報でスライドショー組込み』
  • 1以上を指定。
    『指定された数値をitemid(記事NO)としてとらえ、そのアイテムに登録されている画像情報でスライドショー組込み』

例えばアイテム(記事)100と200に登録された画像情報をスライドショー表示させたい場合は以下のように記述します。 


<%SimpleFPE(100)%>
<%SimpleFPE(200)%>



参考

  • 当サイトではFPEのカスタムエフェクトを使ったサンプルを公開しています。公開しているサンプル定義は流用していただいて構いません。是非参考にしてください。
  • FPEのマスク、フィルタ、アルファマスク、フレーム等のプラグインは専用のディレクトリを作成してアップすることをお勧めします。
    『media/plugin』ディレクトリにFPEプラグインがアップされているとします。NP_SimpleFPEでの指定は『plugin/mask_line1a.swf』等となります。
  • NP_SimpleFPEで作成するスライドショーは、全ての画像に同一エフェクトが適用されます。FPE自体は画像別にエフェクトを変えることもできるのですが、操作が複雑になりそうなので対応してません。との理由により『NP_SimpleFPE』としました。
]]> Download http://nucleus.yaibeen.com/item235.html Sun, 15 Feb 2009 13:00:00 +0900 <![CDATA[無料で作成。Flash(FPE)でブログパーツの作り方。]]> http://nucleus.yaibeen.com/item227.html 2009.02.15 掲載URLによって、リンク機能の有効・無効が切り替わる現象を修正。 AllowScriptAccessをsameDomainからalwaysへ変更しました。

2009.02.14 一部の環境(Internet Explorer 6系)で動作しない現象への対応を行った修正バージョンを配布しています。適切にブログパーツ用タグを記述したにもかかわらずスライドショーが表示されなくて困っていた方は是非お試し下さい。JavaScriptソースコード中の日本語コメントが原因で不動作となることがある様です。修正バージョンでは日本語コメントを排除しています。

FPEで作成したスライドショーやバナーをブログパーツとして利用する方法(JavaScript)を紹介します。

第三者のブログ記事内、もしくはHTMLファイル中に簡単なタグを記述してもらうことで、自サイトのスライドショーやバナーを掲載してもらうことができます。
FPEフリー版ではFPE自身の宣伝用のバナーがでてしまいますが、ちょっとブログパーツを作ってみたいと思ってる方にはお手軽でいいと思います。

動作サンプル

ブログパーツ設置用のタグ(テスト用)

以下のタグを、あなたのブログ記事やHTMLに記述して頂くと当サイト作成(Yaibeen)の小さめなスライドショー(上のサンプル)が組み込まれます。
一度あなたのブログに貼り付けてみて下さい。転送量の問題がある為、動作イメージの確認後はタグを削除していただければ幸いです。


<script type="text/javascript" src="http://nucleus.yaibeen.com/media/blogparts/yaibeen_blogparts.js"></script>
『利用条件』
特に制限はありません。個人利用、商用利用、改変、再配布は自由です。
利用した事によるいかなる損害も、作者は一切の責任を負いません。
ダウンロード
Yaibeenブログパーツ作成用JavaScript2009/02/15版
説明
  • ELZのFPEで作成したコンテンツをブログパーツにする為のJavaScriptファイルです。
  • FPE本体(misfpe.swf)が必要です。フリー版、有料版どちらでも構いません。
  • FPEで簡単なスライドショーを作成できる方が対象です。そんなに難しくはありません。
動作環境及び注意点
  • ブラウザ側でJavaScriptが有効になっている環境のみ動作対象としています。
  • Flash Player 7もしくは8以上がインストールされたブラウザで動作します。
  • 現時点ではFlash Playerインストールの有無は確認していません。よってFlash Playerがインストールされていない環境ではブログパーツが表示されません。
  • PHPやNucleusは必要ありません。
  • ブログパーツとして第三者に利用してもらう為、アクセス数や転送量には十分注意して設置して下さい。

必要なファイル及び構成

    misfpe.swf (FPE本体 ELZのFPE配布ファイルからコピーしてください)

    yaibeen_blogparts.js (FPEをブログパーツとして利用するためのJavaScriptファイル)

    config.xml (スライドショーの動作を決める設定を記述)

    001.jpg (スライドショーに表示する画像)
    002.jpg (スライドショーに表示する画像)
    003.jpg (スライドショーに表示する画像)

    test.html (ブログパーツ組込みテスト用)


※適当なディレクトリを作成して上記ファイルを設置します。
※画像枚数、画像サイズは任意です。お好みでどうぞ。
※test.htmlはブログパーツ動作確認用です。オリジナルブログパーツ設置後は削除して下さい。

ブログパーツ作成方法

下準備

ダウンロードしたファイルを適当なディレクトリに展開後、misfpe.swf(FPE本体)と同一ディレクトリにコピーします。

config.xmlとyaibeen_blogparts.jsを編集します。
編集のポイントは定義ファイル、yaibeen_blogpats.js中に記述されているパス指定を絶対パスにするということです。

config.xmlの編集


config.xml一部抜粋

パス指定箇所は全て絶対パス(http://から)で記述します。


配布しているサンプルでは3箇所の編集が必要です。


	<prefix>http://あなたのサイト/アップしたディレクトリ名/</prefix>

	<background>http://あなたのサイト/アップしたディレクトリ名/bg.jpg</background>

	<link_url>リンクが必要であればお好みで</link_url>




ちなみに当サイトで実際に動作している定義ファイルは以下の様になっています。

<?xml version="1.0" encoding="UTF-8" ?>
<pagedata>
<common>

	<copyright>elz.jp</copyright>

	<image_max>3</image_max>

	<effect_type>in,out</effect_type>
	<effect_time>15</effect_time>
	<stop_time>0</stop_time>

	<zoom_mode>0</zoom_mode>
	<base_mode>5</base_mode>
	<align_mode>5</align_mode>


	<prefix>http://nucleus.yaibeen.com/media/blogparts/</prefix>

	<background>http://nucleus.yaibeen.com/media/blogparts/bg.jpg</background>

	<link_url>http://nucleus.yaibeen.com</link_url>

</common>

<effect>
	<in   layer="0" x="0,100" y="11,125,0" xs="1,50,0" ys="1,50,0" />
	<out                      y="21,-65"    xs="1,100"  ys="1,100" />
</effect>


</pagedata>

yaibeen_blogparts.jsの編集


yaibeen_blogparts.js一部抜粋

以下の5種類のパラメータを編集します。


//misfpe.swf(FPE本体)の場所をフルパス(http://から)で指定
var sMisfpe = "http://あなたのサイト/アップしたディレクトリ名/misfpe.swf";

//定義ファイル(config.xml等)の場所をフルパス(http://から)で指定
var sConfig = "http://あなたのサイト/アップしたディレクトリ名/config.xml";

//横幅を指定
var nWidth  = 200;

//高さを指定
var nHeight  = 125;

//背景色を指定
var sBgcolor = "#ffffff";





ちなみに当サイトで実際に動作しているyaibeen_blogparts.jsは以下の様になっています。


//misfpe.swf(FPE本体)の場所をフルパス(http://から)で指定
var sMisfpe = "http://nucleus.yaibeen.com/media/blogparts/misfpe.swf";

//定義ファイル(config.xml等)の場所をフルパス(http://から)で指定
var sConfig = "http://nucleus.yaibeen.com/media/blogparts/config.xml";

//横幅を指定
var nWidth  = 200;

//高さを指定
var nHeight  = 125;

//背景色を指定
var sBgcolor = "#ffffff";

サーバへのアップ

yaibeen_blogparts.jsとconfig.xml(FPE定義ファイル)の編集が終わったらサーバへアップします。
ディレクトリごとサーバにアップして下さい。
※test.htmlはブログパーツ動作確認目的でのみアップして下さい。正常動作確認後は削除した方が良いでしょう。

記事への組込み

以下のタグをブログ記事等に組み込むことでブログパーツとして動作します。 


<script language="JavaScript" type="text/javascript" src="http://あなたのサイト/ブログパーツ設置ディレクトリ名/yaibeen_blogparts.js"></script>

カスタマイズ

もちろんスライドショーのエフェクトや画像は差し替えていただいて構いません。
YaibeenではFPEのカスタムエフェクトを使ったスライドショーサンプルを紹介しています。エフェクト定義時の参考にして下さい。

]]> Download http://nucleus.yaibeen.com/item227.html Sun, 15 Feb 2009 05:00:00 +0900 <![CDATA[Bookmarklet編集画面のサイズ変更]]> http://nucleus.yaibeen.com/item248.html Nucleus v3.3でアイテム編集画面(Bookmarklet)のサイズを変更する方法をメモします。

ウィンドウのサイズは『nucleus/libs/ITEMACTIONS.php』中の『function parse_editpopupcode』辺りを変更します。


scrollbars=yes,width=???,height=???

本文の編集領域フォントサイズを変更するには『nucleus/styles/bookmarklet.css』に以下の記述を追加します。 



	font-size: 12px;
}

本文の編集領域サイズを変更するには『nucleus/libs/include/bookmarklet-edit.template』中の定義を変更します。 


    <%text(_ADD_BODY)%>
    </td><td>
    <%jsbuttonbar(media)%>
    <textarea 
        <%jsinput(body)%>
        cols="140" 
        rows="22"><%contents(body)%></textarea>
    </td></tr>

デフォルトの編集画面は個人的に狭いと感じるので、表示ウィンドウのサイズを大きめに、フォントを小さめに、編集領域は大きめにカスタマイズしています。
ここで紹介している方法は『編集画面』だけです。新規登録時のサイズ変更はまた別の修正が必要です。

]]> Nucleus http://nucleus.yaibeen.com/item248.html Mon, 7 May 2007 18:35:48 +0900 <![CDATA[スペシャルスキンパーツの表示方法]]> http://nucleus.yaibeen.com/item247.html 2,3日前に気づいたんですが、Nucleus v3.3がリリースされました。
スピードアップが望める『doItemVar』の実装と、条件によって表示内容を綺麗に整理できる『if文の拡張』はいいですね。
私が配布しているプラグインは『PreItem』での文字列置換処理を多用していましたので、これを『doItemVar』方式にすると、ソースもシンプルで且つスピードアップにもなりいい感じです。

スペシャルスキンパーツ(カスタムスキンパーツ?)にも興味深々で若干試してみました。スペシャルスキンの新規登録はスキン編集メニューから簡単に登録できました。ですが、どうやったらそのスキンを使ったページ表示ができるのか？を理解するまでに若干時間がかかりました・・・
単純に『index.php?special=スペシャルスキン名』としてブラウザからアクセスするだけでOKなんですね。

]]> Nucleus http://nucleus.yaibeen.com/item247.html Mon, 7 May 2007 02:26:06 +0900 <![CDATA[Nucleusで構築したサイトの移行手順]]> http://nucleus.yaibeen.com/item246.html この週末、ドメイン(yaibeen.com)はそのままで別のレンタルサーバへ移転しました。
Nucleusで構築したサイトの移行手順(旧サーバから新サーバへ)をメモします。

概要

  • phpMyAdminは利用しません。
  • 新サーバ(移行先)に別途DBリストア専用のNucleusをインストールします。
  • Nucleus CMS Japanで事前にNucleusインストール用配布ファイルをダウンロードして下さい。
    旧サーバで利用しているNucleusと同一バージョンであることが重要です。当サイトではv3.24を入手しました。

旧サーバ

  • Nucleusインストールディレクトリ『/usr/home/account/public_html/』
  • Nucleus テーブル・プリフィックス『blog_』

新サーバ

  • Nucleusインストールディレクトリ『/home/usr/account/www/blog/』
  • Nucleus テーブル・プリフィックス『blog_』

新サーバ(リストア専用Nucleus)

  • Nucleusインストールディレクトリ『/home/usr/account/www/restore/』
  • Nucleus テーブル・プリフィックス『restore_』

※上記は説明用の擬似環境です。

1.旧サーバでの作業

  • 必要に応じて、サイトを一時的に閉鎖します。これは『サイト管理→グローバル設定』で『他のサイトへのリダイレクト（非常時用）』を『はい』にします。これで管理者以外のアクセスは指定したURLへ転送されます。
  • Nucleus管理画面『DB保存/復元』にて『バックアップを作成』します。私は『圧縮』した状態でバックアップファイルを作成しました。
  • 旧サーバ上のファイルをFTPで全てダウンロードします。

2.新サーバでの作業(事前準備)

  • DB(MySQL)が利用できるように予め準備します。DBホスト名、ユーザ名、パスワード、データベース名等の情報を事前に準備します。
  • 必要に応じて、独自ドメイン、サブドメイン情報を追加します。
    whoisに登録されているネームサーバの設定は、この段階では変更しませんでした。
    新環境での正常動作確認がとれるまではhostsファイルへのIP追加で対処しています。動作確認を行なうPCのhostsファイルへ以下の感じで独自ドメインを追加します。 

hosts(windowsの場合、windowsフォルダやwinntフォルダを検索して探して下さい)

???.???.???.???     hogehoge.com

3.新サーバでの作業(リストア専用Nucleusインストール)

  • 新サーバにリストア専用Nucleusディレクトリを作成します。
    ここでは『/restore』を作成したこととします。
  • Nucleus CMS Japanで配布ファイルをダウンロードし、『/restore』ディレクトリへFTPでアップロードします。
  • config.phpの属性を『666』へ変更します。
  • restore/install.phpへアクセスし新規でNucleusをインストールします。
    各種情報を入力し『テーブル・プリフィックス』は『restore_』としてインストールします。
  • insta..sql,install.phpを削除し、config.phpの属性を『444』とします。
  • これでリストア専用Nucleusのインストールは完了です。正常に動作していることを確認して下さい。
  • 正常動作確認後、管理者領域へログインします。『DB保存/復元』から『リストア』を行います。『参照』をクリックし、旧サーバのバックアップファイル(DB)を選択します。『ファイルからリストア』をクリックし、リストア処理が終了するまでしばらく待ちます。

リストア用Nucleusはテーブル・プリフィックスを『restore_』としています。旧サーバでバックアップしたDBはプリフィックス『blog_』となっています。よってプリフィックス『restore_』のテーブルが上書きで消えてしまうことはありません。
これで、新サーバに『リストア専用Nucleusテーブル』と『旧サーバから移行したNucleusテーブル』の2つが同居していることになります。

4.新サーバでの作業(リストア)

  • リストア専用Nucleusとは別にディレクトリを作成します。
    ここでは『/blog』ディレクトリを作成したことにします。
  • 事前に旧サーバからダウンロードしたファイル中のconfig.phpを適切(新環境に合わせて)に編集します。リストア専用Nucleusで生成されたconfig.phpを参考に編集すると楽です。
    編集は$MYSQL_???と$DIR_NUCLEUS,$DIR_MEDIA,$DIR_SKINSだけでOKでした。
    もちろん$MYSQL_PREFIXは『blog_』とします。
  • 旧サーバからFTPでダウンロードしたファイルを全て新サーバ『/blog直下』へアップします。
  • config.phpの属性を『444』へ変更し、mediaディレクトリ以下の属性も適切に設定します。ご利用のプラグインによっては書き込み権限が必要なディレクトリもあります。環境に合わせて適時修正して下さい。私の場合はNP_GraphicTextのキャッシュディレクトリの書き込み権限等を付与しています。
  • /blogへアクセスし、正常動作を確認します。

5.動作確認後の作業

新サーバでの動作に問題がなければwhoisに登録されているネームサーバの設定を変更します。
今回はDNSの浸透に1日強かかりました。

DNS浸透までに注意する点としては

  • DNSリゾルバ・キャッシュをクリアする。コマンドプロンプトで『ipconfig /flushdns』
  • 利用しているルータによってはDNSキャッシュ情報がなかなかクリアされないこともあるらしいので、ルータ再起動も忘れずに。
  • hostsファイルの変更を行なった場合は、DNS浸透後に元の状態に戻す。

私はうっかりルータの再起動を忘れていたために、少し悩みました。
リストア専用のNucleusは初期状態での速度チェックや、プラグインの試用等に使えて結構便利です。
サーバの移転を考えてらっしゃる方の参考になれば幸いです。

]]> Nucleus http://nucleus.yaibeen.com/item246.html Sat, 17 Mar 2007 22:50:12 +0900 <![CDATA[FireFox先読み機能対策(X-Moz : prefetch)]]> http://nucleus.yaibeen.com/item245.html 私の環境だけかもしれませんが、FireFox 1.5系のブラウザで当サイト(Nucleus)へアクセスするとページを表示させる度にxml-rss2.phpへのアクセスが発生します。
原因はFireFoxの機能である『先読み』であることはわかりました。※FireFox 2.0.0.2では同現象は確認できませんでした。
サーバへの負荷が気になるのでxml-rss2.phpへ対策用のコードを加えて(&修正)みました。
Nucleus側で『先読み:X-Moz: Prefetch』であることを判別し、2回目以降の先読みはレスポンスとして『HTTP/1.0 304 Not Modified』を返却します。これで転送量削減と、サーバへの負荷軽減になると思います。

Nucleus 3.24 EUC,PHP 4.4.6(& 4.4.4)で動作確認しています。


xml-rss2.phpの先頭部分へ追加(その1)

header("Pragma: no-cache");

// -- From 
if (isset($_SERVER['HTTP_X_MOZ'])) {
	if ($_SERVER['HTTP_X_MOZ'] == 'prefetch' && isset($_SERVER['HTTP_IF_NONE_MATCH'])) {
		$eTag = stripslashes($_SERVER['HTTP_IF_NONE_MATCH']);
		if (!empty($eTag)) {
			header('Etag: '.$eTag);
			header("HTTP/1.0 304 Not Modified");
			header('Content-Length: 0');
			exit;
		}
	}
}
// -- To

以下省略



xml-rss2.phpの中間部分修正(その2)

	// compare Etag to what we got
	if ($eTag == stripslashes(serverVar('HTTP_IF_NONE_MATCH'))) {

その1の追加コードでNucleus初期化(DBへのコネクト等)前に先読みを判断します。
ブラウザから送信されるX-Mozが『prefetch』となっており、かつEtag(更新確認用ハッシュ)に値が入っていれば2回以上の先読みであると認識し『HTTP/1.0 304 Not Modified』を送信し、即終了となります。
初めての先読みの場合はEtagが設定されていませんので普通にレスポンスを返却します。先読みの2回目以降のみDBコネクト処理以前に『Not Modified』となりますので、サーバへの負荷を極力抑えることができると思います。転送量も減りますね。

その2の修正コードはstripslashes関数を既存のコードに付与しただけです。私の環境では、この修正を行なわないと『Not Modified』の正常な判断が行なえませんでした。Etagに付与されているダブルクォーテーションがエスケープされていたからです。

参考

ライブブックマークとしてxml-rss2.phpを登録している場合、ブラウザの再起動時やライブブックマーク再読み込みで最新の情報になります。ブラウザから『X-Moz:prefetch』が送信されない際は、今回追加したロジックを通過しませんので、最新の情報を返却することとなります。

ちなみにFireFox 2.0.0.2ではライブブックマークの更新時は『X-Moz:livebookmarks』という値を送信しているようです。1.5.0.10では『livebookmarks』という値は確認できませんでした。livebookmarksで購読者数のチェック等に使えるかもしれませんね。

ここで紹介している、先読み機能をブロックする手法は標準的は方法ではないかもしれません。私なりの判断で考えた方式ですので、参考にする際はご注意下さい。

]]> Nucleus http://nucleus.yaibeen.com/item245.html Wed, 14 Mar 2007 13:35:35 +0900 <![CDATA[gzip送信の確認方法]]> http://nucleus.yaibeen.com/item244.html 別記事『過度なxml-rss2.phpへのアクセス対策 』に『xml-rss2.php』をgzip圧縮送信する簡易的な方法を記述しました。
実際にgzip圧縮送信が行なわれていることをFireFox拡張機能で確認する方法をメモします。

拡張機能 Live HTTP Headersを使った方法です。生のヘッダ情報を簡単に確認できるので非常に便利に使わせてもらっています。

FireFox 拡張機能 Live HTTP Headers での確認手順

  • FireFoxをインストールします。(既にインストール済みの場合、この作業は不要です)
  • FireFoxを起動します。
  • 拡張機能『Live HTTP Headers』を配布先からダウンロードしインストールします。(『Installation欄』からダウンロードできます)
  • FireFoxを再起動します。
  • gzip圧縮送信用のコードを追加したxml-rss2.phpへアクセスします。
  • FireFoxツールバーから『ツール→ページの情報→Headersタブ』と進みます。
  • Response Headers欄中の『Content-Encoding』が『gzip』になっていれば圧縮送信されています。

gzip圧縮送信までの流れ(FireFoxの場合)

  • ブラウザがRequest Hederの『Accept-Encoding』に『gzip,deflate』をセットしてWEBサーバへ接続します。
  • リクエストを受けたPHPスクリプトでは『ob_start ( "ob_gzhandler" );』により、クライアント(ブラウザ)がgizip圧縮形式を受け取れるか?自動的に判断し、圧縮/非圧縮の処理を行なってくれます。gzip圧縮データを返却する際はResponse Headerの『Content-Encoding』欄が『gzip』等となります。

ブラウザ受信可能なエンコード情報が『Accept-Encoding』に列挙されているということですね。
古いブラウザや、一部のRSSリーダーはgzipに対応していない様です。

]]> Nucleus http://nucleus.yaibeen.com/item244.html Tue, 13 Mar 2007 17:21:44 +0900 <![CDATA[過度なxml-rss2.phpへのアクセス対策]]> http://nucleus.yaibeen.com/item243.html アクセスログを確認するとxml-rss2.phpへのアクセスが異常に多いことがあります。
xml-rss2.phpの処理時間も結構なものです。その原因と対策方法をメモします。

原因

別記事『アクセスしていないページがログに記録される?』にも記述しましたが、Firefox 1.5.0.10の先読み機能によって『xml-rss2.php』へ頻繁にアクセスが発生しているようです。
Windows版FireFox 2.0.0.2では同現象は発生しませんでした。

対策

対策として2つ考えました。

1.xmlj-rss2.phpの結果をNP_EzCacheでキャッシュすることでサーバへの負荷を減らす。
2.FireFoxが先読みの際に送信してくる『X-moz: prefetch』を判定し、Nucleus側でブロック処理を行なう

事項2については、先読みブロック処理の際にどの様なレスポンスを返却するのが正しいのか？の判断ができなかったので事項1で対策を進めることにしました。

NP_EzCacheでサーバ負荷軽減

NP_EzCacheをインストールしてxml-rss2.phpをキャッシュさせることで、3秒かかっていた処理時間が0.6秒程度になりました。
別記事『Nucleusの高速化(NP_EzCache編)』も参考にして下さい。

gzip圧縮で転送量軽減。

私の環境ではxml-rss2.phpに1行追加するだけでgzip圧縮送信が可能になりました。
53.28 KB であった送信データが9.93 KBになりました。
思ったより処理時間には影響しないので、転送量が気になる方はxml-rss2.phpをgzip送信対応にするのもお勧めです。

修正方法は『ob_start ( "ob_gzhandler" );』を適所に追加するだけです。
ob_gzhandlerはクライアントの圧縮送信不可を判断して自動的に、圧縮、非圧縮を行なってくれる優れものです。

私の開発環境、本番環境では問題無く動作してますが、ご利用は自己責任でお願いします。


xml-rss2.php抜粋


	// compare Etag to what we got
	if ($eTag == serverVar('HTTP_IF_NONE_MATCH')) {	
		header("HTTP/1.0 304 Not Modified");
		header('Content-Length: 0');
	} else {
		$feed = mb_convert_encoding($feed, "UTF-8", "EUC-JP");
		header("Content-Type: application/xml");

		ob_start ( "ob_gzhandler" );

		// dump feed
		echo $feed;
	}

PHPがZlibサポート状態でないとgzip圧縮送信はできません。
PHPの設定(output_handler等)やApacheの設定(mod_gzip等)によっては上手く動作しないかもしれません。
私の環境ではoutput_handler無し、mod_gzip無しです。

参考

圧縮送信されているか？の判断はFireFoxのメニューバーから『ツール→ページの情報』とたどり『一般タブ中のサイズ』で参照できます。

http://yoursite/xml-rss.phpとしてアクセスしてサイズを確認してみて下さい。

サイズ欄には実際に受信した際のサイズが表示されています。

]]> Nucleus http://nucleus.yaibeen.com/item243.html Sun, 11 Mar 2007 19:42:17 +0900 <![CDATA[Nucleusの高速化(NP_Header編)]]> http://nucleus.yaibeen.com/item242.html Nucleus負荷軽減、転送量削減の目的でNP_Headerを導入しました。

SEO対策として利用されている方が多いですが、転送量削減につながる『条件付き GET (Conditional GET) に対応』もとても魅力的です。Nucleusを『条件付きGET』に対応させることで、ページ更新が行なわれていない場合、再度WEBサーバからデータ転送が行なわれません。

ブラウザがWEBサーバに『ページ更新されてますか？』と問合せを行い、Nucleus側(NP_Header)で更新の有無をチェックして返答する。という感じです。

更新されていない場合はデータ転送は行なわれず、ヘッダ情報『HTTP/1.1 304 Not Modified』がブラウザに返却されます。
不要な転送が行なわれませんので結果的にサーバ負荷軽減、転送量削減、レスポンスの高速化へ繋がることになります。

負荷軽減の結果

NP_Headerが『HTTP/1.1 304 Not Modified』をブラウザに返却する際はページのパース処理は行われません。

別記事『Nucleus処理時間計測』では全体の処理に約1.8秒かかっていましたが、更新無し『Not Modified』の場合約0.5秒で処理終了となりました。

処理速度が速くなったのではありませんが、結果として体感できる高速化です。

Nucleusノーマルの状態では常にデータ転送が行なわれてしまうので、転送量等に悩んでいる方にもNP_Headerをお勧めします。

関連記事

別記事『個別アイテムパース時間』では1ページのパース時間を確認しています。

別記事『Nucleus処理時間計測(NP_CoreBench)』ではNucleus全体の処理時間を確認しています。

別記事『Nucleusの高速化(NP_EzCache編)』では、NP_EzCacheインストール後の処理時間を確認しています。

]]> Nucleus http://nucleus.yaibeen.com/item242.html Sun, 11 Mar 2007 17:39:51 +0900 <![CDATA[Nucleusの高速化(NP_EzCache編)]]> http://nucleus.yaibeen.com/item241.html Nucleus高速化の為にNP_EzCacheを導入し、使用前後の処理時間を比較してみました。

別記事『Nucleus処理時間計測』ではNucleus全体の処理時間を計測しています。
その結果パース処理に負荷がかかっていることが判明し、改善策としてNP_EzCacheを利用させてもらいました。

NP_EzCacheはインストールや設定が容易で効果は絶大です。

サーバ環境

  • CPU: VIA C3 600MHz (4.5 x 133) Celeron 300A と同等の性能
  • Memory: 512MB
  • OS: Windows 2000 sp4
  • Apache 1.3.37
  • PHP 4.4.6
  • MySQL 3.23.58-nt

Nucleus環境

  • Nucleus 3.24 EUC
  • 当サイトのデータを開発環境へコピー
  • プラグインは30個弱+NP_EzCache
  • 記事の表示時間を計測

結果

  • PreSkinParse (スキンのパースの直前): 約0.56～0.6秒で通過
  • PostSkinParse (スキンのパースの直後): 約0.61から0.66秒通過

当サイトのデータを利用した場合、0.6秒強で処理が終了します。
別記事『Nucleus処理時間計測』では約1.8秒でしたのでNP_EzCache導入により全体の処理速度が1/3になった訳です。
初期化処理(PreSkinParseまで)に約90%、パース(PreSkinParse～PostSkinParse)に10%弱の割合です。

NP_EzCache導入前はパース時間だけで約1.3秒かかっていましたが、キャッシュを利用することで0.05秒(1/26)程度と劇的に高速化しました。

参考

コメント投稿、記事投稿、編集時にはキャッシュがクリアされます。
『頻繁に更新しないサイト』や『コメント』や『トラックバック』が少ない等の条件に当てはまれば効果的に利用できます。

頻繁に更新されるサイトではxml-rss2.phpだけキャッシュしてみて下さい。サーバ負荷軽減になります。
当サイトのxmlj-rss2.phpの処理時間はキャッシュ未使用の場合3秒程度かかっていましたが、NP_EzCache導入後は0.6秒(1/5)強になりました。

キャッシュでの高速化はインストールしているプラグインの特性や記事内容等にも左右されます。
計測に利用しているサーバも非常に非力(VIA C3 600MHz)なものです。参考程度に。

NP_EzCache設定例

当サイトではトップページ,xml-rss2.php,sitemap.xmlと各個別アイテムページをキャッシュしています。
以下は設定例です。 


Cache URLs欄

/
/xml-rss2.php
/sitemap.xml
/item([0-9]+).html
]]> Nucleus http://nucleus.yaibeen.com/item241.html Sun, 11 Mar 2007 17:01:10 +0900