タグ

Angularに関するShoCohのブックマーク (14)

  • Angular使いがReactでアプリ組んだらこうなった

    React勉強会@福岡 vol.2

    Angular使いがReactでアプリ組んだらこうなった
  • Angular 4が正式リリース、Angular 2から3を飛ばして4。後方互換性を維持してより小さく高速に

    Angular 4が正式リリース、Angular 2から3を飛ばして4。後方互換性を維持してより小さく高速に 1つ前のバージョンはAngular 2で、新バージョンは3を飛ばして4になったのは、Angular Routerのバージョン番号とのコンフリクトを避けるためと説明されています。 Angular 4は基的にAngular 2への後方互換性を備えており、ほとんどのアプリケーションでそのままAngular 4へバージョンアップが可能。 より小さく高速に。アニメーション機能はコアから分離 Angular 4ではフレームワーク自体がより小さく高速になったとされていますが、特にAOTコンパイラ(事前コンパイラ)の生成コードが最適化され、多くのケースで6割程度に縮小。複雑なテンプレートほど効果が大きいとのこと。 また、アニメーションパッケージがコアライブラリから分離され単独のパッケージになった

    Angular 4が正式リリース、Angular 2から3を飛ばして4。後方互換性を維持してより小さく高速に
    ShoCoh
    ShoCoh 2017/03/27
    なんで後追いしたときにバージョン番号の関係性が分かりくくなるアップデートをしてしまうのか。依存性調べてるときにいきなりバージョン番号のルールが変わったり飛んだりすると無駄に混乱するのでやめて欲しい。
  • Angularの次バージョンは「Angular 4」に、2017年3月リリース。今後は単に「Angular」と呼んでほしいと

    Angularの次バージョンは「Angular 4」に、2017年3月リリース。今後は単に「Angular」と呼んでほしいと ベルギーのヘントで行われたAngularのイベント「NG-BE 2016」で、基調講演に登壇したGoogleAngularチームリードIgor Minar氏は、Angularの次のメジャーバージョンアップが2017年3月に登場する「Angular 4」であることを明らかにしました。 「私たちはAngular 4を2017年3月にリリースする予定だ。当に当だよ(I'm being super honest with you guys!)。わけわからんなんて言わないで、大丈夫だって!(Don't freak out. It's going to be good)」(Igor Minar氏) Angular 4はAngular 2と互換性を維持し、そのまま移行できる

    Angularの次バージョンは「Angular 4」に、2017年3月リリース。今後は単に「Angular」と呼んでほしいと
    ShoCoh
    ShoCoh 2016/12/20
    なんでこう後追いした時に混乱するバージョン番号を付けたがるんだ(node.jsやJavaを見ながら)
  • TechFeed Live#2 「React vs Angular2」 に行ってきたメモ #techfeed - console.lealog();

    そもそものところで色々ツッコミたい気持ちはみなさんあるでしょうが、せっかく当選したので観戦に行ってきました。 React陣営は @koba04 & @yosuke_furukawa Angular陣営は @laco0416 & @armorik83 モデレータは @Shumpei メモは雑なので、漏れとか齟齬とかあるかもですよ。 トークバトル React / Angular 2の概要 スター数とかバージョンとか コードがだいたいこんな感じとか 開発言語 こば: だいたいBabel、TypeScriptでもやれる 会長: だいたいBabel使ってると幸せになれる らこ: JavaScript or TypeScript or Dart らこ: まあTypeScriptですよね らこ: Dartはリポジトリが分かれました はち: ReactやるからAngularやるからで開発言語を選ぶのはナン

    TechFeed Live#2 「React vs Angular2」 に行ってきたメモ #techfeed - console.lealog();
  • AngularJSアンチパターン集 - Qiita

    (150522追記)稿の続編としてAngularJSモダンプラクティスを掲載しました。稿は2014年9月に執筆し、情報がかなり古くなっています。続編では、AngularJS 1.4やAngular 2に関する情報をまとめ、入門者への新鮮なチュートリアル、熟練者の移行手引として作成しました。どうぞご覧ください。 この記事は記録のため残します。 AngularJS歴1年の筆者による個人的なAngularJSアンチパターン集です。自分のための戒めとメモを兼ねています。個人差があると思いますので、参考程度に。 また、筆者はTypeScriptで書いています。 Components ComponentsのDI数が6以上になる 危険度★★★ angular.module('myApp') .service('FooService', [ '$q', '$resource', '$rootScope

    AngularJSアンチパターン集 - Qiita
  • angularJS と jQuery に関する誤解を解く - nazokingのブログ

    最近 angularJS に対する期待の低下が著しくてつらい。 なんだかんだで SPA から jQuery に戻った話 - ボクココ Angularの問題では はてなブックマーク - mizchi のブックマーク - 2015年5月18日 みんな使いどころを間違ってるんや。1年半くらい使ってて不満もあるけど自分のよく使う範囲では angularJS 最強だと思う。 angularJS が向いてるのは Single Page Application ではない angularJS が向いてるのは ◎ フォームのような細かい部品を多用 & DOMツリーとデータスコープがほぼ一致していてユーザの入力をサーバに送ったりする webアプリ。管理画面、マイページ、業務アプリなど △ Single Page Application ← 簡単に作れるけどページ間の連携が必要ないならサーバ側で分けてしまった方

    angularJS と jQuery に関する誤解を解く - nazokingのブログ
  • 15 Useful AngularJS Tools For Developers

    Thinking of dipping your toes into Angular? If you have gone through our 10 best tutorials to learn AngularJS post and would like to play around with Angular on your own, you’re on the right post. We have here some tools that can streamline your development workflow. We’re looking at 15 of the best IDEs, text editors, tools for testing & debugging, modules and development tools and apps for buildi

    15 Useful AngularJS Tools For Developers
  • Yeoman で AngularJS & UI Bootstrap の開発環境構築 - Qiita

    これから AngularJS でアプリケーションを作るぜ!という方向けの、環境構築メモです。 モダンな開発をするために総合開発環境として Yeoman を利用 おすすめとされる AngularJS アプリケーション構成も適用 最低限のUIライブラリはいるだろうということで UI Bootstrap(AngularJS用のBootstrap)を導入 IDEとして WebStorm を利用 ただこれは私がたまたま使ってるだけなので、使わなくてもOK ちなみに私が試した環境は、つぎのとおりです。 Mac OS X 10.9.1 node v0.10.25 npm 1.3.24 YeomanとAngularJS雛形ジェネレータをインストール もしお使いの環境にまだ導入されてなければ npm でインストールします。

    Yeoman で AngularJS & UI Bootstrap の開発環境構築 - Qiita
  • D3.js on AngularJSの実装パターン比較 - Qiita

    はじめに 以前, AngularJSでD3.jsをラップしてみようのエントリで, 「いかにしてAngularJSとD3.jsを統合するか」を記載した. その後, 自分で幾つかAngularJSとD3.js両方を使ったApplicationを作ったり, http://alexandros.resin.io/angular-d3-svg/ のブログを読んだりした上で, 双方のライブラリ両方を使う際の知見が増えたので, これを機にもう一度整理してみようかと. ライブラリとしての比較 AngularJSとD3.js, 双方を触ってみて思うのは, 特にコアな部分について, 備えている機能が重複していたり, 同等機能への実装アプローチが異なるなぁ、ということ. # 比較項目 Angular's way D3's way

    D3.js on AngularJSの実装パターン比較 - Qiita
  • AngularJSのMVWパターンを理解する - Qiita

    12/4の記事(AngularJSを使ったWebアプリのアーキテクチャ設計)で書くと言ったまま放置していたので、AngularJSのMVCパターンについて書いてみたいと思います。 AngularJSのMVCについては、12/19のお前のAngular.jsはもうMVCではない。と言われないためのTutorialというすばらしい記事がありますが、記事ではもう少し抽象的な内容を扱ってみようかと思います。 MVW(Model-View-Whatever)パターンとは MVCパターンには、MVC2、MVP、MVVMなど数多くの派生パターンがあります。 目的は同じなのに派生パターンがたくさんあるのは、それぞれのプラットフォーム固有の問題(フレームワークの違いや、サーバサイドかクライアントサイドかの違いなど)によってMV*の*の役割が異なるからです。 AngularJSは公式ページで"Superhe

    AngularJSのMVWパターンを理解する - Qiita
  • AngularJSを使ったWebアプリのアーキテクチャ設計 - Qiita

    AngularJSは公式で分かりやすいチュートリアルが用意されているし、日語の記事も増えてきたし、けっこう簡単に使い始めることができるんじゃないかと思います。 でも、チュートリアルやサンプルはクライアントサイドオンリーなことが多くて、サーバーサイドも含めたWebアプリを作ろうと思うと、どういう構成にすればいいのか迷うのではないでしょうか?(僕がそうでした) 最初は試行錯誤していたのですが、書籍やネットの記事を読んだりGitHubで見つけたアプリを真似たりしているうちに、どういう構成にすればいいのかだんだん見えてきたので、解説してみたいと思います。 SPA 最近、SPA(Single Page Applicationまたは Single Page Web Application)という言葉をよく耳にするようになりました。 SPAとは、最初のページだけ通常のWebアプリと同じようにサーバーか

    AngularJSを使ったWebアプリのアーキテクチャ設計 - Qiita
  • 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はもう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 VS React仮想パネルディスカッション

    フレームワーク対決!Angular VS React仮想パネルディスカッション 吉川 徹 特集企画「アプリケーションアーキテクチャ最前線」では、さまざまな視点からアプリケーションアーキテクチャをエキスパートたちに語っていただきます。今回は、今話題のAngularJSなどのJavaScript MVCフレームワークの台頭と進化、そして新しいアーキテクチャであるFluxとそのフレームワークであるReactなどについて、既に先行して学んでいるエキスパートたちにその知見を聞いてみました。 今回はフレームワーク対決ということで、エキスパートたちがAngularReactという陣営に分かれ、それぞれのフレームワークについて疑問点をぶつけたり、議論したりする仮想パネルディスカッションという形式でお伝えします。単なるパネルディスカッションとは違って、キーワードは「プロレス」です。まさかりの投げ合い、di

    フレームワーク対決!Angular VS React仮想パネルディスカッション
  • 1