並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 40 件 / 142件

新着順 人気順

"Angular JS"の検索結果1 - 40 件 / 142件

  • お前のAngular.jsはもうMVCではない。と言われないためのTutorial - Qiita

    JavaScriptフレームワークに興味あるし、Angular.jsを使ってみようかな・・・ そんな純真無垢なあなたを混沌の世紀末に引きずり込むのが、ほかでもないTutorialなのです。 TutorialではほぼControllerしか出てこないので、素直にこの通り書いているとまず間違いなく3カウントでControllerにコードが集中するいわゆるFat Controllerになり、せっかくMVCフレームワークも地獄の荒野になります。 実は、Angular.jsでまず目を通すべきなのはDeveloper GuideのConceptual Overviewです。これを読めばどう処理を分割するかがきちんと書かれていますが、以下ではそれ+経験をもとにAngular.jsで正しくMVCを使用するためのポイントをまとめました。 Angular.jsの3原則 1.Controllerはイベントハンド

      お前のAngular.jsはもうMVCではない。と言われないためのTutorial - Qiita
    • Angular.jsとBackbone.jsのDOM依存を図解する - ジンジャー研究室

      果敢にもMVCフレームワークの図解を試みたので、どうぞ! MVCの動機 MVCという言葉が初めて登場してから30年以上たった今、最早なんだったのか分からないほどMVCの定義は混迷をきたしているわけだが、どれがMVCでMVVMでMVPであるという定義についてあれこれ考察するのは個人的には好きでなくて、「結局何がしたいのか」という動機がぶれていなければ何でも良いと思っている。 じゃあそれは一体何なのかということを自分なりに考えてみたところ、次の一言に落ち着いた。 「ModelはViewに依存したくない」 世間的には(?)ModelとViewを単に「分ける」と説明されることが多いが、私はそれだけでは納得していなくて、依存の方向こそが重要だと思っている。たとえ分かれているように見えてもModelがViewを参照していたら、情報の取得先や表現方法は固定化されてしまう。 ModelはViewの事情から

        Angular.jsとBackbone.jsのDOM依存を図解する - ジンジャー研究室
      • 新・三大JavaScriptフレームワークの実践(Backbone.js Knockout.js Angular.js) - Qiita

        Todoリストの機能 1.テキストボックスから、Enterで追加できる 2.登録したTodoはダブルクリックで編集可能になり、Enterで編集確定できる 3.登録されているTodoの総件数がフッターに表示される 4.完了したTodoがある場合、それらをリストから消すボタンが表示される 5.全選択/解除を行うチェックボックスがある 個人的な結論 趣味開発で使うならAngular.js・仕事で使うならKnockout.jsをお勧めしたい。 まず、フレームワークを選択する際は、以下3つの選択基準を持つとよいと思う。 1.開発の規模 大規模ならBackbone.jsはお勧めできる。 書き方が決まっていて、チュートリアルに目を通せば(面倒なのは置いておいて)何を作らなければならないかは簡単に理解できる。そこそこの人数で長い時間の開発を行うなら、UIチームはアプリケーションとView、サーバーサイドは

          新・三大JavaScriptフレームワークの実践(Backbone.js Knockout.js Angular.js) - Qiita
        • こてさきAjax:クールなMVCを実現するフレームワーク Angular.js の紹介 - livedoor Blog(ブログ)

          先週&今週は、出張でアメリカ西海岸。そんな折、先週の金曜日(16日)の夜に BayJax meetup が Yahoo! 本社で開催されるということで、参加してきました。 BayJaxは、シリコンバレー地区のAjax & Javascriptに関するMeetUp。大体、半年おきに開催されているようです。今回参加したMeetUpの形態は、Conference形式(勉強会ののりに近い)。日本との勉強会との違いは、最初にピザを食べてお腹が満たされたところで勉強会が始まることと(こっちの考え方の方が、確かにリーズナブル)、質問が活発なこと(海外では一般的なことですが)。とても、楽しい時間を過ごすことが出来ました。 その中で講演された AngularJS について、今回は紹介します。 AngularJS AngularJSは、とてもシンプルにWeb Appを書くことができる軽量な MVC フレームワ

          • Angular.js使ってみた

            • YEOMANを使ってMEAN(MongoDB + Express.js + Angular.js + Node.js)のWebアプリケーションを作る - @ledsun blog

              MEANとは MongoDB + Express.js + Angular.js + Node.js を組み合わせてWebアプリケーションを作成することです。 手順 Windows上で簡単なユーザ登録アプリケーションを作ってみましょう。 次の手順で進めていきます。 アプリケーションの雛形を作成 ユーザページを追加 htmlを修正してユーザ一覧を追加 クライアントのJavaScript(Angular.js)を修正 サーバのJavaScript(Express.js)を修正 MongoDBを参照 ユーザの登録機能を追加 完成したものはGitHubにおいてあります。 Chocolatey本体のインストール以外はMinGW Bash*1で実行可能です。 事前準備 ChocolateyでMongoDBとNode.jsをインストールします。Chocolateyをインストールしていなかったら次のコマン

                YEOMANを使ってMEAN(MongoDB + Express.js + Angular.js + Node.js)のWebアプリケーションを作る - @ledsun blog
              • angular-js.net

                angular-js.net 2022 著作権. 不許複製 プライバシーポリシー

                • Angular.jsのディレクトリ構成のベストプラクティスを探る - Qiita

                  Angular.jsのアドベントカレンダー6日目です。(遅れてすみません汗) 今日は泥臭い?感じの話になります。 この記事は言及している人達の記事やスタイルガイドのまとめという感じなのですが、これからディレクトリ構成を考える初学者の方や,ディレクトリ構成に悩んでるかたの参考になれば幸いです Angular.jsのディレクトリ構成パターン紹介と、利用して感じた考察などのことを書きます。 はじめに LIG主催のAngular.js勉強会 #ng-curry にて、登壇したときの発表内容をまとめようと思っていたのですが、今回のAdvent Calenderを機会に勉強会で話した内容をまとめてみます。 元スライドはこちら -> http://slides.com/sugawararyousuke/ng-curry-2 まとめ疲れたので スライドの前半部分だけの話をまとめます。 このテーマで話そうと

                    Angular.jsのディレクトリ構成のベストプラクティスを探る - Qiita
                  • Angular JS で複数のコントローラ間でモデル(状態や値)を共有する方法 3 種類 - Qiita

                    はじめに Angular JS で複数のコントローラ間でモデル(状態や値)を共有する方法として、次の 3 種類を解説します。 モデルを共有するサービスを使用する (Shared Service)。 親コントローラのスコープを子コントローラで共有する (Parent Scope Sharing)。 イベントを利用する (Pub/Sub)。 Shared Service 複数のコントローラ間で共有するモデルをサービスとして作成し、そのサービスを複数のコントローラで参照します。 実装例を示します。 <!DOCTYPE HTML> <html ng-app="AngularJsStudy"> <head> <title>Shared State Service - AngularJS Study</title> <meta charset="utf-8" /> <meta http-equiv="

                      Angular JS で複数のコントローラ間でモデル(状態や値)を共有する方法 3 種類 - Qiita
                    • Angular.jsのngAnimateについての簡単なデモと1.2.0 - 車輪を再発明 / koba04の日記

                      Angular.jsの1.2.0がリリースされましたね! stableのバージョンも1.0.8から一気に1.2.0になってかなり大きなアップデートという感じです。 1.2.0や今後についてはこのビデオを見るといいかもしれません。(1時間ちょっとあるので長いですが...) 1.2.0 例えばngRepeatにはいくつか機能拡張されていて、要素を超えて繰り返し出来るようになったりしています。 <div ng-repeat-start="element in list">{{element}}</div> <div>{{element}}</div> <div ng-repeat-end>{{element}} 他にも$http、$resource周りの拡張や、"Controller as xxx"でcontrollerのインスタンスをtemplateから参照できたり、ng-ifでのtempla

                        Angular.jsのngAnimateについての簡単なデモと1.2.0 - 車輪を再発明 / koba04の日記
                      • Angular js はまりどころ

                        3. 自己紹介 後藤歩(@balmychan) 株式会社オロ CakePHP, Rails, iOS, AndroidなどのWeb系、アプリ系の受託開発 家族向け写真共有サービスnicori の立ち上げ、開発 クラウド管理会計ZAC Enterprise の開発 4. 開発対象概要 開発対象 Zac Enterprise(管理会計システム) 開発体制 日本3~4名 海外(ベトナム)1名 ※将来的には、20~30名のエンジニアが開発する想定 技術構成 AngularJS + TypeScript + .NET 5. AngularJSの構成 モジュール ルーティング(ui.router)は使用せず、多言語対応のためのangular-translateと、directiveの共 通コンポーネント化、serviceのビジネスロジックの共通化、実装方式の共通化を図るために導 入 ディレクティブ 約

                          Angular js はまりどころ
                        • Angular jsの継続的なバージョンアップ

                          第1回ペパボテックカンファレンス http://pepabo.connpass.com/event/13208/ #pbtech AngularJSの継続的なバージョンアップRead less

                            Angular jsの継続的なバージョンアップ
                          • Chart.jsとAngular JSを組み合わせて動的なグラフを生成してみる

                            前回に引き続き、Chart.jsのTipsです。 Chart.jsを使いグラフを表示してみる 今回はAngular.jsとChart.jsを組み合わせて、動的に値が変化するグラフを作ります。 Angular.jsの基本的な使い方は割愛します。 ちなみに今回使用するバージョンは下記のとおりです。 Angular JS v1.4.9 Chart.js v1.0.2 Angular.jsでフォームをバインドする まずはangular.min.jsを下記サイトよりダウンロードしてきましょう。 Angular JS CDNにも公開されていますが、セキュリティ面で外部ソースを引っ張るのはあまり良くないとのことですのでダウンロード版を使いましょう。 (今回のデモを作る程度でしたら、CDNでも問題ありません。) コントローラー&フォームバインドの簡単なコードが下記です。 <!DOCTYPE html> <

                              Chart.jsとAngular JSを組み合わせて動的なグラフを生成してみる
                            • ssig33.com - Angular.JS について

                              いろいろ文句言いたくなるところ山のようにあるんですが、 Internet Explorer の古いやつとかサポートしてくれてるのが Angular しかないだとか、だいたいみんな Angular なら分かるだとか、いろいろあって現実的に Angular しか使えるものが無いねみたいになりがち。 そういうわりと消極的な理由で使われることが多いので、みんな文句たれてるんですけど、文句たれてる人が多いから使わなくていいプロダクトなんだなみたいに思って勉強怠ったりするとそれはそれで嫌な目にあいますから、みなさん一緒に Angular で苦しみましょう。 IE のことを忘れられる場合は Vue.js 使ったほうが圧倒的に幸福になります。 付記 React について 一番真面目に React を使ってるはずの Facebook のサイトがあんなに激重メモリバカ食いなので、 仮想 DOM を操作して差分

                              • Angular.jsで組む場合のアーキテクチャは、MVCじゃなくてMVVMの方が良いっぽいと思った話 - id:anatooのブログ

                                Angular.jsを何度か仕事で使ってみて、Angular.jsを使う場合のアーキテクチャはMVCじゃなくてMVVMにしたほうが良いなと思った話を書く。 Angular.jsをMVCフレームワークだと勘違いしていた 少しAngular.jsについて今まで勘違いしていたことがあって、Angular.jsではコントローラを定義できるのでてっきりMVCアーキテクチャで作るものとばかり思っていた。 公式ウェブサイトのタイトルをよくよく見てみると、「Superheroic JavaScript MVW Framework」と書いてある。MVWのWってなんだよとか思ってたらWhateverの略で、要するにMVCでもMVVMでもなんでも良いということらしい。 MVCで組んで困ったこと 勘違いが解ける前は、普通にMVCフレームワークとしてAngular.jsを使っていたけどもそれで何が困ったかというと、

                                  Angular.jsで組む場合のアーキテクチャは、MVCじゃなくてMVVMの方が良いっぽいと思った話 - id:anatooのブログ
                                • Angular.jsでDeferredしたくて頑張ってみたらcss animationが綺麗に書けた - Qiita

                                  Angular.jsでDeferredしたい jQueryを使わずにAngular.jsだけで実装したいけど、 うまいことDeferredできないかなぁ、と思って。 Serviceに$qっていうのがあった A promise/deferred implementation inspired by Kris Kowal's Q. こんな感じで使えるっぽい。 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 p

                                    Angular.jsでDeferredしたくて頑張ってみたらcss animationが綺麗に書けた - Qiita
                                  • Mobile Angular UI - Angular JS Mobile UI framework with Bootstrap 3 Css

                                    Mobile Angular UI is a mobile UI framework just like Sencha Touch or jQuery Mobile. If you know Angular JS and Twitter Bootstrap you already know it! Awesome Mobile ComponentsMobile Angular UI provides essential mobile components that are missing in Bootstrap 3: switches, overlays, sidebars, scrollable areas, absolute positioned top and bottom navbars that don't bounce on scroll. It relies on robu

                                      Mobile Angular UI - Angular JS Mobile UI framework with Bootstrap 3 Css
                                    • 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

                                      • angular.jsメモ - Qiita

                                        angular雑感 2014-04-30 シングルページのWebアプリケーションにはとても相性が良いです。サーバー側でAPIだけ定義しておけば、$resourceで簡単にCRUDするモデルを扱うことができ、$routeProviderを使えばルーティングができます。 これまでjQueryでごりごり書いてきた人も多いと思います。ただ残念ながらこれまでのjQuery資産の9割は使えないと思います。うまくプラグイン化されていれば使えなくはないです。どうしても使いたい場合は、$applyを呼び出したりして、angularの世界に合わせる必要があります。 学習コストは最初は低いですが、ある程度複雑なことをやろうとすると、一気に高くなります。フレームワークというのは往々にしてそういうものですね。特にDI、スコープ、ディレクティブが肝であり鬼門だと思います。 利点の1つとして、JSファイルの読み込み順を

                                          angular.jsメモ - Qiita
                                        • Angular.jsとTypeScript - pirosikick's diary

                                          Angular.jsでaltJSを使う場合、CoffeeScriptが一般的(たぶん)だが、TypeScriptはあんまり聞かない。TypeScriptの方が好きな自分としてはどうにかならんかねとずっと考えていて、こうやったらいいんじゃないかというのを思いついたのでメモ。 controller定義の基本 Angular.jsでcontrollerを定義する場合、だいたいはangular.module.controllerの第1引数にcontroller名、第2引数にcontrollerのコンストラクタ関数を渡す。 var app = angular.module('app', []); // 'MainCtrl'という名前のcontrollerを定義 app.controller('MainCtrl', function ($scope) { }); このままだとminiyした時にinje

                                            Angular.jsとTypeScript - pirosikick's diary
                                          • angular.jsのためのテスト準備(ユニットテスト、E2E)

                                            angular.jsのチュートリアルにはテストもきちんと含まれているが、キューピー3分間クッキングなみに出来上がった状態で提示されてくる。そのため、なんとなくわかった気になるが実際よく分かっていないという状態に陥りがちである。 どうなっているかをすこしは理解したいと思い、angular.jsでのテスト環境を一から構築してみる。 ユニットテスト KarmaユニットテストはKarmaを使うのが楽そうである。公式のチュートリアルなどもKarmaが前提になっている。まあ、Karma自体が「angularのために」からスタートしているので相性がいい、かつ情報が豊富なのは当然なので使わない手はないと思う。 ここでは、Karma・mocha・chaiの構成を取る。基本的な設定は以前のポストをご参考頂ければ。CLIが分離したKarma0.12でmocha,chaiの環境を整える | niwaringo()

                                              angular.jsのためのテスト準備(ユニットテスト、E2E)
                                            • Cookies vs Tokens. Getting auth right with Angular.JS

                                              We just added a new updated article that covers the same topic. You can find it here: Cookies vs Tokens: The definitive guide. Introduction There are basically two different ways of implementing server side authentication for apps with a frontend and an API: The most adopted one, is Cookie-Based Authentication (you can find an example here) that uses server side cookies to authenticate the user on

                                                Cookies vs Tokens. Getting auth right with Angular.JS
                                              • Best Practices for Building Angular.js Apps

                                                Update 2016–04–17: I wrote this article almost 2 years ago for Angular 1.x. This article is still tremendously popular somehow, but I want to warn that it may not be the best for Angular 2.x or other methods of building JS front-ends. I have spent almost all my time writing CLI code since I wrote this, so I have really no context to say if this is still the best practice I considered it to be in 2

                                                  Best Practices for Building Angular.js Apps
                                                • Angular JSを使おう3 Directiveを作ろう « NAVER Engineers' Blog

                                                  こんにちは、こんばんわ、お久しぶりです。 NHN Japan ウェブサービス本部開発1室UITチーム 吉田徹生(@teyosh)と申します。 3ヶ月ぶりの登場です。 AngularJSって何?という方は第一回目の記事[Angular JSを使おう]を御覧ください。 さて、3ヶ月の間にstableは1.0.5と順調にアップデートしております。 ちゃんとアップデートがされると使っていても安心できます。 今回はAngularJSを利用していると気になるng-clickやng-repaeatなどAttributeに設定されているものについてです。 これはdirectiveの拡張でAngularが機能を設定してくれます。 Hello, World 以下のようなコードがあるとします。 <div ng-app='hello'> <div ng-controller='helloCtrl'> <

                                                  • benvを使ってangular.jsのコードをnode上で動作させる - podhmo's diary

                                                    はじめに テストなどを書きたい時にブラウザを立ち上げずに動作チェックなどをしたいことがある。 しかしangular.jsを直接nodeからrequireすると怒られる $ npm install --save angular $ node -p 'require("angular")' ReferenceError: window is not defined at Object.<anonymous> (/home/podhmo/tmp/angular-api-test/node_modules/angular/angular.js:29016:4) at Module._compile (module.js:435:26) at Object.Module._extensions..js (module.js:442:10) at Module.load (module.js:356:

                                                      benvを使ってangular.jsのコードをnode上で動作させる - podhmo's diary
                                                    • Angular.js と Ember.js どっちが良いの? - usotech

                                                      Which one of angular.js and ember.js is the better choice? 最近 Web っ子の仲間入りをしたので RIA 関連を調べています。というわけで JS 門外漢ながら JavaScript MVC Framework を調べていたところ、こんな質問を Quora で発見。斜め読みしてみました。以下では Vote が多い Answer を 3 つピックアップして斜め読みしています。全体的に意訳ですが明らかな誤りなどあればご指摘下さい。 Patrick Aljord angularjs_scaffold 作者。 最初は Ember 使おうとしたけど API コロコロ変わるしドキュメント不足してたから Angular 使い始めた。 Ember は Web App 作ってる感じじゃない。iOS (Cocoa) にインスパイアされてる。 Angul

                                                        Angular.js と Ember.js どっちが良いの? - usotech
                                                      • angular.js/DEVELOPERS.md at master · angular/angular.js · GitHub

                                                        Before you can build AngularJS, you must install and configure the following dependencies on your machine: Git: The Github Guide to Installing Git is a good source of information. Node.js v8.x (LTS): We use Node to generate the documentation, run a development web server, run tests, and generate distributable files. Depending on your system, you can install Node either from source or as a pre-pack

                                                          angular.js/DEVELOPERS.md at master · angular/angular.js · GitHub
                                                        • Angular.js と Rails の form_for を良い感じに連携する - 廃墟

                                                          最近とある案件で Angular.js を使い始めたのですが。 どうにもRailsと相性がそこまで良くないというか、2つの世界をCoCで繋ぐ決定的なgemなどが出てきていないからか、不便さを感じます。 そんな中で、特に不便に感じたのが、form_for がロクに使えないことでした。 $ rails g model post title:stringみたいなモデルを想定してください。 愚直にやると、Angualr.jsで非同期にPOSTする時のformは、こんな感じになってしまいます。 # slim記法の例 div 'ng-controller'=>'PostCtrl' = form_for(@post, html:{ 'ng-submit'=>'submit()' }) do |f| = text_field :title, 'ng-model' => 'post.title' = but

                                                            Angular.js と Rails の form_for を良い感じに連携する - 廃墟
                                                          • Cookies vs Tokens. Getting auth right with Angular.JS

                                                            We just added a new updated article that covers the same topic. You can find it here: Cookies vs Tokens: The definitive guide. Introduction There are basically two different ways of implementing server side authentication for apps with a frontend and an API: The most adopted one, is Cookie-Based Authentication (you can find an example here) that uses server side cookies to authenticate the user on

                                                              Cookies vs Tokens. Getting auth right with Angular.JS
                                                            • Node.JS + Angular.JS vs Dart + Angular.Dart

                                                              Node.JS rocks when it comes to building I/O-intensive services. It is fast and easy to use. You can do the same in Dart! Out of the box it comes with a set of libraries to access the file system, create http servers, etc. To compare Node and Dart I built two versions of the simplest application imaginable. The first version of the application is built using Node.JS, Socket.IO, and Angular.JS. The

                                                              • Rails CSRF Protection + Angular.js: protect_from_forgery makes me to log out on POST

                                                                If the protect_from_forgery option is mentioned in application_controller, then I can log in and perform any GET requests, but on very first POST request Rails resets the session, which logs me out. I turned the protect_from_forgery option off temporarily, but would like to use it with Angular.js. Is there some way to do that?

                                                                  Rails CSRF Protection + Angular.js: protect_from_forgery makes me to log out on POST
                                                                • uu59のメモ | Angular JSをSinatraと使ってJasmineでテストするまで

                                                                  Backbone.jsは触ったことがあったので、次は違うのに手を出してみようと思ってたらタイミングよくAngular JS 1.0リリースのニュースを見つけたのでちょいちょい触っていました。 主観的かつ大雑把な感想をいうと、Backbone.jsはプレーンなHTMLに対してイベントやコントローラをがしがしくっつけてずっとJavaScriptワールドで作業するのに対し、Angular JSはHTMLに独自属性を付与してDOMをそれぞれ独立したコンポーネントとみなしていろいろする感じです。 サンプルで必ず出てくる<div ng-app="hoge"></div>のng-appについてですが、ngというのがAngularのnamespaceでappが具体的なモジュール(ディレクティブ)です。以下のようにして自由に定義できます。 angular.module('hoge.directives').

                                                                  • What I would recommend instead of Angular.js?

                                                                    Update: Check github.com/steida/este, the ES6 React Flux webpack gulp om-like isomorphic immutable k̶i̶t̶c̶h̶e̶n̶s̶i̶n̶k̶ t̶w̶e̶e̶t̶y̶b̶i̶r̶d̶s̶ dev stack. Future now. For view aka user interface, use React.js.For routing, use github.com/rackt/react-router, or Este.js, or anything else even onhashchange event can work. It’s up to you.For module loading, forget about AMD and use CommonJS. You want

                                                                      What I would recommend instead of Angular.js?
                                                                    • Angular.js入門 (5)ディレクティブ その2 - Qiita

                                                                      前回: Angular.js入門 (4)ディレクティブ その1 DirectiveとControllerの連携 ディレクティブとコントローラとで値を共有したいときはどうすれば良いのでしょう? 結論から言うとスコープを通じて渡してやれば良いです。 具体的には var app = angular.module("myApp", []); app.controller("AppCtrl", function ($scope) { $scope.alertTest = function() { alert("テストだよ!"); }; }); こんなコントローラの, alertTest関数をdirective内で使いたいとしましょう。コントローラAppCtrlのスコープ配下ではalertTestという関数が生きていることになるのでhtml側で以下のように記述します。 <!doctype html>

                                                                        Angular.js入門 (5)ディレクティブ その2 - Qiita
                                                                      • 20140823 LL diver Angular.js で構築した note に関して

                                                                        20140823 LL diver angular.js で構築したnoteに関して/高丸 翔英 angular の魅力や苦労した点などを解説。Read less

                                                                          20140823 LL diver Angular.js で構築した note に関して
                                                                        • Angular jsとbootstrapでサクッと作るwebアプリ@html5勉強会 名古屋#2

                                                                          3. アジェンダ ● ぼくのかんがえたさいきょうのうぇぶあぷりかい はつ ● CRUDアプリとRESTful API ○ 基本的なWebのデータの流れ ○ CRUD ○ RESTful API ● AngularJSとは ● Bootstrapとは

                                                                            Angular jsとbootstrapでサクッと作るwebアプリ@html5勉強会 名古屋#2
                                                                          • Angular.jsで実践 アニメーション - Qiita

                                                                            スライドの動きやフリック時の画面遷移、昔アニメーションといえばゲームなイメージでしたが、モバイル端末が登場して以来結構身近なものになりました。 ただ、身近だから簡単というわけでもなく、動作にアニメーションをつけるのは結構面倒。「これちょっとさ、下からひゅっと出てくる感じにしてよ」と言われてそんな簡単じゃないんだよとイラッとすることもあるだろう。 「アニメーションはもうデザインみたいなもんだし、CSSで書いてよろしくやってくれたらな・・・」とJQueryで実装しながら見るはかない夢・・・を現実にしてしまうのが、Angular.jsのng-Animateなのであります! 準備 アニメーションを使用するには、angular.js本体意外にangular-animate.jsが必要となります。Googleがホスティングしてくださっているので、ありがたく使わせていただきましょう。 Google Ho

                                                                              Angular.jsで実践 アニメーション - Qiita
                                                                            • Angular.js入門 (4)ディレクティブ その1 - Qiita

                                                                              前回: Angular.js入門 (3)フィルタ 次回: Angular.js入門 (5)ディレクティブ その2 今回はいよいよangular.jsの肝とも言えるdirectiveについてです。ディレクティブという単語自体が日本語として馴染みが無いのもありますし, 実際になかなか複雑な機能なので理解が進まないところもあります(^ω^;) filterと同様自分でカスタムのdirectiveを作ることもできるのですが, Angular自身も標準directiveを持っています。まずはこちらを使って何ができるのかから見て行きましょう。 はじめてのDirective var app = angular.module("myApp", []); app.directive("test", function () { return { restrict: "E", template: "<div>こ

                                                                                Angular.js入門 (4)ディレクティブ その1 - Qiita
                                                                              • #3 Angular.js

                                                                                #3 Angular.js Theme 第3回目のテーマは Angular.js です。 今回は @can_i_do_web さんと @konpyu さんをお迎えし Angular.js をテーマに、日本のコミュニティの話や、 Angular.js 製 Web サービス note の開発経験などから 「今なにが起こっているのか?」「これからどうなっていくのか?」を議論しました。 感想などは #mozaicfm までお願いします。 Guest @can_i_do_web @konpyu Show Note Angular.js note.mu AngularJSアプリケーション開発ガイド AngularJS Japan User Group(ML) ONSEN UI angular-ui "note"がAngularJSでどうやってSEO, Open Graphの対応をしているか STORE

                                                                                  #3 Angular.js
                                                                                • [Angular.js]factoryとserviceの使い分けについて

                                                                                  最近、プライベートのプロダクトでAngular.jsを勉強がてら使っている。 Yeomanでgenerator-angularを使う方法でやってたり。 で、結構悩んで調べたことがあったので、メモ。 ※使い始めて間もないので、間違いがあったらご指摘ください。 サービスを作るやり方、Angular.jsだと色々あります。 yeoman-generatorのREADMEを参考に挙げると https://github.com/yeoman/generator-angular#service service, factory, provider, value, constant と、実にたくさん。 providerとvalueとconstantは、名前からなんとなく使い分けが判るんだけど、 serviceとfactoryの違いって何よ?って結構悩んだ。 簡単な実装例だと、「結局どっちも書き方が違うだ