cmmntr.comThis domain may be for sale!
汎用ソート殺し - d.y.d.
00:26 12/12/18 BookLive! 7月に出会ってからずっと電子書籍ストアとして BookLive! をひいきにしているのですが、一体どこが好きなのか語りたくなりました。 ITMedia の これでもう迷わない、電子書店完全ガイド という一連の記事の、 電子書籍の端末の話よりストアの話をしましょうよというコンセプトに思いっきり影響されています。 といっても、第一印象が「普通のことが普通にできるので感激した！！」というもので、 つまり今年の前半に使っていた幾つかの電子書籍ストア/専用アプリが残念だっただけかもしれません。 買った本がどこをクリックすれば読めるのか理解するのに10分かかった、とか、 6冊以上買うと本棚アプリから画面外に本がはみ出るので手でいちいち棚を変えて整理しないと読めない、とか。 本当に普通に使えるという以上に特筆することもないんですが、 あ、でも、今年になる
IcedDev
This: <script type="text/javascript" src="node.js"></script> Allows you to do this in a Chrome App: var http = require('http'); http.createServer(function (req, res) { res.writeHead(200, {'Content-Type': 'text/plain'}); res.end('Hello World\n'); }).listen(1337, '127.0.0.1'); console.log('Server running at http://127.0.0.1:1337/'); This is actually Node.js code running the http listener on Chrome's
[JavaScript] 例外発生時にJavaみたいにスタックトレースを出力してデバッグしやすくする方法 - YoheiM .NET
こんにちは、最近JavaScriptで大規模開発中の@yoheiMuneです。 JSの大規模開発では、複数人で開発して、クラス数やJSファイル数もたくさんになりやすいです。 そんな時にエラーが発生するとデバッグも大変。 今日は、JavaScriptでJavaのようなスタックトレースを出してデバッグが楽にならないものかと思い調べて、実装してみた結果をブログに書きたいと思います。 スタックトレースとは サーバーサイドの開発では、例外発生時などによく見るスタックトレースですが、JavaScriptでは一部のブラウザ（Chrome）の開発コンソールくらいでしか見ることが出来ません。 スタックトレースとは、スタック（関数の呼び出しをするたびにたまるもの）の一覧を出力する機能です。 関数A→関数B→関数Cとコールしていて関数Cでエラーが発生した場合、そのエラー箇所にたどり着く迄に、 どんなコードを通っ
![[JavaScript] 例外発生時にJavaみたいにスタックトレースを出力してデバッグしやすくする方法 - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/3d80a966e60c3c5c2e1f78ded850d951c28244b3/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F170.jpg)
Chrome Tech Talk Night #4に参加してきました | DevelopersIO
Chrome Tech Talk Night 先日Google Chrome Tech talk Night #4に参加してきました。非常に楽しく、刺激的なセッションとLTを見ることができました。自分の知らなかった素晴らしいツールやサイトの紹介もあったので、当日のメモを中心に、ざっとまとめておきます。ニュアンスと意訳で書いてる部分があるので、そんなこと言ってないよ！等ありましたら、ツッコミをお願いします Session1：モバイルウェブのバリエーションについて Boris Smus 講演スライドリンク 多種多様なモバイルウェブを対象とするアプリケーション開発で、注意すべき事項や、UIの最適化のための様々な情報を紹介。 スクリーン密度の違いによる最適化について 大きさやプラットフォームの違いによるレイアウトの最適化について Inputのバリエーションについて 画像の最適化について 同じ大きさ
Performance Tips for JavaScript in V8 - HTML5 Rocks
Introduction Daniel Clifford gave an excellent talk at Google I/O on tips and tricks to improve JavaScript performance in V8. Daniel encouraged us to "demand faster" - to carefully analyze performance differences between C++ and JavaScript, and write code mindfully of how JavaScript works. A summary of the most important points of Daniel's talk are captured in this article, and we'll also keep thi
[JS]並べて配置したパネルを滑らかなアニメーションで伸縮させるスクリプト -Kwicks for jQuery
水平・垂直に配置したパネルをイージングやバウンドなどの滑らかなアニメーションで伸縮させるjQueryのプラグインを紹介します。 Kwicks for jQuery Kwicksは元来、MooToolsのエフェクトでしたがjQuery用にし、アニメーションのスムーズさ、コントロール、イベントのインタラクションなどを改善するために今回ゼロからリライトされました。 Kwicksのデモ Kwicksの使い方 Kwicksのデモ デモでは6種類のKwicksの動作を楽しめます。 対応ブラウザは、IE7+, Firefox3.6+, Chrome12+, Safri5+, Opera11+です。
Variations on the Mobile Web
Avoid images for UI components: buttons, gradients, etc. Often unavoidable (eg. photo gallery). Goal: serve the high quality images efficiently Overview of approaches: Optimized single image. Optimizing to pick the best from a set of images. Problem: high DPI images → large file size! 2x retina images are often 3-4x times larger at the same compression WebP 30% smaller than JPEG (but no good way t
Google I/O 2012発JavaScript高速化Tips集 | gihyo.jp
Google I/O 2012でChromeなどで使われているJavaScript エンジン、V8の開発者の1人であるDaniel Cliff ord氏がJavaScriptをより高速にV8で動作させるという講演を行いました。ここで紹介されていたTipsはV8での動作が前提になっているとはいえ、JavaScriptのパフォーマンスを考えるヒントになる点が多く国内外で注目が集まっていました。この資料と講演は英語でしたが、hosikitiさんが和訳したリストが日本の多くの人の注目を集めました。 ① コンストラクタ関数内ですべてのオブジェクトメンバーを初期化する ② 常に同じ順番でオブジェクトメンバーを初期化する ③ Numeric型（31bitで表現される符号付き整数）をできるだけ使う ④ 0から始まる連続した値を配列のキーとして使う ⑤ 巨大な配列（64,000個以上の要素を持つもの）はあら
『リッチスマートフォンWebアプリのメモリ管理』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは、ピグディビジョンでフロントエンドのプログラムを書いています。maginemu (@maginemu) です。 どこでもピグライフとは弊社の提供しておりますPC向けソーシャルゲーム「ピグライフ」をスマートフォン向けに移植したサービスです。『ピグライフのお庭をスマートフォンでも』を目標に移植を行いました。 (「どこでもピグライフ」はPCで「ピグライフ」を開始し、「いちごジュースを作ってみて！」というクエストをクリアするとお使い頂けるようになります) PC版ピグライフはFlashでつくられていますが、どこでもピグライフはHTML5/CSS3/J
How to add Notification Center support to your website or app
How to add Notification Center support to your website or app Originally introduced last year in iOS 5, Notification Center is one of the more useful new features in OS X Mountain Lion. What’s really nice is that the ability to show notification banners isn’t limited to native applications; both Safari and Chrome allow websites to show alerts in Notification Center as well. This is a quick and str
Tools and Techniques for Faster Development
This document discusses testing web apps with Remote IE and F12 Developer Tools. It provides an overview of using Remote IE to test websites on different versions of Internet Explorer. It demonstrates how to use the F12 Developer Tools to debug websites by setting breakpoints, inspecting elements, and profiling performance. The document notes that while tools between browsers share many similariti
Chrome Extensions - Content Script - Playground of ours
ATNDのイベント情報をGoogleカレンダーに登録するChrome Extensionsを作ってみました。 atnd2GCal その時のメモです。 Content Script Webページ内でJavaScriptを実行して、そのページを拡張したりする様な場合はContent Script APIを使う。(FirefoxのGreasemonkey的な感じ) Content Scriptが出来ないこと Content Scriptを作るに当たっては、以下の制約がある。 クロスドメインでのXMLHttpRequestは生成出来ない chrome.extensionの一部を除く、chrome.* APIは仕様出来ない エクステンションのページで定義されている変数・関数へのアクセス Webページ、他のエクステンション内で定義されている変数・関数へのアクセス Content Script本体では、
JavaScript重力多体シミュレータ(2D)
JavaScript重力多体シミュレータ(2D) (要HTML5 Canvas、速度的にGoogle Chrome推奨(2010-12-16時点)) 操作方法 マウスホイール : ズーム ドラッグ : スクロール 物体をクリック : ViewMode => 物体を追跡 物体をクリック : EditMode => 物体を選択、プロパティウィンドウ表示 物体をドラッグ : EditMode => 物体を移動 矢印をドラッグ : EditMode => 物体の速度を変更 コントロールの意味 Axis : グローバル座標での座標軸を表示する。 Track : 物体の軌跡を表示する。ただし、Record Trackがチェックされていなければ意味なし。 Relative : 物体の軌跡を現在追跡している物体を基準にプロットする。ただし、Trackがチェックされていないときや物体を追跡していないときは意
HTML5の味見しちゃうよ（1）- ＠IT
HTML5の味見しちゃうよ（1） Web RTC、Face.jsとJSARToolkitのお味は？ シーエー・モバイル 市川 未吏 2012/5/11 Web RTC、Face.jsとJSARToolkitを試した。JavaScriptを使って、Webカメラで顔認識とARをしよう HTML5とか勉強会の分科会発足！ 日々めまぐるしい進化を遂げているWebの世界。その世界に身を置き、興味を惹かれるものは多々あれど、なかなか実践するのは難しいものです。私ももちろん、例外ではありません。 Web先端技術味見部は、気になるあの技術をどこよりも早く取り上げる勉強会です。10人前後の少人数の参加者全員で、気になるフレームワークやAPIなどを味見していきます。 先日開催された、その第0回、第1回の様子を以下にお伝えします。 その名もWeb最先端技術味見部 最初に取り上げたのは「Web RTC」。Web
HTML5アプリ開発基盤「Meteor」がすごい
サーバもクライアントもJavaScriptで記述できる「Meteor」が注目を集めている。サーバ上のコードが変更されると、クライアントも自動的に変更されるという Wikipedia MobileのiOS版がHTML5に 今年は、HTML5を使用したネイティブアプリ開発（ハイブリッドアプリと呼ばれます）が盛り上がりつつありますが、強力な事例が登場しました。WikipediaのiOSアプリがApache Cordova（PhoneGapのオープンソース版）を使って書き直され、Android版と同じソースコードを使用するようになったそうです（詳細：New Wikipedia app for iOS（and an update for our Android App））。 Opera 12ベータ版リリース Operaの次期メジャーリリースが近づいて来ました（リリース）。 一番大きな変化は、Oper
Google Chrome 18のエクステンションの仕様に破壊的変更が来る
Chromium Blog: Writing Extensions More Securely Chromium Blog: More secure extensions, by default Chrome 18でManifest Version 2を指定した場合、インラインscriptが使えない。evalも使えない。Background Pagesの仕様も変わっている。 つまり、今までエクステンションで、 <html xmlns="http://www.w3.org/1999/xhtml" > <head> <script type="application/javascript"> /* Javascriptのコード */ </script> </head> </html> としていた場合、Javascriptのコードを別のファイルに分離して、 /* sample.js*/ /* J
初めてChrome拡張を作った DoNtTrackME - hogehoge @teramako
ただ、お願いするだけの拡張。 manifest.json { "name": "DoNtTrackME", "description": "Do Not Track ME", "version": "0.1", "background_page": "background.html", "permissions": [ "webRequest", "webRequestBlocking", "*://*/*" ] } background.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>DoNtTrackME</title> </head> <body> <script> chrome.webRequest.onBeforeSendHeaders.addListener( function
webRequest APIをざっくり理解する。(あるいはChrome拡張の作り方) – mzsm.me
昨日2月9日、Google Chrome 17の安定版がリリースされました。 このバージョンでの変更点の一つに、webRequest APIが正式に実装されたことがあります。 これまでこのAPIはexperimental(実験的機能)として実装されていましたが、今回晴れて正式なものになりました。 このAPIを使うと、Chromeが行う通信を監視して通信があるたびにイベントを実行したり、HTTPヘッダを書き換えたりすることができます。 Chrome 17では、User-Agentを他のブラウザに偽装することができる機能がDeveloper Toolsに付いたのですが、その機能もこのAPIを利用して実装されてい(ると思われ)ます。(Developer Tools自体もJavaScriptによって実装された“Webアプリ”なので、多分そのはずです) HTTPヘッダをいじれるというと不安に思われる
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Chrome Developer Tools入門 in DevFestX Sapporo