MozillaのJavaScriptマニュアルを検索トップにしようという取り組み | エンタープライズ | マイコミジャーナル
The Mozilla Foundation is a non-profit organization that promotes openness, innovation and participation on the Internet. WebアプリケーションやWebサイトを開発するにあたってJavaScriptは欠かすことのできないプログラミング言語。しかし、扱いやすいドキュメントやチュートリアルにたどり着きにくい言語でもある。Googleで「JavaScript」と検索をかけても、APIマニュアルやチュートリアルにはなかなか辿りつかない。 これを変えようという試みがPromote JS! A Worldwide Call for Improving JS Documentation Visibility!で開始された。次のHTMLコードをページに貼り付けて、JavaScript
1 kB の JavaScript で何ができる ? | スラド デベロッパー
1 kB 以下の JavaScript デモを作るコンテスト「JS1K」が開催され、トップ 10 が発表された (本家 /. 記事より) 。 このコンテストのルールは「1 kB 以下の JavaScript でイケてるデモを作る」という至ってシンプルなもの。外部ファイルの使用は認められておらず、twitter で投稿できる 140 文字以内に収めた場合にはボーナスポイントがもらえるそうだ。 3 位のTetris with sound (音量注意) は操作はもちろん、題名の通りゲーム音楽までついている。1 位に輝いたのは「Legend Of The Bouncing Beholder」という横スクロールゲーム。 アクセス過多のためか残念ながらデモが開かないときもあるが、1 kB の可能性の大きさに改めて驚かされる。
perl & javascript - PNGにテキストを埋め込む : 404 Blog Not Found
2010年09月05日05:30 カテゴリLightweight Languages perl & javascript - PNGにテキストを埋め込む いっそこんな利用法はどうか。 404 Blog Not Found:Ajax - データ交換 via PNG 使いどころが限定的すぎる。 Demo 0 アイコンの中にエンコーダーのソースコードを埋め込んである。 $('#demo0 input').click(function(){ $('#demo0dst').text(showTextInPNG($('#demo0img').get(0))); }); Perlでテキストを取り出すソースコードは以下のとおり。 #!/usr/bin/env perl use strict; use warnings; use Imager; use autodie; my $img = Imager->
CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」:phpspot開発日誌
Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8 CSS3の擬似クラスをIE6-8でも使えるようにする「Selectivizr」 便利なCSS3の擬似クラスがIEでも使えて効率的なスタイリングが可能になります。 jQuery, prototype, mootools等と同時に使うことができ、 使えるプロパティはライブラリごとに違うようで、サイト上にそれぞれ掲載されています。 完璧ではないようですが、便利なものが多く使えるということで、活用してみてもいいかもしれませんね。 関連エントリ 便利なCSS3ツール6つ＋α IE6-8でもCSS3が使えるようになる「CSS3 PIE」 ピュアCSS3で3Dアニメーション IE6-8でもCSS3に対応するライブラリまとめ
サイボウズで学んだこと - IT戦記
はじめに 2010 年 9 月 15 日を持ちまして、サイボウズ・ラボを退職いたしたました。 報告も兼ねて、久しぶりにブログを書いてみたいと思います。 （写真はゆうすけべーさんです） この会社に入って、たくさんの学びと思い出がありました。 その一つ一つをまとめていければ、素晴らしい記事になるのかもしれませんが、僕は文章が苦手です。 ですので、うまく退職のエントリを書き上げることができません。 言葉にできない。そんな感じです。 なので、このエントリはサイボウズ・ラボやサイボウズ本社の仲間たちへのありがとうの気持ちをこめて、自分らしく最後まで JavaScript のことを書きたいと思います。 サイボウズでの最後の仕事 僕にとって、サイボウズでの最後の仕事は「JavaScript で新しいユーザーインタフェースを作ること」でした。 そして、その中で始めて複数人による大規模な JavaScrip
米Yahoo!、JavaScriptライブラリ「YUI 3.2」をリリース。タッチインターフェイス対応などを強化 | OSDN Magazine
米Yahoo!は9月7日、JavaScriptベースのWebアプリケーション向けUIライブラリ「YUI 3.2.0」を発表した。パフォーマンス面での改良に加え、タッチとジェスチャーに対応するなど、モバイル端末向け機能が強化された。同社開発者用サイトのYUIページから入手できる。 YUIはリッチなUIを持つWebアプリケーションを構築するためのJavaScriptライブラリ。DOM操作や動的なページ操作、Ajaxサポートといった機能を備えているほか、さまざまなユーザーインターフェイスコンポーネントも提供している。米Yahoo!など多くのWebサイトで利用されている。 YUI 3.2.0ではYUIの主要な機能を最小限の作業で利用できるようにする「SimpleYUI」と呼ばれるモジュールが新たに追加された。SimpleYUIは「suimpleyui-min.js」というスクリプトファイルをロード
GoogleのJavaScript実装テスト、最優秀はOpera
GoogleはJavaScript実装のテストスイート「Sputnik」をバージョンアップし、主要ブラウザのテスト結果を発表した。 米Googleは3月11日、2009年6月にオープンソースとして公開したJavaScript実装のテストスイート「Sputnik」を、Webブラウザで実行できるページを公開したと発表した。 Sputnikは、JavaScriptの標準「ECMA-262 3rd Edition」への適合度をテストできるスイートとして開発された。2009年12月に完了した「ECMA-262 5th Edition」が、JavaScriptのWeb利用の実態により近い定義に更新されたことを受け、Sputnikを新版に合わせてアップデートした。従って、このテストの結果は標準との適合度だけでなく、Webとの互換性を反映しているという。 Webブラウザでのテストを実行するには、テストした
Greasemonkeyのソースがかなりアレな件 - hogehoge @teramako
今、Greasemonkeyのソースを読んでる。実際にどうやってuser scriptを実装させているかの辺りを読んだ。 しかし、物凄い量のグローバル関数だ.... "GM_"と接頭辞が付いたものは、まぁ許そう。しかし、Config関数（というかクラス?）は止めてくれ。そこからさらに呼んでいるgetScriptFile関数もグローバル、さらにgetScriptDirもグローバルだ。 しかも、Configクラスの呼び出しにnew Config(getScriptFile("config.xml"))としているが、Configクラスの実装は function Config(){ this.onload = null; this.scripts = null; this.configFile = getScriptFile("config.xml"); } となっていて、引数が全く意味をなしてい
配列を作らない$X関数 (失敗) - os0x.blog
XPathのevaluate結果に対する処理をスマートに書くための便利関数 - 今日もスミマセン。を見て、思いついた。 $X関数は便利だけど、配列を詰めなおす処理が今ひとつだと感じてました。 で、その改案です。 http://gist.github.com/19461 function $XA (exp, context) { context || (context = document); var expr = (context.ownerDocument || context).createExpression(exp, function (prefix) { return document.createNSResolver(context.documentElement || context).lookupNamespaceURI(prefix) || context.namespa
2006年3月16日の日記 - 氾濫原
JS の XPath なんて書きましたけど、重大なバグがありまして、っていうかなんで気がつかなかったんだろう、えーそれは application/xhtml+xml なページ、すなわち XML として、名前空間をちゃんと扱うページではまともにセレクトできないんですよーははははー、例えばこのサイトとかね。 $X = function (exp, context) { if (!context) context = document; var resolver = function (prefix) { var o = document.createNSResolver(context)(prefix); return o ? o : (document.contentType == "text/html") ? "" : "http://www.w3.org/1999/xhtml"; } v
XPathのevaluate結果に対する処理をスマートに書くための便利関数 - 今日もスミマセン。
たぶん、既にだれかが作っていそうだけど... XPathを使ってサクッと自分用のツールを作るために関数作ってみた。 こんな感じで使える。 $x('//div').each(function(ele) { //要素ele に対する処理 }); また、返ってくる値はArrayの拡張なので、普通の配列としても扱える。 var result = $('//div'); alert(result.length); alert(result[0]); alert(result[1]); Arrayを直接触っているのがいけていない感じだけど、他に良いやりかたが思いつかなかったのでとりあえずさらしておく。
長～いページもスッキリ！jQueryでタブ表示 (1/2)
1つのWebページに多くの情報を載せようとすると、縦に長くなって見づらくなってしまいます。そのようなWebページを整理するには、ページをいくつかのタブに分けるのが1つの方法です。今回は、jQuery UIの「Tabs」というウィジェットを使って、ページをタブに分ける方法を紹介します。 Tabsをダウンロードしてみよう jQueryには、ユーザーインターフェース関連の基本的なライブラリを集めた「UI」（User Interface）があります。その中の1つに「Tabs」というウィジェットがあります。Tabsは、Webページを複数のタブに分割して、切り替えられるようにするものです。 jQuery UI Tabsを使うには、まずこのJavaScriptファイルをダウンロードします。ダウンロードページに接続すると、ダウンロードするモジュールを選ぶページが表示されますので、「UI Core」と「Ta
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
オープンソースブラウザ、IE8とOperaを圧倒--JavaScript最新ベンチマーク
ZDNet Australiaは現地時間1月27日、JavaScriptパフォーマンスをテストする上で業界標準となっている「SunSpider」を用いて測定した、ブラウザ速度の最新テスト結果を明らかにした。同テスト結果によれば、プロプライエタリなブラウザメーカーであるMicrosoftとOperaは、大きな遅れを取っている。 パフォーマンスという分野で、あらゆるオープンソースブラウザが、実に大きな差をつけて、プロプライエタリなブラウザを破っている。 今回のテストで比較対象となったのは、Microsoftの「Internet Explorer 8」（IE8）のリリース候補第1版（RC1）、「Opera 10.00」のアルファ版、「Firefox 3.1b1」「Google Chrome 2.0.158.0」、ChromeやAppleのSafariが採用している「WebKit r40220」の
目をひきつけるニュースティッカー：jQueryプラグイン「BBC style news ticker」
ニュースティッカーにはいろいろな種類がありますが、今回紹介するjQueryプラグイン「BBC style news ticker」は、かなり目をひきます。 1文字1文字点滅しながら表示されるので、目立つ＆うざがられること間違いないでしょう。 sponsors 使用方法 BBC style news tickerからjquery.newsTicker.jsをjQueryからjquery.jsをダウロードします。 <script src="jquery-1.3.js" type="text/javascript"></script> <script src="jquery.newsTicker.js" type="text/javascript"></script> <script type="text/javascript"> $(document).ready(function() { v
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
JavaScriptで飛び出すWebページへ！
「解像度が低く画面領域が狭いPCでも見やすくページを表示させたい」「すっきりとしたレイアウトに見せたい」――そうした、Webページのコンテンツの表示／非表示を切り替えたいことがある。そんなときには、やはりJavaScriptを使うのが便利。上下・左右にコンテンツを折りたためるようにするJavaScriptライブラリはいくつもあるが、今回はちょっと変わった楽しい演出で表示を切り替えてくれるライブラリを紹介しよう。それが「jQuery pageSlide」だ。 jQuery pageSlideは、jQueryのプラグインとして動作するオープンソース（MITライセンス）のJavaScriptライブラリ。このpageSlideをWebページに組み込むと、特定のリンクをクリックするだけで右側から別のコンテンツがスルッとスライドで飛び出してくるようになる。そのまま左側の領域をクリックすると、今度は左か
for 文と無名関数のイディオム - IT戦記
id:cho45 がチョロっと書いたコードが話題になっている 冬通りに消え行く制服ガールは✖夢物語にリアルを求めない。 - subtech このような書き方は、自分もたまにする。 というわけで、この書き方をする利点を以下の順に解説して見る。 単純な for 文の問題点 with 文を使った解決方法と、その微妙な問題点 無名関数を使った解決方法 単純な for 文の問題点 まずは、以下の HTML に対して <ul> <li>hoge</li> <li>fuga</li> <li>piyo</li> </ul> 以下の JavaScript を実行して var list = document.querySelectorAll('ul > li'); for (var i = 0, len = list.length; i < len; i++) { var node = list[i]; v
空から女の子が降ってくる - ぼくはまちちゃん！
こんにちはこんにちは！！ はてな見てたら、こんなのがありました！ 【降臨賞】空から女の子が降ってくるオリジナルの創作小説・漫画を募集します - 人力検索はてな 条件は「空から女の子が降ってくること」です。要約すると「空から女の子が降ってくる」としか言いようのない話であれば、それ以外の点は自由です。 字数制限 : 200〜1000 字程度 締め切り : 2009-01-12 18:00 で募集を止めます。 優勝賞品 : もっとも稀少な(と質問者が判断する)作品を書いてくださった方に 200 ポイントを贈ります。 面白そうですね！ さっそくぼくも応募してみたよ！ 応募した内容はこれ！ javascript:(function(){scroll(0,0);H='http://hamachiya.com/';D=document;F=Math.floor;R=Math.random;Q=new I
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JS]わずか「12文字」でIEを判別するスクリプト | コリス