Archive for 5 月, 2007
5 月
31
Posted by せれ on
5 月 31, 2007
前回の、「Windows Live Writer再び」のエントリで通りすがりさんからWindows Live Writerがバージョンアップしたと教えていただき、早速チェック。
今回のバージョンはβ2となるようです。
しかも6ヶ国語対応で、もちろん日本語も完全対応!!
さらに、日本語のポータルページも作成されていました。
Windows Live Writer Beta ← コチラ
以下、今回のバージョンの新機能を英語版ページから引用。
New Authoring Capabilities
- Inline spell checking
- Table editing
- Ability to add categories
- Page authoring for WordPress and TypePad
- Support for excerpts and extended entries
- Improved hyperlinking and image insertion
- Paste Special
Integration and Compatibility
- SharePoint 2007 support
- New APIs enabling custom extensions by weblog providers
- Automatic synchronization of local and online edits
- Integration with Windows Live Gallery
- Support for Blogger Labels
Plus…
- New look and feel
- Available in 6 languages
- Improved accessibility and keyboard support
- Many other frequently requested enhancements!
個人的に気になったのは、以下の点。
- 6ヶ国語対応(日本語含む)
- カテゴリ追加可能になったこと
- テーブルレイアウト(表組み)が可能に
(でもWebでは最近敬遠されてる?)
- タグ機能強化(BloggerのLabel機能をサポートなど)
今までもメニューが英語版なのを除いてはかなり使い勝手のよいエディタだったたけに、今回も興味津々で導入してみました。
以前に紹介した機能については端折って、新しいLive Writerの画面、設定周りを中心に速報レポートしてみます。
余力があれば後日手直しする時に補足など追加するかも。
ダウンロード
Windows Live Writer Beta を表示させると、よく目立つダウンロードボタンがあります。
ごくごく普通にダウンロードします。
インストール方法
以前の英語版βバージョンをアンインストールする必要なし。
以下スクリーンショットをご覧ください。
ダウンロードファイルをクリックすると最初から日本語に!

インストールの準備中・・・

む、むーん(どっちも要らないオプション・・・Microsoftらしいのかな)

インストール!

完了っ。

以前のβバージョンからの上書きインストールの場合、初期設定は完了済なのでいきなりこの画面に。
よく見るとサイドバーに過去エントリの一覧なんかも表示されています。
あとWordPressのアイコンも表示されてたり。

今回初めてインストールした場合はこの画面が表示されるのではないかと。
つまりアカウントの初期設定画面なり。

で、WordPressだと「他のブログサービス」を選択して「次へ」を選択するとコチラに。

ブログのアドレス、ユーザー名、パスワードの3点だけ入力すれば後は自動で必要な情報を調べてくれます。
このあたりの手軽さも支持される面かな。

で、アカウント設定の確認。「これでよろしいですか?」

ブログ設定1:画像
上の画面の「設定の編集」を押すとこの画面に(あってたかな)。
この画面はエントリに埋め込んだ画像ファイルのUpload方法を設定する画面です。

ブログ設定2:編集
WYSIWYG(What You See is What You Get)画面で編集する場合、Blogのテーマファイルを変更したら、この「デザインの更新」ボタンを押してLive WriterのWebプレビューモードと同期を取ってくださいねってことみたい。
このボタン押さないと、古いテーマのままWebプレビューモードになりますよって意味かと。

ブログ設定3:詳細設定
詳細設定といっても文字コードの選択しか選ぶところないんだな、ココは。

以上、ここまでがインストール画面でした。
オプション設定
インストールが終わったらまずはオプション周りをチェックしましょう。
Live Writerでできること/できないことを確認するのは重要だと思いますよ。
基本設定
下書きの自動保存、投稿前後の挙動に関してかな。
下書きの自動保存は必ず設定したほうが良いと思います!
(書きかけを不正落ちやケアレスミスで失うとダメージ大きいです)

アカウント
複数のアカウントを管理できます。

コンテンツの引用
フィード項目、リンク、スニペット、画像の各項目の引用時の初期設定画面です。

これは、フィード項目のカスタマイズの画面。
画面上半分が、雛形(テンプレート)となるコード。下半分はテンプレートに埋め込み可能なパラメータ一覧とその説明文。HTML、XHTMLなどを理解できる方であれば、最初にテンプレートのカスタマイズをしておくとすごく使いやすくなるんでしょうね。(あこがれ)

リンク集
リンク集の管理画面。URLリンクつき画像などのプロパティなどからもリンク集に追加登録できたりで使いこなせれば便利なのでしょう。
未利用のため詳細不明。

プラグイン
これはWindows Live Writer用の各種プラグインを管理する画面です。
すでに現時点(2007/05/31)で登録されているだけで42種類のプラグインがあることを確認。
(リンク先ページは、フィルタ:すべての言語 に切り替えないと0件と表示されます)
プラグインが充実すればWindows Live Writerはもっと大化けするんではないかと思います。
誰かWordPress用の投稿スラッグ(Post Slug)を埋め込むプラグイン作って~(切実)

Webプロキシ
プロキシサーバーを設定する場合の設定箇所。(棒読み)

pingサーバー
エントリを投稿した時に、いろんなところにそのことを伝えることができるのがBlogの長所のひとつ。
で、その通知先たるpingサーバーを設定する画面です。
どんな投稿先があるかはスミマセン、ググってください。

オプション画面については以上です。
画像貼り付けすぎて激重なエントリになってしまったので、続きは別エントリでっ!
追記:
以前のバージョンの紹介エントリはこちら。
Windows Live Writerで書いてみる
Windows Live Writer再び
Windows Live Writerの4つの入力モードは「Windows Live Writerで書いてみる」でスクリーンショットつきでレポートしています。
今回の新しいバージョンのエントリ作成周りに関していち早くチェックしたい方は、おなじみGigazineさんの紹介記事がとても参考になると思います。
Windows Live Writer Beta 日本語版登場、実際に使ってみました - GIGAZINE
オプション周りの設定画面紹介とかかなりかぶってるし、こちらはもっと手抜きしても良かったかなあ。
今度のWindows Live Writerは前バージョンと同じか勝るほど挙動が軽快で完全日本語版として利用できることもあいまってかなりオススメです。
5 月
31
Posted by せれ on
5 月 31, 2007
Fresh Readerしてチェックしているお気に入りサイトのひとつ、Standing Tall さんのWPのプラグイン:NiceWeb2CSSが以前からやりたかったことそのままだったので、WordPressの更新ついでに導入してみました。
配布元はコチラ:Spawnrider.Net:: Blog “Blog Files” NiceWeb2CSS - Plugin for Wordpress
ダウンロードリンクをクリックすると同じ作者運営?のJoomla!サイトから、NiceWeb2CSS_V1.0.zip ファイルをダウンロードするようですね。
クリック先のページに「Télécharger」って表示のリンクがあるのでクリックすると、フランス語?の確認画面が表示されますがかまわずクリック!
(どうやらCC-GNU GPL.での利用に同意してくださいってことのようです)
ちなみにJoomla!のXTypo Pluginを参考に作成したって書いてますね。
このプラグイン知らなかったので、Joomla!導入後、コチラも試してみる予定です。
NiceWeb2CSS_V1.0.zipファイルをダウンロードできたら、解凍してWordPressのpluginフォルダに解凍フォルダごとUploadして、後は管理画面からプラグインを有効化すればOK!
Standing Tallさんで使い方は詳しく解説しているので詳細はそちらを見ていただくとして、さっそくテスト。
[nice_info]インフォメーション:Infomation[/nice_info]
[nice_alert]アラート:Alert[/nice_alert]
[nice_warning]ウォーニング:Warning[/nice_warning]
[nice_sticky]スティッキー:Sticky[/nice_sticky]
[nice_feed]フィード:Feed[/nice_feed]
[nice_download]ダウンロード:Download[/nice_download]
[nice_link]リンク:Link[/nice_link]
[nice_code]コード:Code
// v2.2以降は以下の2行を追加してください。
define(’DB_CHARSET’, ‘utf8′);
define(’DB_COLLATE’, ”);[/nice_code]
と書くと下のようになります。 ↓ ↓
インフォメーション:Infomation
アラート:Alert
ウォーニング:Warning
スティッキー:Sticky
フィード:Feed
ダウンロード:Download
リンク:Link
コード:Code
// v2.2以降は以下の2行を追加してください。
define(’DB_CHARSET’, ‘utf8′);
define(’DB_COLLATE’, ”);
ちなみに、毎回”nice_”と開始タグ、終了タグに入力するのは何気に面倒かもなぁ~と思ってプラグインフォルダ内のNiceWeb2CSS.phpファイルを開いてみたら以下の記述がありました。
//Balises ouvertures
$text = str_replace(’[nice_info]’, $tag[0], $text);
$text = str_replace(’[nice_alert]’, $tag[1], $text);
$text = str_replace(’[nice_warning]’, $tag[2], $text);
$text = str_replace(’[nice_sticky]’, $tag[3], $text);
$text = str_replace(’[nice_feed]’, $tag[4], $text);
$text = str_replace(’[nice_download]’, $tag[5], $text);
$text = str_replace(’[nice_link]’, $tag[6], $text);
$text = str_replace(’[nice_code]’, $tag[7], $text);
//Balises fermetures
$text = str_replace(’[/nice_info]’, ”, $text);
$text = str_replace(’[/nice_alert]’, ”, $text);
$text = str_replace(’[/nice_warning]’, ”, $text);
$text = str_replace(’[/nice_sticky]’, ”, $text);
$text = str_replace(’[/nice_feed]’, ”, $text);
$text = str_replace(’[/nice_download]’, ”, $text);
$text = str_replace(’[/nice_link]’, ”, $text);
$text = str_replace(’[/nice_code]’, ”, $text);
これらの行の[nice_***]の部分を自分で変更してテストしてみたら問題なく動作しました。
メンテ性のよいプラグインでしたので素人でも楽に変更できました。
個人的には”nice_”の接頭語を削除してよりシンプルにしてみました。
テーマファイルとの相性によってはCSS部分の変更もしなきゃならないのかも知れませんが、個人的に多用するプラグインになると思います。
5 月
31
Posted by せれ on
5 月 31, 2007
今日は休日だったので、懸案のWordPressのバージョンアップを行いました。
昨日まで、WordPressME2.12のまま放置していたので、WordPress Japanの「ME 2.0.x 及び ME 2.1.3 から ME 2.2 へのアップグレード」って案内を元にバージョンアップ。
まずは、2.12→2.13へ。
- まずこちらより、me212-to-213.zip をダウンロードして解凍しておく。
- 不測の事態に備えて必ず現在のファイル群をローカルに保存する。
- 同様にデータベースのバックアップを実行し、データをローカルに保存する。
これは、WordPressのWordPress Database Backup日本語版を導入しているので、バックアップファイルをダウンロードしてローカルに保存。
- 動作中のプラグインをすべて停止させる。
Akismet様だけは止めずに作業しました。最近やたらめったらSPAM来ますから ;(
- 解凍したファイルをすべてアップロードして上書きする。
- 管理画面を再読み込みしてフッターの表記が2.13になっていることを確認。
- 動作を確認しながら一つずつプラグインを有効化する。
これで、まずは無事にME2.13に更新完了。
つづいてME2.2に更新。
- 最初と同じでこちらより、wordpress-me220.zip をダウンロードして解凍しておく。
- バックアップは完了済みなので管理画面からプラグインを無効に。
今回もAkismet様だけは有効にしたまま作業します。
- 解凍したファイルをすべてアップロードして上書きする。
- ブラウザで wp-admin/upgrade.php にアクセスしてアップグレードを実行する。
- 動作を確認しながら一つずつプラグインを有効化する。
プラグインの復元時、Sidebar Widgetsプラグインは有効にしないように!
WordPress2.2から本体にウィジェット機能内蔵となったため従来のプラグインは利用不可になります。有効にしようとしてもエラーで有効にはならないです。
内蔵化されたウィジェット機能そのものはプラグインと同機能とのこと。
と、ここまでは特に問題なし。
ところがこの後はまってしまいました。
発端はこの説明内容。
ME 2.2
- PHP4 (version 4.2 もしくはそれ以上) / MySQL (version 4.0 もしくはそれ以上)
- 日本語ファイルの指定は、define (’WPLANG’, ‘ja’);
- 文字コードは UTF-8 のみの対応となります。
リンクをクリックすると、wp-config.phpの変更点が解説してあり、要点は2つ。
// v2.2以降は以下の2行を追加してください。
define(’DB_CHARSET’, ‘utf8′);
define(’DB_COLLATE’, ”);
// languages ディレクトリに格納されている各国の言語ファイルを指定します。
// v2.1 以前のバージョンの場合は ‘ja_UTF’ で、v2.2 以降の場合は ‘ja’ と記述します。
define (’WPLANG’, ‘ja‘);
実際に、このサイトで変更を行うために、実験台用のWordPressサイトで同様に2.12→2.13→2.2とまったく同じ手順でバージョンアップし、上記wp-config.phpの書き換えも成功し、動作確認も取れていたので、本番を実行したのです。
それで安心して、このサイトでもwp-config.phpを変更したのですが、MySqlのエラーかPHPのエラーが表示されて管理画面もTOPページも表示不可に。
まあ、直前にバックアップを取っておいたので、変更前のwp-config.phpに差し替えしてみるとアクセス可能に。
ショボイ入力ミスでもしたのかと再試行するが、またアクセス不可に・・・
と何度かトライ&エラーを繰り返して、だんだん不安になってきたときに原因判明。
// v2.2以降は以下の2行を追加してください。
define(’DB_CHARSET’, ‘utf8′);
define(’DB_COLLATE’, ”);
この項目を追加するとエラーが発生してログイン不可になっていたのでした。
「define (’WPLANG’, ‘ja‘);」の方は問題なし。というか、変更することで管理画面の日本語化がさらになされるようになりました。
(管理画面>表示>「Widget」が「ウィジェット」表記になるなど)
ここで遅ればせながらようやくフォーラムをチェック。
どうやら、MySQLの処理のため、本来の形になったとのことだけど、既存のデータと整合性が取れなくなったのかな?
解決方法も示唆されているが、内容を読んでも自力解決できそうにありません。;-(
とりあえず、「define(’DB_CHARSET’, ‘utf8′);」、「define(’DB_COLLATE’, ”);」の2行をコメントアウトすれば正常動作するので、今回はこれでお茶を濁します。
6月には安定版であるME2.21も公開予定で、ME2.2はそれまでのつなぎとの記載もあったため、その時またチェックしてみます。
5 月
29
Posted by せれ on
5 月 29, 2007
2008/03/30 追記
Joomla! 1.5系のInstallに関しては「Joomla! 1.5のXREAへのインストール方法 ~ その(1) 」としてアップしております。
こちらのエントリは1.0系のInstall方法となります。
先日「Joooooooomla!!!」でJoomla!をテスト導入したことを書いたんですが、XREAでJoomla!をインストールする場合に、個人的につまづいた箇所があったので、忘れないようにメモ。
実はこの1ヶ月ほど前にも一度Installしてはみたのですが、最後につまづいてしまってしばらく悩んだ挙句、ファイル全削除したことがあってリトライ後も同じ現象で悩んでしまいました。
今回は画像をたくさん貼るのでエントリをいくつかに分けて作成します。
(エントリ数の水増し目的もアリ)
用意するモノ
- MySQL、PHP付きレンタルサーバ(今回はXREA+を利用)
ちなみに、このアカウントで借りているのはS261サーバで、Software Versionは次の通り
- Apache : 1.3.37
- PHP : 5.1.6
- MySQL : 5.1.11
- Joomla!のインストール用ファイル一式(Joomla!1.0.12日本語版を利用)
- FTPソフト
- 圧縮解凍ソフト
ちなみに、Joomla!を動かすために必要な動作環境はコチラに記述がありました。
Joomla!の前身であるMamboの記述とJoomla!の記述が混同していたりで最新情報か不安ですが、日本における最大のJoomla!推進サイトたるJoomla!じゃぱん様の掲載情報なので間違いはないでしょう。
☆☆作動環境☆☆
PHP Joomla!はPHPというスクリプトで書かれていますので、PHP4.2以降が作動するか確認しましょう。
MySQL Joomla!はコンテンツの保管にデータベースを使用していますのでMySQL3.23以降が作動するか確認しましょう。
Joomla!ファイルを用意する
日本語版のファイルはJoomla!じゃぱん様のこちらのページからダウンロードできます。
ダウンロード完了後は、「joomla_1_0_12JP_Stable.zip」のファイル名になります。
ダウンロード後は、解凍ソフトで解凍してください。
【重要】
- 解凍後、Joomla!フォルダの名称を適宜変更してください。解凍後、joomla_1_0_12JP_Stableなどのフォルダ名のままUploadするため、あらかじめ「joomla」などにフォルダ名をリネームして置くと良いかと思います。
※レンタルサーバーのルートに展開する場合を除く。
Joomla!用のMySQLデータベースを作成
以前も書いたような記憶があって、WordPress導入記事の時に書いていたので今回は手抜きして端折ります。
以前に書いた箇所はコチラ。手順(1)、(2)を参考にどうぞ。
データベースの文字コードはUTF-8で作成しました。
なお、作成指示後、実際に作成されるまで2-3分かかると表示されますので、ここは焦らずに!
サーバーへのUpload
データベース作成ができればいよいよインストールです。
最初はFTPソフトを使って解凍したJoomla!のフォルダごとUploadします。
Uploadが完了したら、JoomlaをUploadしたディレクトリをブラウザから開きます。
そうすると設置前チェックページ(installation/index.php)にリダイレクトされ、Installのために必要なチェック項目の画面が表示されます。
XREA+のS261サーバだと各項目の初期値はこんな感じでした。




以下、Joomla!のXREAへのインストール方法 ~ その(2)へ続く。
5 月
26
Posted by せれ on
5 月 26, 2007
前回のVox Crosspostテストに見事に玉砕し、改善策もわからないまま放置気味だった「Vox Crossposter Plugin試用」 のエントリですが、このエントリにとんぷうさんからコメントをいただき、その情報を元にvox_crosspost.phpファイルをいろいろ弄ってたら無事にCrosspostできるようになりました。
今回の手順を検証するに当たっての前提条件
- このサイトの文字コードはUTF-8、Vox.comに作ったサイトもUTF-8でした。
(ソースを見てヘッダから確認)
ご利用のサイトの文字コードがUTF-8以外の場合、各々適切な文字コードを指定する必要があると思います。
- あと、今回のエントリで利用しているのは「WordPress plugin: Vox Crossposter」で公開されている、Version0.3のpluginファイルに対しての変更です。
将来、Version Upした場合、上記書き換えを変更する箇所の行番号や記述内容が変わる可能性がありますのであらかじめご注意ください。
以下、このサイトの場合の改善方法をメモ
- Vox Crossposter pluginフォルダ内の vox_crosspost.phpファイルを開きます。
念のため元ファイルはコピーして別名保存しておいたほうがいいかも。
- 42-45行目をそれぞれ以下の通りに書き換え。内容は文字コードの変換です。
【変更前】
42行目 $email_address = get_vox_email();
43行目 $email_headers = create_email_headers();
44行目 $email_subject = get_subject($post_id);
45行目 $email_body = get_body($post_id);
【変更後】
42行目 $email_address = mb_convert_encoding(get_vox_email(), “UTF-8″);
43行目 $email_headers = mb_convert_encoding(create_email_headers(), “UTF-8″);
44行目 $email_subject = mb_convert_encoding(get_subject($post_id), “UTF-8″);
45行目 $email_body = mb_convert_encoding(get_body($post_id), “UTF-8″);
- 71行目を以下の通りに書き換え。内容は文字コードの変更だと思います。(無知)
【変更前】
71行目 $email_headers .= ‘Content-type: text/html; charset=iso-8859-1′.”rn”;
【変更後】
71行目 $email_headers .= ‘Content-type: text/html; charset=UTF-8‘.”rn”;
- 変更したファイルをvox_crosspost.php名で保存。
- WordPressの管理画面>プラグインから「Vox Crossposter」を無効にした後、FTPで変更後のファイルをUploadします。
- 最後に、WordPress管理画面>プラグインから「Vox Crossposter」を有効にした後、moblog用メールアドレスの確認などを行って完了。(初期設定はこちらをご参照ください)
これでうまく行ったのですが、WordPress側もVox.com側も同じ文字コードの場合、手順2.は不要で手順3.のみでも良いのかも・・・(未検証のため自信なし)
とんぷうさん、有用な情報をありがとうございました。
あと、文字コードの変換についてはこちらを参考にさせていただきました。
PHPなんでチンプンカンプンな素人なものでこういう情報がないとまったくわかりませんでした。
余談ですが、Version0.3のプラグインだとCrosspost or Do not crosspostの設定が標準で「Crosspost」側になっています。

このことをつい忘れてしまって、ちょっとした誤字脱字のための修正を行っていると保存ボタンを押した回数だけ、Vox.com側にエントリが作成されますので作成後の編集は注意が必要です。
標準で「Do not crosspost」にするオプションぐらいつけてほしいなぁ。(他力本願)
5 月
20
Posted by せれ on
5 月 20, 2007
以前、Windows Live Writerについてエントリを書いた後、他のエディタを試用したり、WordPressのビジュアルエディタをOFFにしてコードで書いてみたりしていていました。つい最近もScribeFireで試してたりしてましたし。
4月にOS入れなおし後はWindows Live Writerもインストールするのを忘れてたんですが、珍しくコメントをいただいたので検証のために再びつかってみることにしました。(YOUさんコメントありがとうございます。)
Windows Live Writerは前回試用後まったくVersion Upしてないのね。
結構ブロガーから高評価されているツールなのに日本語化もされてなければVersion Upもされてないなんてもったいない。
日本語化されて、日本の大手ブログサービスに標準対応と謳えばそれだけでかなり利用者も増えて楽しくなるのにね。
なんたって、日本語のブログが世界で一番多いらしいですしね。
(日本語のブログ投稿数は世界第1位の37%–2006年第4四半期調査 - CNET Japan より)
久々に利用すると、入力は軽快だしメニュー周りだけ一通りチェックして大体の感触がわかれば決して難しいツールではないし、良いツールです。
前回の繰り返しになるけど、「クリップボード経由で直接画像を貼り付けできる」この一点だけで利用価値はあると思います。
ただ、海外製のプラグインの導入方法はわかりづらいし、WordPressの投稿スラッグにも対応してないのが残念。
と、ここまでだと前回のエントリとなんら変わらないので、Windows Live Writer内蔵の「Insert Map」ボタンから利用できるMicrosoft Virtual EarthのMAPを埋め込んで、あわせてクリップボード経由でGoogle EarthのMAPも貼り付けてみます。
まずはMicrosoft Virtual Earthから。
Google EarthほどはZoom Inはできないですが、標準機能で地図貼り込み可能って面白い。
ちなみに地図の場所は中東のアラブ首長国連邦、ドバイです。

次にGoogleEarthからクリップボード経由で貼り付けしたもの。
ちょっと画像を使うだけなのに、いちいちファイルを作成してUploadするのは面倒なのでクリップボード経由(ファイル作成不要)なのは便利。
ただし、ファイル名は適当に付けられるので公開後の画像のファイル名にもこだわりたい方には向きません。

ちなみに画像をクリックすると元のサイズで表示されます。
今回は、ここまでで投稿テスト。
●追記●
このエントリでテストしてみたところ、Draft(草稿)としてPost(投稿)した段階ではWindows Live Writer、WordPresの管理画面上ともに問題なし。
投稿スラッグを管理画面から追加し、カテゴリ設定を忘れていたので設定し、公開。
その後も、文字化けなどは発生していないようです。
特に設定はいじらずに日本語をそのまま取り扱えるのはやっぱりイイ!
5 月
10
Posted by せれ on
5 月 10, 2007
twitterの和製類似サービスを2つ知ったのでブクマ代わりにメモ。
twitterは今夜メンテだったようで、プレビューもかねてこれらサービスに人が流れたのかな ?
個人的には、twitterメインになると思うけど、人が集まるところに流れてしまう可能性はあり。
まず本家本元。Twitter (http://twitter.com/)
いまさら説明するまでもないし、本エントリの趣旨とことなるため、説明は端折ります。
次に、timelog。登録にはメールアドレスとHN(ハンドルネーム)、パスワードのみでOK。
今度は、もごもご。
登録にはHN、氏名、メールアドレス、パスワード、誕生日、性別、郵便番号が必要。
だけど、登録後メールは届かないしアカウント作成後いきなり利用可能なので、メールアドレスが正しいかは現時点(2007/05/10、AM3時)では関係ない様子。
ほかにも和製ではないけどJaikuなどあるが、プレビューしてないので今日はここまで。