Railsの情報サイトです。新機能である「部分コンポーネント」に関して概要を説明しました。アプリを書き換えていきます。作成し、テキストエディタで次のような内容を書き込んでください。メソッドを持たなければなりません。骨組みを作っただけです。テキストエディタで開いてください。メソッドが次のように定義されています。メソッドの中身として貼り付けてください。ソースコードはこのようになりますね。メソッドが呼び出されています。前回書いたことの繰り返しになりますが、これらのメソッドは親コンポーネントの同名のメソッドを呼び出します。部分コンポーネントを再描画するのではなく親コンポーネントを再描画します。クラスのインスタンス)自体も再描画されることになります。この属性はまだ定義されていないので、このままではエラーを引き起こします。この点は覚えておきましょう。ここまでが書き換え作業の第一段階です。次のようなコードがあります。属性にセットしています。部分コンポーネントのコンストラクタの引数には親コンポーネント自体を渡すことになっています。メソッドのコードは次の通り。行目を次のように書き換えてください。メソッドを呼び出しています。引数にマークアップビルダー(m)を取ります。ソースコードの書き換え第三段階では、さきほど記憶にとどめておいた問題に対応します。メソッドの中身はこうなっています。いう記述があり、ここでエラーが発生します。インスタンスを指しています。この参照関係を維持するにはどうすればいいでしょうか。属性には親コンポーネントのインスタンスがセットされています。書き換えてやればいいということになります。前回紹介した技法を用いれば、もっとエレガントに書けます。ソースコードを次のように書き換えてください。クラスのコンストラクタを上書きしています。属性にセットしていることになります。メソッドを書き換える必要がありません。メソッドのコードを削除しましょう。クラスを作る作業は終了です。アプリが従来通り動くことを確認してください。書き換え後のソースコードはhttps://github.com/oiax/capejs-tut2-app-source/archive/lecture-02.zipから取得できます。componentで確認できます。クラスからタスク編集フォームの描画とタスクの更新に関わる部分を部分コンポーネントとして抜き出します。