ARTICLES今回から、状態についての話をします。コンポーネントのデザインをする際、考えないといけないことの一つにコンポーネントの状態というのがあります。コンポーネントが持つ状態というと、まず思い浮かべられるのは、タブ型ナビゲーションのコンポーネントの場合に、どのタブが選択されているかとか、折りたたむことができるリストの開閉状態などかと思います。コンポーネントにはライフサイクルという大きな枠の状態があります。切り離して考えてみれば、人生の段階が一般的な認識といえるかもしれません。プロダクトに関わっている人なら、プロダクトのライフサイクルという言葉を知っていたりするでしょう。コンポーネントも、人生ほど複雑ではありませんが、ライフサイクルがあります。いう一般的なライフサイクルを例に説明してみます。この図だとよくわかりませんよね。diagramここではコンポーネントのライフサイクルについて、コンポーネントがマウントされたときから、アンマウントされるまでを扱ってみます。内から除去されることだと思ってください。これを人間の一生に例えると、以下のように例えることができます。コンポーネントにおいて何かしらの節目となるイベントが発生し、状態が変わったことを表します。コンポーネントを人間に例えてみましょう。内で生を受け、コンポーネントが存在している間は、ライフサイクルによって管理されることになります。人間は、コンポーネントではないので、当てはまらない部分もあります。様々なコンポーネントで構成されているように、人間も人間という大きなコンポーネントの中に、内臓や手や足というそれぞれ小さなコンポーネントを持っている存在といえるかもしれません。ユーザーのアクションによって様々なコンポーネントがマウントされ、イベントによって更新され、そしてアンマウントされていくということがわかればこの節は完了です。DesignWedgeの発行を開始。Webデザイン業の傍ら、海外のWebデザインに関する情報発信を行う。framework徹底入門』、『ウェブデザインコーディネートカタログ』など。自社製のWebデザインのクロール&キャプチャシステムvaqumをベースに、様々なリサーチを行っている。検定プロジェクトメンバー。KANSOCK.INDUSTRIES。