vm.$data, vm.$props, vm.$el, vm.$options, vm.$parent, vm.$root, vm.$childlen, vm.$slots, vm.$scopedSlots, vm.$refs, vm.$attrs, vm.$listeners
vm.$data, vm.$props, vm.$el, vm.$options, vm.$parent, vm.$root, vm.$childlen, vm.$slots, vm.$scopedSlots, vm.$refs, vm.$attrs, vm.$listeners
どんな本? 機能ごとに解説している Vue.js 入門書です。これからはじめる方にも、すでに Vue.js をお使いの方にも、楽しんでいただける内容になっています。 しっかり学習できる! Vue.js は直感的に使える機能が多く、雰囲気で使ってしまいがちです。どんなメリット&デメリットがあるかも解説しているため、しっかりと学習できます。 「Vue.js が楽しい!」ウェブフロントエンド界隈でこの言葉を耳にすることが増えました。 フロントエンドを取り巻く技術の進化によって、フロントエンドの役割は増え、フレームワークもより身近なものになっています。 この本では「Vue.js ってなに?」「フレームワークってなに?」という基礎概念と導入からプロダクトに役立つ情報までを体系的に解説しています。 これから JavaScript のフレームワークを始める方にはもちろん、すでに Vue.js をお使いの
本連載では、JavaScriptフレームワーク「Vue.js」を、型定義が利用できるようJavaScriptを拡張した言語「TypeScript」で活用する方法を、順を追って説明していきます。初回となる今回は、簡単なサンプルを通して、Vue.jsとTypeScriptの概要と機能を紹介していきます。 はじめに Webフロントエンド開発の分野では、JavaScriptを利用して動的なWebページを構築できるライブラリーやフレームワークがいくつかあります。Googleが中心となって開発しているAngularやその前身であるAngularJS、Facebookが中心となって開発しているReactなどが有名です。 本連載で取り上げるVue.jsも、そのようなフレームワークの一つです。JavaScriptを利用して、データとWebページの内容を結び付けて(バインディングして)表示したり、Webページ
関連する記事 2023/04/26 2023/06/05 unplugin-vue-componentsとunplugin-auto-importでimportの自動化 2023/04/26 2024/02/29 Vuetify3を使いこなすためのTheme, Styles, Sassの設定の基礎 2022/11/26 2024/05/16 Nuxt 3を使いこなすために基礎から徹底解説 2022/11/16 2022/11/17 Vue.jsからデータベースに対して読み書きをしたい 2022/11/10 2022/11/10 Vue.jsで簡単にできるテーブル行の並び替え(ドラッグ&ドロップ) 2022/10/14 2023/11/26 Vue Router 4基礎から理解(Composition API+Vite環境) 2022/09/15 2022/09/15 Vue.js 3のCo
はじめにフロントエンドでの開発中、API がデプロイされていない状況でも、API 通信の挙動を確認したい! そんな状況は開発を行っている中でよく遭遇します。 特に新規開発では、フロントエンドとバックエンド同時に開発が進むことが多いため、フロント側で動作確認したい API がまだ開発中...というパターンが多いです。 そこで、そんな時に手軽にローカルで API の挙動が確認できるモックサーバーの作り方と使い方を今回紹介していきます。 環境構築json-server という Node.js のパッケージを使用するため、Node.js をインストールする必要があります。 json-server は手軽に REST API のモックサーバーを作ることのできるパッケージです。 https://github.com/typicode/json-server 基本的な GET メソッドの REST AP
Vue.jsのプロジェクトにVue Routerを後から導入する Vue.jsのプロジェクトをVue CLIで作成した後にVue Routerを導入する方法です。 下記のコマンドで、導入することができます。 $ npm install vue-router@4 実行すると、下記のようにインストールが完了します。 $ npm install vue-router@4 added 23 packages, and audited 24 packages in 7s 1 package is looking for funding run `npm fund` for details found 0 vulnerabilities インストールが完了すると、package.jsonに追加されていることが確認できます。 { "name": "first-app", "version": "0.1.
昨今のフロントエンドの技術の進歩スピードは目覚ましいですよね。 特に3大JavaScriptフレームワークと称される「React.js」「Vue.js」「Angular.js」は今やフロントエンドエンジニアであれば最低1つは扱えて当然の必須スキルと認識されてしまっていてキャッチアップが大変です。 (厳密に言うとReactはフレームワークではなくライブラリという扱いですが。。) エンジニア界隈でもこの3大フレームワークの中でどれが一番好みか論争は絶えないですが僕個人は今回紹介するVue.jsが好きでよく使っています。 Vueはエンジニアになって割と最初の方に業務で扱う機会があってそれ以来も別の業務で扱う機会が多く何か運命的なものを感じている今日この頃です。 そんな中つい最近ですが2020年9月にVueがメジャーアップデートされてバージョン3(Vue3)がリリースされました! それに伴ってVu
Vue CLIコマンドを利用してVueのプロジェクトを作成する際のManually select featuresのlinter / formatterの選択時に何を選択したらいいかわからないので一番上の選択肢を迷いもせず選択している人を対象にVue.js環境におけるEslintとPrettierについて説明を行っています。EslintとPrettierについてはVue.jsに限定された話ではなくJavaScriptを使いこなす上で必須な知識なのでESLintが理解できていない人にお勧めの内容になっています。本文書を読んでもESLintやPrettierのルールをすべて理解することができませんがESLint、Prettierが何をしてくれる機能なのかは動作確認を行いながら完全に理解することができます。 Vue CLIでlinter / formatterを選択する Vue CLIのvue
上記を踏まえ、下記の手順で説明します。 Mock Service Worker をインストールする Service Worker を生成する Mock API の処理内容を作成する handlers.ts を作成する browser.ts を作成する worker.start() を呼び出す処理を追記する 動作確認する 1. Mock Service Worker をインストールする はじめに、以下のコマンドで Mock Service Worker の npm パッケージをインストールします。 開発時にのみ使用するため、-D オプションを使用します。 $ npm install -D msw 2. Service Worker を生成する 次に、以下のコマンドで Mock Service Worker の Service Worker を生成します。 第3引数には、プロジェクトのパブリッ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く