2008年6月アーカイブ

次世代ブラウザ Firefox3が登場しましたね。確かに最速だと思います。

Vimperator Index of /Greasemonkey :: Firefox Add-onsAutoPagerize -- Userscripts.orgの組み合わせでさらに最速に。

ff-logo-big

HERE CAPTION


今回のfirefox3に+Vimperator+Greasemonkey+Autopagerizeでどれくらい最速ブラウジングが体験できるかをvideoにしてみました。

vimperatorで操作していますので、[j]キーをずっと押しっぱなしです。(SHIFT+Gだともっと楽です。)

追記:今回のVideoですが、Vimperatorの機能を十分に紹介しきれていません。導入することでVideoでの内容以外にさまざまな便利な機能があります。また次回機会がありました折に紹介してみたいと思っています。

以下、今現在私がfirefox3で使っているアドオンのリストです。

以前から入れたくてしょうがなかった(参照:suVeneのあれ: Plaggerとは何ぞやPlaggerを導入。

fmtube_image

Lastfmを使って自分の聴いている洋楽ナンバーをplaggerで拾ってきて、フィルターでYoutubeに検索をかけてembedコードを書き出し、それをMTにポストするという仕組みです。cronで2時間ごとにまわしています。

そしてPlaggerを使ってMovableType4.1へ収集したものをポストする作業を自動化させて構築してみたサイトがこちらのfm+tubes(試作)です。めっちゃアサマシサイトです。

まず、Twitter / miyagawaさん、Yusukebeさんはじめ、plaggerを使って情報発信している皆様に感謝します。ネット・サイト制作がさらに面白くなりました。

つい昨日MT4.2がリリースされてましたね。Movable Type 4.2 を発表しました | MovableType.jp。早速自サーバ(UbuntuServerEdition)に入れてみました。テンプレート画面の見通しが良くなって、管理しやすくなったと思います(正直、そんなに触っていないので詳しくその良さがわかっていませんw。)

最近MTのタグなどを勉強するのにこちらのサイトmtde.infoを利用しています。

mtdeinfo

とてもきれいに情報が整理されていて、尚且つ手に届きやすいリンク配置、サンプルコードによるテンプレートタグの解説といった感じでとても参考になります。

テンプレートタグリファレンス | MovableType.jpと併せて頻繁に行ったり来たりしています。firefoxを使っている方は、Movable Type 4 に対応したタグリファレンスを活用する | MovableType.jpでも紹介されているように、検索にテンプレートタグ検索を追加することで、mtdeinfoを読みながら、タグリファレンスを読みたい時に、キーワードを選択して、右クリックでコンテキストメニューを表示し、[MT テンプレートタグ検索]を選択実行することで別タブでバックグランド(設定いるような・・)で開くことができます。

あとは、サイトで開設されているサンプルコードを自サーバ(MTOS)にこのブログのバックアップを流し込んで、その上でサンプルコードをwidgetにして、テンプレートに入れてどんな動きができるのかを試してみたりしています。

変数の動きだけのサンプルコードは、新しいブログを開設して軽い状態で確認表示したりしています。

そんな感じで勉強しています。とても難しいです。サイトに限らず、設計できてないとたぶん使いこなせないかも。なんて感じてます。エンジニア向けだなって。

サイト運営者の方の個人ブログでmtde.info の、できる経緯も合わせて読まれるといいですよ。

簡単に引用マークアップ(blockquote要素)を生成できる-javascriptで紹介している引用マークアップを生成 - 徒書のカスタマイズしたものを少し変更しました。

引用表示を簡単にするjavascript ブックマークレット

以前は引用元が表示されませんでしたが、今度は引用元も生成されます。

blockquote bookmarklet

Grid表示できるjavascript ブックマーク

最近みつけたjavascript bookmarkletは、表示しているサイトにGridを表示できるようにするものです。マウスでグリッドの位置も移動できます。

Grid bookmarklet

すべてのブックマークにキーワードを指定しておけば、[Alt]+[d]でURLを選択し、[キーワード入力]+[enter]でブックマークが簡単に使えます。

Firefoxでちょっと使えるショートカットとブックマークでも紹介しています。

vimperatorをお使いの方は、[o]を押して(:open)の、キーワード入力で簡単にブックマークを呼び出せます。

Firefox検索ショートカット

他にも、firefoxでは、さまざまなサイトの検索にもキーワードしていできるのでそちらにもキーワードをあてています。

例えば、はてなブックマークのタグ検索にカーソル移動して、右クリックでコンテキストメニューの中から、[この検索にキーワードを設定]を選択。キーワードをhbtagで指定して保存。

あとは、[Alt]+[d]でURLを選択し、hbtag+[スペース空ける]+[探したい情報のタグ入力]+[enter]ではてなタグ検索結果を表示できたりします。
vimperatorだと、[t]での:tabopenで使うと別タブで検索結果を表示できます。そんな感じで、さまざまなサイトの検索窓での検索を使ったりもできます。

Tumblrにアカウント作って、楽しんでいる方多いですよね。reblogが面白いのもあるし、気に入った写真などがあったときに、簡単にクリップできたりするのに魅力を感じます。Firefoxを使っている方は、brazilさんがリリースされているアドオンでTomblooUsage - tombloo - Google Codeを入れておくととても簡単にtumblrへポストできるようになります。

tumblrgallery

さて、今回は、tumblrを使って自分のfavorite Galleryを作ってみることについて紹介します。実際に作ってみたのがこちら→web gallery

所要時間はトータルで2時間ぐらいです。(90サイト近くのキャプチャを取得してポストする時間も入れて)ほとんど、目的のデザインばかりを探すのに時間がかかったぐらいでw。今回は、BK+Grayでtypography、Gridデザインを意識したWEBサイトばかりを集めてみました。

(※1日にtumblrにアップできるイメージファイルの容量制限があるので真面目にアップしても1時間もかからないです。)

ウェブページ

   
  

アイテム

  • ff-logo-big

    ff-logo-big: firefoxロゴ

  • fmtube_image

    fmtube_image: fmtubesキャッチイメージ

  • mock.jpg

    mock.jpg: fm+tubesのモックページ(デザインレイアウト)。最終的にはこのスタイルでマルチブログで展開してみる構想。

  • mtdeinfo

    mtdeinfo: Movabletypeを勉強するならこのサイト。サンプルファイルもあって、情報も探しやすいです。とてもきれいに情報表示されていて、とても参考になります。

  • mytumblr

    mytumblr: 個人の趣味でのtumblrです。女性のポートレートなんかがおおいです

  • caputure_contextmenu

    caputure_contextmenu: tumblr caputureを右クリックコンテキストメニューで選択する

  • tumblrgallery

    tumblrgallery: tumblrを使ってWEBデザインGalleryを簡単に作ってみました。

このアーカイブについて

このページには、2008年6月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2008年4月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。