愛すべきAngularとのお別れ。2,3年後を見据えReactにリプレイスする話｜Yuito Sato
「Reactに書き換えないとこのプロダクトチームは緩やかに死を迎えます」 こんにちは、ログラスのエンジニアの佐藤です。 昨年に入社して早2ヶ月経ちましたので、入社記事でも書いていきます。 「Reactに書き換えないとこのプロダクトチームは緩やかに死を迎えます」 と、CTOに言ったのは昨年末くらいでした。 入社してまだ1ヶ月経たないくらいです。 ログラスは創業当時からAngularを使って開発をしていました。 正社員のフロントエンドエンジニアは自分が入るまではいなくて、業務委託の方と協働しながら開発をしていました。 そのプロダクトをゼロからこの創業期のタイミングでReactでフロントエンドを作り直そうというお話です。 今回のお話はあくまでログラスのプロダクトチームの目指す理想像とAngularの相性が悪いだけで、AngularがReactより劣っているわけではありません。 Angularはフ
Angular v2からv6までの変化をまとめてみた - 余白
Angular 2から6までの主要な進化をまとめた記事を読みたい。— Masahiko Sakakibara (@rdlabo) 2018年4月20日 逆にIonicの変遷が知りたいですね 最近Stencilも出てきたしその辺の絡みとか俯瞰的に見てみたいです— lacolaco (@laco2net) 2018年4月20日 rdlaboさんがしっかりGW明けにIonicの記事書いてくれたので、僕もAngularのv2からv6まで、3年弱の変遷についてまとめます。 Ionic 2 から 4 への、この2年間の進化を振り返る 前Angular v2時代 Angular v2 オフラインコンパイル AngularJSへの .component 逆輸入 Animation API Language Service Angular CLIとスタイルガイド SystemJSからwebpackへ For
WordBench 京都 & ng-kyoto 10月勉強会 に行って昨今のWP REST APIとAngularJSとまちづくり(!?)の事情を聞いてきた - niwatakoのはてなブログ
今日はWordBench 京都 & ng-kyoto 10月勉強会 にブログ書く枠で参加してきました。スライドの写真を撮りながら、喋ってることを打ち込んでリアルタイムにブログ記事に書く、聞き起こしブログをやってきました。 どんな勉強会？ WordPressのREST APIとAngularJSが仲良くするための勉強会、だったんだと思うが、WordPressはスルーされたり、VueJSが出てきたり、まさかり飛んだりしていた。あ、ちゃんとWP REST APIとAngularを使う話もあったのでご安心ください。 まぁこれもフロントエンドフレームワーク戦国時代、WordPressのREST API化計画の過渡期らしい世相を反映した勉強会だったと思う。ProgressiveWebAppsの話も出た。あとなぜか まちづくり の話になって、それがとても勉強になった。 まちづくり の話では、地方の商店街
その使い方はもう古いかも？AngularJS老化チェック（ディレクティブ篇） - Qiita
こんにちは、らこです。AngularJSのバージョン1.5.0がリリースされましたね！ コードネームは ennoblement-facilitation、ざっくり訳すなら「高尚化促進」でしょうか。コンポーネント志向の「高尚」なアプリケーション設計への移行をサポートするバージョンだということでしょう。 1.5.0ではcomponentの追加をメインに、Angular2へのスムーズな移行を行うための足がかりとなるアップデートです。いい機会なので、 今の自分のAngularJSの使い方がどれくらい古いのか をチェックし、どのようにモダンにしていけばいいのかを知っておきましょう。 ちなみに、1.4までに関しては AngularJSモダンプラクティス - Qiita を参考にするとよいでしょう。 このモダンプラクティスに従ったコードになっていればcomponent()対応はあっという間のはずです。
ng-inspector - The AngularJS inspector pane for your browser
ng-inspector is a browser extension for Chrome, Safari and Firefox that adds an inspector pane to help you develop, debug and understand your AngularJS applications. Crypto users will benefit from these browser extensions in order to get the most out of their research. There are similar browser extensions for crypto users and traders that helps them with cryptocurrency trading and help them to tak
ng-japan 2015 TypeScript+AngularJS 1.3
電球をスマホから作動できたり、体重や心拍数をブラウザからモニタリングできたり、いろいろなモノがモバイルやインターネット上に接続されるようになり、今やモノのインターネット (Internet of Things) の時代と言われています。Web Developer は既にソフトウェアでアプリケーションのプロトタイプをするスキルを持ち合わせているのだから、この際ハードウェアも含めて Internet of Everything のプロトタイプをしてみませんか？ このスライドは、2015年11月7日に東京、渋谷で行われた NodeFest からのもので、Node.js / Johnny-Five を使って Arduino や Raspberry Pi と、Front-end JavaScript そして PubNub を使ってモノのインターネットのプロトタイプをしてみよう、という内容です。 -
angularjs-style-guide/README-ja-jp.md at master · mgechev/angularjs-style-guide
このスタイルガイドの目的はAngularJSアプリケーションのベストプラクティスとスタイルガイドラインを提供することです。 これらのベストプラクティスは以下から集めたものです： AngularJSソースコード 私が読んだコードや文章 私の経験 注意1： このスタイルガイドは草稿であり、その主な目的はコミュニティ駆動にすることです。足りない部分を補うことはコミュニティ全体から大きな賞賛を受けることになります。 注意2： 翻訳版のガイドラインを読み始める前に、それが最新の状態であるか確認しましょう。英語版のAngularJSスタイルガイドが最新版となります。 当ガイドラインは、JavaScript開発のガイドラインではありません。JavaScript開発のガイドラインはこちらで見つけることができます： Google JavaScript スタイルガイド Mozilla JavaScript ス
【AngularJS】改行を有効にするためのフィルタ
newlines.coffee �!j V �� V app = angular.module 'MyApplication' app.filter 'noHTML', -> (text) -> text.replace(/</g, '<').replace(/>/g, '>').replace(/&/, '&') if text? app.filter 'newlines', ($sce) -> (text) -> $sce.trustAsHtml(if text? then text.replace(/\n/g, '<br />') else '') app.controller 'testCtrl', ($scope) -> $scope.iroha = 'いろはにほへと ちりぬるを\nわかよたれそ つねならむ\nうゐのおくやま けふこえて\nあさきゆめみ
AngularJSモダンプラクティス - Qiita
Help us understand the problem. What is going on with this article? こんにちは、@armorik83です。私のAngularJS歴は2年弱で、これまでAngularJSに関する記事はQiitaにたくさん書いてきました。例えば次のような記事です。 AngularJSアンチパターン集 2014.9 ここらでDirective Scopeの@=&をまとめておきたいと思う 2014.9 TypeScriptで書くAngularJSのMVC 2014.2 AngularJS Directiveの処理順を網羅してみた 2014.12 他にもニッチなものやイマイチだったものも含めてけっこうな数となってきました。また、こういった記事の縁で勉強会でも登壇させて頂きました。 モダンAngularJS 2014.12 GDG中国 TypeScr
ここらでDirective Scopeの@=&をまとめておきたいと思う - Qiita
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Sample</title> </head> <body ng-app="myApp"> <div ng-controller="SampleCtrlA"> <dir-a my-arr="arr"><span ng-repeat="a in arr">{{a}},</span></dir-a> </div> <div ng-controller="SampleCtrlB"> <dir-b my-arr="arr"><span ng-repeat="a in arr">{{a}},</span></dir-b> </div> <div ng-controller="SampleCtrlC"> <dir-c my-arr="arr"><span ng-re
AngularJS: API Error codes handing in Forms
Do not handle error codes in controller. Use directive to handle API errors as you would use standard Angular validators: http://plnkr.co/edit/19cZ1WYRKOvZlSVSaDXb?p=preview Lately I have been creating a lot of forms — administration applications just tend to have plenty of them. Obviously one of the most important topics I needed to solve is how to efficiently handle whatever server has to say ab
Getting started with Angular 2 developer preview
This screencast accompanies our alpha.22 release, which is part of Angular 2 developer preview (pre-beta). It shows how to get started from an empty directory, and build a simple Angular 2 demo. Alex Eagle is a developer on the Angular team, working mostly on our TypeScript tooling. Links: - Fetch the demo source: https://github.com/Microsoft/ngconf2015demo - Angular 2 homepage: http://angular.i
フレームワーク対決！Angular VS React仮想パネルディスカッション
フレームワーク対決！Angular VS React仮想パネルディスカッション 吉川 徹 特集企画「アプリケーションアーキテクチャ最前線」では、さまざまな視点からアプリケーションアーキテクチャをエキスパートたちに語っていただきます。今回は、今話題のAngularJSなどのJavaScript MVCフレームワークの台頭と進化、そして新しいアーキテクチャであるFluxとそのフレームワークであるReactなどについて、既に先行して学んでいるエキスパートたちにその知見を聞いてみました。 今回はフレームワーク対決ということで、エキスパートたちがAngularとReactという陣営に分かれ、それぞれのフレームワークについて疑問点をぶつけたり、議論したりする仮想パネルディスカッションという形式でお伝えします。単なるパネルディスカッションとは違って、キーワードは「プロレス」です。まさかりの投げ合い、di
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Angular
LumX
Angularチームがロードマップを発表，React Nativeとの統合をデモ
GitHub - johnpapa/angular-styleguide: Angular Style Guide: A starting point for Angular development teams to provide consistency through good practices.
Home
GitHub - steeve/angular-seo: SEO for AngularJS apps made easy.
GitHub - gianarb/awesome-angularjs: :cyclone: A list of awesome AngularJs services, directives, utilities and resources.
