【メモ】 prototype.jsとjQuery.jsを共存させてThickboxを動かす

とあるサイトで、Thickboxというライブラリを使って小窓をレイヤー表示させているんですが、 このライブラリはjQueryに依存して動いているんですね。 ThickBox 3.1 で、僕は今のところprototype.jsしかわからない、と。。 常識的に考えれば、ライブラリに依存しない形でスクリプトを書くか、 この際jQueryで書けるようにもなっとけよバカ野郎!ということだと思うんだけど、 とりあえずその前に共存できるのかなーと言うところに興味があったので試してみた。

続きを読む

【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を使っているので、 それを利用したコードを試しに書いてみるとこんな感じ。

続きを読む

【PHP】 APIを使って動画のサムネイルを取得するまとめ 【2009年版】

諸事情により、PHPでサムネイルを取得して表示するプログラムを書いているので、 ついでにYouTubeとニコニコ動画のサムネイルを取得するプログラムをまとめておきます。 (以前書いたエントリの再まとめおよび更新版です)

以前書いたエントリ

YouTube API を使ってみる。 ニコニコ動画APIを使ってサムネイルを取得する。

続きを読む

1日1ニコのmixiへの日記投稿を自動化してみた。

はてなグループで書いている「1日1ニコ」をmixiに転載したいのだけど、 手でやると面倒だし、せっかくmixiの日記投稿APIが発見されてるんだから、 なんかできないものか…と思って、ちょっと自動化してみた。 この辺の話の続きで、暫定の解決策です。 mixiとMovableTypeの両方に投稿したいのだ…が。良い案がない。 の続き。 簡単なロジックは以下。

続きを読む

高速全文検索を実装してみたよ。

MovableTypeでの全文検索が気になって調べてみたらば、 こんな記事を見かけたので。

ホの字5 – 更新案内メモ – 超高速全文検索を作ってみた
MovableTypeの検索機能って、 検索結果が表示されるまでの速度が遅いっすよね。 まあ遅いっつっても30秒も待たないけど、早くはない。 原因はMovableTypeの構造とかサーバー構成とかいろいろ。 そこで最速インターフェース研究会で発見した JavaScriptにBlogの全文検索をやらせてみるという記事を参考に それをちょっぴり改造してサーバー上に乗っけてみました。 → 溝の口ランチログの超高速検索の実験(要JavaScript)

続きを読む