Googleマップなどで使われている、任意の点をクリックするとその点を基準に画像を拡大縮小する方法について考えてみました。
Spriteなどのコンテナを用意してその中に画像を入れてやれば簡単にできると思いますが、今回はその方法は使わずに画像のスケールと座標の移動だけで実現する方法についてまとめてみました。

以前に制作した「HAPPY NEW YEAR!」では「Twitter API」を使用していますが、TwitterではFlashコンテンツが外部ドメインからAPIを呼び出す事を許可していないので、代わりに外部ドメインからもアクセス可能なJSONPを使ってAPIを呼び出す必要があります。
また、プロフィール画像(アイコン)をロードして使用していますが、ロードした画像をFlashコンテンツ内で操作する事も許可されていません。なので、画像を直接ロードせず、同じドメイン内に設置したPHPやCGIのプロクシプログラムを経由する必要があります。

さらに、TwitterではFlashコンテンツが直接扱えないBMP形式の画像が含まれている事もあります。また、Twitterのサーバーはアクセスが集中しているとエラーが返ってきたりタイムアウトするまで反応が無かったりで、あまり安定しません。

そんなわけで、なかなか一筋縄ではいかないFlashとTwitterの連携ですが、コンテンツを制作する上での注意点をまとめてみました。

Twitterのツイートボタンを表示する際の公式のスニペットコードですが、その中身はJavaScriptによってTwitter内の別ページをiframeで埋め込んでいて、以下に挙げる点が個人的に気になりました。

• JavaScriptが無効な時にはボタンは表示されず、「Tweet」というテキストリンクが表示される。
• その際、(恐らくリファラーによって)リンク元をツイート対象のページとしてツイートできるが、「ツイート内テキスト」や「おすすめユーザー」などのオプションは利用できない。
• ボタンの埋め込みについてはiframeによって実現されている。(ボタンひとつを埋め込むだけなのに…)

というわけで、JavaScriptが無効でもほぼ同様の機能かつ、iframeを使用せずにツイートボタンを表示する方法を考えてみました。
なお、今回は「カウント数表示なし」の場合について説明します。「カウント数表示あり」の場合についてはいずれ検証する予定です。今しばらくお待ちを…。

当ブログでは記事の本文にXHTMLタグを多用しているので、特殊文字(&,<,>,",')もそのまま出力するようにしています。(デフォルトのフィルターをいくつか無効にしています。)
しかし、そのままではソースコードなど特殊文字が多く含まれる文章ではいちいち実体参照に変換して投稿フォームに入力しなければならず手間が掛かってしまいます。
そこで、任意の箇所については特殊文字→実体参照の変換が自動的に行われるプラグインを作成してみました。

というわけで、ブログを再開しました！

今回はWordPressのテーマを自分でデザインしてみました。私のメインサイト「ALT+」同様にミニマルなデザインに仕上げています。
コメント機能はデザインがまだできていないので使用できませんが、いずれはコメントも記入できるようにできればと思っています。