フロントエンド - slcsol4/wyn-wiki GitHub Wiki

Vue.js(SPA)とは

  • SPA = Single Page Application のこと
    • 従来型のWebアプリケーション：利用者の入力値や操作をサーバに送信し、結果を画面遷移とともに受け取るという仕組み
    • SPA：最初にブラウザ側に通信機能を持ったスクリプトを読み込み、一つのページのみで動作する
      利用者の入力値や操作はスクリプトの内部処理でサーバ側との通信が行われる
      入力の送信、応答の取得、表示内容の更新などはAPIを介して行われることが多く、画面遷移を介さずに動作する
    • 画面の動作がページ遷移を伴わず、DOM操作により画面の要素がクライアント側で変更される（リアクティブ）ため、高速に動作させることができる
  • Vue.js
    • Javascriptフレームワーク
    • 代表的なJavascriptフレームワークとして「React」「Angular」「Vue.js」がある
    • Vue.jsの特徴～参考
      • 小規模～大規模まで幅広く利用される（どちらかというと中規模まで向き）
      • 拡張性が高い
      • HTML＋Javascriptという構文になっているため、コードの可読性が高く、学習コストが低い
      • アジア圏で人気

Node.js(npm)について

  • Node.jsを簡単にいうと
    • サーバやクライアントOS上のJavascript実行環境
    • ブラウザ上で動くJavascriptは、セキュリティのため、OSの機能を使うのに制限があった
    • でも、、いまって、、ブラウザ上でPCのカメラ機能にアクセスできたりしています
    • このあたりを実現するためには、JavascriptがOSの機能にアクセスできる必要があり、その実行環境を提供しているのがNode.jsなのです
    • 参考⇒Node.jsとはなにか？なぜみんな使っているのか？
  • npmって
    • Javascriptのライブラリを管理するためのパッケージマネージャー
    • 世界中の開発者がOSSとして公開しているライブラリをコマンドラインで管理することができる
    • 参考⇒NPMとpackage.jsonを概念的に理解する

vuetifyについて

  • vueでのUIデザインツール
  • マテリアルコンポーネントを提供してくれており、このライブラリを標準的に使えばだれでも美しいUIデザインを実現することができる
  • 公式サイト

wyn-uiの解説