Radar - O’ReillyTry the O’Reilly learning platformWith the O’Reilly learning platform, you get the resources and guidance to keep your skills sharp and stay ahead. Try it free for 10 days. Start trial
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
Protractorでハイブリッドアプリを自動テスト！
こんにちは、吉田です。 アプリの開発にはテストがつきものですよね。 納品前に最終的なテストを行うのはもちろんですが、それに加えて開発中も気軽にテストを実行できる環境があれば、既存コードのリファクタリングや使用しているフレームワークのバージョンアップなども安心して行えます。 内部のロジックをクラスやメソッド単位で内側からテストするユニットテストの自動化は行われている場合も多いかと思いますが、アプリの場合は画面遷移や要素の表示・挙動が占めるウエイトもかなり大きいので、「Aのボタンを押したらBの画面に遷移し、Cという要素が表示されている」といったような外側からのテストも大事になってきます。 その辺りのテストは手動で行う場合もあるかもしれませんが、フレームワークのバージョンアップやリファクタリングのたびに手動で全ページを表示して動作確認を行うのはつらすぎる。。 外側からのテストも自動化したい・・！
JavaScriptフレームワークについて個人的な思い - 当時を振り返りながら - albatrosary's blog
HTML5 Experts.jpでエンタープライズ特集が組まれたことは承知だと思います。やはり注目すべきところはJavaScriptフレームワークの見解ではなかったかと思います。JavaScriptフレームワークについては人それぞれ考えがありますので、一概にこれとは言えませんが、私が感じているところを記載したいと思います。 世の中の動向と以前の判断 Googleトレンドを見る限りではAngularJSのひとり勝ちのように思えますが、身の回りの案件ではBackbone.jsが多いのではないかと思えます。１年半前にHTML5プロジェクトを行ったときに選定で残ったのが Backbone.js AngularJS Sencha Ext JS でした。最終的に利用したのはBackbone.JSだったのですが理由がjQueryベースで入り易かったということが上げられます。AngularJSは独特な記法
From AngularJS to React: The Isomorphic Way - RisingStack Engineering
Last week we were working on making our website indexable for search engines. This is the story of rewriting it and the summary of what we have learnt. Background Two months ago when we created RisingStack we had to decide what kind of technologies we wanted to use on our website. We only had a few static pages with some event tracking. So it was very simple, but we wanted to keep it scalable and
Angularリンク集 - albatrosary's blog
「Angularの資料で何か良いものは？」と聞かれることが多くなってきましたので、そしてAngular資料探しの手間を省くためにも、いつも使っているサイトリンクをまとめます。良い資料があったらこのブログを更新します。読む目安が欲しいというお話がありましたので「★」を付けます。「★」の付いてないものは必要に応じて目を通すと良いのではと思います（あくまでも目安です）。 ★ : まず読みましょう ★★ ： 少し慣れたら読もう ★★★ ：仕事で使うよ 学習順は YEOMANでAngularをインストールし触りながら Angular本家を見つつ Angular Style GuideやNinjaで理解を深める でしょうか（学び方は人それぞれですので）。何れにしても手を動かすのが最良です。 Angular 2 Angular is a development platform for building
HTML5とかモバイルとかJSフレームワークとか、ぶっちゃけどうなの座談会
HTML5とかモバイルとかJSフレームワークとか、ぶっちゃけどうなの座談会 村地彰（株式会社シーピーエス） 最近のシステム開発の現場では、HTML5やモバイル、JSフレームワークなどの新しい道具が次々と登場してきます。「そうした新しい道具ってエンタープライズではどうなの？」「現場として受け入れられているの？」といったぶっちゃけトークを行う座談会が、8月11日に美人で有名なおだんみつさんのいる21cafeで開催されました。1時間半にわたる長時間のトークから特に盛り上がった話を紹介します。 ▲パネラーたち（左から株式会社クレスコ・小川充さん、グロースエクスパートナーズ株式会社・酒巻瑞穂さん、NTTコムウェア株式会社・川田寛さん） 日本のエンタープライズが抱える悩ましい問題とは 川田：世の中は技術革新で勉強会に行くとワクワクするんですが、でも皆さん本当に使ってますか？ 私はあるところで「勉強会で
Laravel 4 & AngularJS E2E secured SPA | Neoxia.com
introduction SPA (Single Page Applications) are web applications commonly developed in HTML, JavaScript and CSS. The user loads the initial page then all the needed resources are loaded dynamically via XHR and inserted into the DOM without reloading the page. Developing SPA application can be extremely exciting, but we should always stay focused on securing all the app’s possible leaks. Managing u
Веб студія CodeWeb ᐉ Web агентство розробки та створення сайтів
Веб студіяБудь-який вид бізнесу, а тим паче його розвиток неможливо уявити без взаємодії з людьми, які є потенційними партнерами або клієнтами. У сучасному світі всі питання, що стосуються бізнес-завдань і залучення замовників вирішуються через Інтернет. Замовити сайт веб студії Codeweb, можна з повним циклом розробки. Наше агентство займається проектуванням і розробкою багатозадачних ресурсів, са
Building SEO friendly SPA using PhantomJS, Node.js, Angular.js and HTML5
Building SEO friendly SPA using PhantomJS, Node.js, Angular.js and HTML5 The document discusses building SEO-friendly single-page applications (SPAs) using technologies like Node.js, PhantomJS, and Nginx. It addresses common SEO challenges with SPAs, such as broken back buttons and crawling issues, and outlines methods to optimize for SEO, including creating compelling meta descriptions and intern
[AngularJS] ng-mtg#6 AngularJS 勉強会 参加レポート | DevelopersIO
車輪開発大好きおたいがです。こんにちは。（挨拶） 本日、下記イベントに参加してきたのでレポート ( 箇条書きメモ ) します。 ng-mtg#6 AngularJS 勉強会 http://angularjs-jp.doorkeeper.jp/events/12996 今回のテーマは Directive & セキュリティということで、案件実績のある講師による講演でした。 『 ディレクティブパターン 』 株式会社 LIG 林 優一 氏 実務におけるディレクティブ開発経験を元に、基本的なお作法の解説を交えつつ、ディレクティブ実装パターンについて紹介されました。 ディレクティブ実装パターン テンプレートパターン 共通のテンプレートを反映させるためのディレクティブパターン 共通パターン ビューと実装をカプセル化するようなディレクティブパターン イベントフックパターン ユーザーのイベントとハンドリング
![[AngularJS] ng-mtg#6 AngularJS 勉強会 参加レポート | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/648e11f84f388126ccfdea056ad86ba379173295/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2013%2F09%2Fangularjs.png)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - berzniz/backbone.directives: Give your backbone apps super-powers with AngularJS style directives.
GitHub - dontdrinkandroot/lightmine.js: AngularJS based Redmine REST API Client with a Responsive Interface
そろそろ押さえておきたい AngularJSのセキュリティ
http://www.ng-newsletter.com/
Expert led courses for front-end web developers. | egghead.io
あなたの知りたかったAngularJS
learn-angular.org
GitHub - angular/batarang: AngularJS WebInspector Extension for Chrome
Home
