タグ

JavaScriptとjavascriptに関するEhrenのブックマーク (810)

  • Firefox via KeySnailでtwitterに投稿するjavascript - sheephead

    Firefox via KeySnailでtwitterに投稿するjavascript 2009.09.30 日記 Emacs, firefox, javascript, KeySnail, minka 一昨日の日記でご紹介したKeySnail。 firefoxをEmacsにしてくれるKeySnailがすごすぎる Emacsライクなキーバインドでブラウザを縦横無尽に操作できるというのが素敵すぎます。 気づいてなかったんですが、分割ブラウザというアドオンをいれておけばいつものC-x 0,1,2,3で画面分割までしてくれるんですね。まだ知らない機能ありそうです。 さて、カスタマイズしてこそのEmacs(Emacsぢゃないけど)。一昨日はhrefタグつけてURLとかをコピーする関数を書いてみましたが、懲りずにまた書いてみました。 今回は、最近流行りのtwitterに投稿する関数です。 設定 まず

    Firefox via KeySnailでtwitterに投稿するjavascript - sheephead
  • jQuery時代に生きるクロスブラウザ対応の知恵 8選 : tech.kayac.com - KAYAC engineers' blog

    Auto Copyが移植されたらchromeへの移行を検討します。agoです。 jQueryを使用するようになってクロスブラウザを意識することは少なくなりましたが、それでもjQueryではカバーしきれない差異はそれなりにあります。 そこでjQueryを使っていてもはまる可能性の高いクロスブラウザのtipsをご紹介したいと思います。 1 Objectリテラル内の末尾カンマ { 'key' : 'val', } 上記のコードはIE6でエラーが出ます。 o = { ‘key’ : ‘val’, }; この動作はjavascriptの仕様からするとIE6の動作が正しく、来であれば末尾のカンマは記述できません。 これは他言語でJSONを扱う場合でもエラーになるので注意してください。 また、Arrayの場合、Fxは上記と同じく要素が存在しないものと認識しますが、IE6は未定義値が定義されていると解釈

    jQuery時代に生きるクロスブラウザ対応の知恵 8選 : tech.kayac.com - KAYAC engineers' blog
  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

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

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
  • FAQ形式によるJavaScriptの本質がわかる超入門 - 風と宇宙とプログラム

    はじめに JavaScriptは簡単な言語のようでいて、実は奥が深く、初心者にとってなかなかその質がわかりにくい言語です。ここでは、JavaScriptの言語的エッセンスを理解できるようなものをFAQ形式で書いてみました。ご意見や誤り等を指摘してもらえたら嬉しいです。 なお、JavaScriptの標準化であるECMAScriptは、今年末にEdition 5 がリリースされる予定です。このFAQは、現在のバージョンであるEdition 3をベースにしています。 ECMAScriptって何ですか? ECMAはEuropean Computer Manufacturer Association(欧州電子計算機工業会)の略で、標準化団体です。NetscapeのJavaScriptMicrosoftのJScriptをベースに、純粋なプログラム言語部分を抽出したものをECMAで標準化したスクリプ

    FAQ形式によるJavaScriptの本質がわかる超入門 - 風と宇宙とプログラム
  • id:mindcatさんのJavaScriptエントリに少しだけコメント - os0x.blog

    FAQ形式によるJavaScript質がわかる超入門 - 風と宇宙とプログラムが凄く良く出来てて、くやしい。じゃなくて、折角なので少しだけツッコミを。いや、これだけ完成度が高いのにツッコミというのも無粋ですが。 数値を文字列に、逆に文字を数値に変換する String(x)、Number(x)を推奨されていますが、一応、IE6ではパフォーマンスに差が出る点に注意が必要だと思います。 to_string (関数呼び出しのコストのため)IE6だとこのように結構な差がでます。(といっても10万回での結果ですが。) "" + 78ms "" + 63ms String() 125ms String() 125ms確かにChromeなどString()のほうが少しだけ速いみたいなので、ケースバイケースですね。 JavaScriptで ""+x を文字列変換に使うのは気持ち悪い - 風と宇宙とプログ

    id:mindcatさんのJavaScriptエントリに少しだけコメント - os0x.blog
  • はてなブックマーク開発ブログ

    はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。7月7日(月)~7月13日(日)〔2025年7月第2週〕のトップ30です*1。 順位 タイトル 1位 あの2人組が「ぽっこりお腹はどうすれば簡単に治るか?」を教えてくれる→「そんな腹筋で大丈夫か?」「大丈夫だ。問題ない」 - posfie 2位 何が長期的に出生率を下げてきたのか|筒井淳也 3位 ※オススメです!【簡単!!ゆでて切るだけ】夏にぴったり!雲白肉(ウンパイロー) | 山ゆりオフィシャルブログ「含み笑いのカフェごはん『syunkon』」Powered by Ameba 4位 速習 Claude Code 5位 たった5分でストレスを和らげる確かな方法6選、科学の裏付け | ナショナル ジオグラフィック日版サイト 6位 【速報】米国依存から自立する努力必要と石破首相|47NEWS(よん

    はてなブックマーク開発ブログ
  • マイクロソフトも配布を開始したjQuery、今後のバージョンでは大幅な性能向上とモバイル対応へ

    JavaScriptのフレームワークには、prototype.js、Dojo toolkit、Mootools、アドビが開発したSPRY、ヤフーのYahoo User Interface Libraryなどさまざまなものがありますが、もっとも普及しているのは、モジラに所属するJohn Resig氏が開発するjQueryでしょう。 jQueryは2006年1月に最初のバージョンをリリースして以来、サイズが小さく記述がシンプル、といった特徴などから急速に普及し、多くのWebサイトやJavaScriptアプリケーションで利用されてきました。 jQueryはマイクロソフトが正式にサポートするJavaScriptフレームワークでもあります。ASP.NET AJAXがjQueryをサポートし、Visual StudioでもjQueryを標準のフレームワークとしてサポートしています。 そして、マイクロソ

    マイクロソフトも配布を開始したjQuery、今後のバージョンでは大幅な性能向上とモバイル対応へ
  • 毎秒100回JavaScriptが実行ってのがどの程度なのか - os0x.blog

    非ネットで聞いた話なども含め、ここまでやっても信じない人もいっぱいいるみたいで、そこまで疑う人のためにとりあえずパッチは出しておいたのだが、みんな「怪しいよね」って陰で言うだけで、誰も追試はしてくれなかったみたいだ。他人の書いた、しかもCPU使用率なんて割とどうでもいい系のエントリなんてわざわざ検証する人はそりゃいないだろうとは思うけど、気分が悪いのも確かだ。どうせ誰も試さないなら、パッチ自体は次のネタにとっときゃよかったなぁ…。 http://d.hatena.ne.jp/tkng/20091003/1254578195 では折角なので、検証を。Firefox前提なら、Firebugのプロファイル機能で一発なので、検証用マシン*1で以下のスクリプト実行。 // ==UserScript== // @name google stats // @namespace http://ss-o.n

    毎秒100回JavaScriptが実行ってのがどの程度なのか - os0x.blog
  • jQuery的なarray like objectの作り方 - KAYAC Engineers' Blog

    twitterはじめました。 agoです。 前回の記事(jQueryを読むために知っておきたい6つの知識)で「jQueryのthisはArray」と書いたところ、「正しくはArray likeではないか?」とのご指摘を頂きその点調査したのでご紹介したいと思います。 まず、通常javascriptのobjectはkey(property名)に文字列以外設定できず、それ以外の変数(object)を指定した場合、.toString()を呼び出して文字列化した結果で保存されます。 (ただし、{'key':'val'}といったobjectリテラルの場合、key(property名)に記述された内容はそのまま文字列と解釈されます) function huga () {} var hoge = {}; hoge[huga] = 1; for (var i in hoge) { console.log(t

    jQuery的なarray like objectの作り方 - KAYAC Engineers' Blog
  • JavaScriptで ""+x を文字列変換に使うのは気持ち悪い - 風と宇宙とプログラム

    JavaScriptやブログなどで非常に良く見かけるのだが、数値などの文字列でないものを文字列に変換する方法として var s = "" + x; のように空文字との連結によって行っているが、私としてはちょっと気持ち悪さを感じる。もちろん、間違いではない。確かにxは文字列に変換される。+の左側が空文字でなく、何かの文字が書かれている場合には、普通にやることだ。空文字との連結に違和感がある。じゃ、どう書くかというと、 var s = String(x); と書く。なんか、タイプ数が増えるし面倒じゃん?という声が聞こえてきそうだが、Stringという引数を文字列に変換するという目的そのものの関数が定義されているのに、わざわざ + 演算子を使うことが気持ち悪いのである。しかも、+ 演算子という多層演算子を使うのでコードが読みにくい。さらに、上のような書き方があまりにも普及してしまっていて、S

    JavaScriptで ""+x を文字列変換に使うのは気持ち悪い - 風と宇宙とプログラム
  • データ & アナリティクス | アクセンチュア

    データ分析から導き出されたインサイト無しにAI人工知能)の活用は始まりません。私たちは、各業界知識とデータ・アナリティクス技術を駆使しデータドリブン経営を強力に支援します。 データ、アナリティクス、AIは企業にとって競合他社との差別化を図るかつてないほど大きな要因になっています。今日の経営幹部が効率を向上しながら新たな収益源を開拓し、新しいビジネスモデルをタイムリーに構築する方法を模索する中、価値を生み出し成長を続ける企業には「データ活用」という共通項があります。私たちは、無数のデータから企業にとって当に必要なデータを活用するための方法を知っています。 将来を見据えたオペレーション体制を備えている企業の半数以上(52%)は、すでにデータとアナリティクスを大規模に活用しています。データとAIに関する取り組みをビジネス戦略に沿って実施することで投資利益率を迅速に最大化し、最終的にはAIをビ

    データ & アナリティクス | アクセンチュア
  • JavaScriptの勉強会資料を公開 - os0x.blog

    私が講師役をしている社内向けJavaScript勉強会の資料をまとめて公開しました。 実践JavaScript - 株式会社ALBERT 社内勉強会資料 1回目を書いてからだいぶ間が空いてしまいましたが、その分6回分をまとめて、インデックスや見た目等々を整理してあります。 コードのハイライトには google-code-prettify - syntax highlighting of code snippets in a web page - Google Project Hosting を使用してみたのですが、すごく重かったので出力結果を静的に使っています。 オススメ回は実践JavaScript - JavaScript特有の問題・クロスブラウザなど - 株式会社ALBERT 勉強会資料でしょうか。特にクロスブラウザなDOMサイズ取得は自分でも良く参照してます。 間違いなどありましたら

    JavaScriptの勉強会資料を公開 - os0x.blog
  • IE8 のコンソール・ログを試す - Foo am I?

    初めに IE8 でコンソール・ログが出力できるようになったんですね。 標準で使えるようになった Developer Tools ウインドウで Console API が使えるようになりました。で、試してみました。 手始めに内容を見る IE8 のメニュー [Tools] → [Developer Tools] または、[F12] キーを押すと、Developer Tools ウインドウが開きます。 この画面の Script タブ を開いて、画面右下の [Multi Line Mode] ボタンを押して、以下のコードを貼り付けて [Run Script] ボタンを押します。 var s=""; for (var p in console) { s = s + p + ", "; } console.log(s);実行結果 見たところ現在 IE8 では、console.log, info, wa

    IE8 のコンソール・ログを試す - Foo am I?
  • inputで「テキストが変更された」時のみなにかしたい。

    XULのイベントで「oninput」というのがある。 <input type="text" value="" oninput="foobar()" /> の様に置いておくと、valueが変更された時に随時イベントが起きる。 JavaScriptにも「onchange」があるじゃないかという声が聞こえそうだが、微妙に違う。 「onchange」は「フォーカスが外れたとき」valueが変更されていたら起きるイベントであり、タイプ中には起こらない。 それでは「onkeydown」「onkeyup」はどうかというと、これもちょっと違う。 「onkeydown」「onkeyup」は「キーが押された(離された)ときに起きる」イベントなので、valueが変更された、されないに関わらず起きる。 なにが言いたいかというと、インクリメンタルサーチがしたかった。 テキストが変更された時のみに、その場でイベントが

    inputで「テキストが変更された」時のみなにかしたい。
    Ehren
    Ehren 2009/10/01
    なるほどonchangeはフォーカスが外れたとき起きるんだったな
  • Googleのトップページを開くと毎秒100回JavaScriptが実行されるよ - 射撃しつつ前転 改

    FirefoxがCPUを常に15%ぐらいうのが気になっていたので調べてみたら、Googleのトップページを開くとものすごい勢いでJavaScriptが実行されることがわかった。具体的には、var k=t.value;k!=h&&X(0);h=k というコードが毎秒100回実行されている。このせいで、自分の使っているPCだと、Googleのトップページを開くだけでCPU使用率が2%ぐらい上がっているようだ。Firefox特有の問題というよりは、ウェブページ側の作り方に依るものみたいだ。たぶん他のブラウザでも問題は変わらないだろう。 Googleのトップページの場合、コードを調べてみた限りでは、原因はどうも検索候補の自動補完用のコードみたいだ。現在の入力文字列が過去の記録と違ったら補完の提示をやり直す、みたいなことをやっているように見える。 HTMLではテキストボックス内のテキストが変更され

    Googleのトップページを開くと毎秒100回JavaScriptが実行されるよ - 射撃しつつ前転 改
  • Kanasan.JS JavaScript 第 5 版読書会 #8: Days on the Moon

    Kanasan.JS JavaScript 第 5 版読書会 #8 に行ってきました。今回は初めての京都での開催、それも町家でという風情あふれる読書会。真夏真冬はちょっとつらいかもしれませんが、春秋はこういった場所での勉強会というのも乙なものですね。名古屋の DeLLa.JS では茶室での開催もあったそうでうらやましいことです。 ちなみに会場「お結び庵」の運営は home's vi ("h" を抜くと「おむすび」) という法人によるものだそうで。なんとなく名前に親近感を感じてしまうのは気のせいでしょうか。 読書範囲は「17.5 キーイベント」から「18章 フォームとフォーム要素」まで。ブラウザごとに変な癖があるということが少なく (完全にばらばらか結構統一されているか)、さくさくと読めました。 キーボードショートカット サイでは、Web アプリケーションはキーボードショートカットをサポー

  • jQueryでQueryStringをパースして配列で受け取れる便利関数:phpspot開発日誌

    jQueryでQueryStringをパースして配列で受け取れる便利関数が公開されていました。 hogehoge?a=b&c=d&e=f の ? 以降のQueryStringを {"a":"b", "c":"d", "e":"f" } といった配列で簡単に受け取れます。 次のような関数によって実現しています。 function getUrlVars() { var vars = [], hash; var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&'); for(var i = 0; i < hashes.length; i++) { hash = hashes[i].split('='); vars.push(hash[0]); vars[hash[0]] = ha

  • Greasemonkey ver 0.82解説 - 枕を欹てて聴く

    なんか解説を待たれていたらしいので, Twitter上だけでなく, 詳しく. 該当記事はこれ. http://www.greasespot.net/2009/09/greasemonkey-082-released.html * Do not inject scripts into file: and about: URLs by default, for security reasons. (#1000) * The GM_openInTab() function respects the background loading tab behavior from Firefox preferences. (#1003) * Specify label/control associations in "New Script" dialog, for accessibility. (#101

    Greasemonkey ver 0.82解説 - 枕を欹てて聴く
  • ポンクソフト

    コンテンツ PHP入門 jQuery入門 Flash Flash(ActionScript)でゲーム作成入門 Flash(ActionScript)で様々なゲームを作ろう Flash(ActionScript)とPHPの連携入門 PHP(旧コンテンツ) PHPでファイルの読み書き・掲示板 PHPで日付・時刻の計算 PHPでアクセスカウンタ&解析 PHPでGDを使ってみよう PHPとPostgreSQLの連携入門 Java (旧コンテンツ) Javaでシューティングゲームを作ろう Perl (旧コンテンツ) CGI(Perl)の基掲示板作成 C/C++ C/C++言語とDXライブラリでゲーム作成入門 (旧コンテンツ)C言語とelで様々なゲームを作ろう jQuery simple plugins ひとりごと、ふたりごと(ブログパーツ) オリジナルソフトウェア その他未分類なモノ iOSアプ

  • JavaScriptで始めるQuartz Composer入門 (1/4)

    コードを書かなくても、視覚的にプログラムを作れるMac OS Xの「Quartz Composer」。前回は、Quartz Composerに付属するテンプレートだけでシンプルなRSSリーダーを作成しました。今回はQuartz ComposerのJavaScriptを使って、現在時刻を表示するプログラムを作ってみましょう。 Quartz ComposerのJavaScriptを使ってみよう Quartz Composerで時刻を表示するには、標準で用意されている時間を扱う部品(パッチ)を利用するのが手軽です。ただ、時刻に年月日を追加したり、漢数字に変換したりといった何らかの処理を加えるには、標準の部品だけではできません。今回は学習も兼ねて、あえてJavaScriptを使って時刻を表示する方法を紹介します。 Quartz ComposerでJavaScriptを使うには、Libraryパレッ

    JavaScriptで始めるQuartz Composer入門 (1/4)