WordPressプラグインでソーシャルブックマーク
前（MovableTypeの時）は簡単に設置できるAddClipsを使ってたんだけどカスタマイズができないのと、ポップアップするのがイヤで別のを探してたらSexyBookmarksの日本Ver.を発見！
WordPressの設定画面から設定をいじれるんで便利。
ソーシャルブックマークでは無いTwitterまである。
（英語版は前から知ってたんで日本のRSS用に改造してMyReleaseに入れてたりする）
Category ‘制作日記’
WordPressに移行しました。
ようやく、WordPressに移行しました。
MovavleType3からMovavleType4にしたときもデザインを変えなかったので、今回も前のデザインのまま作ってみたけど新しくなった感じがしないんでデザインを変更しました。
ゾウがいなくなると別のサイトみたいになるのでゾウ残しという事でサーカスっぽい感じにしてみました。
移行するにあたって別のフォルダを作って調整してから、フォルダ名を替えて本アップする流れにしようと別フォルダにインストールした。
インストールは簡単に終わってMovavleTypeの「システムメニュー」からブログをエキスポートで記事をファイルに書き出してWordPressの「ツール」の「インポート」から「Movable Type と TypePad」を選びファイルを指定すると簡単に移行できるんだけど落とし穴があった。
WordPressはMovavleTypeの「キーワード」をタグとして認識するらしい。
ググってみるとMovableType 4.23 から WordPress 2.7 へ移行しましたって記事に解決法が書いてあった。
ファイル名が変わるのも気になって他がこれも直してくれるらしい。
後はMovavleTypeの時は拡張子をphpにしてあったので「パーマリンク設定」で「カスタム機構」を選んで
/%year%/%monthnum%/%postname%.php
と書き換えたらほぼ同じアドレスになった。
WEBページに関しては書き出したり取り込んだり出来ないので一つ一つコピペしていった。
それでもMovableTypeの時は拡張子があったのにWordPressには拡張子が無い。
まあ、これは数が少ないから飛ばす方が楽かもしれない。
ちなみに携帯は利用者が殆どいないので未対応にしてます。
Googleサジェストみたいなオートコンプリート
一昔前に一世風靡したGoogleサジェスト風のオートコンプリートの実験をしてみた。
オートコンプリートは以前から気になっていてオープンソースなAJAXを試したりしした事はあったんだけど日本語はIMEを通すので正常に動かなかった
「IMEを通すから仕方ないよな～」と納得して実際のサイトに使う事は無かったんだけど
ふと、「Googleのオートコンプリートって日本語もオートコンプリートしてるような・・・」と思って調べる事にした。
Googleのオートコンプリートはac.jsを見ればいいのだけれど難解すぎるのでパス。
検索してみると
Google サジェストの不思議
という記事を見つけた。keydownがダメなだけであってkeyupだとIMEの入力途中の文字も参照できるみたい。
そこで、ベースにするオープンソースなAJAXを探してみた。せっかくCS4になったのだからSpryを使っても良かったけど中身を弄る可能性が大きいので
jQueryでシンプルそうでキャッシュが付いてる「jquery.suggest」っていうのを使う事にした。
データはMyReleaseのキーワードを人気順に並べて使う事にした。
やってみたがIMEでつまづく、keyupにしてもkeydownにしてもダメ。
試しにIEでやってみたらいける。どうやら昔試した時もブラウザの問題で挙動がおかしかったのかもしれない。
調べてみると
tonextone.com/note/ – JavaScript の *.onkey* と IME の事情。その1
どうもブラウザに挙動が違うらしい。諦めかけてると次の記事に解決法が書いてあった。
tonextone.com/note/ – JavaScript の *.onkey* と IME の事情。その2
Googleさんはタイマーをしかけてたらしい。
という事でテスト終了。
日本語オートコンプリートテスト（公開終了）
（ライセンスを書いてないので書き換えていいのか分からないがjquery.suggestもjQuery autocompletersを元にしてるらしいんでいいんかな？）
新楽天ブックス系API
今日も暇だったのでメールの整理をしていたら「【重要】旧楽天ブックス系APIの廃止のお知らせと移行のお願い（楽天ウェブサービス）」のメールが・・・
後で見ようとマークを付けていた様だけどすっかり忘れてしまってた。日付を見ると5月25日。一ヶ月以上前のメールだ。
新楽天ブックス系APIはISBNやJANに対応してるらしい。
旧楽天ブックス系APIを使ったコンテンツを作った事があるがamazonとかのAPIと比べ劣っていたので出来るコンテンツが限られていたけど今回のは使えそうだ。
MyReleaseに新楽天ブックス系APIを付けてみた。
提供してくれる情報も豊富で書名や著者のフリガナまで付いてる。
テストで適当なISBNコードを入れてやってみた。返ってきたXMLを見ると名前にコロンが付いてる。XML名前空間ってやつだ。（名前空間の使い道はよくわかってない）
確かsimplexmlでは対応してなかったような・・・PHP4の時使ってたDOMの方ならなんとかなった気がするが面倒いなとか思いつつググってみると
楽天 API と simplexml_load_file : やおよろグッ！に解決方法が載ってた。
先にファイルを読み込んでセミコロンの部分を取り除いてからsimplexmlって方法。
裏技的な方法だけど問題なさそうなのでやってみた。
他の箇所も調整してたので時間は掛かったけど問題なく動いてる。
めでたしめでたし。と思ってると
SimpleXMLで名前空間付きタグの一覧を取得する – 肉とご飯と甘いもの @ sotarok
simplexmlでもやりようはあるみたい。
CS4で携帯の待ち受けFlash
CS4になりしばらく使ってみたけど、なんか挙動おかしかったり、不思議な処で重くなったりするが、まあなんとか使える様になってきた。
ただ、Flashは8からすると言語がバージョンアップしただけでなく編集画面も違ってるので何か作ってみようと携帯のFlashを作る事にした。
内容は「携帯を開いたらドアを開く音がしてリンカーンが出てきて予定を言う」って感じ。
用意したのは
リンカーンの画像とドアが開く音と背景の画像（MY MILK TOOF）。
まずはリンカーンの画像をアウトライン化。
アウトラインにはオンラインで画像をアウトライン化するVector Magicを使った。
次に音。これもオンラインで変換できるMedia Convertでmmfに変換。
リンカーンの動きを付けたいんだけどプロパティにモーショントゥイーンが無くなってる。動きはモーションエディタってのでやるらしい。
スクリプトは携帯なのでFlash lite1.1でActionScript3は使わず古いActionScript1を使う事になる。
予定はゴミを捨てる曜日（お昼まで）に知らせてくれる様にしてみた。
直接携帯でFlashを見ると音がするのに、なぜか壁紙にすると音が消える。こういう仕様なのかもしれない。
ともあれ、出来たがあんまり勉強にならなかった。
素直に付録のチュートリアルをやった方がよかったかも・・・
docomoの携帯機種選び
docomoの夏がやってきた。
今使ってるP704iもこの夏で2年経つ。P704iで特に不自由していない。そもそも、あまり外に出ないので携帯自体必要なのかと言われればそんなに必要ない。
でもWEB制作をしてると作ったコンテンツを確認しなくてはならないので携帯が必要で、次々と新しい機能を付けてくるので新しい機種でないと困る。（未だにmyreleaseのiコンシェルも確認してない・・・）
つー事で2009年夏モデルを物色することにした。
今回のはコンセプトモデルを除くと17機種あって、docomoから発売のアナウンスがある度に色んなサイトに行って調べてたんだけど値段を書いてるところが少ない、とりあえずドコモのオンラインショップにはあり、AJAXで読み込んでるんだろうけど反応が遅くいらいらするし、全部の機種の値段を一覧で見せてくれない。
そこでエクセルにちまちま打ち込んでいたんだけど、今度は絵がないので分かりにくい。
（携帯の機種名をクルマとか原チャリみたいに分かり易い名前にしてくれればいいのに）
機能と値段が一覧出来る「機能と価格で選ぶドコモ携帯」ってのを作ってみた。
（個人的にはWILLCOMの「HONEY BEE」みたいなストレート携帯が好きなんだけど今回は無いのでデザインは無視して機能と値段で選べるようにしてます。）
最初全部アクティブになってて、条件を厳しくしていくと、どんどん脱落していった機種が薄くなっていく感じです。
値段はドコモのオンラインショップでの金額なのでお店に行くと若干違うかもしれません。
お得に買うには前にも書いたけポイントの付く量販店で一括で買うとポイント分がまるまるお得です。
iGoogleガジェット
ようやくMyReleaseのiGoogleガジェットが公開になりました。
（会員登録ページも作り直しました。）
元々、iGoogleガジェットがデスクトップでも使えるという噂を聞いて制作を決意し、Flash版のブログパーツをいじって作ろうと思ったら横幅が自由に拡縮しないとiGoogleで不細工な事が判明し、時間が掛かりそうなんで後回しにしてきたのですが、先月ぷちリニューアルも終わったんでようやく再開する事になった。
横幅の問題は思ったほど時間が掛からなかった。
ガジェットのキャッシュを制御するDeveloper Moduleを知らなかったし、ディレクトリ（ガジェットを公開するページ）に登録しないと使えないと思い込んでいた、その時に間違って登録してしまったのが残ってるので、ディレクトリから削除したかったんだけど削除するページが無く仕方なく削除してくれる様にGoogleにお願いしたが音沙汰も無くどうしようかと思ってたが、久しぶりに調べてみると解決法が見つかった。参照するアドレス（XML）を削除すると数日後に消える様になってるらしい。
既に登録してしまってる人がいる様なのでしばらくしてから消そうかと思い案内だけ付けておいた。
あと、参照するアドレスがiGoogleだと～.phpでも動作するがデスクトップだと～.xmlじゃないとダメな様だ。
ちなみにデスクトップガジェットに追加する時は「ガジェットを追加」の「ガジェットを検索」のボックスにアドレス（http://my-release.info/blogparts/google.xml）を直接打ち込めば現れる。
auケータイでフォームの内容が壊れる
MyReleaseの設定変更でauだけ設定が変更できないというお問い合わせをもらった、調べてみると本来確認画面が出るところでコミックの発売一覧に戻ってしまっていた。
よく調べてみるとPC版が画像を添付する必要があり
<form action="/index.php" method="post" enctype="multipart/form-data">としていて「MIMEのマルチパートデータ」を送信する様にしており、携帯版も同じモノを使っていたので問題があったらしい。
同じ携帯でもdocomoは”application/x-www-form-urlencoded”（デフォルト）に自動で変換され、softbankは”multipart/form-data”に対応してる様なので問題ない。
auは”multipart/form-data”をエンコードした様な形式でそのままではPHPは解釈できない。
無理矢理”multipart/form-data”にする必要は無いので携帯は
<form action="/index.php" method="post">にすることにして解決した。
auユーザーの方にはご迷惑をおかけしました。
ケータイでもGoogleAnalytics
GoogleAnalyticsは便利だけど携帯に対応していない。
MyReleaseは携帯でのアクセスが多く無視できない。
そこで、2ヶ月ほど前から無理矢理GoogleAnalyticsに履歴を保存してる。
MyReleaseは殆どが動的ページなのでGA4Kってのを参考にPHPからGoogleAnalyticsにデータを送ってる。
携帯なので詳しい情報は分からないけどアクセス数や機種のトレンドくらいは分かる。
ところが数日前からアクセス数が倍になった。
アクセス数が増えるのはうれしいが極端に増えるときは大抵うれしくない理由がある。
今回のは百度って検索エンジンのロボットが原因だった。
携帯の検索エンジンのロボットはGoogleモバイルとYahoo!モバイルを除外してたし、百度のロボットは来ないようにhtaccessでせき止めてたつもりだったんだけど、すり抜けてきたようだ。
百度のサイトにUA（ユーザーエージェント）が書かれてた、攻撃のようなロボットを使う割に親切だ。
htaccessは携帯のが入ってなかったので追記して、念のためGoogleAnalyticsの方でも弾くようにした。
flashの動画（flv）をWEB上で再生するプレイヤーを捜してみた。
仕事が一区切り付いたのでデータを整理してると、ブログのネタが出てきた。
普段は落書き帳にアイデアとかデザインとかを描くことが多いが、ブログを書くようになってからはブログに載せる可能性のある様な事はエディタにネタとして記録しておき忘れる・・・。
（modxをインストールしてみた時の記録も画像付きで残ってたが載せるの面倒なので捨てた）
今回の内容はテキストファイルの日付によると12月16日、3ヶ月以上前のネタ。
もう腐ってるかもしれないけど載せてみる。
1. Flash-Ajax Video Component
Adobe謹製のプレイヤー。
普通にFlashから作ったのと見た目が変わらない。
機能的には少ないが一応再生前の画像は貼れる
2.JW PLAYERS
超多機能でコンパクトなプレイヤー。
見た目は可能な限りパネルを小さくした感じ、更にスキンの機能があるので見た目を変更できる。
機能的にも高機能でプレイリストが使えたり色々なフォーマットの再生に対応してる上にAddOnで機能の拡張も可能。
3.flowplayer
多機能で
見た目は最新版はこの中では一番youtubeに近い。
機能的にはJW PLAYERS程では無いが普通に必要なのは揃ってるし、Pluginも用意されてる。
4.Any FlvPlayer
ローカルの統合型アプリケーションでWEB公開も簡単にできる。日本製なので分かりやすい。
見た目が好みでない
WEBに貼り付ける目的なら特に多機能という訳ではないけどエンコードとかの作業もやってくれるので便利。