Big Web App? Compile It!
Alon Zakai / Mozilla Compiling to JavaScript JavaScript is standards-based and the only language that runs in all web browsers You can run only JavaScript in browsers, but you can write in another language - if you compile it to JavaScript First set of demos BananaBread Qt Ruby Compiling to JavaScript: Nothing New! 2006: Google Web Toolkit (GWT), Java to JS 2007: pyjamas, Python into JS Adoption J
シンプルでかつ最高のJavaScriptプロファイラ sjsp を作りました！ ― Webアプリケーションが複雑化する中でプロファイラに求められるものとは何か - プログラムモグモグ
あらすじ Web技術が複雑になる中で、JavaScriptのプロファイリングをとる方法とは。 プロファイリングを取るためのコードを手で書いてみましょう。 とてもシンプルで、かつ最高のJavaScriptプロファイラ sjsp を作りました。 本当にあった怖い話 上司 「とにかくJavaScriptのコードを速くしてくれ」 私 「分かりました、速くします」 (次の日) 私 「いいプロファイラがないなら作ればいいじゃない」 同じチームの人 「えっ？」 私 「最高のJavaScriptプロファイラ作ったよ」 同じチームの人 「「えっえっ？？？」」 私 「早速使ってみたらこことここが遅いって分かったよ」 同じチームの人 「「「この子は一体…」」」 JavaScriptのプロファイリングの難しさ 近年、Webブラウザーの処理速度は著しく向上し、その可用性の高さから、アプリケーションのプラットフォーム
JavaScriptでもペンタブが使いたい! - 暮らしの技術
要約 JavaScirptだってペンタブ使いたい Wacom製のペンタブレットの場合web pluginがドライバと一緒にインストールされる*1 でもあんまり古いタブレットだと動かないっぽい? demo: http://tanatana.info/wacom-api-sample JavaScriptでもペンタブが使いたい? 拝啓 HTML5に変わり新たなバズワードとしてビッグデータやUI/UX，グロースハックが流行りだしたことをお慶び申し上げます．皆様におかれましてはクロスプラットフォームなどといった幻想に押しつぶされることも減り，いくらか過ごしやすくなったことかと思います． しかしながらスマートフォン，タブレットデバイスの普及による新たなフロントエンド技術が広まりから，ネイティブ/WEB，またB2B/B2Cを問わず，フロントエンドに要求される機能は日増しに高度化していることと存じ上げま
Why we should stop using Grunt & Gulp
If you’re building a modern JavaScript application or website, there’s a good chance you’ve seen the JavaScript Build Tool Landscape. The heavyweights of this world are Grunt and Gulp, although many, many others exist too. Grunt receives a whopping 30,000 downloads most days, and Gulp has a respectable 15,000 daily downloads. They must be doing something right, right? Build systems seem to be the
JavaScriptで日付を扱うならこれ！「moment.js」
■ つかいかた（基礎編） ダウンロードしたmoment.jsをscriptタグで読み込ませたら準備完了です。 あとは下記のような実装で使用できます。 // momentオブジェクトを初期化して・・・ var m = moment(); // formatで出力! var output = m.format("YYYY年MM月DD日 HH:mm:ss dddd"); console.log(output); // => 2013年05月15日 12:34:56 Wednesday // 現在時刻 moment(); // ミリ秒で指定 moment(1368543600000); // タイムスタンプ（秒）で指定 moment.unix(1368543600); // Date.parseで解析可能な文字列を指定 moment("May 15, 2013"); // Dateオブジェクトか
JavaScriptでの例外設計 （throw，try-catch-finally構文のイメージと利用パターン） - 主に言語とシステム開発に関して
JavaScriptプログラミングのTOPへ JavaScriptの例外（throw, try-catch-finally構文）の使い方について，以下の点を論じる。 （Ａ）breakとreturnとthrowの比較 （Ｂ）throwを利用した設計のイメージ （Ｃ）throwの使いどころ （Ｄ）例外処理のサンプルコード×２ （Ａ）break（continue）とthrowとreturnは何なのか どれも「goto」である。 特に，breakがGOTOである事についてのサンプルコード： HOGE:{ alert( "このメッセージは表示されます。" ); // "GOTO"の役目をする。該当ブロックから抜ける break HOGE; alert( "このメッセージは表示されません。" ); }// end of HOGE alert( "HOGEブロックを抜けました。" ); http://d
Bbfstoto: Situs Slot Gacor Gampang Menang Maxwin Setiap Hari
Bbfstoto adalah situs slot online peluang maxwin tertinggi yang bisa didapatkan dari slot gacor terbaru bergaransi. Kemenangan luar bisa dan mudah menjadi daya tarik bermain pada situs slot terbaru. Didukung dengan mekanisme peluang lebih besar hingga 70% berbanding 30% semua bisa merasakan withdraw besar. Awal mula munculnya judi slot hanya untuk kalangan menengah keatas, namun era sudah berubah
ブラウザ動作の理解－リフローとリペイント及びその最適化 | ゆっくりと…
ブラウザ動作の理解の2回目です。今回はレンダリング・ツリーの更新に絡む、リフロー （要素の大きさ、位置などの再計算） とリペイント （描画） に関する解説を、「High Performance Web Pages – 20 new best practices」 の著者 Stoyan Stefanov のブログエントリーから 「Rendering: repaint, reflow/relayout, restyle」 を翻訳してお届けします。 同記事は、前半がリフローとリペイントに関する解説と、表示レスポンスを向上させるためのスタイル変更に関する Tips、後半は dynaTrace AJAX Edition と SpeedTracer を使った IE および Chrome の描画パフォーマンスの計測の解説で構成されてる、長い記事となっています。 今回はその前半部分をご紹介します。 レンダ
[JavaScript]僕、スコープとかクロージャとか曖昧でした | ブログが続かないわけ
Douglas Crockford, 水野 貴明 ￥ 1,890 手っ取り早く習得 痒いとこだけ掻いてくれる JavaScriptを勉強しなおすのにとってもよいです。 JavaScript コアに関する最高の本 付録を除くと100ページちょいという、とてもライトな本ですが、内容は濃密です。JavaScript の中で、一番わかりにくいだろうなと思われるようなところが集中的に解説されているように感じられ、勉強したてでかつそろそろわかりかけてきたなーと思い始めていた僕にとって、最適の一冊でした。知って良かったなと思えるところがたくさんありましたので、これから少しずつ紹介して行きたいと思いますが、今日はその中でも特に印象的だった、変数のスコープにまつわるお話をしてみたいと思います。 変数のスコープはその変数が宣言された関数の中だけに限定されます。なんとなく知ってはいたのですが、for 文とかでは
![[JavaScript]僕、スコープとかクロージャとか曖昧でした | ブログが続かないわけ](https://cdn-ak-scissors.b.st-hatena.com/image/square/22a943946d08f1f2302573abf6b2502f6c404e6e/height=288;version=1;width=512/http%3A%2F%2Fecx.images-amazon.com%2Fimages%2FI%2F41H0Dk-K3PL._SL160_.jpg)
Studio FREE-SKY - テキストエリアの選択範囲に挿入後選択状態にする - １
テキストエリア内の選択範囲への挿入で何段階かに分けて挿入したい場合があります。 段階毎に選択すればいいのですがめんどくさいので、挿入したらその挿入後のテキストも一緒に選択状態になるようなスクリプトを考えます。 テキストエリアの選択範囲に挿入する方法の１つ目は、IEとNN共通のStringオブジェクトのsubstringメソッドを使う方法です。 基本的にNNに関しては問題ないのですがIEの場合、substringメソッドを使うわけですからテキストエリアの選択範囲の位置を特定しなければいけません。 位置の特定方法は上記リンク先で参照して下さい。 IEでの位置が特定できれば選択状態にする以外に関しては同じですので共通の処理ができます。 以下はクロスブラウザを考慮してテキストエリアの選択範囲に挿入するスクリプトです。 // 選択範囲の位置を特定するIE専用の関数 function getSelec
applyとcallの使い方を丁寧に説明してみる - あと味
JavaScriptに、applyとcallというメソッドが用意されていますが、自分なりにapplyとcallの丁寧に説明をしてみようと思ってこのエントリーを書くなどをしてみます。 applyとcallは非常に似たメソッドなので、まずはcallから説明します。 callメソッドとは？ callメソッドは以下のように呼び出します。 methodA.call(thisArg, [, arg1 [, arg2, ...]]); methodAには任意の関数（メソッド）を指定します。 callの引数は第一引数にmethodAのthisとしたいオブジェクトを指定して、第二引数以降はmethodAに渡したい引数があれば、カンマ区切りでそれぞれ指定します。 callメソッドは、すべての関数が共通して持っているメソッドです。すべての関数はFunctionクラスのオブジェクトで、callはFunction.
ブロックレベル要素の高さを揃えるheightLine.js[to-R]
ブロックレベル要素の高さを揃えるheightLine.js Web標準の日々のグループディスカッションで出たライブラリ案を作っていく企画、第一弾。 ブロックレベル要素の高さを揃えるjsライブラリを作ってみました。 このライブラリは新バージョンがあります。 レスポンシブWebデザインに対応した「jquery.heightLine.js」 CSSでは複数のブロックレベル要素の高さを揃えれないという問題があります。 このheightLine.jsは、複数のブロックレベル要素の高さを揃える事ができ、2カラムレイアウトや3カラムレイアウトのそれぞれのカラムの高さを揃えたり、複数のブロックレベル要素をfloatで配置する際の高さを揃えたりできる、便利なライブラリになります。 設置方法 head要素内にダウンロードしたheightLine.jsを読み込みます。 <script type="text/ja
![ブロックレベル要素の高さを揃えるheightLine.js[to-R]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a9717624309e36a795026e1b70982163687ccca2/height=288;version=1;width=512/https%3A%2F%2Fblog.webcreativepark.net%2Ficon_200x200.png)
The Sexy Curls jQuery Plugin by Elliott Kember
The Sexy Curls jQuery Plugin! is an open-source jQuery plugin by Elliott Kember which lets you share in the beauty of the page fold. You want a demo page? You're looking at it. Go drag the fold → The source code is available at GitHub. The plugin now works in IE7. You can also now set it to curl automatically. Read the full story about this plugin at Carsonified Installation: First, make sure
30分、JavaScriptで作るWebサービスのモックアップ - ゆーすけべー日記
Instagramは日本のユーザーも多く、日常を切り取った写真がほとんどで、 またお洒落なものも混じっているのでたまに眺めると気持ちがホッコリしたりします。 特定のキーワードでInstagramの最新の写真を検索したい時があります。 例えば、みんなが今どんな「ご飯」を食べているのか、今日の「日の出」はどのような具合なのか、 がInstagramの写真を通して分かるかもしれません。 Instagramの写真検索サービスを探してみると、 Instagram自身が検索機能を提供してないので他の第三者が作ったサービスがいくつか出てきます。 使ってみたところ、もう少し自分で見た目やら機能を変えてみたいなーなんて思いました。 そこで、「Instagramの今の写真を検索できるサービス」といういわばWebサービスを作りたい欲求にかられます。 今回はこのようなちょっとした欲求から考えた「Webサービスのモ
Closure Library を使うべき 10 の理由 - WebOS Goodies
WebOS Goodies へようこそ！ WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 先週 Closure Library で構築したドローウィジェット Closure Draw を公開しましたが、はてぶ数などを見る限りさほど多くの反響はなかったようです。まあ、機能が中途半端だったり作りが甘かったりというところが大きいのは間違いありませんが、 Closure Library 自体がまだメジャーではないのもあるのかな、とも思います。実際、ぐぐってもフ
JavaScriptをやり始めた人が理解したほうが良いJSONパーサのコード - sifue's blog
そろそろ4月も近いということもあって、新たにWeb業界やSIer業界に入るぞという方がプログラミングの勉強をし始めているころでしょうか。最近は、エンタープライズでもWebクライアントが主流になりつつあるのでJavaScriptの習得は避けては通れない道だと思います。また、Node.js等サーバーサイドのJavaScriptも出てきたこともあって、非常に有用な言語になりつつあります。 そんなJavaScriptを学び始めている人の中でも、ある程度プログラミングをやったことがある人がJavaScriptの綺麗な書き方を学ぶのに絶対理解しておいた方が良い300行程度のソースコードがあります。 それは、JavaScript: The Good Partsに載っているJSONパーサのコードです。 JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス 作者:
Titanium mobile で開発を始める時に役立つ情報のまとめ | astronaughts.net
かなり熱くなってきた Titanium mobile 去年あたりから JavaScript で iPhone や Android のネイティブアプリが開発できる Titanium mobile が注目を集めています。実は僕も、この Titanium mobile を使用してアプリを開発しています。まだ何もリリースできていませんがっw Titanium mobile の情報は、有志の方々がドキュメント等を日本語でまとめてくださっているんですが、まだまだ細かい情報が少なく、分散してしまっているのが現状のようです。 そこで、自分が集めた情報を一度まとめてみました。これから Titanium mobile を触ってみようと思われる方は一度目を通してみてください。 Titanium mobile 入門関連 まず Titanium mobile を触る前に必ず見ておきたいサイトです。 チュートリアル
フルAjaxで動くRailsアプリを作ってみたよ。 | Ginpen.com
scaffoldを使うとCRUDが揃った「土台」を一発で作れるわけですが、それをアレコレして全ての操作をAjax化してみたので、手順をまとめました。 記事を読むのがだりぃって方はソースコードをGitHubで公開してるので、そちらをご覧ください。 RubyもRailsもあんまり触った事がないので、識者によるツッコミ歓迎します。 (｀・ω・´) 概要 やること indexの画面だけでCRUD、つまり新規作成 (Create)、表示 (Read)、編集 (Update)、削除 (Delete)を行えるよう、scaffoldで作成したファイルをいじります。 結論 form_for()にremote: trueを与えるだけで、とりあえずAjax化します。あとはサーバー側のレスポンスの内容を整えて、クライアント側で適切に処理してやればOKです。 作業 下準備（scaffoldとか） indexに編集フ
ハタさんのブログ : Javascriptによる大規模開発の覚え書き
未だに半年前のエントリにブクマされるみたいなので、もう少しjavascriptについて書いてみる。 今回は大規模化開発におけるJavascriptの注意点とかそういうの。当てはまらない環境の方もいます。(しかも基本的な事だらけで大したことは書いてないです) ほぼリッチクライアントを主目的としたjavascripterとコードを対象とします。 どちらかというと、ライブラリを提供する側の視点から 1.ログを出力せよ あなたが書いたコードは遅い、と必ず言われます。なので言われる前から、自分の書いたコードの処理時間をログするようにしましょう。 次のような処理時間を計測するロガーを作ります。 var TraceLog = function (){ this.startTime = -1; var outer = document.getElementById('_outer'); if(oute
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5でギャルゲーを作れるか？
