タグ

javascriptに関するasiamothのブックマーク (574)

  • jQuery と object タグの怪 - てっく煮ブログ

    JavaScriptSilverlightコンテンツを埋め込むjQueryプラグイン - Programmable Life で困ってたので一緒に悩んでみた。でも何故かIEでは動かない。誰か動くようにしてけれ!Silverlightコンテンツを埋め込むjQueryプラグイン - Programmable Lifeobject を作れていない?手元に環境を作って動かしてみると、 に を追加するところで JavaScript エラーが出る。状況を切り分けるために、 を追加する部分をコメントアウトしてみた。IE DOM Explorer で眺めてみると DIV タグが追加されている。どうやら var obj = $('').attr({ ... }); のところで object タグが作られていないようだ。jQuery でよく見る現象だ。こういうときは閉じ括弧を入れてあげると大抵うまくいく。

    asiamoth
    asiamoth 2009/02/21
    object というより IE が鬼門な感じ。でも、素の HTML でも object タグに苦労することが多いよな……。「その 2」も必読!
  • ウェブリブログ:サービスは終了しました。

    「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 ※10秒後にBIGLOBEのおすすめページに遷移します

    ウェブリブログ:サービスは終了しました。
    asiamoth
    asiamoth 2009/02/20
    pure JavaScript で音声を出す方法。ついにこんな事までできるようになったか……!
  • はてブの評判が丸分かり! APIを使ってみよう (1/2)

    Webサイトを運営していると、自分のサイトや記事の評判が気になることと思います。そんなとき、ネット上の評価を知るひとつの手段となるのが「はてなブックマーク」です。今回は、自分のWebページに、はてなブックマークのブックマーク数やコメントなどを表示する方法を紹介します。 JSONPでデータを取得できるAPI はてなブックマークは、外部からブックマークするなどの機能を実装するために、API(Application Programming Interface)を公開しています。それらAPIの1つに、「はてなブックマークエントリー情報取得API」があります。 これを使うと、個々のWebページに付けられたブックマークの情報を得られます。具体的には、以下のようなアドレスにアクセスすると、個々のWebページのブックマークの情報が、「JSON」(JavaScript Object Notation)形式の

    はてブの評判が丸分かり! APIを使ってみよう (1/2)
    asiamoth
    asiamoth 2009/02/15
    この手の記事は jQuery を使うことが多いが、自前スクリプトで表示しているのが良い。グローバル変数をひとつだけ用意して、その中にメソッドを詰め込むスタイル。参考になる。
  • Hit-a-Hint Bookmarklet Generator

    What's this page? Hit-a-Hint was a nifty Firefox Addon that makes it super easy to select links with keyboard only. Now I added full support for Firefox!! That is, this bookmarklet should work on Firefox 3.0 or above as well as Opera 9.5 or above. Blog posts about this page: http://d.hatena.ne.jp/edvakf/20081021/1224571807 (Japanese) http://my.opera.com/edvakf/blog/2008/10/21/improved-hit-a-hint-b

    asiamoth
    asiamoth 2009/02/14
    超絶便利な HaH がブックマークレットで手軽に実行できる。いつの間にか Firefox 3 でも動作するようになった。これなしのウェブブラウジングは、ちょっと考えられない。
  • javascript - 1234567890記念時刻カウンター : 404 Blog Not Found

    2009年02月14日08:31 カテゴリLightweight Languages javascript - 1234567890記念時刻カウンター というわけで、記念時刻をカウントダウンするスクリプト。 初出2009.02.12; 記念時刻が近づいたので更新;無事終了で再更新 バレンタインデーに、UNIX timeが1234567890に : Gizmodo Japan(ギズモード・ジャパン), ガジェット情報満載ブログ今年のバレンタインデーは、意中の相手からチョコがもらえるかどうかどころじゃないですよ。なんとUNIX timeが「1234567890」になるんです! ソース (function(id, when, title){ var div = function(n, d){ return (n - n % d) / d }; var w = window, d = docume

    asiamoth
    asiamoth 2009/02/12
    恥ずかしながら、その場で実行できる (function(){})(); の書き方は知っていたが、引数に値を渡せることを知らなかった(コードを見ていても意識していなかった)。勉強になります。
  • http://d.hatena.ne.jp/gyuque/20090206

    asiamoth
    asiamoth 2009/02/11
    canvas で はちゅね! たしかに Google Chrome だとグリグリ動くが、Firefox3.1 だと重い。
  • 文字列の中から効率良くキーワードを探し出せ

    文字列の中から効率良くキーワードを探し出せ:コーディングに役立つ! アルゴリズムの基(7)(1/4 ページ) プログラマたるものアルゴリズムとデータ構造は知っていて当然の知識です。しかし、教科書的な知識しか知らなくて、実践的なプログラミングに役立てることができるでしょうか(編集部) 前回「Firebugで探索アルゴリズムを見ていこう」では、数値の集合の中から特定の数値を探索しました。今回は文字列の中から検索ワードを探索してみましょう。 UNIXのコマンドならgrep、Javaなどのプログラムなら文字列のindexOfメソッドなどに相当する処理です。 力任せ法 それでは例によって最もベタなアルゴリズムの紹介から始めましょう。 文字列の中に検索ワードがあるかどうか調べます。文字列の先頭から1文字ずつ検索ワードと比較していきます。不一致があったら文字列の2文字目から1文字ずつ検索ワードと比較し

    文字列の中から効率良くキーワードを探し出せ
    asiamoth
    asiamoth 2009/02/07
    JS でキーワード検索のアルゴリズムを作る例。何とかついていけるギリギリのレベル。何度も読み直そう。
  • bizcaz.com

    asiamoth
    asiamoth 2009/02/07
    mala さんの document.lazy_writer(http://is.gd/iJou)を jQuery プラグイン化した感じ、かな。便利そげ。
  • The 20 Most Practical and Creative Uses of jQuery - Nettuts+

    Get every type of asset for any type of project, and access to AI tools From $16.50/m

    The 20 Most Practical and Creative Uses of jQuery - Nettuts+
    asiamoth
    asiamoth 2009/02/07
    class で絞り込んで表示する方法。jQuery らしくエフェクトがかかる。応用できそうなアイデア。
  • JavaScript でのブラウザ判別 - 「仕様の盲点」ではなく、「プロパティの有無」を使う方がマシ - 2009年2月 - Blog - EOF

    IE6, IE7 で tabindex 属性を JavaScript 側から設定する時の注意 これは完全にバグといえる仕様なのだが、IE6 と IE7 では JavaScript(IE だから来は JScript)側から setAttribute などを使って tabindex 属性を設定してやる時、属性名を "tabIndex" にしてやらないと認識しないことを知った("I" がキャメルケースになっている)。WAI-ARIA(2008-08-06版 WD 邦訳)絡みで色々といじっていた時に発見。因みに IE8 RC1 では修正されている。 次の JavaScript コード断片は、IE で tabindex 属性を設定する時の方法を説明したものである。 // ターゲット要素 var elem = document.getElementById("test"); elem.setAttr

    asiamoth
    asiamoth 2009/02/04
    ↓いやいや、何のために判別するかを考えれば、UA での判定は危険でしょう。IE を名乗っている Firefox や Opera に、IE のバグ用のスクリプトが走ったりしたら……。結論: IE は危険
  • [JS]Firefox 2/3, Safariも判別する1行のスクリプト | コリス

    昨日紹介した「わずか「12文字」でIEを判別するスクリプト」に続いて、Firefox 2/3, Safariを判別する1行のスクリプトをThe Spannerから紹介します。

    asiamoth
    asiamoth 2009/01/30
    まぁ、このコードを見て「== は信頼するな」と読み取るのが正解だろう。Bookmaklet では便利に使えるかも。
  • CSSやJavaScriptファイルを連結、圧縮·Minify MOONGIFT

    jQueryやPrototypejs、YUIなど様々なJavaScrptライブラリが登場している。また、CSSもフレームワークが出てきており、便利な反面、表示されるまでのコネクション数やダウンロードサイズが肥大化している。 CSSJavaScriptを連結&圧縮 それを解決する手段として、サイズの縮小や複数のファイルをまとめてしまうという方法がある。それを自動化してくれるのがMinifyだ。 今回紹介するオープンソース・ソフトウェアはMinify、JavaScript/CSSの連結、圧縮ソフトウェアだ。 MinifyはPHPで作られており、Webベースで動作する。Minifyにファイルのパスを渡すことで余計な改行や空白を圧縮してサイズを小さくしてくれる。そして複数のファイルを渡すことで連結してくれる機能もある。 生成されたファイル 作成するのは同一ドメイン内のファイルに限られる。また、グ

    CSSやJavaScriptファイルを連結、圧縮·Minify MOONGIFT
    asiamoth
    asiamoth 2009/01/26
    JavaScript と CSS を連結して圧縮する。軽く見た感じでは圧縮に使うスクリプトは変更可能。/ @import を解釈できるのは良い。ほかで見ないのが不思議。
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    asiamoth
    asiamoth 2009/01/26
    ものすごくサラッと書いてあるけど、javascript: を location.href で呼び出すと非同期、って常識なんだろうか。どんだけ知らないと損することがあるのか……。
  • コードの整形 - 素人がプログラミングを勉強していたブログ

    追記:Twitter / 10th543: あ・・・ボタンが��で指摘されたのでmetaタグを追加した。どちらにしろ、script要素のdefer属性を使っているので、Firefox3.1以降じゃないと動かないと思う。 FIrefoxだと、Function#toSourceに数値を渡せばきれいにインデントしてくれる。 それを使ってコードを整形する物をinstant JavaScript code formatterに書いた。 例えば、 var t = (new Date).getTime();var i;for(i=0;i<10000;++i){(function () {return 3;}())};;; (window.console && console||alert)(new Date().getTime() - t); alert("ok!"); alert(t += 2); s

    コードの整形 - 素人がプログラミングを勉強していたブログ
    asiamoth
    asiamoth 2009/01/24
    通常では AutoPagerize(本家)を Packer や YUI Compressor で圧縮できない(行末に ; がないため)。ここで整形すると、ちゃんと圧縮できた!
  • UserJSをササっと編集したいとき - by edvakf in hatena

    ふと思い出した。 NoScript っぽいものを使うのに手作業でアドレス登録していくのはキツイです。 Operaの不満 - Griever @include とかを足したり消したり頻繁にするスクリプトなら、Opera のブックマークに入れとくのがいいと思う。 ファイルを開いて、 「ソースを見る」を押して、 適当に編集して、 (Opera でソースを開く設定にしている場合は) リロード*1すれば変更がファイルに反映される。 *1:変更を適用 (Apply Changes) というボタンだが、アクションは Reload だし、Ctrl+r でも大丈夫のはず

    UserJSをササっと編集したいとき - by edvakf in hatena
    asiamoth
    asiamoth 2009/01/23
    Opera のソースコード編集は超絶便利すぎる。この記事の応用例もスゴく使いやすそう。/ Firefox で同じ事はできないのかな?
  • はてなブックマークの隠しモード発見! - 聴く耳を持たない(片方しか)

    タイトルは少し誇張気味。 はてなブックマークのURLの末尾に #benchmark を入れてアクセスするとブラウザのウィンドウ(もしくはタブ)のタイトル部分にベンチマークが表示されます。 1234(例) / タイトル つまり表示にかかった時間を1000分の1秒単位でチェックして、検証するモードがあるわけですね。 例 http://b.hatena.ne.jp/ http://b.hatena.ne.jp/#benchmark http://b.hatena.ne.jp/entrylist http://b.hatena.ne.jp/entrylist#benchmark http://b.hatena.ne.jp/hotentry http://b.hatena.ne.jp/hotentry#benchmark http://b.hatena.ne.jp/entry/http://d.ha

    はてなブックマークの隠しモード発見! - 聴く耳を持たない(片方しか)
    asiamoth
    asiamoth 2009/01/22
    なるほどー、#unchi で●ンチが大量に表示されるんですね。わか──ってません。/ 中の人が消し忘れただけだったりして──と思ったけど、console.log() などを使うよなぁ。
  • ブックマークレット作法 - ellaneous

    今や少し複雑なブックマークレットは外部から読み込むのが当たり前になり,gist やら coderepos やらのおかげで置く場所にも困らない。*1 この際の書き方は人によって結構まちまちだが,やることは同じなのだから「これコピペすれば FA」的なテンプレがあってもいいはずと考え,模索してみた。 方針 変更する所を前方にまとめて共通部分は後方に括り出す まず名前を明記 (↓で自明なら省略) その後にスクリプトの URI 複数読めるように 「%nn」が入ると何かと面倒*2なので空白文字を避ける 汚染しない この3つは単体で動くものを書くときにも気を付けると吉。 成果物 javascript:'{name}',['http://a.b.com/0.js','http://l.m.net/1.js',function(d,i,e){for(i=this.length;--i;d.body.appe

    ブックマークレット作法 - ellaneous
    asiamoth
    asiamoth 2009/01/21
    ブックマークレットなのに美しくて読みやすい! 自動で生成してくれるスクリプトがあるといいなぁ。
  • Minify JavaScript files online

    Minify JavaScript files online

    asiamoth
    asiamoth 2009/01/18
    ファイルのアップロードが面倒な人・CSS も圧縮したい人は→ http://is.gd/ghSS よく落ちてるけど、こっちのほうがお勧め。
  • jQuery Plugin作成時の3つの注意点 - KAYAC Engineers' Blog

    実家に帰ったら犬に威嚇されました。agoです。 jQuery Pluginに関しては、以前jQuery Pluginの書き方として基的な部分をまとめたのですが、もう少し細かい部分に関して再度まとめてみようと思います。 1 $.dataの活用 以前jQuery.dataの使い方でも紹介したのですが、Pluginからelementを処理する場合対象のelementが広範囲に及ぶことが多く、Plugin内の変数の他に各element毎の変数を持ちたくなることがあります。 たとえば、「クリックする毎に順番にCSSが変わるPlugin」を考えた場合、各element毎に「今どのCSSが指定されているか」を保持できると実装が楽になると思います。 具体的には以下のような形になります。 $(function () { var colors = ['blue', 'yellow', 'red']; $('

    jQuery Plugin作成時の3つの注意点 - KAYAC Engineers' Blog
    asiamoth
    asiamoth 2009/01/16
    まだまだ jQuery の知らない部分が多いな……。/ $.data, ショートカット method, イベントネームスペース
  • jQueryやPrototype.jsのセレクタ関数の動作速度を二倍にするライブラリを作りました - ?D of K

    と言っても、前々から作っているセレクタ関数が依存無しで簡単に切り出せそうだったから、切り出しただけです。 http://kquery.if.land.to/ksk.js 動作ブラウザはIE5.5以上です。これを導入するとIE5でも動作します。 使い方 ksk("div"); // divタグを取得します ksk("p", document.body); // body要素以下のpタグを取得します ksk("a", document.getElementsByTagName("p")); // p要素以下のaタグを全て取得しますセレクタはCSS3のやつを大体実装しています。最大の特徴は複数の要素以下の探索に対応していることです。kQueryが実際に完成したら、$(selector).find(selector)とかは高速かつ正確に処理できる予定です。 既知のバグとか 親要素のチェックが甘いで

    jQueryやPrototype.jsのセレクタ関数の動作速度を二倍にするライブラリを作りました - ?D of K
    asiamoth
    asiamoth 2009/01/13
    ofk さんは とんでもないものを作ってしまったようです。/ 本当、CSS セレクタ最強チームの日本人があと 1 人いたら、世界制覇できそう。