KYS-LAB ueda

WordPressへ移行してみます

Movable Typeで作業しているとバージョンアップされるたびに発生する学習コストがしんどくなってきたので、このラボブログは、WordPressへ移行してみようかと思います。

本日インストールしたばかりなので、まだ表示に不具合があるかもしれませんが、とりあえず。
http://www.kys-lab.com/ueda/wpblog/

Firefoxを違った設定で複数起動する

Firefox3.6が正式にリリースされていたので、インストールしてみました。
そして、Webサーフィン用、Web開発用など複数の設定を制作してみたいと思います。
一つの設定にたくさんのアドオンやブックマークを詰め込むと、整理がしづらくなりがちで、ブラウザの動作が重くなるような気がするので、私はいつも設定を複数制作しようとに応じて使い分けています。

１，初めて起動する前に、まずデスクトップ上にプログラムのショートカットを制作します

２，右クリック=>プロパティ
「リンク先」として
"C:\Program Files\Mozilla Firefox\firefox.exe"
のような、プログラムへのパスが記述されています。
この記述の最後に
『 -P』(半角スペースハイフンP)
と追記して、［OKボタン］クリック。

３，このショートカットをダブルクリックすると、プロファイルマネージャーが起動しますので、［新しいプロファイルを作成］クリック

４，［次へ］

５，プロファイル名を記入して［完了］

６，今、作成したプロファイルを選択して［Firefoxを起動］

このようにして起動させたFirefoxの設定やアドオンの情報は、起動時に選択したプロファイルへ保存されます。
私は、情報収集時のWeb閲覧用設定と、Webサイト開発時の設定を作り使い分けています。

さらに、「２」の作業と同じ要領で、
"C:\Program Files\Mozilla Firefox\firefox.exe" -no-remote -P "情報収集用"
"C:\Program Files\Mozilla Firefox\firefox.exe" -no-remote -P "web開発用"
という感じで、
-no-remote -P "プロファイル名"
を追記し、複数のショートカットを用意することで、複数の違う設定でFirefoxを起動することができます。

MovableTypeログインページのクリスマステーマ

ログインページは、実際にブログを使用される方が最も目にする場所だと思います。
季節を感じるような　ちょっとした変化があるだけで、ログインすることや日々の更新作業が少し楽しくなるかもしれません。

動作確認は、
「Movable Type version 4.2x-ja」のデフォルトのログインページにて、
windows版の「IE 6,7,8」と「firefox 3」で行っています。
MTの別のバージョンや、その他のブラウザでは確認していませんのでずれている可能性が高いと思います。すいません

ログインページのCSS
｛MTインストールディレクトリ｝/mt-static/css/simple.css
の一番下に追記する形になっています。
記述内容は、続く以下で。

Googleが日本語入力ソフトをリリース

Googleが、検索キーワードの統計的言語モデル生成で培った技術を応用した日本語入力ソフトをリリースしたようです。
日本語入力ソフトというのは、windowsに標準で搭載されているMicrosoft IMEやジャストシステム社のATOKなどのようなソフトのことです。

●Google 日本語入力 - ダウンロード
●Google Japan Blog: 思いどおりの日本語入力 - Google 日本語入力

EC-CUBEをインストールしてみました

ECサイトを構築するプログラムは、大規模で複雑になりがちでカスタマイズなどはプログラムファイルを直接さわらなければならないようなことも多いのですが、このEC-CUBEは構造が把握しやすく、PHPがわかる方ならデザインやテンプレートのカスタマイズもやりやすいと思います。
また、商品管理だけでなく、「顧客管理」や「売り上げ管理」といった機能も充実していて驚きました。
すごいソフトだと思います。

以下、簡単ですが、インストール作業の流れと少しさわってみた感想です。

こちらから『EC-CUBE‐EC-CUBEダウンロード』ダウンロード

◆解答すると「data」「html」フォルダができる。

◆「htlm」=>「define.php」でそれぞれのフォルダへのパスを設定する
dataディレクトリは、ブラウザからアクセスされない場所にする方がよいかもしれません。
/** HTMLディレクトリからのDATAディレクトリの相対パス */
define("HTML2DATA_DIR", "/../data/");
/** DATA ディレクトリから HTML ディレクトリの相対パス */
define("DATA_DIR2HTML", "/../html/");

◆FTPソフトでアップロードする

◆各ディレクトリ・ファイルのパーミッションの設定をします。
ここがこのEC-CUBEの最大の難関だと思います。Webデザイナーの方などは、ここで嫌気がさしあきらめた方も多いのではないでしょうか？
公式サイトの説明では、9個のディレクトリと2つのファイルのパーミッションの事しか書かれていませんが、説明されている9個のディレクトリ以下のファイルやディレクトリ全てに適切にパーミッションを設定していかなくてはなりません。
100個近くあるのではないでしょうか。
FTPソフトで一つ一つ作業すれば、2時間くらいかかると思います。

シェルログインできるサーバならば、
find ./ -type f | xargs chmod 666
find ./ -type d | xargs chmod 777
このような感じで、ささっと済ませられます。

◆データベースを用意する

◆ブラウザで「html」ディレクトリへアクセスし、指示に従いインストール作業をします。

詳しくは公式サイトをご覧ください
●EC-CUBEマニュアルサイト - EC-CUBE（2．x系）/1_インストール/02_インストール方法

公式サイトの説明書には書かれていませんが、私の環境では、自分で4つのフォルダと制作しなければエラーが発生し動きませんでした。
「data」=>「Smarty」=>「templates_c」
の中に、「default」フォルダ
その「default」フォルダ内に「mobile」「admin」「user_data」の3つのフォルダを作成。
Smartyのキャッシュが保存されるので、プログラムからの書き込みができるパーミッション設定に。

以上で、とりあえず動くと思います。

以下、少しさわってみた感想

◆郵便番号の横の「住所入力」ボタンが機能しない
　→どうやら「郵便番号DB登録」をしないといけないみたい
日本郵便から郵便番号データ(CSV)をダウンロード。
●郵便番号データダウンロード - 日本郵便

解凍すると「KEN_ALL.CSV」ができる。

テキストエディタで開きます。
※膨大なデータなのでwordやExcel等で開くと止まってしまうかもしれません。
１，半角カタカナを全角カタカナに
２，文字コードをUTF8(BOMなし)、改行コードLFにして保存
３，サーバ上のdata->downloadの「KEN_ALL.CSV」と差し替える
４，管理画面から郵便番号DB登録を押して登録
時間がかかります。
真っ白のブラウザが開いたままという不安をあおる仕様です。
私の環境では、5分くらいかかりました。
これをしておかないと、お客様が会員登録するページの「住所自動入力」ボタンも機能しないかも。

◆会員規約が既に制作されている！
自社の規約にあわせて書き直すこと。

◆デザイン管理
Smartyテンプレートをゴリゴリしなきゃいけないのだろうと思っていたのですが、
movabletypのウィジェット的な仕組みになっており、「ブロック」とよばれるパーツをドラッグドロップでレイアウトできる

ブロックのカスタマイズや追加、新規テンプレートの作成にはSmartyの知識は必須。
テンプレートファイルは、/data/Smarty/templates/default/

デフォルトテンプレートのフッターのidが「fotter」という罠
カスタマイズしようと思い、CSSにfooterと記述しても反映されず　はまりかけた＞＜

Smartyテンプレート内で、PHPコードからテンプレート変数を取得するには
<!--{php}-->
  $arrProduct = $this->get_template_vars('arrProduct');
  print_r($arrProduct);
<!--{/php}-->

◆参考にしたサイト：
●EC-CUBE標準規約 - EC-CUBE Trac - Trac
●[EC CUBE] - Mess with the Best Die like the Rest
●香川県でホームページ制作を行う社長のブログ
●EC-CUBEを、推奨サーバじゃないCORESERVERにインストールする手順。 - Naga Blog

Adobe社、次期製品のベータテスター募集中

●Adobe-アドビプレリリースプログラム

今までもPhotoshopやDreamweaverなどは、ユーザーがベータテストに参加していたそうなのですが、今回はより多くの製品で一般ユーザーのベータテスターを募集するようです。
申し込みフォームで選択できる製品は以下
-----
Acrobat
AdobeAIR
AdobeReader
AfterEffects
ColdFusion
Contribute
CreativeSuite
Dreamweaver
EncoreDVD
Fireworks
FlashCatalyst
FlashPlayer
FlashProfessional
FlexBuilder
Illustrator
InDesign
LiveCycleES
Photoshop
PhotoshopElements
PhotoshopLightroom
PremiereElements
PremierePro
Soundbooth
-----

製品のバグはもちろん、自社環境での不具合を事前に確認できることにもなると思うので、ありがたい試みだと思います。

不具合ではないですが、IllustratorとInDesignのUIや文字エンジンの統一は進んでいるのでしょうか？
文字パレットの長体平体が逆なのは勘弁してほしい。。。
1日1度は間違えます＞＜

IE9はDirectXで描画

Microsoft Professional Developers Conference 2009にて、IE9がプレビューされたようです。
HTML5やCSS3への対応・Javascriptの高速化はもちろんのこと、DirectXを利用した描画高速化も図られるそうでサブピクセル表示をサポートし高速でスムーズな表示が可能になっているそうです。
●［速報］Internet Explorer 9初披露｜Publickeyより

PhotoshopでGPU機能の活用や、Flash PlayerのGPU対応などをみていると、さらなる高速化の鍵はハードウェアアクセラレートのようですね。
今まで使い切れていなかったハードウェアの力を引き出すということは、素晴らしいなぁと思います。
先日このブログにも書きました、『Windows Vista 用のプラットフォーム更新プログラム（KB971644）』を適用すると、Windows Vistaのグラフィック機能などがWindows 7相当へ強化されDirectX 11対応となります。

「GPU = ゲーム」というイメージを持っている方もおられると思いますが、会社のPC環境を更新する際には重要な要素となってきそうです。
ソフトが対応しているハードを選択することで、作業・処理速度に大きく影響が出てくるかもしれません。
画像を編集しレンダリングが終わるまで、時計が回っている画面を眺めているのか、パッパッと表示され次の仕事へ進めるのか、作業をしている方のストレスも大きく違ってくると思います。

しかし、進化・変化のスピードが速いですね。

グラフィックドライバ等をアップデートしてみました

PCは、ヒューレットパッカード社の「dc7800p」を使用しているのですが、ドライバなどもろもろアップデートしてみました。

■まず、Windows VISTA SP1 => SP2へ
Windows Updateで自動的にアップデートされると書かれているブログなども見られますが、私のPC上ではアップデート候補としてSP2は表示されません。
ですので、こちら『Microsoft Windows Vista: Windows Vista Service Pack 2』から、ダウンロードし適用しました。

所要時間、約40分で完了。

つづきまして、

■Windows VistaでDirectX 11が使えるようになり、Aero効果等がより快適になるパッチ
アクセシビリティ関連機能や、XPS形式のドキュメントを扱うためのライブラリなども含まれるそうです。
参考：
●MS、Windows Vistaのグラフィック機能をWindows 7相当へ強化するパッチを配布開始｜窓の杜

ついでに、

■グラフィックドライバも最新のものにアップデート

ヒューレットパッカード社の「dc7800p」には、ATI Radeon HD 3650が刺さっているのでこちら『Graphics Drivers & Software』から、
VISTA-32bit => Radeon => HD 3600 Series
を選択し「GO!」

英語以外の言語用では、ディスプレイドライバと「Catalyst Control Center」などのユーティリティソフトが個別に配布されているようです。
ランゲージで「Japanese」を選択してダウンロード

「Catalyst Control Center」は元々インストールされていなかったのですが、ビデオカードのオーバークロックやアンチエイリアスの設定ができるようでおもしろそうなのでインストールしてみました。

以上、
全て問題なく動作しています。
グラフィックドライバは、安定性が向上しているそうなので、マルチディスプレイで具合が悪い場合などはアップデートされると改善されるかもしれません。

InDesignからBlogへ投稿するJavaScript

インデザイン上で選択しているテキストを、XML-RPCでブログに投稿します。
ただそれだけです。
インデザインJSでのSocketでPOSTするサンプルがあまりなかったので、練習がてら書いてみました。

Windows VISTA
InDesign CS3
MT4とwordpress2.8
で動作確認。

エラー処理は、ほとんどしていません。サンプルということで。
Content-Length用にデータ量を計算しているところも、怪しいです。
UTF8は日本語が3byteとか4byteとか。インデザイン上で字形パレットから挿入した文字や制御文字等は未検証。

続き以降にソース

3DCGすごい！DirectX 11のテッセレーション効果デモ映像

-----
Direct3D 11世代では、低ポリゴンの基本形状に対してディテール表現の凹凸テクスチャを、視点や距離に合わせて多ポリゴンモデルに自動変換して（テッセレートして）、このディテールを的確に適用させる。
これまでのように、視点からの距離によってLODレベルごとに3Dモデルを切り替える必要がない。
参考：
●ついにテッセレーションを標準化，DirectX 11の新しい3Dレンダリングパイプライン｜4Gamer.net
-----

読んでも3D処理のことはよくわかりませんが（＾＾；最新の3DCGはものすごいですね。
ゲームの場合、このクオリティでインタラクティブに動くわけですから驚愕です

以下、デモ映像

●DirectX 11に対応した初のベンチマークソフト「Heaven」

●レースゲーム「Colin McRae: DiRT 2」

Google Analyticsに新機能が追加

10月21日にGoogle Analyticsに新機能が追加されたので、勉強がてらこのブログにも導入してみました。

主な新機能は、
・今後重要になってくるであろう「携帯アクセス解析機能」
・ユーザー、セッション、ページの各レベルで定義できる「マルチカスタム変数」
・カスタムレポートの共有
・日次、週次、月次などの期間において、顕著な変化があった場合にメールでで知らせてくれる「インテリジェンス」
など。

「携帯アクセス解析機能」については、
『現在のところパイロット版として特定のパートナーのみに提供。数週間の内に、全ての広告主様でご利用いただけるようになる予定』
と書かれています。

英語版の『Google Analytics Blog』を見てみますと、Expanded Mobile Reportingの項目に『download snippet instructions』としてサンプルプログラムのようなものがダウンロードできるようになっていましたので、少し見てみました。

解凍してみると、jsp, aspx, php, pl用のサンプルプログラムが入っていたので、私でも理解できそうなphp用を見てみると、
同胞されている「go.php」というファイルに対し、アカウントID, HTTP_REFERER, QUERY_STRING, REQUEST_URI等をGETで投げると、「go.php」側でクッキーやIPアドレスの処理をし、「http://www.google-analytics.com/__utm.gif」へデータを投げる仕組みのようです。
携帯用ページにはimgタグのsrcで呼び出す。

「guid=ON」というパラメータも付加されていて、HTTP_X_DCMGUIDも取得しているので、「iモードID」はサンプルのままでもアクセス解析できそうな感じです。

しかし、これだけの機能とユーザーインターフェイスを無料で提供できてしまうのは、すごいとしかいいようがありません。

Googleには、webサイトのデザイン案によるコンバージョン率の違いを比較するようなサービス『ウェブサイト オプティマイザー』というものもあるようです。
こちらは、まだ使用したことがないので、使ってみてから使用感を書いてみたいと思います。

ウィンドウの幅によって可変させてみる

いわゆる「エラスティックレイアウト」というのでしょうか
Elastic：
「弾力のある」「しなやかな」「軽快な」という意味の言葉のようです。

最近では、ウィンドウ幅に合わせて、カラムの幅だけでなく、画像のサイズやトリミングまで可変させるレイアウトもあるようです。

私も練習がてら作ってみました。
幅が狭くなると、1カラムになります。

どうせなら、可変の様子が変形特撮ロボットのように見えるとおもしろそうなので、jQueryでanimateさせてます。
勢いで作ったので、かなり強引です。
そして、ウィンドウを広げても戻りません＞＜

擬音のフォントは、こちら『ジョジョフォント』です。

今日はここまで。
時間のあるときに、ウィンドウ幅に合わせて、何パターンかレイアウトを作ってみたいと思います。

「食べログ」は、月1億アクセス

半年前の記事ですが、
--●Noppin's stock cafe:「食べログ」、店舗ＰＲ可能に　月１億アクセスより--
カカクコムが運営する　飲食店情報の口コミサイト「食べログ」は、2月のアクセス数が前年同月比2倍強の1億2500万件となるなど急成長。
-----

1億アクセスをさばく、サーバーってのも　すごいですね。
検索なども軽快に動作しますし、どのような構成になっているのか見てみたいものです。

「Adobe Reader」致命的な脆弱性を複数修正

深刻度が最高レベルの複数の脆弱性を修正するアップデータが公開されたました。
バージョン7や8といった旧バージョン用のアップデータも公開されています。

Adobe Readerを起動し、［ヘルプ］=>［アップデートの有無をチェック］メニューなどからアップデートできます。
試してみたところ、Adobe Acrobatも9.2.0にアップデートされました。

アップデートしていない「Adobe Reader」や「Flash Player」を使っている場合には、Webページにアクセスするだけでウイルスに感染する恐れがあり、入力したパスワードを盗まれるなどの被害に遭うそうです。

参考：
●致命的な脆弱性を多数修正、セキュリティを強化した「Adobe Reader」v9.2.0が公開｜窓の杜
●Adobe ReaderやFlash Playerの脆弱性を突く「Webウイルス」に注意 - ニュース：ITpro

お見事！DHLの雑誌広告

●ＤＨＬの斬新な雑誌広告｜日刊・世界の広告クリエイティブより

雑誌の見開き2ページの間に透明フィルムを挟み、読者がページをめくることにより「人から人へ」荷物を届ける演出。


読者の手に触れるというか、ページをめくるという行動を起こさせることにより、ブランドイメージがより印象に残るのではないでしょうか？

このようなアイデア溢れるものを見ると、
広告主でもなく、編集社でもなく、制作会社・クリエーターとして提案できることがあるのではないかと改めて思います。

世界の新聞電子化プロジェクトやその技術的な情報など

●2009-09-14 - 電子化

この電子化と収益化と著作権等々、なかなか難問が多く進まないですね

googleブックサーチでは、離脱が相次ぎ裁判が続いていますし、日本ではエニグモという会社が雑誌をスキャニングしてユーザーに提供するサービスを著作者に無断で行い裁判になっていました。

ロンドンのイブニングスタンダード紙が、無料で配布されることを決めたそうですが、日本では20年の歴史がある「情報誌ぱど」は広告が入らず発行を隔週に減らすそうです。

最近、印象に残ったのは150年の歴史がありながら潰れてしまったロッキーマウンテンニュース社の最後の編集長の言葉。
-----
『編集者は、まるでラジオやテレビ、そしてさらに重要なインターネットが存在しないかのような感覚で新聞をつくっている。
読者がすでにテレビやウェブで知っているかもしれない出来事を、一面のトップ記事にしている例が多い。
日本でも、同じことがおきていないだろうか？』
--「地方新聞再生のための10の提案 - ガ島通信」より--

参考サイト：
●小林恭子の英国メディア・ウオッチ : イブニングスタンダード紙が無料に
●「フリーペーパー」不況で悲鳴　広告収入初の前年割れ : J-CASTニュース
●書籍の電子化巡りGoogle対抗組織「Open Book Alliance」設立|マイコミジャーナル
●雑誌販売サイト「コルシカ」開始--出版社からは「著作権の侵害」の声も:ベンチャー - CNET Japan

Firefoxのデータベース最適化

最近話題の「Firefoxのデータベースをvacuumする」を試してみました。

『ツール => エラーコンソール』からコマンドを打つやりかたを試してみたのですが、データベースへアクセスできないようなエラーが出てうまくいきませんでした。

そこで、下記サイトを参考にFirefoxのアドオン「SQLite Manager」で、ブックマークや閲覧履歴が格納されているデータベースを開き最適化を実行。
私の場合、
「places.sqlite」は、436KB -> 180KBになり、起動が少し速くなったような気がします。

参考サイト：
●Firefoxのアドオン「SQLite Manager」を使ってFirefox自体のデータベースを最適化する

VISTAの場合
Firefoxが使用しているデータベースは、
『C:\Users\ユーザー名\AppData\Roaming\Mozilla\Firefox\Profiles\プロファイル名』
にある『.sqlite』という拡張子のファイル群です。
※最適化を試される前に、必ずバックアップを取っておいてください。

私の場合、
『C:\Users\ユーザー名\AppData\Local\Mozilla\Firefox\Profiles\プロファイル名』
にも、『urlclassifier3.sqlite』というファイルがあるのですが、実際にどちらが使用されているのかよくわかりません。
タイムスタンプは本日ですし。。。

ちなみに『urlclassifier3.sqlite』は、
悪意のあるサイトや偽装サイトなどのURLが格納されているそうです。
悪意のあるサイトの情報だけで30～40MBもあるなんて、膨大な量ですね。

超精密ペーパークラフト「ヤマハ発動機」

これは楽しそう！

YAMAHAのHPで、歴代バイクの超精密ペーパークラフトの図面をダウンロードできるようです。

●ペーパークラフト | ヤマハ発動機株式会社

PDFファイルをダウンロードし、プリンタで出力。
ハサミと糊で組み立てれば、懐かしの名車が蘇ります。

バイク以外にも動物や昆虫などもあって、親子で楽しめる素敵なコンテンツですね

MOディスク販売終了

●【PC Watch】 三菱化学メディア、MOディスクの販売を終了

私自身、MOは5年くらい使っていないような気がします。
時代ですねぇ

メディアが無くなれば本体も生産されないでしょうし、当然ドライバーソフトなどもメンテナンスされなくなると思われるので、MOにバックアップされている古いデータなどは、どうしておくのがよいのでしょうかね。
確実に読み込める環境があるうちに、HDDやDVD等に移しておいた方がよいかもしれませんね。

人気ページランキングに管理ページがランクイン？！

●総選挙特集 2009 (人気ページランキング) - [パストラック(Pathtraq)]

「2009年総選挙に関する話題のページランキング」だそうなのですが、その集計方法は、
『このランキングは、パストラックのクライアントソフトウェアをご利用いただいている方々のアクセス情報を機械的に統計処理したものであり...』
と書かれているとおり、無料のツールバーがインストールされたブラウザが、訪問したページを集計したものらしいです。

当然ですが、サイトの管理ページへのアクセスもトラッキングされ、表示されてしまっています。

わざわざ管理者ログインページアドレスを公表することは、セキュリティ上よろしくないと思いますし、気をつけなければログイン後の画面のスクリーンショットが公開されてしまう可能性もあると思います。

自分専用のPCへ自分の意志でツールバー等をインストールしている人はよいのですが、会社や店舗などで複数人が作業する可能性のあるPCの場合、注意が必要だと思います。
論外ですが、もし、悪意のあるツールバーやアドオン等がインストールされているブラウザでログイン操作を行った場合、ID・パスワードなども収集されるでしょう。

便利なツールバーやアドオンはたくさんありますが、お客様のWebサイトの制作や管理をする者として十分注意しなければならないと感じました。

株式会社ミクシィさんがWordPressでリニューアル

最近、「WordPressを採用した」というお話をよく耳にします

株式会社ミクシィさんも、WordPressでリニューアルされたようです。

オープンソースCMSエンジンはたくさんありますが、WordPressを選択された理由が気になるところです。
『ミクシィコーポレートブログ　FM394』でもWordPressを使用されているので、開発チームが使い慣れているという点が、単純だけど最も大きな理由なのかもしれませんね。

大手出版社が共同で雑誌のネット配信

●有力出版社、2011年に共同雑誌サイト開設　部数落ち込みに対応?インターネット-最新ニュース:IT-PLUSより

低迷している雑誌市場は先行きも厳しいと見て、ライバル同士が手を組む形に。
パソコンや携帯電話から各社の記事を自由に読んだり検索したりできるようになる。
共同で運営される配信サイトは2011年をメドに立ち上げを予定。
今月末にも「日本雑誌協会」に加盟している40社近くが事業化に向けた協議会を設立し実証実験を始める。

これが本格スタートすると、若者向けの雑誌などは印刷部数が激減しそうな予感がします。

MTベースの新顔CMS「Melody」

●Melody: Community Powered Publishing

MTOSとの違いが、わかりにくいですね。
『YOMIURI ONLINE』の記事には、『Melodyは、コミュニティーメンバーが自由に発展させたり、変更したりできるオープンソース版のMT』と紹介されています。

試しにダウンロードしてみたのですが、「mt-config.cgi」などみるとそのままMTという感じです。

今後、「商用Movable Type」と「MTOS」と「Melody」の位置づけや互換性がどうなっていくのか、気になるところです。

CSSで上下中央揃えサンプル

■サンプル

グラフィックとWebデザインの制作会社「広友社」が提供する無料画像素材サイト【KOYU写】

矢田寺の紫陽花
June 17, 2009
Auther 堀田氏

携帯サイト研究「無印良品　公式サイト」

携帯サイト作成の参考にしようと思い「無印良品の公式サイト」へ、FirefoxのFireMobileSimulatorでアクセスしてソースを見てみました。

●DoCoMoは、わかります。
HTMLでShift_JIS。
しかし、HTMLモードでは使えないと思われる<div>タグを使用しています。<div>タグに対しalign="right"などの指定をしていますが、携帯端末は指定通り表示しているのでしょうか？

●auは、なんですか？
DOCTYPE宣言が2つで、間にxml宣言を挟んでる！？
auでは、このように記述しなければ、問題が起きるのでしょうか？
モバイル業界では有名なハックとか、そういうものなのでしょうか？？

●SoftBankは、<head>タグが消されています
<head>タグを使うと、何か問題が起きるのでしょうか？

色々と見れば見るほど、混乱してきました（＠＠

※あくまでFirefoxのアドオン「FireMobileSimulator」で、6月9日16時にアクセスした表示結果です。

【DoCoMo(DC N505i)設定でアクセス】

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html lang="ja-JP">


<head>

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

<title>無印良品 MUJI.net</title>

</head>

<body link="#333333" vlink="#333333" alink="#cccccc">

【au(W63H)設定でアクセス】

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<?xml version="1.0" encoding="Shift_JIS"?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">


<head>

<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS" />

<title>無印良品 MUJI.net</title>

</head>

<body link="#333333">

【SoftBank(SB 705P)設定でアクセス】

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html lang="ja-JP">


<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">

<title>無印良品 MUJI.net</title>

<body link="#333333">

サーバでPDFをjpegに変換

サーバに「ImageMagick」がインストールされていれば簡単です。

コマンドで

convert sample.pdf output.jpg


ところが、一つ前の記事で書いたように、PDFには自身の大きさがファイルの中に複数指定されています。
上記のコマンドの場合は、「MediaBox」のサイズを使用して変換されます。

「CropBox」の大きさで変換したい時には、「define」オプションを使用します。

convert -define pdf:use-cropbox=true sample.pdf output.jpg


サーバで「ImageMagick」が使えると、画像の変換や合成が簡単に行えるので便利ですね。
オプションがたくさんあり、私自身まだごく一部の機能しか使ったことがありませんので、研究したいと思います。

[参考にしたページ]
●ImageMagick: Command-line Options

●画像処理についてあれこれ

Adobe InDesignルビふりWebサービスを公開します

フォームから送信された文章を、Adobe InDesignで読み込めるタグ付きテキストへ変換し、ダウンロードできるWebサービスです。

●InDesign用ふりがなサービス｜KYS-Lab

InDesignのドキュメント上で、『漢字を選択 => 文字パレット => ルビ』で一つ一つ入力していた物を、楽に効率よく処理するための試みです。
ご自由にお試しください。

現在は、バージョン0.3。ベータ版扱いとさせていただきます。
サービスの内容や確実な提供、アクセス結果などにつきましては一切保証しておりません。
コンテンツの内容および当該内容を使用したことに起因する損害については責任を負いません。

よろしくお願いいたします。

InDesignでのタグ付きテキストの配置方法については、ヘルプ等をご覧ください。
●Adobe InDesign CS4 * テキストの配置（読み込み）

MT4.xのダイナミック用プラグインではまり中

だいたい解決できたと思うのですが、この内容であっているのかどうも不安です。
Six Apart - 技術情報提供ブログが1年以上更新されておらず放置されていて泣きそうです。

【はまったところ】

【解決】

【覚え書き】

なので、
独自開発したプラグインをダイナミック・パブリッシングでも使用する場合、Perlで記述した内容をPHPで書き直してダイナミック・パブリッシング用PHPプラグインにしなければならない。

つまり、
サイドバーなどの使い回すテンプレートを、「インデックステンプレート」ではスタティック、「アーカイブテンプレート」ではダイナミックという運用をする場合、「Perl」と「PHP」2種類の言語でプラグインを記述しなければならい。

MT4.xのPHPプラグインは仕様変更があり、以前はPerlテンプレート内で定義したとおりの名前でPHPプラグインファイルを作成していたが、MT4.xのPHPプラグインは全て小文字である必要がある。

例えば、
<$MTHelloWorld$>という独自テンプレートタグを定義する場合

Perlプラグインで、
MT::Template::Context->add_tag(HelloWorld => \&_HelloWorld);

PHPプラグインでは、
function.mthelloworld.php ファイルに function smarty_function_mthelloworld($args, &$ctx)
のように、定義したタグの名前に『mt』と付けて、全て小文字で書かなければならない。

【感想】

【参考にしたサイト】

●Perl版ダイナミック・パブリッシング（MT4.2用） - The blog of H.Fujimoto

BlenderとAfter Effectsの連携

3Dソフトで「OpenEXR形式」で出力し、After Effectsに読み込みすることで、各チャンネルをレイヤーに分けAfter EffectsやPhotoshopの各種エフェクトや描画モードを使って映像が作れるようです。

文章を読んだだけで、私にはまださっぱりわかりませんが、『●AWNtv :: Speed Racer ? Car Flip Breakdown』のような感じだそうです。
参考サイト：
●CG★ソフトなんでも覚書: Lightwave３DとAfterEffects

「OpenEXR形式」は、KYS-Lab | mt-galleryの前田さんが使用されているBlenderも対応しているようなので、時間のある時に書き出ししていただき、色々実験してみたいと思います。

Blenderといえば、Collada形式にも対応しているようなので、Action ScriptのPapervision3Dにも活用ができそうです。
こちらも、色々実験していきたいと思います。

2009年は、「3D」「映像」「Flash」あたりをキーワードにグレードアップできるように頑張りたいと思います。

Atom Publishing Protocolに注目

InDesignで制作したデータにXMLタグを関連付けしておき、校了したものを書き出し、CMSへインポートするという作業を実験的に進めています。

現在は独自形式のXMLを、CMSの独自インポート形式に変換して読み込んでいるのですが、出来ればもっと汎用性を持たせたい。

検索などで調べてみると、Atom Publishing Protocolというものが発展していきそうな雰囲気。
逆にCMSのデータを、DTPで使用するという形も進めていきたいので、少しAtom形式に注目していきたいと思います。

参考にしたサイト：
●Web APIの次世代標準プロトコル「Atom Publishing Protocol」：第1回｜技術評論社

たけまる / Atom Publishing Protocol を勉強するには

Atom1.0仕様メモ

本年よりVISTAでDTPに移行します

明けましておめでとうございます。

昨年、Windows VISTAを導入し試行錯誤した甲斐もあり、本年からVISTAでDTPに完全移行できそうです。

環境は、
●PC
　HP dc 7800p
●OS
　Windows VISTA Business
●ソフト
　Adobe CS3 Design Premium
●RIP
AD-810mx
●フォント
モリサワ、ダイナ

という感じになっています。
VISTAで良かった点や困った点など、順次更新していきたいと思います。

本年も、よろしくお願いいたします。

Movable TypeにXSSの脆弱性

脆弱性は、Movable Type 4および同3、同 Enterprise 1.5に存在。

今回の脆弱性は9月および10月に公開したものとは異なる。

脆弱性が悪用された場合、特定のWebブラウザ上で任意のスクリプトが実行される可能性がある。

　シックスアパートは、この脆弱性に対処したMovable Type 4.23、同3.38、同 Enterprise 1.56を公開し、ユーザーにアップデートを促している。

●任意のスクリプト実行の恐れ：Movable TypeにXSSの脆弱性 - ITmedia エンタープライズ

MTOS4.21に変えてみました

SSHでログインできるサーバだと入れ替えも便利。

スタイル変更関連でエラーが一つ。

特定のサーバで発生する模様。
後でまとめます。

対策ソフトで検出できない新たな「PDFウイルス」出現

今回確認されたPDFウイルスは、Adobe Reader/Acrobat 8.1.2以前に見つかった脆弱性を悪用するもの。

36種類の対策ソフトを使ってウイルスチェックを実施したところ、2008年11月7日時点では、検出できた対策ソフトは皆無。

未対策のユーザーは、できるだけ早急にバージョン9あるいはバージョン8.1.3にアップデートするよう勧めている。
via : 新たな「PDFウイルス」出現、ほとんどの対策ソフトが検出できず：ITpro

東大のジオコーディングサービスがすごい

東京大学空間情報科学研究センターのジオコーディングサービスがすごいです。

カラムに住所情報を含んでいるCSVファイルをアップロードすると、別カラムに座標を書き加えたCSVファイルを返してくれます。
200行のCSVファイルで試してみたところ、0.5秒くらいで返してくれました。

公共測量座標系・世界測地系を選択できたり、変換結果の信用度が数値で表されていたり、とても便利です。

●Geocoding Tools & Utilities - 位置参照技術を用いたツールとユーティリティ

角川エンタテインメント、PDFによる販促チラシ

P

角川エンタテインメントは映画『イーグル・アイ』のプロモーションにあたり、「PDF版の映画宣伝用のチラシ」という初の試みを行った。

PDFといえば「紙文書をデジタル化したもの」というイメージが強いが、「動画による予告編」「クイズコンテンツ」「PDFからWebにアクセスして映画鑑賞券プレゼント」「ゲームコンテンツ」等、「静」から「動」へと表現方法をより充実させ、プレゼンテーション力という点でも飛躍的な進化を遂げている。
via : Adobe Acrobat 9 PDF活用で実践する創造的仕事法 -第2回 動画を使って効果的なプレゼンを- | DIAMOND online - JB PRESS

これからは、携帯などで動画を見れるのが当たり前になってくると思いますし、このようなプレゼン技法やコンテンツ制作スキルというのは、必須になってきそうですね。

添付ファイルをまとめて保存できるアドオン「Attachment Extractor」

メーラーには「Thunderbird」を使用しているのですが、複数のメールを選択した状態で「添付ファイルを保存」ができませんでした。
毎日、数十通の添付ファイルで原稿が送られてくるので、1通ずつ保存していくのは面倒です。

まとめて保存できるようになるアドオン

●Attachment Extractor :: Thunderbird Add-ons

デフォルトで保存するディレクトリを設定したり、最近保存したディレクトリの記憶や、
拡張子で指定したファイルのみ保存なども設定できます。
『*.bat;*.exe;*.eml』などの実行ファイルは保存しないようにしておけば、うっかり正体不明ファイルを保存・実行してしまうこともないかもしれません。

オンデマンド出版を利用してみた方の感想

印刷業に携わっている者としては、とても興味深く、参考になる。

●オンデマンド印刷の『神聖モテモテ王国』未収録単行本（7巻）を買ってみた - 空気を読まない中杜カズサ

メジャー誌の休刊・廃刊状況を見ていると、マスな印刷や流通はこれから縮小していくことは間違いないと思うのですが、
逆に、オンデマンド出版のようなパーソナルなものは、サービス展開のやり方次第で少し需要が増えるかも知れませんね。

個人出版と言えば、『ココログ出版』や『フォトブックならマイブック』などは有名ですね。
インターネットやデジカメがこれほど普及する前からサービスを立ち上げ、継続されているマイブックさんはすごいと思う。

「Flash Player 10」の新機能

Flash Player 10はカスタムフィルターとエフェクトをサポート
デザイナーや開発者はPixel Benderを使って独自のフィルターとエフェクトを作成できる
3Dエフェクトにもネイティブ対応
新しいテキストレイアウトエンジン
GPUのパワーを使ってSWFコンテンツをレンダリングするハードウェアアクセラレーション
など。
バージョン10の新機能や改善点は、年内にAdobe AIRにも取り入れられる

●Adobe Flash Playerダウンロードセンター
●開発者向けデバッグプレイヤー

■新機能を試せるデモ

●PixelBenderのデモ
　動画に、これだけ軽快にフィルタがかかるなんて、すごいと思います。

●3Dのサンプル
　すでにオンラインゲームレベルで、驚愕です。

●Flash Player 10で広がるFlashの音の世界

Dreamweaver CS4：Webサイトをブラウザのみで編集

Webサイトを、ブラウザのみで編集出来るようになる機能のプレビュー版を、Adobeが公開しています。
Dreamweaver CS4から使える機能のようです。
「機能」というか、サイトでは「online service」と書かれていますね。

CMSを使っていない部分も、クライアントが編集し更新できるようになるような感じでしょうか。
今までは、このような機能を実現するためには「Adobe Contribute」というソフトを購入する必要がありましたが、その必要がなくなるのかも知れません。
デザイナー側は、クライアントのレベルに応じて、編集可能なエリアや機能制限などを予め設定すことが出来るそうです。

●Adobe - Adobe InContext Editing

ActionScript3「import」と「include」の違い

●include

●import

参考：
中垣茂ブログ｜Flex2 : import と include

Windows Liveバージョンアップ

試しに、ブログの更新を簡単にできる「Live Writer」のみインストールしてみました。

画像がアップロードされるディレクトリは、どこになるのでしょうか？

Live Writerからテスト書き込みをしてみます。

●Windows Live Writer Beta

フォントで遊ぶ「FONTPARK 2.0」

モリサワさんのサイトには、定期的にFlashで製作されたおもしろいコンテンツが公開されますね。
この『FONTPARK 2.0』は、フォントフェイスで遊ぶ、モリサワさんらしい楽しいコンテンツだなぁと思います。

●FONTPARK 2.0 | MORISAWA
http://fontpark.morisawa.co.jp/

MTプラグインの雛形を作るツール「MTPlugin-Starter」

エムロジックさんが、プラグイン開発をスピーディに行うために独自に開発されたPerlプログラム。
ライセンスは、Artistic License。

対話形式で「プラグインの名前」や「管理画面の書き換え(Transformer)を行うかどうかを」などの質問に答えていくと、基本的な設定が書き込まれたプラグインの雛形が作成・保存される。
その雛形を元にして実際のプラグインを作っていくことで、単純なケアレスミスなども防止でき、とても効率的になると思います。

●MTPlugin-StarterをWindowsで使おう！ (エムロジック放課後プロジェクト)

IE6 standalone版でWebサイトの検証作業

Webの製作において、まだまだIE6の存在は無視できないと思います。
当社にも、インストールされているソフトの都合上Windows XP SP1のマシンが存在していますし、
『はてなカウンター』の2008年6月のアクセスブラウザ数を見てみると、まだまだIE6が一番多いようです。

IE6

33.95%

IE7

17.42%

Firefox 2

17.17%

Firefox 3

8.42%

Safari 525.18

5.28%

そこで、メインのブラウザはIE7で、開発段階での検証用にIE6のstandalone版を利用することが多いと思うのですが、この「standalone版」は何種類か存在し、どうやら動作に違いがあるようです。

『evolt.org - Browser Archive』のものは、透過関係の処理や条件付コメントが動作せず、そのような処理の検証用には使えません。
一方、
『TredoSoftのmultiple versions of IE』では、透過処理や<!--[if IE 6]>などの条件付きコメントも動作するそうです。
via : RedLine Magazine : IE6 standalone の落とし穴

IE開発チームのメンバーは、
『これからIE8にむけて、コンテンツがシームレスに表示され続けるように、準備をすすめる必要がある』と、言っているようですし、まだ当分複数ブラウザバージョンによる検証作業からは開放されそうにありませんね。
via : マイクロソフト、「IE8」に備えるようにウェブサイト保有者に警告：スペシャル - ZDNet Japan

FlashをValidなXHTMLで埋め込む

ブラウザがメジャーバージョンアップされる周期で話題になる内容ですが、そろそろembed要素を使わずにobject要素だけでシンプルに埋め込めるようになってきたようです。

ここでは、それを解決するために色々書き方を変えては異なる環境でテストし、メジャーな環境すべてで表示され、且つ Valid な (正当な) XHTML になる記述を模索してみました。
via : Adobe Flash をクロスブラウザで埋め込み表示させる Valid な XHTML 1.0/1.1 - アリゾナではもう働きたくない社長の blog - キッスブログ (Xiss Blog)

調査外ブラウザ対策として代替内容対策を考慮したものとしては、下記のように書けるようです。

<object data="http://example.com/something.swf"
    type="application/x-shockwave-flash"
    width="400" height="300">
  <param name="movie" value="http://example.com/something.swf" />
  <a href="http://example.com/something.swf">Some Movie</a>
</object>


その他、パラメータや記述の仕方によって、ブラウザがどのような動作をするのか詳しく書かれています。

今では、FlashはJavaScriptで埋め込むのが当たり前のようになっていますが、マイクロソフトとイーオラスの特許侵害訴訟が和解に至ったので、IE 7では「このコントロールをアクティブ化して使用するにはクリックして下さい。」という警告は出なくなるようです。
参考 : マイクロソフト、IE 7のActiveX警告ポップアップを廃止の予定 : 訴訟／知財問題 - Computerworld.jp

フォント「メイリオ」でリンク下線が打ち消し線の様になる件

環境は、
XPにメイリオをインストール
ブラウザはIE 7
ツール　インターネットオプション　フォント
で、webページフォントにメイリオを指定しています。

この状態で例えば、Six Apartの公式MovableType.jpサイトを閲覧すると

リンク下線が打ち消し線の様に重なり、まるでボツになった記事のようです。

Firefoxでは、問題ないです。

CSSを見てみると、
bodyの
font-family:"Lucida Grande","Lucida Sans",Verdana,sans-serif;
と
ul li.hentryの
vertical-align:middle;

が怪しく感じます。

色々いじくってみると、
font-family指定に、『メイリオ』を追加すると直ります。

font-family:"メイリオ","Lucida Grande","Lucida Sans",Verdana,sans-serif;

もしくは、
vertical-align指定をデフォルトである「baseline」にすると直ります。

※メイリオが最初から入っていて初期値になっているVistaでは、挙動が違うかもしれません。
また、XPでもIE 6やIE 8では、挙動が違うかもしれません。
すいません、環境が無いので確認できません。

iPhoneではブログに画像をアップできない？

「iPhone対応サイト」の為に仕様を調査中なのですが、その中で一番ひっかっかたのが、

『iPhoneのSafariはINPUT要素のfileタイプが使えない』
via : JavaScript++かも日記/Ajax,Google Maps,etc...

簡単に言うと、Movable Typeなどブログシステムの従来の記事投稿画面からは、画像をアップロードできないということ。

まさか！？と思い、sixapart純正のiPhone対応管理画面プラグイン「iMT」をインストールしてみたところ、見事にファイルアップロードの部分は実装されていませんでした。

どうしてアップル社は、「Safari」をこのような仕様にしたのでしょうか？
Flashプラグインが使えないだけでも、かなり痛いのですが。。。

Firefoxなどの他のブラウザを利用することも出来ないようですし、どうしたものか。。。
参考：『Firefoxで有名なMozillaのCEO、Safari以外のブラウザを認めないiPhoneを痛烈批判。 - 和洋風◎』

携帯GPSを簡単に使えるPEARライブラリ「Net_UserAgent_Mobile_GPS」

まだバージョンが0.1.0ということで、少しずつ改良していかれるようです。
PEARライブラリとして、利用できると便利になりますね。期待しています。

GPS PEARライブラリ / Net_UserAgent_Mobile_GPS
http://mgps.org/index.html

少し調べてみると、「携帯向け位置取得API」なるものがありました。

・緯度経度、住所を取得可能
緯度経度情報に加えて、対応する住所を取得することができます。
・3キャリア対応
DoCoMo, au, SoftBank に対応しています。GPS検索、iエリア、簡易位置情報などを切り替えて使用することも可能です。
・統一されたインターフェイス
携帯電話会社毎に異なる仕組みを構築する必要がなくなります。
via : GeoPlatformAPI - シリウスラボ

知らなかったのですが、これはなかなか便利そうです。
また後日、試用してみたいと思います。

企業のウェブサイトで困ってしまうことランキング

使い勝手の悪さや閲覧性の低さに「何なんだ、このウェブサイトは！」と叫んでしまった経験――。誰しも一度はあるのではないでしょうか？

ウェブサイトは「企業のもう1つの顔」と言っても過言ではありません。
多くの人に見てもらう「顔」のケアなのですから、もう少しまじめに取り組んでほしいものですよね。
via : 企業のウェブサイトで困ってしまうことランキング - goo ランキング

「あるある！」と、思わずうなずいてしまいますね（＾＾）
Webサイトは『顔』というよりも、今やユーザーとのリアルな接点で、企業そのものだと思いますので、まじめに取り組まないといけないですよね。

iPodのメニューのようなナビゲーションを作れる「jQuery iPod-style Drilldown Menu」

jQuery iPod-style Drilldown Menu | Filament Group, Inc.
デモページ

私は、まだ試していませんが、何かに使えそうですね。
JavaScript・jQueryは、ほんとにおもしろいなぁと思います。

Web開発でのIEやSafariのデバッグ環境

[IE6/7]
　Internet Explorer Developer Toolbar
[IE6/7]
　Visual Web Developer 2008 Express Edition
●IE8では、Firebugと類似した機能が提供されるらしい

[Safari3.1]
　Web Inspector
[Safari3.0/3.1]
　Drosera
●Safari3.2では、Firebugと類似した機能が提供されるらしい。2008年9月公開予定。

[Opera9.5]
　Dragonfly
　- Webブラウザに依存しない。オンザフライでの編集ができない。動作が不安定。

[Firefox]
　Firebug
　Web Developer
現状これがベスト
via : SitePoint Blogs ≫ In-browser Development Tools: Firebug Still King

Apple社のデバッガ「Drosera」の評判は良く、便利なようですね。
●Apple 謹製の JavaScript デバッガ「Drosera」が便利な件 - IT戦記
●SafariのJavaScriptデバッガ「Drosera」を使ってみる。｜blog｜たたみラボ

米広告主トップ100社のWebに移動した広告費は10億ドル

アメリカ国内広告支出全体の41％を担う広告主トップ100社が昨年1年間で新聞・テレビからWebに移動した広告費は約$1B（10億ドル）であることが分かった。

新聞広告支出は$674M（6億7400万ドル）削減
テレビ広告予算は$406M（4億600万ドル）削減
ネット広告支出は$1B（10億ドル）増やした計算になる。
via : TechCrunch Japanese アーカイブ ≫ 米広告主上位100社が昨年新聞TVからネットに動かした広告費は$1B

上記のネット広告支出には、「検索広告」はカウントされていないので実際にはもっと大きい額になります。
ちなみに、昨年第4四半期のWeb広告全体の出費は59億ドルだそうです。

複数のFirefoxを同時に起動する

Firefox3がダウンロードできるようになったので、インストールしてみました。

ベータ版4,5も使用してきましたが、特に問題も無く快適です。
しかし、Ver3に対応していないアドオンもありますので、Ver2も使用したいという要望はあると思います。

そこで、『複数のFirefoxを同時に起動する』方法。
簡単です。

【メモ】PHP脆弱性リスト

修正されない脆弱性と、修正されていない脆弱性について書かれています。

「修正できない（されない）脆弱性」「修正されていない脆弱性」プログラムの脆弱性原因などを記載したページです。ベストプラクティス的な項目も含めています。
これらの仕様自体が問題とは言えないまでもセキュリティ上の問題の原因(アタックベクタの一部)となり得る仕様はプログラマと知っておくべきなので掲載しています。
via : PHP/脆弱性リスト/メモ - yohgaki's wiki

CSSスタイルの適用優先順位

感覚的になってしまいがちな『CSSスタイルの適用優先順位』ですが、W3Cの仕様書にルールが記載されています。
あくまで仕様書の話で、ブラウザのバージョンによっては違いがあるかもしれませんが、仕様を理解しておくことで想定外の「スタイルの上書き」や「ブラウザ間でのズレ」などを回避しやすくなると思います。

参考：
●!important だらけの CSS にお別れを | WWW WATCH

世界の楽しい広告

via : Toxel.com ≫ 14 Creative Advertisements Part 2

クリエーターの遊び心はもちろんのこと、
膨大な予算を投じてくれる企業も素晴らしいなぁと思います。

メモ：XP SP3へのアップデートでの問題もろもろ

●XP SP3のレジストリ破損問題、マイクロソフト作成のexeファイルが原因 : Microsoftウォッチ - Computerworld.jp
http://www.computerworld.jp/topics/ms/109390.html

●Windows XP SP3のレジストリ破損問題、シマンテックが対応ソフトをリリース : セキュリティ・マネジメント - Computerworld.jp
http://www.computerworld.jp/topics/vs/110989.html

●Windows XP SP3の不具合、今度はリモート・アクセス機能で発覚 : Microsoftウォッチ - Computerworld.jp
http://www.computerworld.jp/topics/ms/108369.html

●Windows XP SP3へのアップデートでIE 7が削除不能に――マイクロソフトが注意を呼びかけ : Microsoftウォッチ - Computerworld.jp
http://www.computerworld.jp/topics/ms/106949.html

SP3でIE 7からIE 6へダウングレードしたい場合は、
１、Windows XP SP3をインストールする前にIE 7をアンインストールしておく
２、SP3へアップデートした後にIE 7をインストールする

こうすることで、IE 6へダウングレードできるようになる。
なお、すでにWindows XP SP3をインストールしているなら、まずはSP3をアンインストールしなければならない。

Movable Type version 4.2へバージョンアップ

Movable Type version 4.2へバージョンアップしてみました。
ダイナミックパブリッシングがどうもおかしいので、一度テンプレートを初期化しました。

オープンソース版でも、カスタムフィールドが使えるようになるのはとてもありがたいですね。
新しく追加された機能や使用感を、レポートしていきたいと思います。

Googleの有料プランについて調べてみました

●Google アプリ 企業向け

料金は、
年間、1ユーザー6300円。

利用可能なアプリケーションは、

• Webメールサービス「Gmail」


• カレンダーサービス「Google Calendar」


• ワープロ・表計算サービス「Google Docs & Spreadsheets」


• インスタントメッセンジャー「Google Talk」


• Webサイト作成サービス「Google Page Creator」


• 各アプリケーションの利用窓口となるポータルサイト「Start Page」

各アプリケーションの使用状況や設定を確認できる管理コンソールも用意する。
いずれも日本語に対応。

Gmailでは、1アカウントあたりのメールボックス容量を通常の2GBから10GBに拡大。
また、99.9％の稼働保証を実施。
Gmail上に掲載される広告の表示/非表示を選べる。

Google CalendarやGoogle Docs & Spreadsheetsでは、自分が作成したデータを他の社員と共有することが可能。
これらのアプリケーションで作成したデータを保存するディスク容量については無制限。

サポートについては、オンラインのほか、24時間年中無休で電話サポートも受けられる。

料金体制がユーザー単位ですので、物理的なPCに縛られることなくネット環境さえあれば、会社からでも自宅からでも移動中でもログインし利用することが出来ると思います。

共有性・稼働保証・データ保護などを考えると、安いのではないかと思います。

ちなみに、
日本でのグループウェアシェアNo1らしい「サイボウズ Office 7」の料金は、
24,800円 (10ユーザー版)
59,800円 (50ユーザー版)
99,800円 (100ユーザー版)
198,000円 (200ユーザー版)
380,000円 (無制限版)
●かんたん安心グループウェア 「サイボウズ Office 7」

これ以外に自分でサーバを用意しインストールしなければなりません。
当然、データのバックアップや外部からも利用できるようにするためのセキュリティなども自分でしなければなりません。

Google Appとは、利用できるアプリケーションや機能も違いますし、目的や規模に応じて使い分けて業務の効率化を図りたいですね。

【メモ】SWFObject v2.0の使い方やFlashのパブリッシュ用テンプレートカスタマイズ

●SWFObject v2.0を使う ≫ TECH Matari

●5ive.blog ≫ パブリッシュ用テンプレートHTMLをカスタマイズするには

ちなみに、クリック云々に関しては、訴訟が和解しているのでクリック不要になるそうです。

●IEのActiveXに関する挙動を2008年4月に変更、クリックを不要に

InDesign CS2→CS3で修正されたバグいろいろ

こちらのブログに、まとめられています。

via : InDesign CS2→CS3で修正された問題　まとめ - ぴーぷーぶろぐ - Yahoo!ブログ

不具合が解消されたバージョンを使用しないと、事故の元ですね。

ついでに、InDesign Conference 2008がマイアミで開催されたようです。
YouTube - InDesign Conference Miami, Keynote Part 2

日本での開催は、
InDesignコンファレンス2008 東京
開催日：2008年7月7日(月)～9日(水)

CS4では、ウェブとの連携機能が注目されているようです。

Eコマースなどに使えそうなフリーのアイコン

Free eCommerce icons | Web Design and Ecommerce, Belfast

ライセンスは、LGPL。

28種類のアイコンがpng形式で収録されていました。
svgファイルも収録されていましたが、アドビ イラストレータCS2ではうまく開くことが出来ませんでした。

Feed Readerを製作しました

まだまだ満足できるものではないですが、いつまでも寝かせていてもしかたないので、とりあえず公開。
『KYS Reader』

世界中の情報をもっと気軽にサクサクっと目を通したいと思い、「Google AJAX Language API」を使用して自動翻訳しています。
現在入っているFeedは、私がよく訪問するサイトです。
表示されている時刻は、Feedを取得した時刻です。

これから追加したい機能としましては、
１、ソーシャルブックマーク的に、Feedの追加・削除を簡単に。
２、素解析を利用した、自動タグ付け・検索機能
３、クリック回数に応じたソート
などを考えています。

JavaScript難読化に関するメモ

●PHPでJavaScriptを難読化 - PHPプロ！TIPS+
●jQuery: javascriptソースコードの圧縮 (groundwalker.com)

これからの新聞を考察するための資料

●Business Media 誠：ロサンゼルスMBA留学日記：あえて言う「新聞に未来はない」 (1/2)

●POLAR BEAR BLOG: New York Times も API 公開へ

●新聞の発行部数と世帯数の推移

すぐに忘れるので「Google Chart API」のメモ

公式の説明書
●Developer's Guide - Google Chart API - Google Code
http://code.google.com/apis/chart/

解りやすいサンプル
野ログはノロキュアMaxHeart - 簡単に誰でもグラフが作成できるAPI『Google Chart API』を利用してみる。
http://cureblack.com/20071206.html

Movabl Typeでタグ入力支援

ブログ記事編集画面のタグフィールドは、アルファベットでは過去に使われたタグから候補を表示してくれますが、日本語では表示してくれません。
これでは、
・似たようなタグを入力してしまい不必要にタグの種類が増えたり
・入力するのが面倒になってやめてしまったり
など、どうも不便です。

Webデザインのプロがレビューする13個のCMS++

via : 13 free CMS options for Web Design Professionals Reviewedという記事の中には、知らないCMSも多かったので、ざくっと読んでみました。

よくわからない英語の表現も多かったですので、原文を読んでください。
『参考：』に続くリンクは私が付け加えたものです。
日本語では検索にヒットしないCMSも幾つかありました。

クライアントの利用形態やスケールに合わせて、システムを使い分けできればベストですね。

ActionScriptで拡張現実感プログラミング

Saqooshaさんが、「ARToolKit」をActionScript3に移植。すごい！

えーと、巷では Flash Player 10 beta で騒がしい感じになってきておりますが、そんな中、わたくしは ARToolKit を Flash (AS3) に移植してました。FLARToolKit と命名しておきましょう。

via : 『[Saq.] ARToolKit を Flash に移植したよ。』

例えば、

FlashPlayerの限界で、速度的やマーカーの認識には厳しいものがあるようですが、カメラとブラウザだけでARがさくっと体験できるなんてすごいです。

早くもtrick7さんが「FLARToolKit」を使用したサンプルを作っておられます。
『trick7.com blog: さくーしゃさんがスゴイものを作った』

テクノロジーとアイデアがお互いに刺激しあい進化し、人が繋がっていく様が素晴らしいなぁと思います。

動作が軽快なセキュリティソフト「ESET Smart Security」

イーセット スマート セキュリティ

当たり前のことですが、動作が軽くてもウィルスを検出・駆除できなくては、意味がありません。
その点でも、「NOD32」の上位版ということですので信頼度が高いですね。

「ウィルス」と聞くと、得体の知れない未知のもののような気がしてしまいますが、
悪意が有るか無いかというだけで、普通のアプリケーションと同じ単なるプログラムです。

「よくわからない添付ファイルは開かない」「怪しいWebサイトではJavaScriptを使用しない」など、しっかりとした知識を持ってPCを使用することで不用意に悪意のあるプログラムを起動してしまう率は、かなり低くできると思います。

しかし、最近は画像の中にプログラムを埋め込んだり、手口が非常に巧みになってきているのでこのようなウィルス対策ソフトも一つは持っておきたいですね。

これはすごい「Processing.js」

おもしろいですね
進化の早さにも驚きます
IEでは、excanvas.js を読み込むことで canvas 要素を使えるようになるなんてことも、知りませんでした。

アイデアと情熱がテクノロジーを進化させ、テクノロジーが新しいアイデアを生む。
ワクワクしますね

参考：
『Processing.jsで魚の群れシミュレーション - p4lifeのメモ』
『ブラウザでお絵描きプログラミング！ Processing.js 登場！ - IT戦記』

デザイン変更中です

文字が読みづらかったので、デザインを改良中です。

ほとんどCSSを書き換えるだけで、テンプレートはさわらずに作業できるので快適です＾＾

WYSIWYGエディタ「FCKeditor2.6日本語版」

FCKeditorは、各国語版対応なのだが、完全日本語対応というわけではなく、一部のメニューは日本語化されていない。また、比較的正しいXHTML1.0の記述をするとはいえ、一部未対応なので、より正しいXHML1.0の正規表現が出力できるようにカスタマイズしてある。

カスタマイズはMT版をベースにしているが、今回はテンプレート機能の日本語化および、正規表現もおこなった。

Drupal版とMT版は、近々アップロードする予定。

ダウンロードされた方はトラックバックやコメントよろしくです。via : 世界中の１％の人々へ

精力的に着実に活動されていて、開発スピードも速く、素晴らしいと思います。

AcrobatやPDFの出力やカラー関連参考リンク

via : Adobe サポートデータベース
［228002］Acrobat/Adobe Reader 7.0.5 で非 PostScript プリンタから印刷を行うと 7.0.0 ～ 7.0.3 での印刷時とは異なったカラーで出力される

via : Acrobatを使って「カラーのPDFをグレースケールに変換する」

via : JAGAT：PDFによるCTPワークフローを組み立てる

新商品・新サービスの開発

via : 新規顧客をみつけるための10の方法｜Web担当者Forum

主な内容は、

• カタログやホワイトペーパー


• ビジネスに役立つ独自の調査データやアンケート結果


• サンプルやベータ版


• お役立ちツール
  　用語集、レポート、小冊子、エクセルやワードのテンプレートなど


• 会員制の無料サービス

このサイトの提案は、半分以上が「新商品・新サービスの開発」になってくるような気がするのですが、しかし、ユーザーのニーズや時代にマッチしたものを敏感に察知し、展開していくことは必要ですよね。

クリックされた場所をビジュアル化する「ClickHeat」

クリックされた場所をビジュアル化するアクセス解析ソフトウェアだ。
何度もクリックされる場所があると、そこがさらに色濃くなっていく。青から赤へと、まるで炎の温度やサーモグラフィのようだ（なのでヒートマップなのだが）。日ごと、グループごと、ブラウザごとなどでフィルタリングして表示することが可能だ。

via : MOONGIFT

PHPで、データベース不要。
日本語化されているので、気軽に使えそうです。

後日、使用してみてレビューを書きたいと思います。

各ブラウザのフォームエレメントのPSDファイル

via : Designers Toolbox

最近の広告は、検索フォームを模したものに商品名やキーワードを記し、「検索してね！」と言うようなものが多いですね。
ちょっと前までは、「続きはWebで」とURLが記されていましたが。

広告制作時に、検索フォームなどのフォームエレメントを使いたい時にに、このようなPSDファイルを持っていると便利かもしれません。

PHP日本語高機能メールライブラリ「Qdmail」

簡単にメールを送りたい
そもそもメール機能なんて、「使う側からみれば」、当たり前の機能なのに、なんでこんなに大変な思いをしなければならないのか。
（技術的にはいろいろあって大変なのはわかるけど）

携帯にデコメを送りたい
ふと携帯にデコメを送るには、を調べていると、インラインHTMLメールというものの存在を知りました。恥ずかしながら、それまでよく知りませんでした。
調べると、htmlとmhtlのあいのこのようなもので、なかなかおもしろい構造でした。
しかし、Semailではもう限界であり、新たなメールクラスライブラリを作ろうと思い立ったのです。

via : CPA-LABテクニカル

私は、いつもPEARの『Mail/mime.php』を使用してメール送信機能を構築しているのですが、一つのファイルでPHP4,PHP5の両方に対応してくれているライブラリがあれば、可搬性が高くなりとても便利だなぁと思います。

いつか使わせていただくと思います。

エクセルで簡単グラフ

「REPT」という関数を使用し、簡単に数値をビジュアル的にわかりやすく見せようというアイデア。
これは、見事！
via : Juice Analytics

画像も、このサイトのサンプルより

携帯用XHTMLのTips

ただし、いわゆる第三世代携帯電話(DoCoMo FOMA, au WIN, SoftBank/Vodafone 3G)でXHTML対応機種のみを対象。

■文字コード
■画像形式
■ブラウザの解像度
■フォントのサイズ
■入力文字制御
■回り込み
■mailto
など。
via : アシアルブログ

この「XHTML対応機種」の普及率を調べようと思ったのですが、漠然としたことしかわからず。。。
モバゲーあたりが、アクセス統計なんかを公表してくれると助かるのですが。

けっきょくは、実際にサービスをローンチしてアクセスの様子を見るしかないのかな。
携帯向けサイトは、エミュレーションソフトがあるといってもform等の動作テストは結局実機でないと信頼できないですし、全く困難極まりないですね。

日本標準時に直結した時刻サーバ

一度設定すると、システム再インストール時くらいにしかさわらないのでメモ。

日本標準時に直結した、毎秒100万リクエスト以上の処理能力を有する時刻サーバ。

PubNTP

NTPサーバ名: ntp.nict.jp

SSLを使ったセキュアな時刻配信もあり。

サイトのアイコン

こんな感じでどうでしょうか？

WordPress 2.5 が出ていますが

『WordPress 2.5 日本語版』が公開されていますが、IEで画像などのファイルアップロード機能がうまくいかない不具合があるようです。
IEのみの不具合のようですので、JavaScript絡みでしょうか。

すでにFixファイルが出ているようですので、とりあえず適用すればよいと思います。
詳しくは、『画像・メディアアップロード機能の問題』

Ver 2.3 から言われているタグスラッグ問題もそのままなので、『Yuriko.Net』を参考に。

それと、ローカルで日本語ファイル名がついているファイルをアップロードすると、サーバ上で文字化けした状態で保存されますよね？
コードを見ると何も処理していないので。たぶん。
まだ2.5をインストールしてないので、試せていないのですが（＾＾；
いじくるなら、「wp-admin」の「includes」の「file.php」の171行目あたりかな？

また後日インストールして、テストしてみます。

jQueryについて語る12才

Google Tech TalksにてjQueryについて語る12才のDmitri Gaskin君。
jQueryやDrupalにパッチをコミットし，いくつかのDrupalモジュールを管理している。

jQueryについて語る12才

jQueryというのは、人気のあるAjaxライブラリのひとつで、FireFoxの開発チームの一員であるJohn Resig氏が中心に開発しているものです。

Drupalというのは、PHPで記述されたオープンソースのCMSシステム。

もう子ども達は、携帯やPCで日記などを書くことは当たり前で、今や大人が使っているCMSシステム作りに参加している時代。
我々大人達も、もっと考えてもっと勉強しなければいけないと思う。

Firefox 3 と Firefox 2 の同時起動

「Firefox 3」は、まだ Beta 5 ですがJavaScriptやレンダリングの「速度の向上」と「使用メモリー量の抑制」がとても評判がよいですね。
完成版の発表は間近だと思います。

ですが、
アドオンやユーザースクリプトが全てすぐには対応できないと思います。
使い慣れたVer2の環境を残しつつ、Ver3も使い始めることも可能です。

参考：
『Mozilla Re-Mix: Firefox 2.×とFirefox 3 Betaを別プロファイルで同時起動する方法』

ポイントは、「Firefox 3」インストール後すぐに起動せず、まずは『ショートカットを設定する』ことでしょうか。

知識として、Firefoxでのプロファイル（初期設定）管理やバックアップを知っておけば、「起動しなくなった」等のトラブル時にもすぐに対応できると思います。

元ソニー代表・出井氏へのインタビュー記事

商品が生まれるまでには、まず「こんな商品を作りましょう」というトップの思いがあります。これを持たないトップもいるけど、思ってくれないと困りますね。
その思いに対して、横へと進む技術が入ります。
上から縦に入るトップの思いと横へと進む現場の技術がぶつかり、ある段階まで進むと商品となるわけです。
-----
これは全部の商品に当てはまることです。
もちろん横に進む技術を持っていない分野は、ほかから借りてもいいわけです。 -----
日本の強さはこの縦横の組み合わせがうまいところにあり、これが国の強さだと思います。
この縦と横の組み合わせというのを、みんな意外に見過ごしているんですよ。
NBonline(日経ビジネス オンライン)

Google Chart APIを使ってみました

グラフを『Google Chart API』を使って作成してみました。

こういう感じで投げれば

http://chart.apis.google.com/chart?
chs=250x100
&chd=t:60,40
&cht=p3
&chl=Hello|World

imgを返してくれます。便利。

以下サンプル。

クリエイティブコモンズのライセンスについて

Flickr: Photos from tanakawho
春っぽい画像が欲しいなと思い、Flickrからクリエイティブコモンズライセンス『Attribution』で公開されている方の写真を貼ってみました。

しかしこういう権利って難しいなぁと思います。
例えば、
「著作者の情報を表示する」といわれても、表示方法は定められていない。
ブログのアフェリエイトなど、営利目的の範囲は？
そもそも、この画像が本当にその人が著作したのものなのか？
人や建物が写っている場合に、その肖像権などはクリアされているのか？

米国とマークも統一されていないし、なんだかわかりずらいです。

MT4のテンプレートの構造

このラボブログのデザインを作りながら、MT4のテンプレートの構造がだいたいわかってきました。
最初は、インクルードが入れ子になっていてわかりずらかったですが、モジュールを入れ変えることで構造を作って、後はスタイルシートで作れそうですね。

ページの幅960pxを基準にしたＣＳＳデザインサンプル

なぜ960なのかは、
最近では多くのモニターが幅 1024px以上あることと、
2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480 と多くの数字で割れるので、柔軟なデザインに対応できること。

960 Grid System
http://960.gs/

MTをPHPで動的表示

「カテゴリーごとの最新の記事を表示する」というのが、ＭＴタグではなかなかややこしかったのでＰＨＰで直接データベースからデータを取得してみました。

直接取得しているので、完全に動的な表示です。
エントリーを公開で保存すれば、再構築の必要はありません。

しかし、メリットが有るのか無いのか微妙なところ。

MTテンプレート作成状況

MT4では、テンプレートタグがかなり拡張されたので色々な事が出来るようになっています。
モディファイアを使いこなすことで、複雑なレイアウトも可能になりそうです。

参考：
●MTでopモディファイアを利用して複雑なレイアウトを行う[to-R]
●小粋空間: MTIf タグの test モディファイアで Perl の式を利用する
●Movable Type 4.1 で強化される MT タグの新機能

しかし、
MTモディファイアで分岐条件など書いてみると、冗長で、変数の状態もわかりづらいので、慣れているPHPでデータベースから直接データを取ってきて表示してみようと思います。

ページネーションのCSSサンプル

Flickr風やDigg風などのページネーションのCSSサンプル。
コードスニペットとして持っておくと、作業効率が上がると思います。
社内で、短いコードやサンプルの保管庫を決めておくと、よいかもしれませんね。

●Perfect pagination style using CSS