#author("2019-06-09T13:19:25+00:00","default:sagasite","sagasite")
#author("2019-06-09T13:20:50+00:00","default:sagasite","sagasite")
[[IT用語集]] ＞ 関心の分離
-関心の分離 - Wikipedia https://ja.wikipedia.org/wiki/%E9%96%A2%E5%BF%83%E3%81%AE%E5%88%86%E9%9B%A2
>関心の分離（かんしんのぶんり、英語: separation of concerns、SoC）とは、ソフトウェア工学においては、プログラムを関心（何をしたいのか）毎に分離された構成要素で構築することである。
プログラミングパラダイムは開発者が関心の分離を実践することを手助けするものもある。
その為には、モジュール性とカプセル化の実装のしやすさが重要となる。
関心の分離は複雑で依存関係が入り乱れたシステムの理解・設計・運用を容易にすることが出来るので他の工学分野でもみられる。
-Separation of concerns - Wikipedia https://en.wikipedia.org/wiki/Separation_of_concerns
* Reactにおける関心の分離 [#l6dda743]
-JSX の導入 – React https://ja.reactjs.org/docs/introducing-jsx.html
>''JSXを使う理由''
表示のためのロジックは、イベントへの応答や経時的な状態の変化、画面表示のためのデータを準備する方法といった、他の UI ロジックと本質的に結合したものであり、React はその事実を受け入れます。
マークアップとロジックを別々のファイルに書いて人為的に技術を分離するのではなく、React はマークアップとロジックを両方含む疎結合の「コンポーネント」という単位を用いて関心を分離します。
後のセクションでコンポーネントについては改めて詳しく紹介しますが、現時点で JavaScript にマークアップを書くことが気にくわない場合、こちらの議論で考えが改まるかもしれません。
マークアップとロジックを別々のファイルに書いて人為的に技術を分離するのではなく、React はマークアップとロジックを両方含む疎結合の「コンポーネント」という単位を用いて&color(red){関心を分離};します。
