CSSやWEBデザインなど、WEBの世界に関するものが中心です。最近はプログラミング寄りですが。jQueryとか、PHPだとCakePHP使ったりします。Flashは紹介するだけ。たまに大学生活やビジネスについても。

おひさしぶりです。けちょるです。

7月になったので(?)ブログをリニューアルしてみました。
デザインを変えただけですが、前のテンプレートよりもカテゴリや記事のタグがちゃんと表示されるのでとても気に入っています。一番下のタグクラウドなんかも素敵ですよね。

ちなみにこちらのデザイナーのかたのテンプレートです。
Ignacio Ricci — Designer+Developer

今回はさらに、6月に公開されたWordPress3.0へのアップグレードもしました。今さらですけど・笑

WP3はマルチブログへの対応だとか派手な新機能もあるんですが、今回は僕が個人的に気づいた(もしかしたらWP2の頃からあったかもしれない)ちょっと気の利いた機能を紹介していきます。

メニュー機能

WP3では、ウィジェットとは別にメニューという機能がつきました!このメニュー機能では、リンクやページ、またカテゴリーを全部つっこんでメニューとして表示することができます。
しかも、いくつもメニューを作っておくことができるので、カスタマイズ性がぐんと上がりそうです。

現在メニューに対応しているテンプレートは少ないのですが、ウィジェットとして表示することも可能なので使いどころは多そうですね。

バルクアップデート

バルクアップデートはいくつものプラグインを同時にアップデート出来る機能です。たくさんのプラグインをいれている人に便利かもしれません。

新しいデフォルトテンプレート「Twenty Ten」

WP3ではデフォルトのテンプレートがカッコ良くなりました!!面白いのは、同じテンプレートでもヘッダの画像や背景をカスタマイズできるところですね。ちゃんとメニューにも対応しているので、ソースコードがサイト制作の参考になることは間違いありません。

アイキャッチ画像

アイキャッチ画像を投稿画面から簡単に設定できるようになりました。
まだ対応していないテーマもあると思いますので、テーマをいじれる方は以下の記事を参考にしてみてください。
featured image アイキャッチ画像 | Standing on the Shoulder of Linus

ショートリンクへ対応

記事を投稿する際に、bit.lyみたいなショートリンクを作成することができるようになりました!Twitterへ投稿するときなんか便利ですね。
ちなみにこの記事だと、短縮URLはhttp://blog.kechol.net/?p=713になります。(あんまり変わってないですけど・・・。)

ブックマークレット「Press This」

ブックマークレットを利用してブログへの投稿ができるようになりました。編集メニューのツール→ツールから利用できます。
実際に使ってみると、投稿画面のポップアップが表示されて、記事の内容には現在のページへのリンクが挿入されます。これですばやく投稿できそうです。

メールで投稿

ブックマークレットのほかに、メールでの投稿も可能です。こちらは編集メニュー、設定→投稿設定から。
自分でメールアドレスを用意しなければいけないので、ちょっと利便性は微妙かも、です。

記事のインポート

ほかのブログエンジンからWPに移行するときに必要な記事のインポートですが、WP3では多くの形式に対応しています。
海外で多く使われているBloggerや、WPと並んで使われているMovable Type、またRSSなどからもインポートできるみたいですね。

ヘルプ機能

WP3ではダッシュボードでいつでもヘルプを参照できるようになりました。左上にタブがあります。初心者にはありがたい機能ですね。

個人的にヘルプ機能で気になったのは、外観→テーマ編集で直接ソースコードをいじるときに、ソース内で使われているWPタグをリファレンスから参照できるようになったことです。参照先は英語ですが、独自のタグを分かりやすく解説してくれるのはありがたいです。

あとは、こちらの動画を観てみてください!
(なんだかイースターエッグが隠されているんだとか)

というわけで、リニューアル後もよろしくお願いします。

16:43 面白いなぁ、これ!ドラッグアンドドロップにこんな使い方があるなんてw RT 【HTML5であそんでみたクエスト】 http://bit.ly/dot3-html5quest

jQueryとHTML5で実装されているゲームです。ゲーム自体は単純ですが、これがHTML5で実装されているところが面白いですね!こういうゲームはこれから増えていくんでしょうか。Flashゲームのまとめサイトみたいに、HTML5で作られたゲームのまとめサイトとかできてくるかもしれませんね。
 
 

18:23 忘れちゃいけないなぁ。。 RT: 動画で学ぶWebアクセシビリティ「Open Accessibility Library Project

「Open Accessibility Library Project」というプロジェクトで、Webアクセシビリティを動画で学ぶことができます。結構見落としてしまいがちですが、こういう環境でブラウジングしている人がいるということも忘れてはいけません。
fujitsuのColoDoctorやテキストブラウザのLynxなどでテストするのも大切ですね。

 
 

23:31 あー、リスト作り直したいけどめんどくさいー。だれかリストを感覚的に操作できるサービス作ってくれー。アイコンのドラッグアンドドロップでリスト管理みたいなさー。

フォロワーが増えてくると、Twitter公式でフォロワー管理するのは大変ですね・・・APIを使ったサービスも重いのが多いですし・・・。
リストといえば、最近はっとしたのが、この発言。

RSSもツイッターのグループも、グループ分けするときはつい「仕事」「犬アイコン」「会った」「perl」みたいな枠でくくってしまうが本当に必要なのは「毎分見る」「1時間に一回見る」「1日以上前は見ない」のようなくくりだPosted by nazoking

クラスタでなく、自分の中の重要度でリスト化するというのも一手かもしれません。

 
 

11:38 これ面白すごい。 http://ow.ly/1A2id

こちらのプレゼンは先日行われたCSS Nite LP9 での高津戸さんのプレゼンです。
CSS3とJavascript(jQuery)で実装されているんですが、スムーズなアニメーションにびっくりです。(SafariかChromeで見てください)
 
CSS3で実装されたアニメーションはなかなか使いどころが難しいというのが印象としてありましたが、このプレゼンを見てみると、プレゼンツールとしてのWEBページもアリなのかもしれません。
 
今でもSlideShareなどのサービスはありますが、プレゼンは他人に何かを伝えるためのものであるのに、共有されることは少なかったですね。WEBページとしてあることでプレゼンが検索できるようになれば面白いと思います。
Skypeの会議システムで発表者の音声だけを聞き、プレゼンはWEBのどこかにあげておく、なんて使い方もいいかもしれません。特にプラグインなど必要ないので、(将来的にCSS3が実装されれば)環境の違いに悩むことも少なくなりそうです。

 
 

19:10 Twitterって中国進出してないの!え、初めて知った。

進出してないというか進出できないというか・・・なんですね。
中国が全力でTwitterをブロック中・・・ – IDEA*IDEA ~ 百式管理人のライフハックブログ
 
中国では思想統制が当たり前ですから、手軽に海外の人と直接につながれるTwitterは、ある意味Googleよりも怖い存在なのかもしれません。下手に一致団結されるとTwitter革命なんて起こっちゃったりするのかもしれませんね・・・。
 
しかしこうした中国の閉鎖的な姿勢はいつまで続くのでしょうか・・・こんな姿勢では、世界に追いつくことはできても牽引していくことはできそうにないと思うのですが・・・。

 
 

19:11 twitterトップの @toptweets_ja は見てて飽きない。さすが人気のツイート。

Twitterのトップページが新しくなって表示されるようになった人気のツイートですが、やっぱり面白いですね。
ちなみに英語版は@toptweets です。

 
 

19:02 ChromeでHootSuiteのアプリケーションショートカット作ると便利かもね。画面広く使えるし。

Google Chrome のアプリケーションショートカットは地味に便利ですね。WEBアプリのショートカットを作って、ネイティブアプリのように使うことができるようになります。
ページアイコンのメニューから「アプリケーションショートカットを作成」を選ぶと、表示しているページのショートカットをスタートメニューやデスクトップにつくることができます。HootSuiteのほかにもDropBoxやブログのショートカットを作ってみてもいいかもしれませんね。
アイコンにはそのサイトのファビコンが使われるみたいです。拡大されてしまうので、高解像度のファビコンを用意するのがいいと思います。

 
 

12:29 サイトもクールだなー。 RT: Twitterデペロッパー向けのサイトが公開されてる。 http://dev.twitter.com/
23:54 Twitter公式の @anywhere 使ってみたい。なかなか便利そうだ。

Twitterのデベロッパー向けサイトがオープンしました。これからはAPIだけでなく、公式のサービスとして提供されるものが増えていく見込みです。
現在利用出来るのは@anywhereというサービスで、自分のサイトにTwitterの機能を埋め込むことができるようになります。ITmediaでも紹介されていました。
Twitter、サイトにTwitter機能を埋め込める「@anywhere」スタート – ITmedia News

 
 

12:01 WEBのちょっとした未来。期待してしまう。 [CBCNET > Dots & Lines > 野澤 智 > 6. ウェブの未来 2つのリアルタイム性]

現代のWEBの世界では、リアルタイム性というのが大きなキーワードになっていますね。こちらの記事では、プッシュ型とプル型の情報、ふたつにわけて解説されていました。
リアルタイム性を意識すれば、情報が自然とプッシュ型(自動的に情報が更新される形)になるのは当たり前のことなのかもしれません。ただ、プッシュ型の情報はうまく取捨選択しないとこちらが情報に埋もれてしまうというデメリットが有ります。そういう意味で、これからは情報をうまく整理する技術が求められていくのかもしれません。その情報というのも、大量で言語による曖昧性のある情報だから難しいですね。
 
また、最近注目されている地理情報の利用やより直感的なUIの登場も大きな変化です。
こうした地理情報への注目もリアルタイムWEBあってのものかもしれません。情報が常に更新されていく、でも一日中パソコンの前に座ってなんていられない。どこでも情報にアクセスできる必要が出てくる。つまり、WEBにアクセスする場所が多様化します。そうして初めて、地理情報に価値が出てきますよね。TAGWHATは記事でも紹介されていましたが、地理情報も共有することで、リアルでの感覚・経験も共有することになり、将来はこうしたWEBとリアルの融合がすすんでいくのではないでしょうか。

 
 

18:18 「素直になれなくて」のサイト、TwitterドラマのくせにメッセージはTwitter使わず掲示板で、発言に認証が必要でしかも個人情報要求とかなんなの?! http://ow.ly/1yJm0
18:21 注目されてるものに飛びついただけか・・・視聴者を釣るエサ程度にしか考えてないわけね・・・。

Twitterドラマとして注目されている「素直になれなくて」ですが、TLを見ている限りあまり評判はよくないようですね・・・。
Twitterドラマを謳っているが、実際はぜんぜんそうじゃない、という見方の人がおおいようです。僕は見ていないのですが、ドラマではTwitterが出会い系サイトのような描き方をされているというので残念です。テレビ局の影響力というのはばかになりませんし。
参考までにネタ帳さんのレビューをどうぞ。
携帯片手にテレビドラマ「素直になれなくて」を見るというおかしな一体感*ホームページを作る人のネタ帳
 
Twitterを話題のものとしてしか見ていないテレビ側の対応もなんだかなぁ、という感じです。レビューでもあるとおり、テレビを見ながらTwitterをする、というスタイルが(少なくともTwitter-erのなかでは)確立されてきているので、Twitterってテレビのためのキラーアプリになるとおもうんですが・・・。
番組が成功するために口コミは大事だと思うのですが、あえて番組へのメッセージも掲示板方式だというのも気にかかります。・・・ディスられるのをわかっていての事前対応策だったのでしょうか。

 
 

14:11 iPhoneでもブラウザ戦争かなぁと思うと・・・。 RT @SoundOnline: 「iPhone」向け「Opera Mini」、App Storeで提供開始 http://bit.ly/cvJ4Zr

以前から噂されていたiPhone向けOpera「Opera mini」がついにApp Storeで承認され、提供が開始されました。
Twitterから流れてきた話では、割とサクサク動くとのことでしたが、携帯用サイトのUA振り分けによってPC用のサイトが見られないといった問題もあったようです。もちろんこれらはサイト制作者が気を配るところですが。
 
ユーザの選択肢が増えてきたことはいいことですが、今までブラウザがSafari一つだったということは制作者の助けになっていた部分があると思います。これからブラウザが乱立して、iPhone用サイトの導入の妨げにならなければいいですね。

 
 

15:01 絶対これ新しい体感型ゲームになるって![Alice for the iPad]
15:02 脱出ゲームとかのジャンルに使えそう。ギミックがクリック以外で起こるって斬新だと思うんだけど。

iPad、面白いですね!今までのコンピュータとはまったく違った使い方が出来そうです。このインターフェースをどれだけうまく使えるのか。ベンダーに期待です。

 
 

21:48 MacBook Pro、i7搭載かー。CS5もサクサク動くね(笑)
21:51 学生の皆さんにはiPod Touchが実質無料でついてきますよー、なんて。

新型のMacBook Pro が発表されました。
 
MacBook Pro – Apple Store (Japan)
 
なんと今回のMacBook Pro は、15インチになると Intel Core i を搭載しています。13インチではCore 2 Duo なのがちょっと惜しいですね。少し高いのも気になります。
macにこだわらなければ、SONYのVAIO Zシリーズも同等のスペックでなかなかお安く手に入るみたいですよ。
 
Zシリーズデザイン&カラーギャラリー│ パーソナルコンピューター “VAIO” – Sony Style

 
 

22:18 ソーシャルメディア専用ブラウザかー。2ch専用ブラウザみたい。 RT @oohashi: Flockというソーシャルブラウザが面白い: http://bit.ly/ag6AeV via @addthis

ソーシャルメディアブラウザ「flock」というものがあるそうです。ベースはFirefoxでGeckoエンジンを搭載しているそうです。
少し古いですが、@ITでもとりあげられたりしているみたいですね。
ソーシャルWebブラウザ「Flock 1.0」を使ってみた - @IT
 
記事ではまだver 1.0ですが、現在はver 2.5が公開されており、日本語にも対応しているそうです。SNSへのアクセスやソーシャルブックマークの管理のほか、ブログの更新やRSSリーダーとしても使えるみたいですね。インターネットを使うときはだいたいSNSという人には向いているかもしれません。

 
 
以下メモ。
 

23:19 面白い情報とか本当に役に立つ情報は自発的に生まれないのかなぁ。生まれたとしても表に出てこないのかも。だから、会話からぽっとでてくるアイデアとか情報って貴重だ。
23:24 残念ながらそうした貴重な情報は共有されない(されにくい)んだよなぁ。

「ここだけの話・・・」なんてよくある言い回しですが、会話によってより質の高い情報を得ることって多いですね。そうした情報をうまく抽出する技術ってないものでしょうか。
 
 

 
 

09:51 RT @hatebu: アップル iPhone OS 4.0 発表、マルチタスク対応など (61 users) http://bit.ly/dCqKCL
08:03 結局OSのアップデートだけか。だったらいまiPhone3GS買っても特に問題はないわけだ。SoftBankがなんかしらのキャンペーンをやるかどうかは別として。
08:05 SIMフリーで株価下げてるし、基地局増やすのにお金かけてるし、キャンペーンとかやる余裕は無いかもな・・・(´・ω・`)

期待されていた新型iPhoneですが、結局出ませんでしたね・・・。しかしながら、このOSのアップデートはとても画期的です。多くのデベロッパーAPIやマルチタスクなど、多くの機能が追加されます。
 
Apple、「iPhone OS 4.0」を発表 マルチタスク対応でこの夏公開 – Google ニュース
 
 

09:44 RT @neutral_mya: キーボー度チェッカーを改造して簡易タイピングチェッカーβなるものを作ってみました。 20単語のタイピングを測定してつぶやけるだけのFlashですが、興味のある方はお試しください。 http://neutralx0.net/tool/tc.html

僕も大好きなゲームサイトのneutralで新しいタイピングゲームができたそうです。なんでも初速度も測れるのだとか。いまではゲームや診断をしたあとにTwitterでつぶやける機能は標準になってきたのかもしれませんね。

新しいWEBサービスを公開しました。
 
.TXTIZE – 海外ニュースを電子辞書用のテキストファイルに!英語学習にどうぞ。
 
 

この「.TXTIZE」は海外のニュース記事を簡単にテキスト形式で保存できるサービスです。自分が学校でパソコンを持ち歩けないときに、電子辞書にニュース記事をいれておけたら手軽で便利だろうな、と思って作りました。
 
構想は練っていましたが、実質的な制作期間は一晩でした。
 

動作環境

動作確認は最新版のGoogle ChromeとFirefox、IE8で確認しています。
IE6には対応しておりません。
 
また、電子辞書でのテキストファイルの表示はCASIO XD-ST4800(4年前の機種)で確認済みです。

 
 

利用方法

フィードを選び、リンク先で”Txtize!”ボタンを押せばその記事本文が入ったテキストファイルを保存出来ます。
ニュースフィードは現在、WIRED VISION、TechCrunch、NY Times Bits Blog に対応しています。
(テクノロジ系のニュースが多いのは僕の志向です。あしからず。)
 
保存されるテキストファイルですが、基本的にはその記事全文となっています。プレビュー画面の記事が途中までだと、保存されるテキストファイルも途中までの文章になってしまうのでよくご確認ください。
今のところ失敗なく保存されています。

 

原理

このサービスはPHPで書かれています。
原理は簡単で、file_get_contents()で取得したファイルをexplode()で必要なところだけを抽出しつつ、sprit_tags()でタグを取り除いています。あとは電子辞書でも表示できるように、エンコードをSJISに変換しています。これだけです。

 

ご要望

ほぼ自分のためにつくったので、サービスとしては不完全です。
「ここの記事も読みたい!」「電子辞書でうまく表示されない」など、ご要望・ご意見があれば、ぜひ @Kechol まで。
 
けちょる (Kechol) on Twitter
 

08:40 この機能比較だとXPERIAが非常に優れているように見える(笑) RT @monoqlo: Photo: おい、iPhoneにHDDなんてないだろ http://tumblr.com/xgd87pjsu

4月1日にdocomoからソニー・エリクソン製のスマートフォン「Xperia」が発売されましたね。今年の四月は各キャリアからスマートフォンが発表されて、iPhoneの独擅場だったスマートフォン市場が大きく変わりそうです。競争が激化することで、機能の改善や市場規模の拡大が見込めたらいいですね。

このXperiaですが、Google製のAndroidOSを積んでいます。現在、OSのバージョンは1.6でマルチタッチに対応沿いていなかったりハードウェアの機能が少し弱かったりするのでちょっと残念ですね。
僕も実機を見ましたが、やっぱり4インチの画面は大きいですね。Ustreamも全く問題なく観ることができました。

アプリの数や動作の安定性などまだまだiPhoneに分がありますが、これからのスマートフォン市場には期待できますね。Xperiaの動作報告などはこちらをどうぞ。
Xperiaって使ってみてどう? 働くモノニュース : 人生VIP職人ブログwww

 
 

09:04 UNIQLOもTwitterの使い方うまいなぁ。楽しんでるなぁ。UTWEET! http://www.uniqlo.com/utweet/

UNIQLOも積極的にTwitterを活用していますね。UTシャツの販促のためのサイトだそうです。自分のアカウント名を入れると楽しいアニメーションでツイートを表示してくれます。見入ったタイミングでTシャツを着たモデルの写真が出てくるのはやっぱりうまいですね。

 
 

11:00 ちょっとこのサイトいい!4月1日にオープンしたばかりのサイトだけど。本屋みたいに通っちゃうね。 http://hon-aru.jp/pc/

本屋の歩き方」は4月1日にオープンしたばかりのサイトです。
まだ準備中のコンテンツが多かったりしますが、このゆるい雰囲気とか僕は好きです。トップページの見せ方とかうまいですね。

 
 

09:15 Chrome5.0 はかゆいところに手が届くね。 http://ow.ly/1uUWi
リンクはこちらの記事です。
是非とも知っておきたいChrome拡張機能の使い方・管理の仕方あれこれ*二十歳街道まっしぐら
 
この記事を見る限り、Chrome5.0 dev では拡張機能がより便利に使えるみたいですね。アイコンを移動出来たり、シークレットウィンドウでも拡張機能が使えたり…。他にどんな機能がつくか気になるところです。

21:55 アーカイブ一週間のあいだに絶対見る! RT @hatebu: 孫正義、【志】を語る。「孫正義 LIVE 2011」書き起こし(その1) | kokumai.jpツイッター総研 (75 users) http://bit.ly/cegkjS

SoftBankの2011年新卒向けに、孫社長が講演を行いました。自身の半生を通して、SoftBankの歴史、ブレイクスルーとなった出来事とこれからの展望について語られました。

もう映像の配信は終了してしまいましたが、ツイッター総研さんで全部のお話を書き起こしたものを公開しています。(!)今大学生の人は必見です。
 
孫正義、【志】を語る。「孫正義 LIVE 2011」書き起こし(その1) | kokumai.jpツイッター総研

 
 

10:28 TEDtranslations が知らない間に4つも追加されてる!ジェームス・キャメロンの話も面白いがPivotも興味深い。http://www.ted.com/translate/languages/jpn

どんどん追加されるのは嬉しいですね!オススメは【ゲリー・フレーク 「Pivotはウェブ探索における分岐点となるか?」】です。
Pivotのデモはすごいですね。整理し尽くされた情報を自在に操っています。情報過多のWebの世界で、検索システムの成長はかかせません。Pivotに限らず、これから新しい情報検索の手法がどんどん開発されるかもしれませんね。

 
 

10:38 チョコレート食べたい。ムービーみたいに。 http://tokyo-chocolate.jp/

Mary’s の素敵なキャンペーンサイトです。ショートムービーはとっても面白いですよ。

 
 

14:37 おっ! RT @haruka_izumi: RT @ca_tweet: 図書館蔵書検索サイト「カーリル」がAPI仕様書を公開 http://current.ndl.go.jp/node/15954

カーリルがAPIを公開しました。ISBNを元にした蔵書検索のほか、位置情報から近隣の図書館情報を検索する機能も提供しています。
今回、このAPIの公開に合わせて、APIコンテストを開催するそうです。グランプリの人には「カーリル」の開発現場、岐阜県中津川市への温泉旅行などが賞品となっています。
カーリル | APIコンテスト出場者募集!!

 
 

11:45 エクスプローラ使いにくすぎるからxplorer2を導入してみた。タブ機能+キーボードショートカットカスタマイズがありがたい。

xplorer2はWindows標準のエクスプローラの代替となるアプリケーションです。有償ですがトライアル版もあります(僕はトライアル版を使っています)。タブ機能やペイン表示のほか、多くの機能を持っており、Windows標準のものより断然使い易いです。xplorer2の紹介、ダウンロードは以下のリンクからどうぞ。
ITmedia Biz.ID:Windowsのエクスプローラを「Xplorer2」で置き換えよう

 
 

12:27 ポップだ!これ目覚ましにしたいw RT @yamada_nt: おほい!これやばいよ!ブラウザ二度と閉じられなくなっちゃうよ>< http://j.mp/b4nIEW
12:29 あーこれ声誰なのかと思ったら相対性理論の人か!

音注意です。素敵なFlashですね。不思議な気分になります。