Angularの学習コストは本当に高いのか？ - 余白
有言実行しなきゃね... ちょっと来月の頭くらいまでに、「本当にAngularは学習コストが高いのか？」っていう内容のブログを書くので、書いてなかったら怒ってください— lacolaco / Suguru Inatomi (@laco2net) 2019年1月24日 この記事では、「学習コストが高い」と評されがちなAngularについて、本当にその学習コストは高いのかということについて紐解いていきます。 先に言っておきますが、ReactやVueをはじめとする他のフレームワークとの比較はしません。また、なかなか本題に入らない回りくどい文章になる予定なので、予めご了承ください。そして筆者はAngularが大好きです。Angularが好きな人間が書いたポジショントークであることは前提として読んでください。 そもそも学習コストとは何だ？ まずはじめに、「学習コスト」って何だ？っていうところから始め
AngularJSの「サービス」で理解するDI（Dependency Injection：依存性注入）の基本
少し前になりますが、AngularJS 1.5がリリースされました（※2016年3月22日の原稿執筆時点での最新バージョンは1.5.2）このアップデートは、次期バージョン（AngularJS 2.0）へのアップグレードパス改善のためのリリースとなっています。主な変更点は次の通りです。 コンポーネントディレクティブの定義が可能に module.directiveの代わりにmodule.component関数を使用して、ディレクティブを定義できるようになりました。 $onInit()関数の呼び出しタイミングの変更 $onInit()関数はバインディング設定後のコンポーネント初期化後に実行されるようになりました。 その他の追加機能として、片方向のバインディング設定やECMAScript 6のサポートが強化されています。今後の連載では1.5xを使用していきます。 さて、MEANスタックを用いたWe
Angular 2とAugular 1はアプリ内で混在可能になると発表。Anguler 1から2への段階的な移行が可能に
Angular 2とAugular 1はアプリ内で混在可能になると発表。Anguler 1から2への段階的な移行が可能に 1つのWebアプリケーション内で、Angular 1とAngular 2が共存可能になり、デベロッパーはAngular 1アプリケーションを少しずつ段階的にAngular 2へと移行することができる。AngularJSのブログに投稿されたポスト「Angular 1 and Angular 2 integration: the path to seamless upgrade」で、Angular 2移行に関する発表が行われました。 オープンソースのJavaScriptフレームワークとして知られるAngularJS。来春登場に向けて開発が進んでいるAngular 2は、より高速、高性能が期待される一方、現在利用されているAngular 1とは互換性が完全ではないことが明らか
AngularJS ui-routerを使って認証機能を実装してみよう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
みなさま、GWは満喫できたでしょうか？ こんにちは、フロントエンドエンジニアの稲葉です。 今回はAngularJSでui-routerを使って簡単に認証機能を実装したサンプルをご紹介したいと思います。 実際の動作はDEMOで確認することができます。（モックなのでEメールとパスワードはなにかしら文字が入力されていれば通ります） デモのソースコードはこちらに置いています。 ui-routerとは angular-ui/ui-router · GitHub： https://github.com/angular-ui/ui-router ui-routerはAngularJS用のルーティングモジュールです。 viewの入れ子をサポートするなど高機能で扱いやすいので、標準のngRouteよりui-routerを使っている人の方が多いのではないかという気がします。 ルーティングの準備 まずはログイン
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
これからiPhoneアプリを作ってみたいけど、プログラミング知識のない方へ！ワンコインセミナーでその一歩を踏み出してみよう！Yoshinori Kobayashi
AngularJSのエキスパート達が語る、AngularJSの使いどころとつらいところ（前編）。Deverlopers Summit 2015
AngularJSのエキスパート達が語る、AngularJSの使いどころとつらいところ（前編）。Deverlopers Summit 2015 JavaScriptのフレームワークの1つとして注目されている「AngularJS」は、どんな用途に向いているのか、学習コストはどれくらいか？ 使いにくいところは？ などの疑問をAngularJSのエキスパート達が次々に答えてくれるセッション「AngularJSの今とこれから」が、2月19日に都内で行われたイベント「Developers Summit 2015」で行われました。 ふだんなかなか聞けない、AngularJSを現場で使っている人たちの本音が詰まっていたセッションの内容をダイジェストで紹介しましょう。 AngularJSのFAQ 川田氏 今日は、AngularJSを使って開発している方、AngularJSの本を執筆している方々に、Angu
今、AngularJSというフレームワークがヤバい - (ﾟ∀ﾟ)o彡 sasata299's blog
2013年11月05日10:36 JavaScript 勉強会 今、AngularJSというフレームワークがヤバい 先週の土曜日、ランサーズさんで行われた 第３弾 週末ランサーズ に参加して個人的に今アツい AngularJS について話してきました。 AngularJS は ng-repeat が便利だったり、コードの見通しが良くなるなどいろいろなメリットがあると思うのでうまく使えば大変メリットがあると思います。特に、データの状態（要素の追加・削除や、状態のon/off など）を制御すればそれに合わせて view の表示はすべて AngularJS がやってくれるというのは素晴らしいですね。 ちなみに、以下の資料の中で ng-app とか ng-repeat とか出てきますが（これは directive と呼ばれます）、この ng というのは AngularJS の２文字目と３文字目を表
「AngularJSリファレンス」という本を書きました - 廻る技術の覗き穴
金井さん(@can_i_do_web)と吉田さん(@teyosh)との共著でAngularJSリファレンスという書籍を執筆しました。 AngularJSリファレンス 作者: 池添明宏,金井健一,吉田徹生,丸山弘詩出版社/メーカー: インプレス発売日: 2014/09/05メディア: 単行本（ソフトカバー）この商品を含むブログを見る どのような本か？ この本はAngularJSの脱初心者〜中級者向けを目指して書きました。 公式ページのチュートリアルやドットインストールの入門講座をこなして、ある程度AngularJSを使えるようになった人が、その次に進みたいときに読むのに適していると思います。 また、AngularJSのソースコードを読まないと分からないような内容もいくつか書いているので、AngularJSを使い込んでいる人にも何かしらの新しい発見があるのではないかと思います。 本書はAngu
Q. AngularJSとjQueryの違いは何でしょうか？ | POSTD
私が知っているJavaScriptライブラリといえばjQueryです。 しかし、新規プロジェクトのデフォルトのライブラリとして、プログラマ仲間がAngularJSを導入しました。 私はAngularJSについての知識が全くありません。jQueryと何が違うのでしょうか。 jQueryのタスクとして実行された関数群は、AngularJSでも使用できますか？ asked by user825904 Answer(s) jQueryはDOMのエレメントを操作・管理するための優れたツールです。 WebアプリケーションのようなデータのCRUDがなく、DOMのエレメント操作についてのみ言えば、 jQueryは最高のツールの一つです（AngularJSでも同様の操作が可能です）。 AngularJSは以下の特徴を持つフレームワークです。 双方向データバインディング MVWパターン（MVCの派生パターン）
新・三大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、サーバーサイドは
AngularJSで始めるリアクティブプログラミング - 廻る技術の覗き穴
最近はAngularJSの記事をQiitaにたくさん投稿していたのですが、久しぶりにこっちのブログにも書いてみます。 AngularJSでリアクティブプログラミングをするためのフレームワーク「ReactiveProperty for AngularJS」を作ったので、その紹介記事です。 https://github.com/zoetrope/reactiveproperty-angular リアクティブプログラミングとは 簡単に言うと、ユーザーの入力や外部イベントなどに応じて変化した値が、自動的に他の場所に伝搬されていき、それに反応する形で処理をするようなプログラミングパラダイムのことです。 詳細についてはこちらの記事が分かりやすいです。 なぜリアクティブプログラミングは重要か。 - Conceptual Contexture やさしいFunctional reactive program
STORES.jp x AngularJS
「AngularJSを業務で使いたいけど今一歩踏み出せない方のための勉強会」発表資料です。 http://eventdots.jp/event/52461
AngularJS 製アプリで jQuery を使いたい | DevelopersIO
本記事で使用している AngularJS のバージョン 1.2.16 angular.element 先日紹介した ng Global APIs の中に angular.element というメソッドが用意されています。 このメソッドは、デフォルトでは "jQuery lite" または "jqLite" と呼ばれる AngularJS が提供する jQuery のサブセット ( 軽量版 jQuery ) オブジェクトを返しますが、ドキュメントを読む限り制限が多く、困ることが少なくありません。 どのくらい制限されているかというと、、、 https://docs.angularjs.org/api/ng/function/angular.element より addClass() after() append() attr() bind() - Does not support namesp
Angular.jsとBackbone.jsのDOM依存を図解する - ジンジャー研究室
果敢にもMVCフレームワークの図解を試みたので、どうぞ！ MVCの動機 MVCという言葉が初めて登場してから30年以上たった今、最早なんだったのか分からないほどMVCの定義は混迷をきたしているわけだが、どれがMVCでMVVMでMVPであるという定義についてあれこれ考察するのは個人的には好きでなくて、「結局何がしたいのか」という動機がぶれていなければ何でも良いと思っている。 じゃあそれは一体何なのかということを自分なりに考えてみたところ、次の一言に落ち着いた。 「ModelはViewに依存したくない」 世間的には（？）ModelとViewを単に「分ける」と説明されることが多いが、私はそれだけでは納得していなくて、依存の方向こそが重要だと思っている。たとえ分かれているように見えてもModelがViewを参照していたら、情報の取得先や表現方法は固定化されてしまう。 ModelはViewの事情から
AngularJS 勉強会のまとめ (動画・スライド) #ng_jp | Engine Yard Blog JP
AngularJSの勉強会に参加して来ました。300人の定員があっという間に満席になるという事で注目の高さが伺える勉強会でした。参加者も発表の内容もバラエティに富んでいてこれから大きな飛躍があるであろう事を期待させる盛りだくさんの内容でした。 今回はEngine Yardから懇親会のスポンサードをさせて頂くと同時にPHPとAngularJSの連携のLTや動画の撮影を行ってきましたので紹介させて頂きます。 ng-mtg#4 AngularJS 勉強会 | 集客ならイベントアテンド http://atnd.org/event/E0021975/ ng-mtg#4 AngularJS 勉強会 #ng_jp - Togetterまとめ http://togetter.com/li/598391 AngularJS 20min @naoya_itoさんによるAngularJSの入門講座。おなじみの
AngularJS概要と基礎の基礎#AngularJS入門その2 | DevelopersIO
AngularJS概要 前回はAngularJSを学ぶ際に参考になるサイトの紹介をしました。 それらを見ればいくらでも書いてあるのですが、今回はAngularJSについての解説や基本的な機能等の解説をします。 Angular JSとは 前回もいったように、AngularJSはWebアプリケーションのためのMVC(MVW)フレームワークです。 ※MVW：Model-View-Whatever AngularJSでは次にあるような、いくつかの特徴をもっています。 Angular JSの持つ機能 1.テンプレート言語としてHTMLを使用する AngularJSは、HTMLファイルを使用します。その中で「Directive」という仕組みを利用し、 HTMLの属性や要素に対して特殊な振る舞いを適用します。 Directiveとは、HTMLの属性と要素を独自に拡張した新しいマークアップです。 ngMo
Protractor: AngularJSの次世代E2Eテストフレームワーク - Qiita
AngularJSはテストを重視しているフレームワークだと言われています。 それは、DIが標準搭載されているのでサーバーとの通信などのテストしにくい部分を簡単にモックに差し替えることが出来たり、ユニットテストやEnd to End（E2E）テストのためのフレームワークを持っていたりするからでしょう。 そして、現在標準で含まれているE2Eテストのための機能は、今後ProtractorというSelenium WebDriverJSベースのフレームワークに移行すると発表されています。（AngularJS 1.2 & Beyond） これまでのE2Eテストフレームワークを捨てて新しいものに乗り替えるのには理由があります。 それは、Seleniumをベースにすることで次のような恩恵を受けられるからです。 ブラウザを操作するためのAPIが充実 複数ブラウザでの実行が可能 リモートページのテストが可能
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AngularJSの為のガントチャートコンポーネント・「angular-gantt」
angular-js.net
受託開発でのAngularJS - 第1回AngularJS 勉強会 at LIG
