一般社団法人 全国個人事業主支援協会

COLUMN コラム

  • コンポーネント指向の開発時において意識しているポイント

Vue.jsなどのコンポーネント指向の開発時において意識しているポイントをまとめてみました。

結論、コンポーネント設計を意識しています。

意識しているポイント

  • 実装前に全体像を把握するために各機能ごとにブロックを作る
  • ブロックはそれぞれ色分けしておくとイメージしやすい
  • レスポンシブの挙動も最初に作っておく

開発する前にこれをやっておくと、コンポーネントの設計も楽になるし頭が整理された状態で開発できるのでオススメです。

「なんとなくこんなかんじだろう」状態の見切り発車で開発を始めた場合、たしかに着手が早くなるので工数が短くなった錯覚を覚えますがそれは最初だけ。

後々ツケが回ってきて、手直しが発生しやすいのでトータルで見ると見切り発車の方が時間がかかっていることがほとんどです。

特にコンポーネント指向のVue.jsなどを使っている場合は手直しに時間がかかることが多いので、設計を意識して開発に取り組んでいます。

The following two tabs change content below.

小林 聡太

Webエンジニアしてます。2020年に独立しました。 技術的なことから個人事業主として必要なことまで色々お話しします。

この記事をシェアする

  • Twitterでシェア
  • Facebookでシェア
  • LINEでシェア