The Future of AngularJS
the future of AngularJS brian ford → @briantford
Learn to Build Modern Web Apps with MEAN - Thinkster
The goal of this tutorial is to guide you through the creation of a Reddit/Hacker News clone using the MEAN stack. By completing this tutorial, you will gain a basic understanding of the MEAN stack including building a REST interface with Express.js on top of Node.js and using that interface to perform CRUD operations on a database via an AngularJS frontend. Why MEAN Stack? The acronym "MEAN" stan
Angular.jsでDeferredしたくて頑張ってみたらcss animationが綺麗に書けた - Qiita
myDeferredA = (state) -> deferred = $q.defer() successMsg = 'Success!' errorMsg = 'Error!' setTimeout( -> $scope.$apply -> if state == 0 deferred.resolve successMsg else deferred.reject errorMsg , 3000) deferred.promise promiseA = myDeferredA(Math.random()*2|0) promiseA.then (msg) -> console.log "success: #{msg}" , (msg) -> console.log "error: #{msg}" 非同期処理の場合Viewの更新が必要になるので、 $scope.$applyの中でdefer
AngularJS+TypeScript - AngularJS 1周年記念勉強会
JavaScriptの現状を支えるエコシステム群を軽く紹介して、モジュールについて少し掘り下げた勉強会
3つのMVC系人気フレームワーク、Backbone.js／AngularJS／Knockout.js ［スライド＆動画］
それぞれのJavaScriptフレームワークに詳しい3人の講師が、30分ずつ、フレームの概要や基本的な使い方を紹介。その後の10分ほどで、それぞれの講師への質疑応答や、それぞれのフレームワークの機能比較や意見交換を行うパネルディスカッションを実施。 ［Backbone.js］LINE株式会社 開発１室 UITチーム 清水 大輔 ［AngularJS］金井 健一（AngularJS Japan User Group 管理人） ［Knockout.js］沢渡 真雪 ［質疑応答＆パネル・ディスカッションのモデレーター］グレープシティ株式会社 八巻 雄哉 ← 前回 連載 INDEX 次回 → 6月8日（土曜日）に開催したセミナー「第1回 Build Insider OFFLINE」のRoom A 14:35～16:30のセッション動画（115分）とスライドを視聴・閲覧できます（映像上ではスライドの
Angular.jsとBackbone.jsのDOM依存を図解する - ジンジャー研究室
果敢にもMVCフレームワークの図解を試みたので、どうぞ！ MVCの動機 MVCという言葉が初めて登場してから30年以上たった今、最早なんだったのか分からないほどMVCの定義は混迷をきたしているわけだが、どれがMVCでMVVMでMVPであるという定義についてあれこれ考察するのは個人的には好きでなくて、「結局何がしたいのか」という動機がぶれていなければ何でも良いと思っている。 じゃあそれは一体何なのかということを自分なりに考えてみたところ、次の一言に落ち着いた。 「ModelはViewに依存したくない」 世間的には（？）ModelとViewを単に「分ける」と説明されることが多いが、私はそれだけでは納得していなくて、依存の方向こそが重要だと思っている。たとえ分かれているように見えてもModelがViewを参照していたら、情報の取得先や表現方法は固定化されてしまう。 ModelはViewの事情から
AngularJS ハッカソ#1 参加しました。 - When it’s ready.
あけましておめでとうございます。 今年から、Bloggerに引っ越そうと思っているa2cです。 本日、Googleさんで開催されたAngularJSハッカソン#1に参加しました。 久しぶりのガッツリハッカソン系のイベントで、チーム分けしたり、デモ出来るレベルまで実装したり 全チーム発表を行ったりして、充実したイベントでした。チュータ役で参加だったので、どのチームにも 所属していませんでしたが、発表直前に@can_i_do_webさんといっしょにペアプログラミングでAngularの とっても便利な機能の１つng-classのデモを作成したので紹介します。 はてな記法を忘れてしまったので、Qiitaで書きました Qiita上でhtml編集したので、動かないかもしれないです。おかしかったら教えて下さい。 デモページ AngularJSについて AngularJSを触ったことない人はちょっと触って
AngularJS で Hello World - パンダのメモ帳
AngularJS は Google が中心になって開発が進められている JavaScript MVC フレームワーク の一種です。もちろんオープンソース（MIT License）。 今回はこの AngularJS を使って Hello World するわけですが、 ただ世界にこんにちはするだけじゃおもしろくないので、次のようなカンジでやってみようと思います。 TypeScript で書いてみます。 ビルドツールに Grunt を使います。 Testacular + Jasmine を使って自動テスト（ユニットテスト、受入テスト）環境を構築します。 AngularJS のバージョンは2013年1月現在の最新安定版である 1.0.4 を使用します。 なお、今回のソースコード一式を GitHub で公開しています。 また、こちらで実際に動作を確認することもできます。 View を書く まずは
AngularStrap
About the project AngularStrap is a set of native directives that enables seamless integration of Bootstrap#^3.0 into your AngularJS#^1.2 application. With no external dependency except the Bootstrap CSS styles, AngularStrap is light and fast. It has been built from the ground up to leverage ngAnimate! AngularStrap is tested against the latest patch release of the 1.2, 1.3 and 1.4 branches. Quick
3 Reasons to Choose AngularJS for Your Next Project | Envato Tuts+
AngularJS is a relatively new JavaScript framework by Google, designed to make your front-end development as easy as possible. There are plenty of frameworks and plugins available. As such, it can sometimes prove difficult to sift through all of the noise to find useful tools. Here are three reasons why you might choose AngularJS for your next project. 1 - It Was Developed by Google Angular is bui
Build Apps with AngularJS | Chrome for Developers
This guide gets you started building Chrome Apps with the AngularJS MVC framework. To illustrate Angular in action, we'll be referencing an actual app built using the framework, the Google Drive Uploader. The source code is available on GitHub. About the app The Google Drive Uploader allows users to quickly view and interact with files stored in their Google Drive account as well as upload new fil
Angular JSを使おう2 Testaularの使い方 « NAVER Engineers' Blog
こんにちは、こんばんわ NHN Japan ウェブサービス本部開発1室UITチーム 吉田徹生(@teyosh)と申します。 前回の続きでAngularJSについて紹介していきたいと思います。 AngularJSって何？という方は前回の記事[Angular JSを使おう]を御覧ください。 ここ数年でJavaScriptのコードは膨大に増えてきていると感じています。 出来うる限りバグを少なくしよう、保守をしやすくしようと様々なライブラリーやデザインパターンが導入されてきています。 それに伴い、JavaScript界隈にもテストを重視する様になってきて、クオリティも上がってきていると思います。 さて、JavasScriptのテストといえばQunit、Jasmine、Mocha、seleniumなどを挙げられると思います。 今回はそれらとは少し違うAngular JSのために作られたTes
AngularJSを使ってみよう « NAVER Engineers' Blog
こんにちは、こんばんわ NHN Japan ウェブサービス本部開発1室UITチーム 吉田徹生(@teyosh)と申します。 最近ではJavaScriptのMVCフレームワークが雨後のタケノコのようにたくさん出てきています。 先日Quirks ModeがJavaScript Libraryの利用状況をアンケートが公開していました。 backbone.jsやknockout.jsなど、MVCライブラリもランクインしてきました。 その中で今回はAngularJSを紹介しようと思います。 まずは、Angular JSについて AngularJS（アンギュラージェイエス）は、Googleとコミュニティによって開発されているオープンソースのJavaScriptフレームワークである。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としている。MIT L
AngularJS 使って手軽でリッチな入力フォームを作ってみた - Can I do web?
意外とAngularJSを使った入力フォームのサンプルが無かったので作ってみました。 まず作ったものがコチラ AngularJSを使えば手軽にシンプルかつリッチな入力フォームを作ることができます。自前のJavaScriptを用意すればさらに凝ったものも作ることができますが、今回は自前のJavaScriptを使わないでもこれだけできます！というサンプルです。 個別のバリデーションチェック サンプルで行われているバリデーションは、全てAngularJSによるもので、JavaScriptによるコードの記述は一切書いていません。その代わりに、以下のような記述でチェックする内容を指定しています。 <form method="post" name="userInfo"> ... <input type="text" name="userName" ng-model="userName" ng-minl
DailyJS: Totally Testacular
We are now 100% relying on @testacularjs. Finally! plus.google.com/11032358723052…— AngularJS (@angularjs) October 18, 2012 Vojta Jina created Testacular (GitHub: vojtajina / testacular, License: MIT, npm: testacular) to write better tests for AngularJS, Google’s client-side library that’s rapidly gaining support from the wider web development community. While established projects like Selenium ar
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DropCatch.com
AngularJS by agektmr
AngularJSのDIの仕組み、minify対策は覚えておこう！ - Qiita
AngularJS 入門
http://postolog.com/bbbfTw