File tree Expand file tree Collapse file tree 3 files changed +8
-8
lines changed Expand file tree Collapse file tree 3 files changed +8
-8
lines changed Original file line number Diff line number Diff line change 1
1
---
2
2
title : Vue.js アプリケーションを Docker 化する
3
3
type : cookbook
4
- updated : 2019-01-20
4
+ updated : 2019-10-29
5
5
order : 13
6
6
---
7
7
@@ -23,8 +23,8 @@ WORKDIR /app
23
23
# `package.json` と `package-lock.json` (あれば)を両方コピーする
24
24
COPY package*.json ./
25
25
26
- # プロジェクトの依存ライブラリをインストールする
27
- RUN npm install
26
+ # 開発環境用の依存を除いて、 プロジェクトの依存ライブラリをインストールする
27
+ RUN npm install --production
28
28
29
29
# カレントワーキングディレクトリ(つまり 'app' フォルダ)にプロジェクトのファイルやフォルダをコピーする
30
30
COPY . .
@@ -67,7 +67,7 @@ docker run -it -p 8080:8080 --rm --name dockerize-vuejs-app-1 vuejs-cookbook/doc
67
67
FROM node:lts-alpine as build-stage
68
68
WORKDIR /app
69
69
COPY package*.json ./
70
- RUN npm install
70
+ RUN npm install --production
71
71
COPY . .
72
72
RUN npm run build
73
73
Original file line number Diff line number Diff line change 1
1
---
2
2
title : 他のフレームワークとの比較
3
- updated : 2019-07-01
3
+ updated : 2019-10-29
4
4
type : guide
5
5
order : 801
6
6
---
@@ -221,5 +221,5 @@ Polymer では、その開発チームは性能を補うためにデータバイ
221
221
222
222
Riot 3.0 はよく似たコンポーネントベースの開発モデル("タグ"と Riot では呼ばれています)を提供しており、必要最小限の美しく設計された API を持っています。Riot と Vue はおそらくその設計哲学の多くが共通しているのでしょう。しかしながら、Riot よりも少し重いにも関わらず、Vue はいくつか著しく優れた点を持っています:
223
223
224
- - より優れた性能。Riot は 仮想 DOM を使用しているというよりむしろ[ DOM ツリーをトラバース] ( http ://riotjs.com /compare/#virtual-dom-vs-expressions-binding) しているため、AngularJS と同じ性能問題に苦しめられています。
224
+ - より優れた性能。Riot は 仮想 DOM を使用しているというよりむしろ[ DOM ツリーをトラバース] ( https ://v3. riotjs.now.sh /compare/#virtual-dom-vs-expressions-binding) しているため、AngularJS と同じ性能問題に苦しめられています。
225
225
- より熟成したツールのサポート。Vue は [ webpack] ( https://github.com/vuejs/vue-loader ) 、[ Browserify] ( https://github.com/vuejs/vueify ) の公式サポートを提供していますが、対して Riot はビルドシステムの統合についてはコミュニティのサポートに頼っています。
Original file line number Diff line number Diff line change 1
1
---
2
2
title : 特別な問題に対処する
3
- updated : 2019-02-27
3
+ updated : 2019-10-29
4
4
type : guide
5
5
order : 106
6
6
---
@@ -235,7 +235,7 @@ methods: {
235
235
}
236
236
```
237
237
238
- 全てのコードが載っている[ この fiddle] ( https://jsfiddle.net/chrisvfritz/1Leb7up8 / ) を見てください。しかし注意して欲しいのが、もし1つのコンポーネント内で多くのセットアップやクリーンアップをしなければならない場合、ベストな解決策はたいていより細分化したコンポーネントを作ることです。このケースでは、再利用可能な ` <input-datepicker> ` コンポーネントを作ることをおすすめします。
238
+ 全てのコードが載っている[ この fiddle] ( https://jsfiddle.net/09jvu65m / ) を見てください。しかし注意して欲しいのが、もし1つのコンポーネント内で多くのセットアップやクリーンアップをしなければならない場合、ベストな解決策はたいていより細分化したコンポーネントを作ることです。このケースでは、再利用可能な ` <input-datepicker> ` コンポーネントを作ることをおすすめします。
239
239
240
240
よりプログラム的なリスナーの詳細を学ぶなら、[ インスタンスメソッドイベント] ( https://jp.vuejs.org/v2/api/#%E3%82%A4%E3%83%B3%E3%82%B9%E3%82%BF%E3%83%B3%E3%82%B9%E3%83%A1%E3%82%BD%E3%83%83%E3%83%89-%E3%82%A4%E3%83%99%E3%83%B3%E3%83%88 ) の API をチェックしてください。
241
241
You can’t perform that action at this time.
0 commit comments