はてなブックマーク

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

最終更新日: 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, 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 に対する省略記法

最終更新日: 2020年11月7日 Vue.js とは？Vue (発音は / v j u ː / 、 view と同様）はユーザーインターフェイスを構築するためのプログレッシブフレームワークです。他の一枚板(モノリシック: monolithic)なフレームワークとは異なり、Vue は少しずつ適用していけるように設計されています。中核となるライブラリは view 層だけに焦点を当てています。そのため、使い始めるのも、他のライブラリや既存のプロジェクトに統合するのも、とても簡単です。また、モダンなツールやサポートライブラリと併用することで、洗練されたシングルページアプリケーションの開発も可能です。 あなたが Vue についてもっと深く学ぶ前に概要を知りたいのなら、中核となる原則とサンプルプロジェクトを元に説明するビデオを作成しているので、それを見るとよいでしょう。 あなたが経験豊富なフロントエ