You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Indexed Database API 3.0 W3C Working Draft, 7 November 2024 More details about this document This version: https://www.w3.org/TR/2024/WD-IndexedDB-3-20241107/ Latest published version: https://www.w3.org/TR/IndexedDB/ Editor's Draft: https://w3c.github.io/IndexedDB/ Previous Versions: https://www.w3.org/TR/2024/WD-IndexedDB-3-20241015/ https://www.w3.org/TR/2024/WD-IndexedDB-3-20241015/ History: h
JavaScript のテストフレームワーク jasmine がゴキゲンだぜ。書きやすいしテスト結果も見やすいしかわいいよちゅっちゅ。 そんな jasmine ちゃんをまだ触ったことない人のために、出来るだけ取っ付き易くなるように解説してみたいと思います。拙作の jQuery プラグイン jquery.narrows.js のテストでも使っておりますので、これをサンプルとして説明していきます。 使用するバージョンは jasmine 2.0.0 RC5 スタンドアローン版。2系はまだRC版ですが、使っていて特に不具合に出くわしたことはないです。2系になって大きく改善してる部分もあるので、アグレッシブに使っていきましょう。（Rubyフレームワーク用の gem 版（jasmine-gem）というのもありますがここでは触れません） まずは見てみよう とりあえず実際に動くものを見てみましょう。jqu
Closure Linterのチェックを通るようなコードを維持しているとJavaScriptコードの品質を上げることができます。JSDocの記述について厳しくチェックしてくれるのでClosure Compilerとの相性もばっちりです。 しかし、Closure Linterはなぜかコードの一行が最大80文字になるルールを解除することができません。ネームスペース＋クラス名＋prototype＋メソッド名で80文字超えちゃうこともよくあるため途方に暮れることがよくあります。何で80文字という制限をClosure Linterの中にハードコーディングしちゃったんですかね…。 下記の記事によると80文字ルールを無視するようなClosure Linterのラッパーを作れば良いらしいです。 Disable Specific Error Messages in the Closure Linter (g
最近、JavaScriptを多用するWebアプリケーションの開発に携わる機会が増えてきました。 jQueryのイベントハンドラをベタに書いていくのは、規模が小さいうちは良いのですが、機能追加・仕様変更等が多発すると少々面倒なことになります。このまま大きくなっていくと破綻が目に見えているので、構造化されたアプリケーションを作りたいと思いBackbone.jsを学び始めました。 Backbone.js 公式サイト 7月上旬から学び始めたので、まだ20日程度ですが、その中で学んだこと等を紹介します。これから勉強を始めてみようと思う人の参考になれば、幸いです。 以下の内容は、Backbone.jsの熟練者が指南しているわけではないことを予めご了承ください。ちなみに、平日の夜と、時間が取れるときの週末を使って勉強して、イベントサービスのWebAPIを串刺し検索するアプリ等を作るくらいには、Backb
フロントエンドとJavaScript JavaScriptのMV*向けライブラリ BACKBONE.JSによるWebアプリケーション開発について 「オープンソースカンファレンス 2013 福岡」の HTML5と最近のフロントエンド事情で発表した資料です。 Read less
最近、何かとJavascriptに触れる機会が多くなってきました。クライアント側としてHTML5が注目され、サーバ側としてNode.jsが発展してきたおかげですね。その一方で、Javascriptのテストほど面倒なものはありません。特に、ブラウザ上でのテストなど自動化することが時に難しかったりします。このブラウザ上でのテストを自動化できる仕組みがJsTestDriverです。今回はJsTestDriverの導入方法と簡単な使い方をご紹介します。 JsTestDriverとは JsTestDriverはGoogleが作ったテストフレームワークです。導入も使い方もとても簡単であり、様々なブラウザを使ったテストを自動化することが出来ます。Javascriptのテストフレームワークは多数ありますが、その中でもJsTestDriverは簡単かつ正確なツールです。 JsTestDriverの導入 導入
以前、こちらの記事で使用した二つのファイル（テキスト）の差異(diff)を表示してくれるWebサービス「Mergely」ですが、ライブラリが公開されているので自サイトにdiffの仕組みを取り入れることができます。 Mergely(ライブラリ) 使用方法は非常に簡単です。 サンプル <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script> <!-- Mergelyライブラリの読み込み --> <script src="lib/codemirror.js"></script> <script src="lib/mergely.js"
JavaScriptのプロトタイプチェーンについて理解しようとしたのだけど、prototypeとか__proto__とかごちゃごちゃになって、色んなブログを読んでもなかなか理解しきれなくて悶々としていたのだが、図を書いたらパッと理解できた！以下、情報ソースはなるべくECMAScript仕様書（3rd）を元にするようにして書きました なぜ分かりづらいのか？ そもそも、なぜJavaScriptのプロトタイプチェーンは自分にとってこうも分かりづらかったのだろうか？自分なりに分析してみると、まず、「似ているが違う用語が沢山ある」という点がある。ざっとあげただけでも、「prototypeと__proto__」「__proto__と[[Prototype]]」「FunctionとFunctionオブジェクト」などがある。そして次に、「入り組んだ構造が動的に変化する」という点がある。上記のように似たよう
本書について 本書は、Node.jsでのアプリケーション開発を始めようとする皆さんに、 ”高度な”JavaScriptについて知るべきあらゆることを解説します。 よくある”Hello World”チュートリアルの、はるか上をいくものです。 ステータス 貴方が読んでいるのは、本書のいわゆる最終版となります。 つまり本書は、間違いが見つかった場合や、 Node.jsの新バージョンにおえる変更点を反映する時のみ、改訂されます。 最終更新日は2012年2月12日です。 本書内のコードのサンプルは、Node.jsのバージョン0.6.10でテストしています。 ターゲット読者 本書は、Ruby、Python、PHP、Javaのような、少なくともひとつのオブジェクト指向言語を理解しており、 JavaScriptについてはあまり経験がなく、Node.jsについては全く経験がないという、 著者と同じようなバッ
はじめに 本連載では、注目を集めるNode.jsを使って、Webアプリケーションを様々なクラウド環境で動かすことを最終目的にしています。Node.jsに触れたことがないJavaやPHPなど普段サーバサイドで開発されている方を主な対象として、まずNode.jsの概要から紹介していきます。 Node.jsとは Node.jsとは、ブラウザGoogle Chrome用に開発されたJavaScriptエンジンV8がサーバ上でプログラムを実行できるように、ファイルやネットワークI/Oなど多くの機能を追加したものです。軽量で効率よく多くのリクエストを処理するネットワークアプリケーションの構築ができるプラットフォームになっています。いわゆるサーバサイドJavaScriptの代名詞として注目を集めています。 Node.jsでは“軽量で効率良く”というのを実現するために次の2つのモデルを採用しています。
どうもです、はやちです(◞‸◟) いきなりですがみなさん、せっかくデザインされたWebサイトの中にデフォルトのGoogleマップがあるとなんだかもったいなく感じませんか？(◞‸◟) どーにかこれをうまくデザインできないだろうか(◞‸◟) ということで、今回は簡単にGoogleマップのデザインをカスタマイズできる方法をご紹介したいと思います٩( ᐛ )و Googleマップを表示させよう まずはじめに基本から。Googleマップを設置しましょう( ˘ω˘)☝ Googleマップの設置 <script src="http://maps.google.com/maps/api/js?key=ここにAPIキーを入れます&language=ja"> </script> headerタグAPIを取得するスクリプトをつけます。 APIの取得はこちらをご参照ください <div id="js-map-tae
Greasemonkey入門 ～よくわかるグリースモンキーの使い方 ～ 管理人 @ 5月 15日 03:37am Firefox 当サイトでも多用する「Greasemonkey」という単語。 直訳すると「整備士」。 Greasemonkeyを使えば便利になるらしい。 でも、Greasemonkeyって一体何なんでしょう？ このページでは、Greasemonkeyについて、 初心者にも分かりやすいように、簡潔にまとめています。 目次 Greasemonkeyとは インターネットブラウザ「 Firefox 」でユーザースクリプトを実現するための拡張機能（Add-on）の1つ。 Firefoxにインストールすると、サイト閲覧者側（利用者側）で、サイトの体裁を整えることができます。 しかし、Greasemonkey単体では、何も機能しません。 Greasemonkeyにユーザースクリプトをインスト
赤い点をドラッグしてみてください。 あくまで基礎中の基礎なので、もっと詳しい方はこちらのほうがおすすめです。 「2009-02-11 - 最速チュパカブラ研究会」 http://d.hatena.ne.jp/gyuque/20090211#1234364019 ■画像を3D的に遠近感を出すには？ 例えば正面を向いている画像が上を向いているように見せるにはどうすればよいでしょう？ それは、画像を台形にして上辺が狭くなれば、立体的に上を向いているように見えますよね？ 今回はcanvas要素を使ってこういった画像を変形させることにします。 しかし、現在仕様が固まりつつあるcanvasの2Dレンダリング方式では、こういった画像に奥行を与える直接的な機能を持っていません。 つまり長方形のカタチから台形に変形させるのは簡単にできないというべきです。 Flash Playerはvar10からムービークリ
Stay organized with collections Save and categorize content based on your preferences. Closure Linter is deprecated As the syntax of JavaScript has continued to evolve, with ES2015 and beyond, it has become increasingly difficult to keep Closure Linter up to date. It is unstaffed, unmaintained, and deprecated. Most projects at Google have migrated to the new linter. For teams using the Closure too
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く