第二回ペアプロ合コンに参加してしまった - いぬおせろ
ネタ＆腕試しのつもりで申し込んだのに、選考通過したので参加しました。 男性枠: http://connpass.com/event/631/ 女性枠: http://connpass.com/event/605/ togetter: http://togetter.com/li/338429 事前話 第一回目のときは「なにこれ？」と静観してました。申し込みのときに女性に対して男性の申し込みが3〜4倍あり、どういう選考基準で選んでるのかと思ってましたが、今回は言語が指定され、それに関する御題によって、選考するというものでした。御題は表示テキストをjQueryを使って書き換えるもので、5つありました。 選考問題 私の解答 模範解答 jQueryは今まで使ったことなかったのですがJavascript自体は分かるので、そこまで大した問題でもなく、ぐぐれば分かる程度の問題でした。けど、それだけみんな
13 JavaScript Performance Tips
Daniel Clifford recently gave a great talk at Google I/O 2012 called “Breaking the JavaScript Speed Limit with V8”. In it he goes in depth to explain 13 simple optimizations you can do in your JavaScript code to help Chrome’s V8 JavaScript engine compile / run your JavaScript code faster. In the talk he gives a lot of great explanations as to what they are and why they help, but if you just want t
美しいプログラムを書く(業務用Webアプリケーション保守編) | Webシステム開発／教育ソリューションのタイムインターメディア
あらすじ あなたはとある業務用 Web アプリケーションの開発・保守を任されています。 このアプリケーションは ASP.NET を用いて作成されており、 クライアントサイドは一部 jQuery を利用してナウなヤングにバカウケの UI を実装しています。 さて、今回は 商品情報の変更履歴を一覧表示する。一覧から2つのバージョンを選んで差分を表示できるようにする。 という機能を実装することになりました。 これ自体はちゃちゃっと実装し、以下のようなHTMLが生成されるようにしました: ... <table> <tr> <th>A</th> <th>B</th> <th>変更日時</th> <th>変更者</th> </tr> <tr> <td><input type="radio" name="new_version" value="9"/></td> <td></td> <td>2012-0
JavaScript MVC座談会。遅くならない？ それぞれの特徴は？ サーバとの通信は？（後編）
JavaScriptでの大規模アプリケーション開発を支援する「JavaScript MVCフレームワーク」がいくつも登場し、注目され始めています。7月11日に開催された「第31回 HTML5とか勉強会」では、このJavaScript MVCフレームワークがテーマとなり、主なフレームワークの紹介と座談会が行われました。 それぞれのフレームワークがどんな特徴を持ち、何に向いているのか。非常に勉強になる内容でしたので、この記事では座談会の内容を紹介したいと思います。 （本記事は「座談会：JavaScript MVC、遅くならない？ それぞれの特徴は？ サーバとの通信は？（前編）」の続きです） ローカルのモデルをサーバに保存するには？ 新野 ここまでは主にビュー側の話をしてきましたが、次はモデルについてです。それぞれのフレームワークで、モデルとしてローカルに持ったデータをサーバに送って保存したいと
JavaScript MVC座談会。遅くならない？ それぞれの特徴は？ サーバとの通信は？（前編）
JavaScriptでの大規模アプリケーション開発を支援する「JavaScript MVCフレームワーク」がいくつも登場し、注目され始めています。7月11日に開催された「第31回 HTML5とか勉強会」では、このJavaScript MVCフレームワークがテーマとなり、主なフレームワークの紹介と座談会が行われました。 それぞれのフレームワークがどんな特徴を持ち、何に向いているのか。非常に勉強になる内容でしたので、この記事では座談会の内容を紹介したいと思います。 座談会に登壇したのは以下の方々です。 Backbone.js 清水大輔氏（NHN Japan） Spine 村田賢一郎氏（Acroquest Technology） Ember.js 斉藤祐也氏（サイバーエージェント） AngularJS 北村英志氏（グーグル） 司会はPublickey新野が務めました。 JavaScript MV
Googleが示すJavaScriptを350倍高速化する秘訣 - ぼちぼち日記
1. はじめに、 今年も Google I/O が開催されました。一度も現地に行って参加したことはないのですが、毎年セッションの内容は技術的に高度なものばかりでいつも注目しています。今年の一つ興味深いセッションで、 「Google I/O 2012 - Breaking the JavaScript Speed Limit with V8 (Daniel Clifford)」 スライド ,ビデオ というのがありました。（ビデオ・資料をすぐ公開してもらえるのはホントありがたいです。） ご存じの通り V8 は Chrome に搭載されているばかっ速い JavaScript エンジンで Node.js でも採用されています。このセッションは、 V8 の内部実装の解説を元にどう JavaScript の実行速度がパフォーマンスチューニングができるかという内容で、もうこれは必見で見逃せないものです。
『JavaScriptのテスト手法』
みなさんはじめまして。 2011年11月に中途で入社し、現在はAmeba事業本部でスマートフォン版Ameba（通称デカグラフ）の開発をしている川口（facebook）と申します。 JavaScriptにおけるテストフレームワーク JavaScriptにおけるテストフレームワークとしては、有名なもので現在以下のものがあります。 ●JsUnit Javaのテストフレームワークとして有名な「JUnit」を参考に作られたテストフレームワークです。 ●QUnit もともとjQueryをテストするために開発されたフレームワークですが、現在ではjQueryへの依存が無くなっているためjQuery以外のライブラリを使ったプロジェクトでも使用できます。 ●Jasmine
WebデザイナーのためのJavaScript、jQueryの勉強法 - DESIGNMAP
まったくのプログラミング初心者の方を対象にJavaScriptの独学方法をのべていきたい。今回とりあげるJavaScriptの勉強法はあくまでWebデザイナー向け（もしくはフロントエンドエンジニア向け）なので、Node.jsのようなサーバーサイドJavaScriptはとりあげていない。 JavaScriptとjQueryをどちらから勉強するべきか。今回はあえて邪道とわかっていながらもjQueryにふれるという順番をとった。本来は、JavaScriptの基礎をしっかりおさえてからjQueryにすすむのが正統である。今回はトップダウン方式で実践にふれてから、基礎に戻る学習法を提案したい。 jQueryはJavaScriptを楽に開発するためのライブラリで、jQuery自体はJavaScriptのコードでできている。最初にいきなりjQueryにふれて、HTMLを動的に操作する（これをDOM操作と
最近のMVCとJavaScriptのMVCについて まとめ - webとかmacとかやってみようか R
ここ最近のWebアプリの進化に伴い、ネイティブアプリ並のUIを持ったWebアプリへの期待が高まっています。jQueryなんかで簡単にDOMを操作できるようになりましたが、ある程度の規模のアプリを作ろうとすると jQuery だけでは厳しいものがあります。 そこで、JavaScript でも MVCパターンを適用し、モデルとビューの分離して、開発・保守しやすい設計にする、という流れになってきています。MVCは、元々は Smalltalk で GUI アプリを作るときの設計指針として考えられました。デザインパターンの一つでもありますが、Singleton や Observer といった GoFのデザインパターンよりも抽象度の高い、ソフトウェアアーキテクチャです。 そして時は流れ、Webの時代になると Strutsなどで代表されるWeb3層モデルとして、Webアプリの設計パターンとして一世を風靡
はてなダイアリーに各種スライド資料URLを貼る時のテンプレートまとめ - Diary of absj31
ブログエントリ内に都度資料を貼る際、過去エントリの内容から情報を引っ張ってくるのが割と面倒だったりするので、備忘録的にエントリとして書き出しておこうと思う。 Slideshare 公式HP： Upload & Share PowerPoint presentations and documents Slideshareについては過去調べて書いたものがあるのでそちらに転送。 slideshareの仕様変更(？)ではてなダイアリーに表示出来なくなった件について - Shinya’s Daily Report 基本的な手順としては以下のような感じで情報作成してます。 スライドURLにアクセス 資料上部にある[embed]ボタン押下→[copyボタン押下]でテキスト情報をコピー ペースト そのままの状態では上手く認識してくれないので不要な属性を削除(削除箇所は上記エントリを参照) <strong>
15 Most Popular jQuery Plugins of June 2012
Another month has passed and it's time for the jQuery plugins roundup. Keep on reading to see what plugins you might have missed in June 2012. Collection of extremely useful DOM helpers for jQuery 1.7 and later. Such as, jQuery.animate which overwrites $.fn.animate to use CSS3 animations where possible and falls back to jQuery’s animation otherwise. 2. gmaps.js
JavaScript の変数と delete 演算子: Days on the Moon
Kanasan.JS JavaScript 第 5 版読書会 #1 にて delete 演算子の動作が話題に上ったそうです。そこで、それについてちょっとまとめてみようかと思い立ったはいいものの、ずるずると引き伸ばしているうちに年を越してしました。しかし、読書会 #2 の開催も決まり、もうこれ以上引き伸ばしているといつまでたっても書けなさそうなので、いい加減腹をくくって個人的にまとめてみようと思います。 JavaScript の変数 delete 演算子の対象 変数に対する delete 演算子 削除できるプロパティとできないプロパティ 変数の属性 delete 演算子の返り値 JavaScript の変数 delete 演算子の話に移る前に、変数とは何なのかおさらいしておきましょう。JavaScript において、変数とはプロパティの別名です。といっても、すべてのプロパティを変数というわけ
deleteの使い方についてのメモ - からすの日記
javascript版AutoReleasePoolを作ろうといろいろ調べたら、 deleteの使い方を誤解していたことがわかったのでメモ。 deleteの間違った使い方 a = new Date();//オブジェクトを作る b = a; //アドレスをコピー delete a; //Dateオブジェクトを削除しているつもり document.write(b); //-> 時間が出力される C++的に考えると、オブジェクトは四行目の時点で破壊され、bはundefinedとでも表示されそうな物ですが、実際は読み出せてしまいます。 では、二行目の時点でオブジェクトがコピーされているのかと考えるとそうでもなく、ちゃんと参照だけがコピーされています。 deleteの正しい使い方 そもそもjavascriptにはGCがあり、オブジェクトを解放させたいのなら全ての変数をnullで上書きするなりして、誰
jQueryオブジェクトの裏側をのぞいてみよう！ · DQNEO日記
jQueryオブジェクトとは何か？ 最初に答えを言います。 jQueryオブジェクとは、jQuery.fn.jQuery.initクラスのインスタンスである 下記の式を評価してみればわかります。 var obj = $('div'); alert(obj instanceof jQuery.fn.init); // => true Google Chrome Developper Toolsで変数を見てみると、確かにそのように表示されます。 次に、jQueryのソースコードを見てみましょう。 冒頭にこのように書かれています。 var jQuery = function( selector, context ) { return new jQuery.fn.init( selector, context, rootjQuery ); }, (ここでrootjQueryとは$(document
CoffeeScript, Meet Backbone.js: A Tutorial
CoffeeScript, Meet Backbone.js is a simple Backbone.js tutorial written in CoffeeScript comprised of self-explanatory "hello world" examples of increasing complexity. It was designed to provide a smoother transition from zero to the popular Todos example The bulk of this tutorial is a rewrite of the original hello-backbonejs tutorial. Backbone.js offers a lean MVC framework for organizing your Jav
Kicksend Practices Part I – Backend and Web - Kicksend Blog
Kicksend is a multiple platform application, we have clients on iOS, Android, OS X, Windows and the web. All of this is powered by a Rails backend, which we treat as an API server. Here are a couple of practices we have in play right now. The Backend (by Tom Raferty) Don’t use to_json for your responses Responses are the equivalent of views for your API; your presentation layer. Hence, you shouldn
JavaScript の new 演算子の意味: Days on the Moon
JavaScript における new 演算子の動作は大まかにいって以下のとおりである。(new F() とした場合。) 新しいオブジェクトを作る。 1 で作ったオブジェクトの [[Prototype]] 内部プロパティ (__proto__ プロパティ) に F.prototype の値を設定する。 F.prototype の値がオブジェクトでないのなら代わりに Object.prototype の値を設定する。 F を呼び出す。このとき this の値は 1 で作ったオブジェクトとし、引数には new 演算子とともに使われた引数をそのまま用いる。 3 の返り値がオブジェクトならそれを返す。そうでなければ 1 で作ったオブジェクトを返す。 ここで「オブジェクトである」というのはプリミティブ値 (文字列、数値、真偽値、undefined 、null) ではないということだ。new Stri
Zeros in JavaScript
2013-11-05:A kind fellow named Ilya informed me that {}+foo is probably parsed by JavaScript as {};+foo. To mitigate the issue, all operations are now being wrapped in parentheses before evaluation (e.g. ({}+foo).)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://agilecatcloud.com/2012/06/27/web-%E3%81%A8-jquery-%E3%81%AE%E3%83%A9%E3%83%96%E3%83%A9%E3%83%96%E3%81%AA%E9%96%A2%E4%BF%82%E3%82%92%E3%80%81%E3%81%84%E3%81%8F%E3%81%A4%E3%81%8B%E3%81%AE%E3%83%87%E3%83%BC%E3%82%BF%E3%81%A7/
Adobe、HTML/CSS/JavaScriptでできた次世代コードエディター「Brackets」を発表