[日本語訳] Angular 2 Component Styles
Original: Component Styles - ts Written by: angular.io Translated at: 04/15/2016 コンポーネントのスタイル Angular 2のアプリケーションは標準のCSSによってスタイリングすることができます。 つまり、CSSのスタイルシートやセレクタ、ルールやメディアクエリなどについて知っていることをそのままAngular 2のアプリケーションに適用できます。 さらに、Angular 2はCSSのスタイルシートをモジュール化し、コンポーネントに同梱することが可能です。 この章ではどのようにして コンポーネントスタイル を読み込み、適用するかについて解説します。 コンポーネントスタイルを使う Angular 2のコンポーネントを書くとき、HTMLのテンプレートだけでなく、CSSのスタイルも決めるでしょう。 コンポーネントの
Angular 2で作った最初のアプリの事後分析 : 使ってわかったAngular 2の長所と短所 | POSTD
最近、Angular 2を使ってWebアプリ作成の手伝いをする機会がありました。このフレームワークの複雑さに戸惑いもありましたが、Angular 2は間違いなくすばらしいものです。この事後分析では私がAngular 2のフレームワークを使った時に感じたいい面と悪い面の両方を掘り下げていくことにします。 Angular 2 Angularは携帯電話やデスクトップのWebアプリケーションを作成するための開発プラットホーム。 https://angular.io/ Angular 2＋リアクティブプログラミング＝❤ 私はすでに、Angular 1アプリケーション ではRxJSをかなり使っていました。特に、サービス間のメッセージ・バスを行うアプリを作成する時です。Angular 2はObservableを非常によくサポートしているので、アプリ全体にリアクティブプログラミングを取り入れることができ、
Angular 2 versus React: There Will Be Blood
By Cory House Angular 2 has reached Beta and appears poised to become the hot new framework of 2016. It’s time for a showdown. Let’s see how it stacks up against 2015’s darling: React. Disclaimer: I enjoyed working in Angular 1 but switched to React in 2015. I’ve published Pluralsight courses on React and Flux and React and Redux in ES6 (free trial). So yes, I’m biased. But I’m attacking both side
3分で分かるAngularJSセキュリティ - teppeis blog
先日のng-mtg#4 AngularJS 勉強会でLTしようと思ったけど申し込みが間に合わなかったのでブログに書きます。 先月リリースされたAngularJS 1.2はセキュリティがんばってる的なことを聞いたので、セキュリティ周りの仕組みを調べてみました。 お題は以下です。 CSRF JSON CSP (Content Security Policy) Escaping CSRF ユニークなトークンをHTTPリクエストに載せてサーバーでチェックする対応が世の中では主流（最近はカスタムヘッダのチェックによる対策も） AngularJSでは、XSRF-TOKEN Cookieにトークンが載っていると、$httpを使ったHTTPリクエストのヘッダに自動的にX-XSRF-TOKENヘッダーが付く。 XSRF-TOKEN CookieはもちろんNot HttpOnlyで。 Angular界ではCS
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
express + AngularJS でCSRFの設定｜デロイト トーマツ ウェブサービス株式会社（DWS）公式ブログ
最近カップラーメンに納豆を入れるのが好きで、カップラーメンに納豆3パックとかドバっと入れて、そこに卵を入れて食べたりする。 見た目は悪いけど意外といけるので、興味ある方はお試しあれ。 ところで最近は Node.js とか express とか mongodb とか AngularJS を勉強中。 こちら のデモアプリをベースにいろいろといじって変更しながら、挙動を確認しつつ勉強してるけど、どれも勉強し始めでつまずくことが多い。 今回は、AngularJS でデータの更新をしようとしたときに、express 側で CSRF エラーが出たので、その内容と対処方法をまとめてみた。 CSRF エラー AngularJS でデータ更新をしようとしたところ、express 側で下記のようなエラーが出た。 Error: Forbidden at Object.exports.error (/home/n
そろそろ押さえておきたい AngularJSのセキュリティ
6. 本日お話する内容 5 AngularJSで対策できる脆弱性とその実装方法 • DOM Based XSS • Cross-Site Request Forgery (CSRF) AngularJSでは対策できない脆弱性 (スコープ外) • サーバ側での対策が必要となる脆弱性 • ブラウザやプロトコル由来の脆弱性 ※CSRFはサーバ側での対策を要しますが今回の発表ではスコープ外とします 8. XSSの種類 • サーバ側で発生するXSS - 反射型XSS - HTTPのリクエストに含まれるスクリプトが、 レスポンスのHTMLにそのまま埋め込まれることで発生 - 持続型XSS - HTTPのリクエストに含まれるスクリプトが一旦サーバに保存され、 そのデータを元にHTMLを出力する際にスクリプトが埋め込まれることで発生 • クライアント側で発生するXSS - DOM based XSS -
AngularJS Promises - The Definitive Guide
Skip to content Promises are a core feature of AngularJS - whether you understand them or not, if you use AngularJS you’ve almost certainly been using them for a while. In this post I’m going to explain what promises are, how they work, where they’re used and finally how to use them effectively. Once we’ve got the core understanding of promises, we’ll look at some more advanced functionality - cha
AngularJS開発に便利なgulpプラグインと設定 - エンジニアをリングする
この記事はAngularJS Advent Calendar 2014の11日目の記事です。 私がAngularJSでアプリ開発した時にすごく便利だったgulpタスクの組み合わせを紹介しようと思います！ gulp-concat gulp-tap gulp-ng-annotate gulp-concat AngularJSアプリは1モジュール1ファイルにする場合も多いかと思いますが、そうなるとどんどんファイル数が増えて読み込みがとにかく大変です。 ディレクティブが展開されない！と思ったらそのディレクティブを定義したjsファイル読み込み忘れてたとかね・・・ なのでjsファイルはgulpタスクでひとつにまとめてからそれだけ読み込むと、ファイルが増えてもHTMLでの読み込みを増やさなくていいのでスムーズです！ ファイルをひとつにまとめてくれるのがgulp-concatです！ var concat
利用しているAngularモジュールライブラリ一覧
これは AngularJS Advent Calendar 2014 の(12/10)の投稿です。 当初予定していた内容とは違う内容になりましたことにつきまして申し訳ないです。 これから新規のプロジェクトでAngularJSを使おうかと迷っている人のために 自分のプロジェクトで使っているor検証したAngularJSモジュールライブラリを晒したいと思います。 プロジェクト上、CoffeeScriptを使っているため、 コード例がCoffeeScriptになっていることはご承知置きください。 angular-resource 概要 言わずとしれたREST APIを使いやすくしてくれるモジュールです。 使い方 resource = $resource '/users/:id', { id: '@id' } user = resource.get id: 100
Kibana 4にみるAngularJSアプリの開発ノウハウ - Qiita
Kibana 4のプラグインをつくってみよう を書いたときに、Kibanaのソースコードを読んでいて発見したことについて紹介してみたいと思います。 Kibanaの構成 https://github.com/elasticsearch/kibana 規模 ソースコードはだいたい24,000行くらい。 各モジュールの数は次の通り。ディレクティブが多いのが目立ちます。 directive: 56 controller: 9 filter: 10 factory: 9 service: 20 provider: 0 value: 0 constant: 10 ディレクトリ構成 ディレクトリ構成はこんな感じです。 いま一番気に入っているAngularJSのプロジェクト構成 で紹介されている、folders-by-typeに近いでしょうか。 でもcomponentsの下は、機能毎にディレクトリが切られ
Androiderに贈るAngularJS概説 - Qiita
会社でAngularJSをわっしわっし使ってみて、そろそろ某かの意見を言えるようになったのではないか？と思ったので、推薦記事を書いてみます。AngularJSマンセー！ 一般のAngularJS解説記事はまぁ巷にそれなりに出回っていると思うので、僕の周りに蔓延る混沌Androidクラスタ向けの説明記事を書いてみようと思います。 というわけで、AngularJSをAndroid用語を駆使して説明します。正確さはあまり気にしません。 読者に要求されるもの Androidについての基本的な知識 JavaScriptやHTMLなどに対する基本的な知識 参考 わかめのAngularJSはてブ AngularJSってなに？ AngularJSはGoogleが作成しているWebアプリのクライアント側用フレームワークです。 遠い仲間としてBackbone.jsが、近い仲間としてKnockout.jsやFl
オレ流AngularJSを使った設計ポリシー
Chrome MySQL Adminでは、 AngularJSを使って実装を行っています。Chrome appsでは、 何らかのMVC Frameworkの利用が勧められています。 AngularJSは、Controller、Directive、Template、Serviceなど、いくつかの部品群を組み合わせてアプリケーションを構成することになります。その機能の豊富さ故に、実はちゃんとしたポリシーを決めておかないと、いかようにでも作れてしまうために、かえって複雑さが増してしまうという危険性も出てきます。もちろんアプリケーションの作り始めは試行錯誤の連続なのですが、徐々に自分なりのポリシーみたいなものが確立されてくるはずです。 本エントリでは、Chrome MySQL Adminでの設計/実装ポリシーを簡単に紹介してみたいと思います。ちなみに、全てのソースコードは、以下にあります。 htt
Code Organization in Large AngularJS and JavaScript Applications | Cliff Meyers
Code Organization in Large AngularJS and JavaScript Applications Many developers struggle with how to organize an application’s code base once it grows in size. I’ve seen this recently in AngularJS and JavaScript applications but historically it’s been a problem across all technologies including many Java and Flex apps I’ve worked on in the past. The general trend is an obsession with organizing t
AngularJS Performance in Large Applications
Abraham Polishchuk Abraham Polishchuk is a NodeJS/AngularJS engineer at Lanetix. In a past life he has worked with Ruby on Rails, Chef, and RSpec. 1 Introduction Whether you are writing an Angular front end for an old application with large use and adoption, or your pre-existing Angular application is gaining momentum, performance is an important aspect. It is important to understand what causes a
ビューのレンダリングが始まる前に特定の処理を完了させたいとき - Qiita
やり方はいろいろあると思います ひとつは、$routeProviderのresolveを使う方法 あるURLに飛ぶ前に、必ず現在のユーザの情報をhttpで取ってきて$scopeに入れたい。 入れ終わってからビューを描画したいという状況だとします <h2>demo</h2> <div ng-app="app"> <script type="text/ng-template" id="sample.html"> <p>sample</p> {{user}} </script> <div ng-view></div> </div> angular.module('app', ['ngRoute']). config(function($routeProvider) { $routeProvider.when('/', { templateUrl: 'sample.html', controlle
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AngularJSの$watch登録数が60,000だった - @yoshiko_pg
porkbun.com | expired domain
GitHub - johnpapa/angular-styleguide: Angular Style Guide: A starting point for Angular development teams to provide consistency through good practices.
Large AngularJS application design