タグ

ブックマーク / js.studio-kingdom.com (3)

  • 依存性注入(DI) | AngularJS 1.2 日本語リファレンス | js STUDIO

    概要 依存性についてのアノテーション(注釈) DIはどこで使用できるのか? 概要 依存性注入は、コードがその依存性をどのように保持するかを取り扱うソフトウェアデザインパターンです。 DIについての詳細については、WikipediaのDependency Injectionを参照してください。 Martin FowlerによるInversion of Control、 またはDIについて書かれた好みのソフトウェアデザインパターンのを読んでみてください。 DIを一言で説明すると オブジェクトまたは関数が、依存性を取得するには3つだけ方法が存在します。 依存性は、一般的にnew演算子を使用して作成することができます。 依存性は、グローバル変数を参照することで調べることができます。 依存性は、それが必要な場所に渡すことができます。 依存性を作成する・参照の最初の2つは、依存性をハードコードするこ

  • 危険なinnerHTMLの使用 | React 0.13 日本語リファレンス | js STUDIO

    誤ったinnerHTMLの使用は、クロスサイト・スクリプティング(XSS)攻撃を許してしまう恐れがあります。 ユーザー入力を表示のためのサニタイジングは、ご存知のとおりエラーになる傾向があり、 適切なサニタイズに失敗することでインターネット上でのWEB脆弱性を引き起こす原因になります。 我々の設計哲学は、安全にする事は“簡単”であるべきで、 開発者は“安全では無い”操作を実行する際には、その意図を明確にすべきというものです。 このdangerouslySetInnerHTMLというプロパティ名は故意に怖がらせるような名付けをしており、 このプロパティ値(文字列の代わりにオブジェクトを使用)は、サニタイズされたデータを示すのに使用することが出来ます。 セキュリティへの影響と適切にデータがサニタイズされていることを完璧に確認した後に、 __htmlキーとサニタイズされたデータの値を含む新しいオ

  • JSXのスプレッド属性 | React 0.13 日本語リファレンス | js STUDIO

    もし、事前にコンポーネントに配置したいプロパティが全て分かっているのであれば、JSXで簡単に割り当てる事が出来ます。 var component = <Component foo={x} bar={y} />; propsの変更は悪である。 もし設定したいプロパティが事前に分からない場合、 後からオブジェクトに追加したくなるかもしれません。 var component = <Component />; component.props.foo = x; // BAD component.props.bar = y; // こちらもBAD これは代入されるまで右辺のプロパティの型が正しいものであるかをチェックする手助けが出来ないため、アンチパターンです。 これは、プロパティの型エラーが不可解なスタックトレースで終了してしまう事を意味します。 propsはこの時点で、不変であると考えられるべきで

  • 1