Archived entries for Jetpack

[Jetpack] 表示中ページのブックマーク数を自動表示

bookmarkまだまだテスト段階のJetpackですが、折角なので遊ぶだけでなく、何か役に立つものを作りたいなと思いやってみました。

使ったのは、v.2から実装されたスライドバー。ここに、現在表示中のページに付けられているブックマークを表示します。
「このページ、どのくらい注目されてるのかな?」と思った時に、割と手っ取り早く分かって便利なんじゃないかと。
現時点で対応しているのは「はてなブックマーク」と「livedoorクリップ」だけです。
Continue reading…

[Jetpack] v.2リリース:スライドバー搭載

jetpackJetpackのバージョン.2がリリースされたので、遅ればせながらAPIリファレンスを更新しました。

今回目に付いた変更は、スライドバー機能が搭載されたことです。
これによって、選択した文字列のWikipediaでの検索結果をサイドバーに表示したり、フラッシュムービーを横で流したまま他のページをナビゲートしたりといった、Juiceのような機能を簡単に作ることが出来たりします。(続きに動画を載せました)

他にもXMLHttpRequestの追加やストレージ機能の実装など、本当に使える機能へ着々と進んでいると思わせます。
Continue reading…

[Jetpack] Screw!ボタンをつけてみる

先週、とりあえず開発環境を整えました。早速…でもないですが、何か作ってみましょう。

最初の一歩なので、カンタンなものから。
チュートリアルAPIリファレンスを見ながら、以前用意した画像がスクリューするボタンを付けてみます。

とりあえず、ボタンを表示

まずはアドレスバーに about:jetpack と入力して”I am Jetpack.”のページを表示します。
ここの”Develop”タブで開発するのが、手っ取り早い。
ページ中ほどの黒い矩形をクリックすると、Bespinのように編集可能な状態になります。
ここに、次のようなコードを入れてみましょう。

jetpack.statusBar.append({
  html: 'Screw!',
  width: 50
});

そして”try out this code”をクリック(以下、実行時には常にこの手順)
ステータスバーに”Screw!”と表示されたかと。
Continue reading…

[Jetpack] 開発環境構築

legoというわけで、早速Jetpack Featureの開発環境を作ってみます。

目標としては、次のような感じ。

  • 既存のFirefox 3.0系は、そのまま使えるように残す
  • それとは別に、Firefox 3.5 Betaをインストールする
  • Firebug 1.4 Alphaも入れる

Continue reading…

[Jetpack] インストールと開発環境構築準備

mozilla labsから公開された、jQueryでFirefoxのExtensionを作れる拡張機能 “Jetpack” をいじってみる。
Jetpack
今まで、ちょっとしたExtensionを作るのもxulでやるのは良いとして、debugが非常にやりにくいのが難点でした。
その点、Jetpackは

  • 書きなれたJavascript+jQueryで記述できる
  • インラインで実行確認できるツールがある
  • Firebugとの組み合わせでデバッグしやすい

ということで、ちょっと覚えておこうという気に。
まずは開発準備に環境を整えましょう。
Continue reading…



Copyright © 2004–2009. All rights reserved.

RSS Feed. This blog is proudly powered by Wordpress.