You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
Microsoft社の新言語TypeScriptについて社内の自主研究発表会で発表した内容です。 対象バージョンは V0.9(2013年10月時点の最新)。 比較対象としてCoffeeScript, Haxe, Dartなどにも触れています。Read less
DI (Dependency Injection)ってのは日本語では依存性注入とも呼ばれ、大雑把に言うとAngularJSがコントローラなどに必要とされているコンポーネント(オブジェクト)をいい感じに渡してやる機能です。 ここでは特にAngularJSのDIがどのような仕組で動いてるか、そしてその独特なDIの実装にまつわるトラブルケースを説明します。 AngularJSのコントローラの書き方 まずはAngularJSの中心的な機能であるコントローラの書き方には、簡単版と面倒版の複数の書き方があることを抑えておきましょう。 パターン1(グローバル関数パターン) サンプルとかでよく見るのは↓こういうグローバル関数の形のコントローラです。
[Video] http://www.youtube.com/watch?v=JjqKQ8ezwKQ&list=SPSIUOFhnxEiCODb8XQB-RUQ0RGNZ2yW7d&index=13 [Slide] http://goo.gl/E1v14 GoogleのMark Trostlerが、テストしやすいJavaScriptプログラムの書き方についてプレゼンしています。オライリーから日本語版の本もでてます。 データを隠したいとか、privateにしたいとか、protectedにしたいとか、モジュルパターンやクロージャ使おうとか、「何を隠して、何をみえるようにするか」という発想をしている時点で、テストしやすい効率的なプログラミングからは逸脱してしまう。「implementationでなくinterface」という意味が分かれば、implementationはリプレースできるし、コーデ
AngularJS + Underscore The ultimate web-development toolkit (2018) Before starting my latest web-development project I was looking for some robust javascript frameworks that I could use. I was familiar with AngularJS and I loved it, but it doesn’t have a lot of utility methods and I was looking for some solution to solve that problem. So, I thought about using UnderscoreJS, which is a collection o
Crossroads.js is a routing library inspired by URL Route/Dispatch utilities present on frameworks like Rails, Pyramid, Django, CakePHP, CodeIgniter, etc... It parses a string input and decides which action should be executed by matching the string against multiple patterns. It is a powerful and flexible routing system. If used properly it can reduce code complexity by decoupling objects and also b
2chまとめみたいなタイトルにしてみた。(してみたかった) HTML5のアーキテクチャと初期化とキャッシュの考え方が、「ウェブエンジニア」は本当に出来てない。 とくにソシャゲをウェブビューに貼ってスマホ対応しました系。本当にダメ。 じゃあどうするか?基本的に「初期化」の考え方を直せばどうにかなる。 (この記事はBackboneを使うときに考えてることだけど、他でも一緒だと思う) 前提 シングルページアプリケーション セマンティクスやSEOは考慮しない 基本哲学 共通モデルの初期化を徹底的に行う サーバーにリクエストを投げるのは最小限 クライアントでサーバーモデルのキャッシュを作り、更新が期待されるまで再取得しない 理由 いくらDOMの最適化したところでUXに影響が大きいのはサーバーリクエスト(200~2000ms)で、プログラミング段階で辛さがあつまるのは非同期処理の部分。 プログラマとし
それぞれのJavaScriptフレームワークに詳しい3人の講師が、30分ずつ、フレームの概要や基本的な使い方を紹介。その後の10分ほどで、それぞれの講師への質疑応答や、それぞれのフレームワークの機能比較や意見交換を行うパネルディスカッションを実施。 [Backbone.js]LINE株式会社 開発1室 UITチーム 清水 大輔 [AngularJS]金井 健一(AngularJS Japan User Group 管理人) [Knockout.js]沢渡 真雪 [質疑応答&パネル・ディスカッションのモデレーター]グレープシティ株式会社 八巻 雄哉 ← 前回 連載 INDEX 次回 → 6月8日(土曜日)に開催したセミナー「第1回 Build Insider OFFLINE」のRoom A 14:35~16:30のセッション動画(115分)とスライドを視聴・閲覧できます(映像上ではスライドの
Surprisingly many web developers don't realize that Javascript ecosystem is not the same as it was few years ago, when building a single-page web application was considered risky business. Those times are way behind. Modern javascript MVC frameworks are if not silver, but certainly solid bullets which every person who wants to use benefits of evolution should be aware of. I'll tell you about chall
JavaによるJavaScriptエンジンやNode.js実装など「Project Avatar」がオープンソースで公開~JavaOne 2013 オラクルはHTML5やJavaScriptなどのWebテクノロジーとJavaとの親和性を高めることを目指し、JavaによるJavaScriptエンジン実装などを含む「Project Avatar」を2年前から社内で進めてきました。 サンフランシスコで開催中のJavaOne 2013、初日のストラテジーキーノートでは、そのProject Avatarがオープンソースとして公開されたことを発表しています。Java EEに関する内容と合わせて紹介します。 Java EE 7はエンタープライズとWebアプリの先端 米オラクルのVice President, Java Product Management、Peter Utzschneider氏(左)と、
Legacy Java EE Home The Java EE project has been contributed to Eclipse Foundation and has been renamed to Jakarta EE. All active work is taking place at this new location https://projects.eclipse.org/projects/ee4j https://jakarta.ee/specifications The following legacy archives are available for anyone who wishes to browse the extensive history, prior to contribution to Eclipse. Key Java EE resour
7月19日に行った「覚醒!JavaScript」勉強会で使用したスライドです。 http://connpass.com/event/7082/
AngularJSを使うとイベントに対応してインターフェースを更新する処理や、リモートのAPIを経由したリソースの操作をシンプルな実装で実現できます。例えばキー入力を検知してページに内容を反映するコードをJQueryで記述した場合は下記のようになります。 <input type="text" id="name"> <h1>Hello!</h1> <script type="text/javascript"> $(document).ready(function() { $('#name').keydown(function(e) { $('h1').html("Hello " + e.target.value + "!") }); }); </script> JQueryのサポートを受けているとはいえ、イベントを元にDOMに対して操作を行うという記述が必要になっています。ユーザーインターフ
単にウケ狙いなら「革新的!GAのページ平均読み込み時間を劇的に速くする方法」とか「もう3rdパーティーに邪魔させない、超高速スクリプト読み込み術」(笑)とかの煽りタイトルを付けるところですが、今回はもっと本質的なことを論じてみたいと思います。 「プログレッシブレンダリングでUXを向上させるJS非同期読み込みのベストプラクティス」では、スクリプトの読み込みと実行を window.onload 対象から切り離し、見た目のページ速度を速くする方法について書きました。この方法は既存のスクリプトを書き換える必要があるため、Stoyan Stefanov によって 実験的に実装された Facebook SDK か、自前のスクリプトにしか適用できませんでした。 しかし今回、Hatena や Twitter、Pocket、Disqus など、他の 3rd パーティ製スクリプトにも適用できる方法 − “進化
JavaScriptの仕様書「ECMA-262 Edition 5.1」を完全翻訳し、詳細な解説を加えた仕様書解説本です。Internet Explorer、FireFox、Chrome、Opera、Safariなど、さまざまなブラウザでJavaScriptが間違いなく動作するのは、ECMA-262という仕様に準じているためです。ECMA-262は、JavaScript技術者にとって重要な資料ですが、今まで英文のみで日本語訳がありませんでした。本書は、ECMA-262Edition 5.1の審議委員の一人でもあった著者が、ECMA-262 Edition 5.1を日本語に翻訳し、読者の理解を助けるために原文にはない補足や脚注を追記した本邦初の解説書です。付属文書も完全翻訳されており、また具体的なサンプルコードを例示して各実装における挙動も解説しています。 【サポートはこちら】→https:
The document discusses LinkedIn's adoption of the Dust templating language in 2011. Some key points: - LinkedIn needed a unified view layer as different teams were using different templating technologies like JSP, GSP, ERB. - They evaluated 26 templating options and selected Dust as it best met their criteria like performance, i18n support, and being logic-less. - Dust templates are compiled to Ja
まずはこちらをご覧ください。 Google先生の検索結果リンクが予想以上に作り込まれていた件 一部引用 まとめ (略) Google先生の検索ページはhttpsでも遷移先のhttpページにRefererを送信しています。 検索結果のリンクは302 FoundのRedirect処理をせずに、200 OKのhtmlを返します。 200 OKのhtmlページでは本来の遷移先ページを読み込む処理が書かれていて、200 OKのURLから遷移したようにRefererを送信しています。ただしRefererの検索Queryパラメータのq=は予め削除されています。 (略) なるほどー。 200 OKのページでwindow.location.replace()を使うことでブラウザのhistory遷移でも問題が出ないようにしてるのねと関心したのだが、実はブラウザごとに異なるとの情報を@dancerj先生から教え
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く