サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Pixel 9
jp.vuejs.org
Oct 1, 2018 このブログはこちらの翻訳ブログです。 先週の Vue.js London で、私は Vue の次のメジャーバージョンについて簡単なプレビューを行いました。このポストでは、計画の詳細な概要を提供します。 なぜ新しいメジャーバージョンを?Vue 2.0 はちょうど2年前にリリースされました(時が経つのは早いものです!)。この期間中、core は下位互換性を維持しながら5つのマイナーリリースを行いました。他にも改善をもたらすアイデアはありましたが、それらは破壊的な変更を伴うために、延期されてきました。同時に、JavaScript エコシステムと言語そのものが急速に進化しています。ワークフローを強化するツールが大きく改善されたこと、また多くの新しい言語機能によって、Vue が対処しようとしている問題を、より簡単・完全・効率的に解決できるようになりました。エキサイティングなの
Aug 11, 2018 このブログはこちらの翻訳ブログです。 過去数ヶ月にわたり、私たちは Vue アプリケーション用の標準ビルドツールチェーン、次世代の Vue CLI について懸命に取り組んできました。 今日私たちは Vue CLI 3.0 のリリースとそれに付随する全てのエキサイティングな機能を発表することにわくわくしています。 豊富なビルトイン機能Vue CLI 3 は以前のバージョンとは全く別物です。書換えのゴールは以下の 2 つです: モダンなフロントエンドツール、特に複数のツールを混在させる場合の構築疲れを軽減する; どんな Vue アプリのデフォルトにもなるよう、可能な限りツールチェインにベストプラクティスを組込む 核として、 Vue CLI は webpack 4 の上に構築された事前設定済みのビルド設定を提供します。開発者が必要とする構成の量を最小限に抑えることを目指
Jan 16, 2018 このブログはこちらの翻訳ブログです。 先日 Vue devtools の大きなアップデートがリリースされました。 新機能と改善点を掘り下げてみましょう!🎄 コンポーネントデータが編集可能にコンポーネントのデータを直接コンポーネントインスペクター枠内で変更できるようになりました。 コンポーネントを選択します インスペクターの data セクションでフィールドにマウスを置きます 鉛筆アイコンをクリックします 完了アイコンのクリックまたは Enter キーの押下で変更を確定します。 Escape キーの押下で編集をキャンセルできます フィールドの内容はシリアライズされた JSON 値です。例えば、文字列を入力したいならダブルクオート付きで "hello" と入力します。配列は [1, 2, "bar"] のように、オブジェクトは { "a": 1, "b": "foo
ガイド 基本的な使い方 インストール はじめに Vue インスタンス テンプレート構文 算出プロパティとウォッチャ クラスとスタイルのバインディング 条件付きレンダリング リストレンダリング イベントハンドリング フォーム入力バインディング コンポーネントの基本 コンポーネントの詳細 コンポーネントの登録 プロパティ カスタムイベント スロット 動的 & 非同期コンポーネント 特別な問題に対処する トランジションとアニメーション Enter/Leave とトランジション一覧 状態のトランジション 再利用と構成 ミックスイン カスタムディレクティブ 描画関数とJSX プラグイン フィルター ツール 単一ファイルコンポーネント 単体テスト TypeScript のサポート プロダクション環境への配信 スケールアップ ルーティング 状態管理 サーバサイドレンダリング セキュリティ 内部 リアクテ
最終更新日: 2021年5月22日 このドキュメントは、 Vue 固有の記法についての公式なスタイルガイドです。もしあなたがプロジェクトにおいて Vue を使用する場合は、エラーや有益でない議論、アンチパターンを避けるための参考となります。しかし、スタイルガイドはすべてのチームやプロジェクトで理想とは限らないと考えていますので、過去の経験や、周囲の技術スタック、個人の価値観に基づいた上で必要に応じて慎重に逸脱することが推奨されます。 ほとんどのパートにおいて、基本的に JavaScript や HTML に対する提案はさけています。セミコロンやカンマの使用の是非はどちらでも良いです。 HTML の属性に対してシングルクォートかダブルクォートどちらかを利用するかもどちらでも良いです。しかし、特定のパターンにおいて Vue のコンテキストが役立つと判明した場合については、その限りではありません
Sep 23, 2017 このブログはこちらの翻訳ブログです。 型定義の改善私たちは Vue 2.0 のリリース以来、よりよい TypeScript 統合を求められています。リリース以来、私たちはほとんどのコアライブラリ (vue, vue-router, vuex) のための公式の Typescript の型定義を含めました。しかし、Vue API をそのまま使用するとき、現在の統合は幾分不足しています。たとえば、 TypeScript は Vue が使用するデフォルトのオブジェクトベースの API 内部の this の型を簡単には推論できません。 Vue のコードを TypeScript でうまく操るためには、 vue-class-component デコレータを使用する必要があり、これによってクラスベースの構文を使用して Vue コンポーネントを作成することができます。 クラスベース
Sep 12, 2017 このブログはこちらの翻訳ブログです。 Vue は OpenCollective を始めました !本日私たちは Vue プロジェクトへの財政的支援を OpenCollective を通じて受け入れ始めたことを喜びをもってお知らせします。 なぜ OpenCollective なのですか ?多くの質問はおそらく「成功した Patreon キャンペーン が既にあるのに、なぜ OpenCollective なのですか ?」でしょう-いくつかの理由があります: 私が Patreon キャンペーンを始めたとき、その主たる目的は私が Vue をフルタイムで作業できるようにするための十分な収入を得ることでした。今日、 Vue のコミュニティは成長し、コミュニティからますます多くの貢献があり、そして OpenCollective の透明な経費モデルは、私たちが一人の開発者を超えて財政
Feb 6, 2016 Vue.js 初心者からたびたび聞かれる数種類の質問があります。ガイド内でその全てに言及していますが、それらは見落としやすく、落とし穴にはまった時に見つけ出すのは大変です。そこで本記事では、それらの落とし穴についてまとめて紹介します。うまくいけば無駄な時間を節約できるでしょう! DOM が更新されない。どうして?ほとんどの場合は、Vue インスタンスのデータが変更されると同時に view が更新されます。しかし、2 つの稀なケースがあります: data 監視時に、存在しない新たなプロパティを追加した場合 view は更新されません。ES5 の制限とブラウザ間で一貫性のある動作を確保するために、Vue.js はプロパティの追加/削除を検出することはできません。ベストプラクティスは前もってリアクティブにする必要があるプロパティを常に宣言します。あなたが実行時にプロパティ
Dec 28, 2015 最近、React プロジェクトを開始するとき、ツールの障害を中心に議論 が多くありました。幸いにも Vue.js で、迅速なプロトタイプを開始するために必要な全てのものは、<script> タグを介して CDN から含まれているため、カバーされている部分があります。しかしながら、それは、実際のアプリケーションを構築したいかではありません。実際のアプリケーションでは、必然的に私たちにモジュール化、トランスパイラ、プリプロセッサ、ホットリロード、リント、そしてテストを得るために一定量のツールが必要になります。これらのツールは大規模プロジェクトの長期的な保守性と生産性のために必要ではありますが、初期のセットアップは大きな痛みをともないます。これが vue-cli を発表する理由で、シンプルな CLI ツールは独断で電池が付属されたビルドセットアップによって、Vue.js
Dec 28, 2016 このブログはこちらの翻訳ブログです。 … 2015年は爆発的な年だと思っていたら! 2016年ももうすぐ終わりです! 過去12か月間、Vue の成長は一貫して私の期待を上回っています。プロジェクトは比較的ニッチなフレームワークから現場の最大のプレイヤーとしばしば比較されるようになるまでに成長しました。何が起こったのか見てみましょう! 2016年の統計概要 NPM ダウンロード数: 合計 1,943,567、過去1年間 1,531,217 (2015年の 382,184 から +300 %増) コアリポジトリ GitHub stars 数: 合計 37,664、過去1年間 〜 26,000 (2015年の~ 7,600 から +240 %増) コアリポジトリプルリクエストマージ数: 合計 350 件、過去1年間 258 件 (2015年の 70 件から +268 %
Oct 28, 2015 もともと Angular を使っていて、Vue に移行した新規ユーザから頻繁に寄せられる質問のひとつに「templateURL はありますか?」というものがあります。これについてはかなりの回数お答えしてきましたが、このことについて記事を書いた方が良いとわかりました。 Angular では、templateURL または ng-include を使うことで、外部のテンプレートファイルを実行時に動的ロードすることができます。これらは、組み込み機能としてはとても便利に思えます。しかしこれが解決する問題とは一体何なのか、再考してみましょう。 最初の1つは、分割した HTML ファイル内にテンプレートを書くと、エディタ内で正しいシンタックスハイライトが付くことです。だからこそ、 HTML ファイルを分割することが好む人がたくさんいるのでしょう。しかし JavaScript
Nov 3, 2016 このブログはこちらの翻訳ブログです。 Vue のユーザーとして、皆さんの多くが使用している可能性がある vue-resource は Vue アプリケーションでの ajax リクエストを処理するためのものです。 長い間それは Vue 用の「公式」ajax ライブラリとして考えられてきましたが、本日私たちはそれを公式推奨という状態から引退させました。 vuejs organization のもとに列挙されているものの、vue-resource はほぼ完全に PageKit チームによって書かれ、保守されてきました。 私たちが初期の頃 vuejs organization にそれを移したのは、コミュニティが本質的な問題を解決するためのライブラリを寄付することは良いことだと思ったからで、また私たちは PageKit チームがプロジェクトに投下したすべての作業に大いに感謝し
Markdown エディタ の例 最終更新日: 2017年6月26日 すごくシンプルな Markdown エディタ。
Apr 27, 2016 本日、多くのエキサイティングな改善と新しい機能を盛り込んだ、 Vue.js 2.0 の最初のパブリックプレビュー (public preview) を発表してゾクゾクしています。何が起こっているのかのぞいてみましょう! さらにスリム、さらに高速Vue.js は軽くて速いままでいることに常に焦点を当てて来ましたが、2.0 はさらにそれを推し進めます。レンダリングレイヤは、現在軽量な仮想 DOM 実装 (Snabbdom) に基づいており、初期レンダリング速度とメモリ消費量は大抵のシナリオにおいて 2 〜 4 倍まで改善します(これらのベンチマークを調べてみてください)。テンプレートから仮想 DOM にするコンパイラとランタイムは分離することができ、そのため、テンプレートをプリコンパイルしたり、ランタイムだけによるあなたのアプリケーションを提供できます。min+gzi
最終更新日: 2021年5月22日 グローバル設定Vue.config は Vue のグローバル設定を含んでいるオブジェクトです。あなたのアプリケーションが読み込まれる前に、下記のプロパティを変更することができます: silent 型: boolean デフォルト: false 使用方法: Vue.config.silent = true すべての Vue のログと警告を抑制します。 optionMergeStrategies 型: { [key: string]: Function } デフォルト: {} 使用方法: Vue.config.optionMergeStrategies._my_option = function (parent, child, vm) { return child + 1 } const Profile = Vue.extend({ _my_option:
Oct 26, 2015 こんにちは HN ! Vue.js に精通していない場合は、より高い概要について、このブログ記事を読みたいかもしれません。 300 以上のコミットの後に、8 つのアルファ (alpha) バージョン 、4 つのベータ (beta) バージョン 、そして 2 つのリリース候補(RC)バージョン、今日、私は Vue.js 1.0.0 エヴァンゲリオン (Evangelion)のリリースを発表するのをとても誇りに思っています!それはコミュニティから全てのフィードバックなしには不可能でした。API の再設計プロセスに参加した全ての人びとに感謝します。 テンプレート構文を改善しました1.0 のテンプレート構文は、多くの微妙な整合性の問題を解決し、Vue のテンプレートをより簡潔で一般的に読みやすくなります。最も注目すべき新機能は、v-on と v-bind に対する省略記法
Vue.js は、他のアーキテクチャと干渉せず、可能な限り柔軟に対応ができるよう設計されているインターフェイス・ライブラリです。Vue.js は、ラピッドプロトタイピングの手法において非常に扱いやすい一方で、大規模アプリケーションを構築する場合では、構築経験の少ない開発者にとって悩ましい問題にもなります。ここでは、Vue.js を活用して大規模なプロジェクトを整理する方法について、独断的視点から示しています。 モジュール化スタンドアロンで動作する Vue.js コードは、グローバルで使用できますが煩雑になりやすいので、モジュールのビルドツールを利用して、コードをより良く整理していくことが望ましいです。実践への導入としては、CommonJS モジュールにコード(Node.js、および Vue.js のソースコードで使用されているフォーマット)を記述して、Webpack や Browserif
最終更新日: 2020年11月7日 Vue.js とは?Vue (発音は / v j u ː / 、 view と同様)はユーザーインターフェイスを構築するためのプログレッシブフレームワークです。他の一枚板(モノリシック: monolithic)なフレームワークとは異なり、Vue は少しずつ適用していけるように設計されています。中核となるライブラリは view 層だけに焦点を当てています。そのため、使い始めるのも、他のライブラリや既存のプロジェクトに統合するのも、とても簡単です。また、モダンなツールやサポートライブラリと併用することで、洗練されたシングルページアプリケーションの開発も可能です。 あなたが Vue についてもっと深く学ぶ前に概要を知りたいのなら、中核となる原則とサンプルプロジェクトを元に説明するビデオを作成しているので、それを見るとよいでしょう。 あなたが経験豊富なフロントエ
なぜ、Vue.js は IE8 をサポートしないのですか? Vue.js は、ECMAScript 5 の新機能である Object.defineProperty メソッドを利用し、dirty check に頼ること無く、プレーンな JavaScript オブジェクトのシンタックスを提供することができます。IE8 において、このメソッドは DOM 要素にのみ有効で、JavaScript オブジェクトに対しては Polyfill ができないからです。 つまり、Vue.js はデータを上書きするのですか? Vue.js は、規定のプロパティを getter と setter に変換するので、そのプロパティがアクセスまたは変更された場合には通知を受けることができます。シリアライズすると、データがまったく同じになります。もちろん、いくつかの注意点があります: console.log の出力では、g
このページを最初にブックマークしてみませんか?
『Vue.js - The Progressive JavaScript Framework | Vue.js』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く