plovrでJava Scriptのモジュール分割
plovr を使うことでJava Scriptのモジュール化をしてみます。 AJAXをつかったページ遷移なしのウェブページを作成しているとJava Scriptのサイズが数万行くらいは軽くいっちゃうもんだと思うんですが、そうするとClosure CompilerのADVANCED_OPTIMIZATIONを指定してコンパイルしても 500KiB とかになります。500KiBとなるとサーバーからクライントにおくるのも時間がかかる。これは3G回線だと顕著です。Java Scriptファイルを評価するのにも、クライアントがCore i7のマシンだったとしても、数百msという単位でかかる。AJAXをつかってサクサクなウェブサイトができると思ったのに、ページを表示する際のレイテンシは増えていて困ってきます。 AJAXを使ってページ遷移をしないからといって、いきなりJava Scriptファイルの全コ
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは、ピグディビジョンでフロントエンドのプログラムを書いています。maginemu (@maginemu) です。 どこでもピグライフとは弊社の提供しておりますPC向けソーシャルゲーム「ピグライフ」をスマートフォン向けに移植したサービスです。『ピグライフのお庭をスマートフォンでも』を目標に移植を行いました。 (「どこでもピグライフ」はPCで「ピグライフ」を開始し、「いちごジュースを作ってみて！」というクエストをクリアするとお使い頂けるようになります) PC版ピグライフはFlashでつくられていますが、どこでもピグライフはHTML5/CSS3/J
Framework-agnostic, micro-library for getting stack traces in all web browsers DownloadBookmarkletGetting StartedGitHub/IssuesLicenseUsageJust include stacktrace.js and call printStackTrace()!<script type="text/javascript" src="path/to/stacktrace.js" /> <script type="text/javascript"> // ... your code ... if (errorCondition) { var trace = printStackTrace(); alert(trace.join(' -> ')); //Output howe
ブラウザをリロードして欲しい時に勝手にリロードしてくれるウェブ開発者向けのMacOSX用アプリケーションです。 HTMLやCSSなどのファイル編集を監視し、保存と同時に今開いているブラウザのタブをリロードします。動作確認をするためにブラウザをリロードする手間が省きウェブ開発に快適さをもたらします。 対応するブラウザは、現在のところChromeとSafariです。 ダウンロード 使い方 CHANGELOG フィードバック 過去のビルド ダウンロード 以下のリンクからzipをダウンロードし、適当な場所に解凍すると使えるようになります。動作確認はMaxOSX Lionで行なっています。 WatchReload-0.0.1.app.zip 使い方 WatchReloadを起動すると、メニューバーにWatchReloadのメニューが表示されるようになります。 メニューからStart Watching
Preface This comprehensive primer on the internal operations of WebKit and Gecko is the result of much research done by Israeli developer Tali Garsiel. Over a few years, she reviewed all the published data about browser internals and spent a lot of time reading web browser source code. She wrote: As a web developer, learning the internals of browser operations helps you make better decisions and k
By publishing this Recommendation, W3C expects that the functionality specified in this Touch Interface Recommendation will not be affected by changes to HTML5 or Web IDL as those specifications proceed to Recommendation. The WG has completed and approved this specification's Test Suite and created an Implementation Report that shows that two or more independent implementations pass each test. The
テストも終わり、ActionScript三昧な日々、いかがお過ごしでしょうか。yossyです。 先日、ウチにNintendoDSが来まして（俺が使うんじゃないですけど）、ちょっと触らせて貰いました。「脳を鍛える大人のDSトレーニング」ってソフトだったんですが、うおー、これペンで書いて答えるのか！手書き文字認識か！いまどきのゲームはそれぐらい出来なきゃいかんのか！これはFlashでもやるしかねぇ！ と、いうワケで作ってみた。 オープンソースの手書き文字認識エンジン「巴」をベースに、少し改変して認識エンジンと辞書をFlashに移植。ショボショボ学習機能も追加してみました。速度の割に、そこそこの精度で認識してくれます。 巴がLGPLなので、一応これもLGPLということで。ソースはこちら。AS2.0用のクラス（製作中のゲーム用フレームワーク「Spark」のパッケージとして提供）と、使い方の
JavaScript によるイベントドリブン アジェンダ JavaScript の言語について DOM について イベントについて jQuery について MVC アーキテクチャについて まずはじめに Just moment! Web で JS を使うとき、HTML の知識が前提となることが多い http://www.kanzaki.com/docs/htminfo.html 少なくとも「簡単なHTMLの説明」は押さえておきたい。 目的 講義時間は限られているので JS を学ぶ上でとっかかりをつかめること リファレンスを提示します。概念を理解 言語的部分、DOM 及びイベントドリブンなプログラミング 覚えようとするとクソ多いのでリファレンスひける部分は覚えない JS とはどんな言語であるか? 基本クライアントサイド=ブラウザで動く 実装がたくさんある はてなのエンジニアはみんな誰もがある程
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 Python Hackathon のネタとして Closure Library を使って以来、だいぶ Closure Library を使い込んできました。個人的には非常に手に馴染んでいて、もはや Closure Library なしで Web アプリを作るなんて考えられないくらいです。 しかし、世間ではまだまだ使っている人が少ないようです。理由はいろいろあるでし
Overview JSDeferred is standalone and compact asynchronous library. Asynchronous codes are very confusing because it is a storm of callbacks. JSDeferred improve the readability of asynchronous codes by providing one object and some functions. next(function () { alert('Hello,'); return wait(3); }). next(function (r) { alert('World!'); }); "Standalone and Compact" means JSDeferred is very portable s
このライブラリは現在メンテナンスされていません。 CPU負荷を抑えて重い処理を軽くするJavaScriptライブラリは chillout.js をお使いください。 This repository is no longer maintained. To reduce JavaScript CPU usage by asynchronous iteration, use chillout.js instead.
var resizeHandler = function(){ if($.browser['height']!== window.innerHeight){ var bar = 0, height = screen.height, ua = window.navigator.userAgent, portrait = (window.innerHeight > window.innerWidth); $.browser['height'] = window.innerHeight; if(!window.navigator.standalone){ if(ua.match(/Android/ig)){ if(ua.indexOf('Safari') !== -1){ bar = (window.outerHeight/window.devicePixelRatio) - window.in
End script and style with newline? Support e4x/jsx syntax Use comma-first list style? Detect packers and obfuscators? (unsafe) Preserve inline braces/code blocks? Keep array indentation? Break lines on chained methods? Space before conditional: "if(x)" / "if (x)" Unescape printable chars encoded as \xNN or \uNNNN? Use JSLint-happy formatting tweaks? Indent <head> and <body> sections? Keep indentat
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
