Google Chrome runs web pages and applications with lightning speed. 高度なサービスを提供するWebアプリケーションの実装はますます複雑化しており、メモリの消費量も増え続けている。複数のフレームワークを活用した複雑なシステムでは、どのコードやオブジェクトがメモリを消費し、どこでメモリリークが発生しているのかのトレースが難しくなる。そういった場合に活用できるChromeの機能がChromium Blogの「Put JavaScript memory under control」で公開されている。Chromeにどういった機能が用意されているのか把握するうえで参考になる。 まずページごとにどの程度のJavaScriptメモリが消費されているのか計測する方法として、タスクマネージャを使う方法が紹介されている。設定ボタンから「ツール」
サーバサイド(特にNode.js)とクライアントサイド両方で動かしたいものは最近はこんな感じで書いている。 CommonJSのwiki見ててそこに紹介されてるソースコードで(どれだったか忘れたけど。。)やってたのを見ていいなーと思って真似っこした。 (function(define) { define([], function() { 'use strict'; /** * @constructor */ var SomeClass = function() { // initialize }; /** * @type {string} * @private */ SomeClass.prototype.hoge_ = 'hoge'; /** * @return {string} */ SomeClass.prototype.getHoge = function() { return th
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
cles::blog 平常心是道 blogs: cles::blog NP_cles() « Google Docs をメールフォームとして使う :: これからはスマホで記帳の時代が来る? » 2012/09/25 ACE をサイトに組み込んでみる javascript 68 1へぇ 先日見つけた ACE をコードハイライターとして自分のサイトに組み込もうとしたら、意外とこのライブラリが曲者でした。 はじめはEmbedding ACE in Your Siteというページもあるので楽ちんかなと思ったのですが、例えばページのある <div> の部分にあるコードをハイライトしたいという場合にはサイトのようにやっても上手くいきません。サンプル通りに組み込むとエディタが全画面表示されてしまいます。 今回はこれを jQuery 等々を使って無理矢理サイズ指定することに成功したのでメモを残しておきま
ふと、onclickはtableタグでも使えるのか疑問に思ったのでググってみた。 MSDNがヒットした。(怪しいことが書いてあるけど・・・) 以下のタグでonclickイベントを使用できるとの事。 ん、tableタグはOK。これで、グリッドオブジェクトが作成できる。 A, ADDRESS, APPLET, AREA, B, BIG, BLOCKQUOTE, BODY, BUTTON, CAPTION, CENTER, CITE, CODE, DD, DFN, DIR, DIV, DL, DT, EM, EMBED, FIELDSET FONT, FORM, H1, H2, H3, H4, H5, H6, HR, I, IMG, INPUT, KBD, LABEL, LEGEND, LI, LISTING, MAP, MARQUEE, MENU, OBJECT, OL, OPTION, P,
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 Javascriptを使ったWYSIWYGエディタと言えば、openWYSIWYGという立派なものが既に公開されているわけで、実際利用するにもこれを弄ったほうが使えそうなのですが、カスタムするにも周辺知識は必要だろう、ということで作ってみました。 動作確認はサンプルにて。おおかまかな手順は、以下。 iframeを生成する (textareaを隠す) iframeのdesignModeをonにする (文書を編集可能にする) iframeにイベントを付与する (編集内容をtextareaに反映する) 提供される機能としては、こんな感じです。 execCommand()で各
任天堂から発売されているゲーム機3DSで動作するブラウザ(NetFront® Browser)で閲覧するためのWebページです。 JavaScriptを使用して、ゲームなどのコンテンツを作るにはどのようにすればよいか検証していきます。 ゲーム テトラブロック 15パズル 修正2011.10.15 サンプルプログラム キャラクタを歩かせる 複数キャラクタ表示(DIVタグ) 複数キャラクタ表示(CANVASタグ) スクロール表示(window.scroll) 動作テスト 画面サイズ 980px 画面サイズ 320px キー入力イベント マウス入力イベント Cookieによるデータ保存 インターバルタイマの最小間隔 回転拡大縮小による地形表示 データスキームURI 更新2011.10.04 ページスクロール 部分スクロール new IFRAMEタグ 更新2011.10.24 画像の回転 色深度
テスト実行部上の最も重要な部分はページの上部にあるファイル参照用のフォーム部品になります。この部品はテスト・ページまたはテスト・ページのスイート・ファイルへのパスを保持します。ではJsUnit用のテスト・ページの簡単な例を見てみましょう。 <html> <title>A unit test for drw.SystemUnderTest class</title> <head> <script type='text/javascript' src='../jsunit/app/jsUnitCore.js'></script> <script type='text/javascript' src='../app/system_under_test.js'></script> <script type='text/javascript'> function setUp(){ // perfor
アプリケーションを開発する上で、避けて通れないもの、それがテストです。とくにブラウザごとの非互換性が大きい Web アプリケーションでは、念入りなテストが必要です。でも、テストはあまり創造的な作業ではないし、やったからといってなにか機能が増えるわけでもない。できるだけ手間をかけずに済ませたいところですね。 そんなわけで、本日は JavaScript 用のテストフレームワークである JsUnit を利用したユニットテストの方法をご紹介しようと思います。 Ruby のユニットテストの記事でも書きましたが、ユニットテストによるテスト・ファースト開発は開発効率の面でも良い影響があります。まだ導入していない方は、ぜひこの機会に使ってみてください。 JsUnit について 今回利用する JsUnit は Java 用の JUnit を参考にして作られた JavaScript 用のユニットテストフレーム
[追記] 2013/9/1 三年前の記事が未だに読まれているようなので、一応書いておきますが、あれから色々変わってもっと良いものも出ています。 QUnit でも別に問題はないですが、今から QUnit を使うよりは http://visionmedia.github.io/mocha/:title=mocha] とかの方が個人的にはお勧めです。とにかく、今は色々あるのでもっと別の選択肢調べて見ることを個人的にはおすすめします。別に QUnit は使わないほうが良いとは言いません。 JavaScriptのテスティングフレームワークはいろいろありますが、自分は今主にQUnitを使っているので、少し使い方をまとめて見たいと思います。 [追記]今回作成したソースを上げました。ninja.js QUnit とは QUnitはもともと、jQueryをテストするために開発されたJavaScript Un
JavaScriptで起きたエラーに対処するためには、エラーメッセージを表示させる必要があります。各ブラウザでどのように表示をされるのか紹介します。 目次 今回使用するソースコード FireFox でエラーメッセージを表示 FireBug でエラーメッセージを表示 Internet Explorer でエラーメッセージを表示 Safari でエラーメッセージを表示 Google Chrome でエラーメッセージを表示 今回使用するソースコード 今回は下記のソースコードを使用します。アラートに「Hello World !!」と表示させる、お勉強用でおなじみのソースコードです。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transi
Chromeで確認しながらJS開発してたらconsole.logの出力ではまったので検証とメモ。 目的 console.logを実装している各ブラウザにおける、console.logの動作の違いを検証・理解する。 方法 以下は検証した方法。 環境 検証ブラウザは Chrome 16.0.912.75 Firefox 9.0.1 Safari 5.1.2 である。 コード 検証コード。 console.log('#test1 start ----------'); var arr=[]; for(var i=0; i<3; i++){ console.log('i = '+i.toString()); arr.push(i); console.log('arr = '+arr.toString()); console.log(arr); } console.log('#test2 start
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く