File tree 3 files changed +11
-9
lines changed
3 files changed +11
-9
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 : 2018-07-25
4
+ updated : 2019-01-20
5
5
order : 13
6
6
---
7
7
@@ -12,7 +12,7 @@ order: 13
12
12
ではプロジェクトルートに ` Dockerfile ` を作成しましょう:
13
13
14
14
``` docker
15
- FROM node:9.11.1 -alpine
15
+ FROM node:lts -alpine
16
16
17
17
# 静的コンテンツを配信するシンプルな http サーバをインストールする
18
18
RUN npm install -g http-server
@@ -64,15 +64,15 @@ docker run -it -p 8080:8080 --rm --name dockerize-vuejs-app-1 vuejs-cookbook/doc
64
64
65
65
``` docker
66
66
# ビルド環境
67
- FROM node:9.11.1 -alpine as build-stage
67
+ FROM node:lts -alpine as build-stage
68
68
WORKDIR /app
69
69
COPY package*.json ./
70
70
RUN npm install
71
71
COPY . .
72
72
RUN npm run build
73
73
74
74
# 本番環境
75
- FROM nginx:1.13.12 -alpine as production-stage
75
+ FROM nginx:stable -alpine as production-stage
76
76
COPY --from=build-stage /app/dist /usr/share/nginx/html
77
77
EXPOSE 80
78
78
CMD ["nginx", "-g", "daemon off;"]
Original file line number Diff line number Diff line change 1
1
---
2
2
title : Vue コンポーネントの単体テスト
3
3
type : cookbook
4
- updated : 2018-10-05
4
+ updated : 2019-01-20
5
5
order : 6
6
6
---
7
7
@@ -46,8 +46,9 @@ export default {
46
46
47
47
``` js
48
48
import { shallowMount } from ' @vue/test-utils'
49
+ import Hello from ' ./Hello.vue'
49
50
50
- test (' Foo ' , () => {
51
+ test (' Hello ' , () => {
51
52
// コンポーネントを描画します
52
53
const wrapper = shallowMount (Hello)
53
54
@@ -145,6 +146,7 @@ export default {
145
146
146
147
``` js
147
148
import { shallowMount } from ' @vue/test-utils'
149
+ import Foo from ' ./Foo.vue'
148
150
149
151
describe (' Foo' , () => {
150
152
it (' メッセージを描画し、ユーザー入力に正しく応答します' , () => {
Original file line number Diff line number Diff line change 1
1
---
2
2
title : 描画関数とJSX
3
- updated : 2018-12-15
3
+ updated : 2019-01-20
4
4
type : guide
5
5
order : 303
6
6
---
@@ -477,7 +477,7 @@ createElement(
477
477
</anchored-heading >
478
478
```
479
479
480
- そのような理由から Vue で JSX を使うための [ Babel プラグイン] ( https://github.com/vuejs/babel-plugin-transform-vue- jsx ) があります。よりテンプレートに近い文法が戻ってきました。
480
+ そのような理由から Vue で JSX を使うための [ Babel プラグイン] ( https://github.com/vuejs/jsx ) があります。よりテンプレートに近い文法が戻ってきました。
481
481
482
482
``` js
483
483
import AnchoredHeading from ' ./AnchoredHeading.vue'
@@ -496,7 +496,7 @@ new Vue({
496
496
497
497
<p class =" tip " >`createElement` を `h` にエイリアスしていることは、 Vue のエコシステムの中でよく見かける慣習です。そして、それは実は JSX には必須です。もし `h` がそのスコープ内で利用可能でない場合、アプリケーションはエラーを throw するでしょう。</p >
498
498
499
- より詳しい JSX の JavaScript へのマップの仕方については、[ usage ドキュメント] ( https://github.com/vuejs/babel-plugin-transform-vue- jsx#usage ) をご参照ください。
499
+ より詳しい JSX の JavaScript へのマップの仕方については、[ usage ドキュメント] ( https://github.com/vuejs/jsx#installation ) をご参照ください。
500
500
501
501
## 関数型コンポーネント
502
502
You can’t perform that action at this time.
0 commit comments