アーカイブ

‘Web’ タグのついている投稿

ブログやWebサイトに”Follow me”のバッジを付けてみる

公開:平成21年9月14日 12:07:29 Koichi コメントはありません

数日前からうちのブログの右側にFollow meとか書かれた変なバッジが出ています(Internet Explorer 6の人は見えません)。

followme

これはまあTwitterで私をフォローしてくださいよっていう意思表示です。Twitterをしていない人には全く無関係な話で申し訳ないです。

このバッジをクリックすると、うちのブログの場合ならTwitterの私のプロフィールページに飛ぶので、日々のつぶやきなどを見てフォローしようかどうか考慮していただければ幸いです。もっとも、私はフォローされたからと言ってフォロー返しするとは限らないので悪しからず・・・。

さて、自分のブログやWebサイトに同様のバッジを付けたければ、Twitter “Follow” Badge for your site / blogから簡単にバッジを作成することが出来ます。

followbadge

  1. 自分のTwitterのアカウント名。
  2. ラベルをどうするか。「Follow us」や「Follow me」など。
  3. バッジは何色がいいか。
  4. ページの右か左どちらに表示したいか。
  5. バッジを上から何ピクセルの位置に表示したいか。

決めるのはこれだけ。最後にUPDATE CODEをクリックすればJavascriptのコードが出てくるので、それを自分のブログやWebサイトのbody要素内にコピペすればOK。

簡単なので、Twitterをやっていてフォロワーを増やしたい方はやってみてはいかがでしょうか。

カテゴリー: 主要エントリー タグ: , ,

IE6を撲滅しようというキャンペーン

公開:平成21年8月7日 12:08:40 Koichi コメントはありません

Internet Explorer 6を撲滅しようというキャンペーンが立ち上がったそうです。立ち上げたのはWebサイトホスティングサービスのWeeblyという企業。他に数十社が賛同しているとか。

ie6no

先月もYouTubeがIE6のサポートを終了へというエントリーでIE6の撲滅運動がようやく始まったと書きましたが、それが拡大しつつあるということなんでしょう。

IE6 No Moreではさらに、一般のWebサイトやブログなどでもユーザーに最新のWebブラウザへのアップグレードを促すことが出来るスクリプトを配布しています。

<!--[if lt IE 7]>
<div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
	<div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display='none'; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>
	<div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
		<div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>
		<div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
			<div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>あなたは旧式ブラウザをご利用中です</div>
			<div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>このウェブサイトを快適に閲覧するにはブラウザをアップグレードしてください。</div>
		</div>
		<div style='width: 75px; float: left;'><a href='http://www.mozilla.jp' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>
		<div style='width: 75px; float: left;'><a href='http://www.microsoft.com/downloads/details.aspx?FamilyID=341c2ad5-8c3d-4347-8c03-08cdecd8852b&DisplayLang=ja' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>
		<div style='width: 73px; float: left;'><a href='http://www.apple.com/jp/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>
		<div style='float: left;'><a href='http://www.google.com/chrome?hl=ja' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>
	</div>
</div>
<![endif]-->

上のスクリプトを自分のWebサイトやブログに追加しておくと、

ie6nomore

IE6でWebサイトを閲覧した場合にこの画像のような警告を表示させることが出来るようになります。

ちなみにうちのブログでは、さすがにこの警告はでかすぎるので、こっちのキャンペーンに参加しています。こっちだとWebサイトの右上に、

ie6

この画像のような警告が表示されます。

このようなキャンペーンに賛同される方は、どちらかのスクリプトを自分のWebサイトやブログに追加してみてはいかがでしょうか。もっとも、IE6ユーザーには嫌われるでしょうが。

YouTubeがIE6のサポートを終了へ

公開:平成21年7月16日 12:08:28 Koichi コメント 10 件

ようやくIE6外しの動きというか、そういうものが出てきたようです。Internet Explorer 6でYouTubeにアクセスすると、以下の画像のような文言が出てくるようになったのです。

YouTubeがIE6のサポートを終了へ

Internet Explorer 6のサポートはまもなく終了します。との文言です。

プロ・アマ問わず、Webサイトを制作する知識が少しでもある方ならおわかりかと思いますが、とにかくIE6は大変厄介なWebブラウザでした。ちっとも制作者の言うことを聞いてくれないのです。そんなわがままなIE6のために、多くの人々がHTMLとCSSを書くのに余計な労力を費やしていたのです。

今現在のIEの最新バージョンは8ですが、では何故古い上に厄介な6のために余計な労力が必要なのか。それは、未だにIE6を使っている人が結構多いからなのです。

以下はこのブログの訪問者さんが使用しているWebブラウザの割合です。ブログがショボイのでサンプル数が少なくて申し訳ないですが、1ヶ月で9308アクセスのうち、48.91%がInternet Explorerで占められています。

ブラウザ別アクセス数

そしてそのInternet Explorerのうち、36.26%がIE6となっています。これは、全体の17.73%に相当します。

IE別アクセス数

つまり、IE8が出ている昨今、未だにIE6を使用している人がこのブログでは2割弱も存在するということなのです。これは、とても無視出来る数字ではありません(このブログでは無視させていただいていますが)。

そんなWeb制作者にとって悲惨な現状を打破するかのように、YouTubeが大きな第一歩を踏み出してくれたと言っても過言ではありません。

そもそも私はFirefoxユーザーなので、IE6を使用している人が何故未だにIE7やIE8を使おうとしないのかは私にはよくわかりませんが、少なくとも強い信念を持ってIE6を使っているわけではない人にIEのアップグレードを促す起爆剤になってくれることを、今回のYouTubeの動きに期待しています。

WordPress 2.8.1がリリース

公開:平成21年7月10日 11:35:30 Koichi コメントはありません

WordPress 2.8.1がリリースされました。2.8であった問題が修正されているそうです。特に必要なファイルを勝手に削除してしまう不具合などです。

以下に修正されたものの要約を。

  • 一部のテーマにて、2.8では動作しない方法で get_categories() 関数を呼び出している問題に対応。テーマ修正の必要性をなくした
  • ダッシュボードを読み込む際にメモリー不足のためにページが完全に表示されないことがあったため、ダッシュボードのメモリー使用量を軽減
  • 自動アップグレードが完了しなかった場合のクリーンアップで誤ってファイルを削除してしまう問題を修正
  • 圧縮に関する問題によりリッチテキストエディターが読み込まれない問題に対処
  • 明示的な権限チェックを行わないプラグインに対するセキュリティを強化
  • 権限グループ名の翻訳を修正
  • wp_page_menu() がページタイトルではなくユーザーの指定したメニュー順序をデフォルトに
  • アップロードエラーのメッセージの間違いを修正
  • 一部の IE ユーザーに発生していた自動セーブのエラーを修正
  • プラグインエディタのスタイルバグを修正
  • SSH2 ファイルシステムの要件を更新
  • デフォルトの送信方法を cURL に差し戻し
  • mbstring.func_overload に関する問題を修正するため、翻訳ライブラリを更新
  • インラインスタイルサニタイズを厳格化
  • メニューのセキュリティを強化
  • ブラウザー不適合のためコードハイライトの利用を中止
  • RTL レイアウトを修正

WordPress | 日本語 ? WordPress 2.8.1

カテゴリー: リリース情報 タグ: ,

WordPress 2.8がリリース

公開:平成21年6月12日 12:18:22 Koichi コメントはありません

WordPress 2.8がリリースされました。見た目はあまり変化がありませんが、180以上の改善がなされたそうです。詳しくはVersion 2.8 – WordPress Codex 日本語版を参照してください。

また、ほとんどの人には関係ないと思いますが、CORESERVERXREAなどのレンタルサーバーを借りている人で、さらにWordPressの自動アップグレード等を実行可能にするためにPHPをCGIとして動かしている人の一部では、2.8にアップグレードすると正常に動作しなくなる可能性があります。

私がそうだったのですが、原因は全てのPHPをCGIとして動かしていたためでした。

PHPをCGIとして動かすには、動かしたいPHPがあるディレクトリに.htaccessを追加し、中に

<files async-upload.php>
AddHandler application/x-httpd-phpcgi .php
</files>
<Files plugin-install.php>
AddHandler application/x-httpd-phpcgi .php
</Files>
<Files update.php>
AddHandler application/x-httpd-phpcgi .php
</Files>
<Files update-core.php>
AddHandler application/x-httpd-phpcgi .php
</Files>

を記述すればいいだけ。詳細はPHPをCGIとして動かす方法について – CORESERVER.JP:コアサーバー

ところがこの.htaccessをpublic_html/に置いておくと先述の通り正常に動作しなくなります。これを回避するには、.htaccessをwp-admin/に置く必要があるのです。

カテゴリー: リリース情報 タグ: ,

WordPress 2.7がリリース

公開:平成20年12月11日 17:57:03 Koichi コメントはありません

予定よりも少し遅れていたWordpress 2.7がリリースされました。

WordPress 2.7β1がリリースでも少し書きましたが、2.7ではダッシュボードにAjaxをふんだんに活用しており、使い勝手はだいぶ良くなったという印象です。

Wordpress2.7

変更点の1つに、プラグインやWordpress本体のアップグレードが非常にシンプルになったという点が上げられます。アップグレードを指示するボタンを1クリックするだけ。あっと言う間に終わるので、便利になったものです。

WordPressの日本語版はWordPress | 日本語にて配布されていますが、2008年12月11日17時52分現在まだ2.7はリリースされていないようです。もう少し待つ必要があるようですね

カテゴリー: リリース情報 タグ: ,

Gmailのデザインを選べるようになった

公開:平成20年11月20日 13:22:46 Koichi コメントはありません

さっきGmailを開くと、以下の様なものが出てきました。どうも、Gmailのテーマを変更する機能が追加されたようなのです。

Gmail

早速設定からテーマを開いてみると、

Gmail テーマ

このように色々とGmailのテーマを選べるようになっていました。

Gmailの見栄えは前々からあまり好きではなかったのですが、このように選べるとありがたいですね。ちなみにGmailの日本語版でもこのテーマは追加されています。

カテゴリー: 主要エントリー タグ: , ,

Google Analyticsのアカウントを削除する方法

公開:平成20年11月8日 12:38:10 Koichi コメントはありません

アクセス解析にはGoogle Analyticsを利用しています。

私は複数のアカウントを作ってこのブログやr-Studioなどを解析していますが、以前使っていたけど今は使っていない不要なアカウントも3つほどありました。

しかしアカウントの削除の方法がこれまでは若干ややこしくて、「面倒だからもう放置でいいや」となっていました。それが、最近簡単に削除出来るようになりました。

まず、Analytics 設定 – Google Analyticsを開くと下の画像のようなページになります。

Analytics 設定

そして、削除したいアカウントの右側にある編集をクリックして中程にあるこのアカウントを削除するを開き、最後に削除をすれば完了。とても簡単になりました。

なお、アカウントを削除する前にトラッキングコードをページから削除する必要があるようです。

カテゴリー: 主要エントリー タグ: , ,

WordPress 2.7β1がリリース

公開:平成20年11月3日 12:21:01 Koichi コメントはありません

WordPress 2.7β1がリリースされました。

早速アップグレードしたのですが、ダッシュボードのビジュアル・デザインがガラリと変わってしまいました。

WP 2.7 β1

2.6.3から上書きアップグレードなので一部日本語になっていますが、2008年11月3日9時22分現在ではまだ日本語版は出ていません。

2.7β1ではWebブラウザはFirefoxかSafariを推奨しています。IEやOperaではまだ表示に問題がある部分もあるようで、今後対応していくそうです。

心配していたプラグインは、私の環境ではSimple Tagsのみ動作しなくなりました。ちょっと不便ですが、まあしばらくは我慢ですかね。

なお、当初11月10日に予定していた正式版のリリースは2週間ほど遅れるようです。

カテゴリー: リリース情報 タグ: ,

YouTubeで動画の途中にリンクを張れるようになった

公開:平成20年11月2日 12:18:19 Koichi コメントはありません

YouTubeで、動画の途中へ直接リンク出来るディープリンク機能が実装されました。

どういうことかと言うと、例えばある動画の1分15秒付近から見せたい場合、以下の様にいきなりその1分15秒付近から見られるようにリンクを張ることが出来るのです。

方法は、動画のURLの最後に#t=1m15sを追加するだけ。1分15秒だから1m15sとなっているので、例えば2分30秒だったら#t=の後ろを2m30sにすればいいし、30秒だったら30sにすればいいわけです。

「この動画は52秒付近から面白いんだ」なんて時には役に立ちますね。

なお、ブログなどに動画を埋め込むタイプではこのディープリンク機能は実装されていないようです。もしかしたら出来るのかも知れませんが、色々試した限りではダメでした :neutral:

また、YouTubeのコメントに1:15と書けば、その動画の1分15秒付近に自動的にリンクされるようにもなったようです。

カテゴリー: 主要エントリー タグ: ,

SNSに飽きた人が増えている

公開:平成20年10月11日 13:25:21 Koichi コメントはありません

SNSユーザーの55パーセントが、SNSへの興味が無くなってきたという調査結果が出たようです。

日本でSNSと言うとmixiあたりが最も有名だと思います。私もmixiにアカウントを持っていますが、日記などは最近は全く書いていません。そういう意味では、私も興味が無くなってきた1人なのかも。

もっとも、全く使っていないわけではありません。

主にリアルの友人が書く日記にコメントを付けたり、ちょっとした連絡事項をメッセージで送ったりと、リアルでの付き合いがあった上での補助的なコミュニケーション・ツールとして利用しています。

SNSは日本において急激に利用者が増えたものの、逆に興味本位で始めた人も多く、結果的に急速に飽きが広まっているという現状があるんでしょうね。

カテゴリー: 主要エントリー タグ: ,

Webサイトを崩壊させるブックマークレット

公開:平成20年10月4日 12:36:15 Koichi コメントはありません

ニコニコ動画で話題になっているそうですが、見ているWebサイトの画像を崩壊させるブックマークレットがあります。

このブックマークレットを実行すると、例えばYahoo! Japanならばこのように。

ちょっとしたお遊びですが、画像が多いサイトならより大きく崩壊するので面白いです。

試しにうちのブログでもやってみましたが、うちは画像がほとんど無いし、あっても背景画像だったりするのでほとんど崩壊しませんでした。ちょっと寂しい :cry:

なお、FirefoxなどでAdblock系のエクステンションを有効にしていると崩壊する様子が見られない可能性があるので、やる時は無効にした方が良さそうです。

カテゴリー: 主要エントリー タグ:

秋に合わせてブログも衣替え

公開:平成20年10月2日 12:30:44 Koichi コメントはありません

10月に入って、大阪もようやく秋らしい気候になってきました。今日は暖かいですが、昨日までは寒いくらい。私が待ちに待っていた、最も好きな季節です。

そういうわけで、このブログのタイトル部の画像も秋らしくしようと、紅葉した楓のフリー画像を探し出して簡単に編集し、貼り付けてみました。

出来れば左から右まで楓一色にしたかったのですが、フリーで横に大きくて私の琴線に触れる画像がなかなか見あたらず、やむなくグラデーションで誤魔化してみた次第です。ちょっと赤がキツイ感じもしますが・・・。まだ見慣れてないせいかな。

まあ、また冬になればそれっぽい画像に変えてみるつもりです。

それと、ADP: アルトじゃなくてオルトを読んで、そう言えばうちもメールアドレスを載せてなかったなと思い出して画像でメールアドレスを掲載しておきました。

Liquism Gmail Signaturesを使えばGmailのアドレス画像を簡単に作ることが出来ます。画像にするのは、無論スパム対策ですね。スパムがなかった時代が懐かしい・・・ :cry:

カテゴリー: このブログのこと タグ:

Firefox 3.1ではJavascriptの処理速度がさらに向上

公開:平成20年8月26日 10:16:35 Koichi コメントはありません

Firefox 3は2に比べるとJavascriptの処理速度が劇的に向上しました。

そしてFirefox 3.1ではさらにJavascriptの処理速度が向上するということなので、3.1のα版をSunSpider JavaScript Benchmarkでベンチマークテストしてみました。

結果は以下の通り。比較としてFirefox 3.0.1のテテビルドもテストしてあります。テテビルドと公式版では、若干テテビルドが速いです。

  • Mozilla/5.0 (Windows; U; Windows NT 5.1; ja; rv:1.9.0.1) Gecko/2008081521 Firefox/3.0.1 (.NET CLR 3.5.30729) (tete009 SSE PGO):4305.4ms
  • Mozilla/5.0 (Windows; U; Windows NT 5.1; en-US; rv:1.9.1a2pre) Gecko/20080825034255 Minefield/3.1a2pre:3640.2ms

公式版よりも高速化されたテテビルドよりも、3.1のα版の方がさらに速くなっていることがわかります。

これは3.1の正式リリースが非常に楽しみですね。

また、3.1のα版でちょっとWeb閲覧してみたところ、どうもCSSでテキストに影をつけることが出来るtext-shadowに対応しているようでした。

カテゴリー: 主要エントリー タグ: , ,

WordPress 2.6.1がリリース

公開:平成20年8月16日 8:58:55 Koichi コメントはありません

WordPress 2.6.1がリリースされました。

2.6にあった60ものバグを修正したもののようなので、特に何もなければアップグレードしておきましょう。

カテゴリー: リリース情報 タグ: ,

WordPressのプラグインの自動アップグレードが失敗する場合

公開:平成20年7月19日 11:55:21 Koichi コメントはありません

WordPressにはプラグインの自動アップグレード機能があります。新しいバージョンのプラグインが確認されればそれを管理者に知らせ、ワンクリックでアップグレードが完了するというもの。

非常に便利なのですが、うちが利用しているCORESERVER.JP:コアサーバーだと下の画像のようなエラーが出て上手くいきません。どうも、PHPのセーフモードが有効になっているのが原因なんだそうです。

PHPのセーフモードを解除出来れば問題ないのですが、どうも上手くいかない・・・。サーバーの仕様なんでしょうか。

しかしコアサーバーの場合、.htaccessを利用してPHPをCGIとして動かすことが可能。

.htaccessを利用してPHPをCGIとして動かす方法
  1. 適当な場所に.htaccessを作成。
  2. .htaccessにテキストエディタ等でAddHandler application/x-httpd-phpcgi .phpと記述。
  3. public_htmlディレクトリ内に.htaccessをアップロードして完了。
備考
すでに.htaccessがある場合は、そこに追加すればいいです。

これでプラグインの自動アップグレードが可能になります。

ただし、PHPをCGIとして動かすとどうしても動作が若干遅くなるそうなので、それが嫌な場合は手動でプラグインのアップグレードをする必要があるでしょう。また、一部PHPが正常に動作しなくなる可能性もあるので注意が必要です。