Closure Templatesことはじめ - Java編 - Qiita
Closure Templatesって？ Closure Templatesとは、Googleが開発しているJavaとJavaScriptで利用可能なテンプレートエンジンです。 GmailやGoogle Docsで利用されている（されていた？）という実績もあり、最近ではMediumというサービスでも利用されています。 個人的に気に入っている点をあげてみます。 JavaとJavaScriptで同じテンプレートファイルを利用できるので、初期ページはサーバーサイドのJavaで描画し、動的に書き換えたい箇所だけクライアントサイドのJavaScriptで描画し直すようなことが簡単に実現できる。 オートエスケープやパラメータの型チェックなど、安全にテンプレートを書くための機能が充実している。 テンプレート内でできることが限られているので、メンテナンス性の低い複雑な実装になりにくい。 Velocityや
JavaScriptの非同期処理には何を使うべきか
各方式は対立するのか？ ところでこれらの方式って、必ずしも対立するってわけじゃないんですよね。 JavaScriptのgeneratorはまだ使えるところが限られるけど、コールバックが不要で同期処理のように簡単に書けるのはやはり魅力的です。 一方で、ちょっとした非同期処理をReactive Programmingで処理するのはおおげさですが、ストリーム的に流れてくる複数のイベントを合成したり、時間的な操作をしたりする場合には圧倒的に便利です。 なので、適材適所で使い分けるのがよさそうです。（なんの解決にもなってない！） promise, co, RxJS さて、使い分けると言っても、方式が異なるものを混ぜて使うことは可能でしょうか？ 実は、それぞれの方式は対立しないどころか、連携することも可能です。 各方式の代表的な実装であるpromise, co, RxJSを例にみてみましょう。 まず、
embulk-parser-grokの紹介 - Qiita
URIPATH (?:/[A-Za-z0-9$.+!*'(){},~:;=@#%_\-]*)+ WORD \b\w+\b NUMBER (?<![0-9.+-])(?>[+-]?(?:(?:[0-9]+(?:\.[0-9]+)?)|(?:\.[0-9]+))) ACCESS_LOG %{URIPATH:request} %{WORD:method} %{NUMBER:duration} パターン名のあとにスペースをあけてパターンを記述します。パターンは正規表現で記述できます。 パターンの中で%{パターン名:id}と記述することで、パターンを再利用することができます。 idはパターンにマッチした文字列を取り出すための識別子になります。パターンにマッチした結果を利用しない場合はidに"UNWANTED"を指定します。 なお、パターンファイルは自分で書かなくても、汎用的なものをlogstashの
AngularJSのStrict Contextual Escapingって何だ？ - Qiita
AngularJSを1.0系から1.2系にアップグレードした時にハマりがちなのがSCE(Strict Contextual Escaping)ではないでしょうか。 AngularJS 1.2ではSCEがデフォルトで有効になったため、アップグレードしたによりこれまで動いていたアプリが動かなくなる可能性があります。 例えば、「ng-bind-htmlにバインドしているHTMLが表示されなくなった」とか「iframeの内容が表示されなくなった」なんてことが起きたら、まずはconsole.logを見てみましょう。 下記のようなログが出力されていれば、SCEが有効になったことが原因で要素が表示されていないと考えられます。 Attempting to use an unsafe value in a safe context. Blocked loading resource from url not
Protractor: AngularJSの次世代E2Eテストフレームワーク - Qiita
AngularJSはテストを重視しているフレームワークだと言われています。 それは、DIが標準搭載されているのでサーバーとの通信などのテストしにくい部分を簡単にモックに差し替えることが出来たり、ユニットテストやEnd to End（E2E）テストのためのフレームワークを持っていたりするからでしょう。 そして、現在標準で含まれているE2Eテストのための機能は、今後ProtractorというSelenium WebDriverJSベースのフレームワークに移行すると発表されています。（AngularJS 1.2 & Beyond） これまでのE2Eテストフレームワークを捨てて新しいものに乗り替えるのには理由があります。 それは、Seleniumをベースにすることで次のような恩恵を受けられるからです。 ブラウザを操作するためのAPIが充実 複数ブラウザでの実行が可能 リモートページのテストが可能
Protractorの小ネタ - Qiita
AngularJSリファレンスの落ち穂拾いその3ということで、今回はProtractorの小ネタを紹介したいと思います。 手前味噌ですが、Protractorの説明についてはこちらをごらんください。 Protractor: AngularJSの次世代E2Eテストフレームワーク AngularJSの処理の完了を待たない Protractorには、browser.waitForAngularというAPIが用意されています。 このAPIを呼び出すと、AngularJSの描画処理や、$httpによる通信処理、$timeoutによるタイムアウト待ち処理などが完了するまで待つことができます。 Protractorは、要所要所で内部的にこのbrowser.waitForAngularを呼び出しています。 これによりテストを書く人は、AngularJSの処理が完了するまで待つという処理を書く必要がなくなる
AngularJSアプリのパフォーマンスを計測してみよう -- angular-benchpressの使い方 - Qiita
AngularJSリファレンスの落ち穂拾いその2ということで、今回はangular-benchpressを紹介したいと思います。 https://github.com/angular/benchpress angular-benchpressは、Angularチームが開発するパフォーマンス計測ツールです。 AngularJSに限らず、Webアプリケーションのクライアントサイドのベンチマークをとることができます。 AngularJSやAngularDartの本体でもパフォーマンステスト用にこのツールを利用しているようです。 インストールと実行 Node.jsとnpmがインストールされていれば、次のコマンドでインストールできます。 ただし、angular-benchpressのバージョン0.1.0や0.1.2にはちょっとしたタイポがあって、動かない状態でリリースされていたりするので注意が必要で
AngularJSのベストプラクティスに従っていますか？ -- angular-hintの使い方 - Qiita
最近、AngularJSリファレンスという書籍を書いていたのですが、紙面や時間の都合上書けなかったこともたくさんありました。 というわけで、書籍に書ききれなかった内容を落ち穂拾い的に紹介していきたいと思います。 今回はangular-hintというツールを紹介します。 https://github.com/angular/angular-hint これは、Angularチームの1人が開発しているツールで、AngularJSを使って開発したアプリケーションに組み込んで実行すると、エラーを検出してくれたり、ベストプラクティスに従っているかどうかをチェックしてくれたりします。 ただし、説明文にWIP(Work In Progressの略)と書いてあるので、まだ開発中のようです。 angular-hintを組み込むとアプリケーションが動かなくなることもあるのでご注意ください。 angular-hi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
