Qiita Teams that are logged in
You are not logged in to any team

Log in to Qiita Team
Community
OrganizationAdvent CalendarQiitadon (β)
Service
Qiita JobsQiita ZineQiita Blog
1
Help us understand the problem. What is going on with this article?
@akari_0618

JavaScriptのフレームワーク

概要

JSのライブラリとフレームワークについて触れます。
1,フレームワークとライブラリについての違いについて
2,JSのフレームワーク
3,Vue.jsの特徴
3,コンポーネント指向とは

1,フレームワークとは

本来、開発する上で必ずフレームワークが必要な訳ではありません。JSだけでアプリ開発を行うことはできます。
しかし、大規模な開発を大人数ですすめているとします。そして、コードの書き方が人により少しずつ変わっているとします。
このように、書き方が少しずつ違うコードを複数人で着手するのはバグに繋がります。そこで、必要になるのがフレームワークです。
フレームワークとは、再利用可能なクラスを言います。設計・開発でよく使用するコードをフレームワークが用意してくれています。
プログラマーは、フレームワークが提供してくれる枠組みにそって開発することが出来ます。
それにより、バグが少ない設計になりより堅牢なアプリケーションとして開発することが出来ます。
ただし、現段階であまり複雑な設計で無いならば無理にフレームワークを導入する必要はありません。

ライブラリとは

ライブラリとは、コードをより簡略的に記述することが出来ます。JSで記述する長いコードをjQueryを使用することで、より簡略的に書くことが出来ます。それにより、動作を軽くすることが出来ます。
ライブラリとはユーザーが呼び出して複数回記述するコードを効率的に記述し、開発をすすめることを目的としています。
フレームワークとはすでに用意されている骨組みを再利用して効率的に開発をすすめることを目的としています。

2,JSのフレームワーク

Angula ▶グーグルを中心に開発されているフルスタックフレームワーク
React ▶フェイスブックが開発したビュー相当の機能を提供するフレームワーク
Vue ▶ ビューに特化したシンプルなフレームワーク

3,Vue.jsの特徴

1,コストが低い
Vue.jsは、HTMLベースのテンプレート構文を採用しています。なので、初心者にも学習コストが低いと言われています。

2,段階的に導入することができる
例えば、規模を小さく提供したアプリケーションが拡大したため機能を追加する必要が出てきたとします。その場合に、段階にあわせてシステムを導入しやすいというメリットがあります。
アプリが大規模になり、似たようなUIが出てきたら、コンポーネントを導入することが出来ます。
また、機能が増えて明確にURLを分割することが出来ます。VueRouterを使用することが出来ます。
アプリで扱うグローバルなデータを中央管理するためのデータベースが必要になってきます。そこで使用するのが、Vuexです。

4,コンポーネント指向

コンポーネントとはアプリを構成するUIの部分です。テンプレート、オブジェクト、スタイルの集合体です。
ある程度、規模が大きくなるとコンポーネントを組み合わせて作リます。
コンポーネントは、複数配置することも出来ます。また入れ子にすることも出来ます。

1
Help us understand the problem. What is going on with this article?
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
akari_0618
最近駆け出したエンジニアなーすです。 初心者のための初心者による初心者に関しての技術ブログになってます。 Twitter(@pro_ai_01)フォローするとモチベが上がり、インスタ(pro_ai)フォローするとこれまたモチベ上がります。Qiitaフォローするとまたモチベも上がり理解も深まります。 人生もプログラミングも一石三鳥ぐらいでいい感じに行きましょ😎
arkth
AI,IoT,WEBシステムの開発を行っています

Comments

No comments
Sign up for free and join this conversation.
Sign Up
If you already have a Qiita account Login
1
Help us understand the problem. What is going on with this article?