タグ

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

  • Reactの考え方 | React 0.13 日本語リファレンス | js STUDIO

    これは、元はReactの公式ブログへ投稿されたものです。 個人的な見解になりますが、ReactJavaScriptを使用した大規模で高速なWebアプリケーションを開発する、 最も優れた方法であると考えています。 これは、FacebookとInstagramにおいて、我々にとって良い結果をもたらしてくれています。 Reactの優れた点の1つに、アプリケーションの構築を、どのように考えさせるかという事が挙げられます。 このページでは、Reactを使用した検索可能な商品データのテーブルを構築する過程を通して、学んでいきます。 まずは、モック作りから ステップ1: UIをコンポーネント階層に分割 ステップ2: Reactの静的版の構築 ステップ3: UIステートの必要最小限構成 ステップ4: ステートを使用するべき場所の特定 ステップ5: 別(逆)データフローの追加 最後に まずは、モック作りか

  • React入門 | React 0.13 日本語リファレンス | js STUDIO

    JSFiddle Reactを試す最も簡単な方法は、下記のJSFiddleの「Hello World」のサンプルを触ってみることです。 React JSFiddle React JSFiddle (JSX無し) スターターキット Reactに入門するために、スターターキットをダウンロードします。 Getting Started | Reactのページの「Download Starter Kit (バージョン名)」のボタンをクリックしてダウンロードします。 スターターキットのルート・ディレクトリに、下記の内容でhelloworld.htmlを作成します。 <!DOCTYPE html> <html> <head> <script src="build/react.js"></script> <script src="build/JSXTransformer.js"></script> </h

  • .animate() | jQuery 1.9 日本語リファレンス | js STUDIO

    各オプション値を設定します。詳細は下記の通りです。 duration 型:Number or String 初期値:400 アニメーションする時間を指定します。 easing 型:String 初期値:swing イージングの種類を指定します。 queue 型:Boolean 初期値:true falseを指定すると、キューに追加されずに即座にアニメーションを実行します。 1.7からは、文字列を指定することで追加するキューを指定できるようになりました。 specialEasing 1.4追加 型:PlainObject 1.4から追加された機能です。 CSSプロパティのマップ値を指定することで、その効果がイージングに反映されます(?) step 型:Function( Number now, Tween tween ) 各アニメーション要素の各アニメーションプロパティから呼び出される関数で

  • 1