Vue.js とは?

Vue.js

Vue.js最新情報

NRIのOpenStandiaが提供するVue.js最新情報

Vue.jsの保守サポートサービスの内容はこちら Vue.jsの導入については、こちらのフォームからお問い合わせ下さい OSS全般の事例紹介はこちら

Vue.jsバージョンアップ情報

すべてを見る

更新日: 2021-11-18

Vue.jsの概要

Vue.js(ヴュージェイエス)とはSPA(シングルページアプリケーション)に向いたJavaScriptフレームワークです。
Vue.jsは、Google社でAngularJSの開発に携わっていたEvan You(エヴァン・ヨー)氏により「Angularの不要な部分を削減した軽量のフレームワーク」という思想の元、個人的に開発が始められ、2014年2月にリリースされ、2021年10月現在においても、GitHubで多くのスターを獲得し、最も人気のあるJavaScriptフレームワークです。
日本語ドキュメントも充実しており、公式サイトのドキュメントを読めば概要から詳細まで理解することができると思います。
また、日本のアニメを思わせるコードネームが付けられることが恒例となっていることも親しみやすさの理由の一つかもしれません。

TOPに戻る

Vue.jsの主な特徴

Vue.js には以下の特徴があります。

  • 学習コスト(Approachable)
  • 他のJSフレームワーク(Angular等)と比較すると従う必要のあるルールが少なく、シンプルに作られているため、JS、HTML、CSSの基礎知識があれば、簡単に利用することができます。
    一方でルールが少ないため大規模での開発で利用する場合は事前にルールを定めるか、Nuxt.jsなどVue.jsを拡張したフレームワークを利用する必要があります。


  • 融通性(Versatile)
  • Vue.jsはコンポーネント指向のフレームワークであるため、画面の部品を一つまたは複数のコンポーネントとして作成することができます。
    それらのコンポーネントは再利用性が高く、Vue.jsで記述されていない既存のWebサイトにも部分的にVue.jsのコンポーネントを利用するといった導入の仕方も可能であることからとても融通のきくフレームワークです。


  • 高性能(Performant)
  • Minifyして圧縮することで20KB程度とコンパクトであり、DOM操作も適切なタイミングでまとめて非同期更新されるため高速な動作を実現しています。
    Vue3.2で行われたベンチマークにおいても、軽量で高速な動作を誇る後発フレームワークのPrect やSvelteに劣らない結果を出しています。

TOPに戻る

比較

その他 JavaScriptフレームワークの比較表は以下のとおりです。

  Vue.js React Angular AngularJS
学習コスト × ×
拡張性
大規模開発
実行時性能 ×
サイズ
柔軟性
デバッグツール

Vue.jsは、AngularやReactと比較して後発のフレームワークであるため、既にあったフレームワークの良い部分を抽出し、余分なものを削ったシンプルなフレームワークとなっています。
しかしながら、Vue.jsを始めとして他のフレームワークのエコシステムも充実しつつあるため、開発規模やメンバーのスキルに合わせて最適なフレームワーク並びにエコシステムを選定する必要があります。
詳細な比較は他のフレームワークとの比較を参照ください。

TOPに戻る

UIフレームワーク

Vue.jsを取り巻くUIフレームワークについて、現在人気のあるものをピックアップして紹介します。

  • Vuetify
  • 非常に活発に開発されているマテリアルデザイン系のフレームワークです。
    マテリアルデザインを利用したい場合は後述のVue Materialかこちらのどちらかを選んでおくと良いかと思います。


  • Element
  • 独自デザインのフレームワークで、Vue.jsのUIフレームワークでは最もGitHubのスターが多く人気があります。中国での採用実績がおおく、Contributorsも中国人が多いようです。Vue.jsの開発者が中国人ということもあり、中国国内で人気のElementはコミュニティによる開発は今後も続きそうです。


  • Vue Material
  • マテリアルデザイン系のフレームワークです。Googleの提唱するマテリアルデザインの思想を最も忠実に従っている印象があります。


  • Bootstrap Vue
  • 言わずとしれたBootstrapのVue.js向けフレームワークです。
    GitHubでの人気はVue Materialと同等ですが、使い慣れている人が多いということもあり利用している人は多い印象です。

TOPに戻る

サポート

現在、OpenStanidaでは、Vue.jsのサポートは提供していません。

TOPに戻る

Vue.jsのライセンス

Vue.jsはMITライセンスのオープンソース・ソフトウエアです。MITライセンスのソフトウェアは無償で再配布、商用利用などが可能となっており、他のオープンソースライセンスに比べ制限が極めて緩いライセンスになります。

TOPに戻る

参考情報

Vue.jsの公式サイト

TOPに戻る

OpenStandiaに関する
資料請求・お問い合わせはこちら

  • 資料請求
  • お問い合わせ

※定期的にメンテナンスを実施しておりますが、一部情報が古い場合がございます。ご了承ください。

  • OpenStandiaサポート対象オープンソース|50種類以上のOSSのサポートをご提供します。
  • 人気midPoint
  • 人気Keycloak
  • 注目MongoDB
  • ForgeRock AM(OpenAM)
  • ForgeRock IDM(OpenIDM)
  • MongoDB
  • Postfix
  • Apache HTTP Server
  • ZABBIX
  • PostgreSQL
  • Apache Struts
  • Apache Kafka
  • Apache Hadoop
  • Apache Spark
  • Spring Framework
  • Apache Tomcat
  • Solr
  • iBATIS
  • DRBD
  • MySQL
  • JBoss
  • Ruby on Rails
  • Jaspersoft
  • OpenLDAP
  • Apache log4j
  • Apache Subversion
  • ForgeRock DS(OpenDJ)
  • Pacemaker
  • Samba
  • Red Hat Enterprise Linux
  • Nginx
  • BIND
  • Dovecot
  • Pentaho
  • sendmail
  • Courier-IMAP
  • ForgeRock DS(OpenDJ)
  • Heartbeat
  • Hibernate
  • Hinemos
  • MyBatis
  • MySQL Cluster
  • Apache Axis2
  • Squid
  • OpenSSO