H2+ Goes On

REST APIを使って外部サイトからデータセットを取得して、各要素をリスト形式でページ内に表示させたいことがあるかと思います。

1
2
3
4
5
6

var fruits = [ 'apple', 'banana', 'orange' ];
$.each(fruits, function() {
    $('ul#fruits').append(
        $(document.createElement('li')).text(this)
    );
});

4行目の$(document.createElement('li'))の部分は、$('<li>')と簡単に書くこともできますが、JavaScriptコードにはHTML固有の文法を持ち込みたくないものです。
Continue reading »

本シリーズもこれで完結です。flvencバッチファイルセットを使って作成したflvファイルをサイト内にFlashムービーを埋め込んでいきます。

準備としてローカル環境に適当な作業ディレクトリを作成します。Flashムービーをサイトで公開するために必要になるファイルは、すべてこの作業ディレクトリに収めるようにします。まずは、前回作成したBear.flvを作業ディレクトリにコピーしておきましょう。

Continue reading »

外部サイトのリンクを別タブで開く方法のエントリで紹介したjQueryは、自分でコンテンツを管理しているサイト中でなければ使えません。これをなんとかブックマークレットにして、他のサイトでも使えるようにはできないものかと考えてみました。

閲覧しているサイトが必ずしもjQueryを使っているとは限りませんので、jQueryをブックマークレット中で使えるようにするためには、必要に応じてjQueryをロードしなければなりません。

Continue reading »

私は普段WebサイトやWebアプリを作るとき、テキストエディタで地道にHTML/CSS/JavaScriptをコーディングするというスタイルなので、IDE（統合開発環境）を使って開発をすることはなかったのですが、Ext JSの存在を最近知り、また2009年にリリースが予定されているExt3のデモムービー（現行の最新バージョンはExt2.2）を見て驚きました。これはすごいですねぇ（時代遅れ？）。

あくまでデモを見た限りの印象ですが、Webプログラミングの基礎知識さえあれば、誰でも簡単にクールなUIを作ることができそうですね。時間があったら、まずはExt2.2で遊んでみようかと思います。

ブログ開設から１ヶ月しか経っていないので、自サイト内にはブックマークされているようなエントリはまだありませんが、はてなブックマークのヘルプページで「ブックマーク数を画像で取得するAPI」を見ながら、ブログ内にあるリンクの隣にはてブ数を表示させるようにしてみました。

Continue reading »

コンテンツ上にあるリンク先に飛んだ後、いちいちブラウザの「戻る」操作をするのが面倒なので、リンクを右クリックして「リンクを新しいタブで開く」習慣があります。このブログを自分で見るときも同じことをするのですが、右クリックという操作自体が煩わしくなってきたので、「なんとか自動化できないかなぁ」を思っていました。

Continue reading »