【JavaScript自習】 ニコニコ市場のHTMLソース(ref. JavaScriptでやりたいこと。)

最近、いろんなサービスのJavaScriptなりその実装の仕方なりを、 Firebugを通してよく見ているんですが、ニコニコ動画もその中の1つです。 JavaScriptでやりたいこと。の中でこんなことを書いたんですが、

ただ僕がJavaScriptでやりたいこと、と言うのが1つ明確にあります。 それは、「機能追加をscriptタグ一個で行う」ってヤツです。 これは、WEB+DBのvol.42のニコニコ動画特集の中で、 ニコニコ市場実装時の作業について書かれていた中で出てきた言葉です。以下引用します。
動画再生ページにニコニコ市場の商品情報を埋め込むには、ニコニコ市場を埋め込みたいページに、scriptタグを書いてもらうだけで実現できます。ニコニコ市場のサービスイン時には、ニコニコ動画の開発者に「このscriptタグを埋め込んどいて」と連絡しただけで、ニコニコ動画にニコニコ市場の機能がつきました。(P.71)
 
書いたはいいものの、実際のHTML上での記述がどうなっているかは見ていませんでした。 JavaScriptの方ばっかり追ってました。 というわけで、少し抜き出してみます。本当にちょっとです。

続きを読む

IE以外のブラウザ(Firefox/Safari/Opera…)でクリップボードにコピーする(Flash ver.10対応)

ボタンなどをクリックしてテキストをクリップボードにコピーすることは、 InternetExplorerであれば、JavaScriptを使って比較的容易に実現できます。

ソース(IE限定)

サンプル

しかし、この「clipboardData.setData」という関数はIE独自のもので、 IE以外のブラウザでは実装されていません。 というわけで、FirefoxなどIE以外のブラウザでクリップボードを使うには、他の方法が必要です。 この解決には以前から、Flashを利用した手法が使われてきたのですが、 Flashがver10になって以降セキュリティが強化され、多くが動かなくなってしまいました。 というわけで、今現在有効な手段についてサンプルを交えつつ。

続きを読む

Re: 【メモ】PHPとJavaScriptで簡単なAjax

【メモ】PHPとJavaScriptで簡単なAjax – NOBODY:PLACE – MUTTER この間試しに書いてみたコードなんだけど、どうも微妙だったので少し書き直し。 変更した点はこんな感じ。

  • 更新にinnerHTMLじゃなくて、Event.updateを使う(これは元エントリも書き直してます)
  • インスタンスの生成は普通に無名関数で(元エントリのはliteboxから拝借してました)
  • その他細かいところ
例によって処理部分はPHPですが、これは別に何でも良いです。はい。

続きを読む

JavaScriptでやりたいこと。

一時期ホントに避けて通っていたJavaScriptなんですが、 遅ればせながら、多分トラック10週分くらい遅ればせながら最近熱心に考えてます。 やっぱり具体的に出来ることが見えてくるとモチベーションも違ってきますね。 まだまだ、自分が興味あることについてだけつまみ食いしていて、 基本的な部分はあんまり解ってないというところはあるんだけど、 その辺を真に理解しなくちゃいけないのはもう少し高次なことをやるときであって、 最初はコードに問題がなければ、それがなぜ問題ないかまでは知らなくて良いかなと思ったり。 いやー相変わらずしょぼいコードばっかり書いてますけどね…

続きを読む

【メモ】PHPとJavaScriptで簡単なAjax

コードの一部を修正した続編を書きました。 Re: 【メモ】PHPとJavaScriptで簡単なAjax – NOBODY:PLACE – MUTTER
最近、JavaScriptを随分熱心に書いています。 「書いています」とか言ったって手習い程度の話なんですが、 まぁそれはともかく、今までなんかやたらと難しそうな印象を持ってたAjaxが、 PHPとJavaScriptでやれば結構簡単だってことが解って驚いています。 (PHPの部分はお使いのプログラム言語に直してくださいまし) ライブラリを使うとさらに簡単。 諸事情によりprototype.jsを使っているので、 それを利用したコードを試しに書いてみるとこんな感じ。

続きを読む

FLVやMP3をWEB上で再生する(その3) – JW FLV Media Player 4.x

JW FLV Media Player 4.xを利用して、 音楽や動画を再生するための手順をまとめてみます[1]。 サンプルはこんな感じ。

Get the Flash Player to see this player.

続きを読む

[JW FLV Media Player] wmodeにtransparentを指定すると自動再生がされない。

少し前に、Liteboxなどのレイヤーとの重なり具合の調整のために、 JW FLV Media Player側ではwmode=”transparent”を指定した方が良い、 というようなことを書きました。 FlashPlayerがLiteboxレイヤーの手前に来てしまう件について。 で、重なりの問題はこれできっちりと解決するんですが、 このwmodeを設定していると、次のようなことが起こることが分かりました。

動作条件
プレイヤーを別ウィンドウで開く。
症状
開いた子ウィンドウにフォーカスを合わせるまで再生が行われない。自動再生を設定していても同じ。
ブラウザ環境
Firefox 3.0.4
うーん、IEだときちんと再生してくれるんですけどね… とりあえず習慣で設定してしまっていただけで、 プレイヤーだけの子ウィンドウにwmodeは不必要なので削除。 これで問題なくなりました。 やれやれ。

続きを読む

外国為替ブログパーツまとめ

外貨預金もFXもやってるわけでもないのに、 最近の為替の動きが気になるisです。こんばんは。 いちいちYahoo!ファイナンスをチェックしに行くのもだるいので、 自分用のスタートアップページにブログパーツでも付けるかってんで、色々としらべてみたところ、 FX系の証券会社、FX情報サイトでブログパーツを出してるところって、 結構多いんですねぇ。驚きました。 というわけで、簡単にググっていくつかピックアップしてみます。 基本的にはチャートの付いてるヤツが欲しいんですけどねー 昨日今日の差額で勝負してるわけではないので。

続きを読む

【メモ】 “Flickrで使われているあのクールなドロップダウンメニュー” 改。

何となくドロップダウンメニューを探していて、こんなのを発見。 Flickrのドロップダウンメニューを作ってみるシンプルなスクリプト。

Flickrで使われているあのクールなドロップダウンメニューを実装してみよう:phpspot開発日誌
Woork: Flickr like horizontal menu Flickrで使われているあのクールなドロップダウンメニューを実装してみよう! 次のようなクールなドロップダウンメニューを実装してみましょう。 紹介元で、HTMLと画像のサンプルが配布されています。
で、エントリ末に、
JSとHTMLの分離が行われていないのですが、element.onclick = function() {} などとして設定してHTMLとJSを分離してもよいでしょう。
とあったのでやってみた。

続きを読む