Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

TypeScript・Viteの設定に関するドキュメントを追加する #1264

Merged
merged 11 commits into from
Jun 13, 2024
Merged

TypeScript・Viteの設定に関するドキュメントを追加する #1264

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
9b441bd
TypeScript・Viteの設定に関するページを追加。
fkoyama May 15, 2024
d65a010
tsconfigとvite.configの設定に関する設定を追加。
fkoyama May 24, 2024
240f255
Merge branch 'main' into feature/TypeScript・Viteの設定に関するドキュメントを追加する
fkoyama May 24, 2024
1a8fe6c
lintエラーに対応。
fkoyama May 24, 2024
4a46293
指摘事項に対応。
fkoyama May 27, 2024
873c63c
noEmitの説明にスクリプト例を追記。
fkoyama May 28, 2024
3a741de
vite.configの解説を修正。
fkoyama May 29, 2024
1e3805f
誤字修正。
fkoyama May 30, 2024
30f86d4
server.proxyのオプションをconfigureを使わない形式で設定するよう修正。
fkoyama May 30, 2024
85033c9
用語の定義を脚注に記載。
fkoyama Jun 4, 2024
e523bd7
darkモード用の図を追加。
fkoyama Jun 4, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
70 changes: 70 additions & 0 deletions documents/_materials/images/guidebooks/how-to-develop/vue-js/vue-tsconfig-dark.drawio
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
<mxfile host="65bd71144e">
<diagram id="YaOiJ_ToP4yfoMkgxsuN" name="ページ1">
<mxGraphModel dx="1112" dy="496" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" background="none" math="0" shadow="0">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="9" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;dashed=1;dashPattern=8 8;strokeColor=#FFFFFF;strokeWidth=2;" parent="1" source="2" target="3" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="13" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;dashed=1;dashPattern=8 8;strokeColor=#FFFFFF;strokeWidth=2;" parent="1" source="2" target="5" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="19" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;dashed=1;dashPattern=8 8;strokeColor=#FFFFFF;strokeWidth=2;" parent="1" source="2" target="4" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="2" value="&lt;font color=&quot;#ffffff&quot;&gt;tsconfig.json&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#FFFFFF;" parent="1" vertex="1">
<mxGeometry x="320" y="120" width="160" height="40" as="geometry"/>
</mxCell>
<mxCell id="10" style="edgeStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#FFFFFF;strokeWidth=2;" parent="1" source="3" target="4" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="3" value="&lt;font color=&quot;#ffffff&quot;&gt;tsconfig.vitest.json&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#FFFFFF;" parent="1" vertex="1">
<mxGeometry x="500" y="200" width="200" height="40" as="geometry"/>
</mxCell>
<mxCell id="11" style="edgeStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#FFFFFF;strokeWidth=2;" parent="1" source="4" target="6" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="4" value="&lt;font color=&quot;#ffffff&quot;&gt;tsconfig.app.json&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#FFFFFF;" parent="1" vertex="1">
<mxGeometry x="500" y="280" width="200" height="40" as="geometry"/>
</mxCell>
<mxCell id="14" style="edgeStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#FFFFFF;strokeWidth=2;" parent="1" source="5" target="7" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="5" value="&lt;font color=&quot;#ffffff&quot;&gt;tsconfig.node.json&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#FFFFFF;" parent="1" vertex="1">
<mxGeometry x="100" y="200" width="200" height="40" as="geometry"/>
</mxCell>
<mxCell id="12" style="edgeStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#FFFFFF;strokeWidth=2;" parent="1" source="6" target="8" edge="1">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="6" value="&lt;font color=&quot;#ffffff&quot;&gt;@vue/tsconfig/tsconfig.dom.json&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#FFFFFF;" parent="1" vertex="1">
<mxGeometry x="440" y="360" width="320" height="40" as="geometry"/>
</mxCell>
<mxCell id="7" value="&lt;font color=&quot;#ffffff&quot;&gt;@tsconfig/node20/tsconfig.json&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#FFFFFF;" parent="1" vertex="1">
<mxGeometry x="40" y="360" width="320" height="40" as="geometry"/>
</mxCell>
<mxCell id="8" value="&lt;font color=&quot;#ffffff&quot;&gt;@vue/tsconfig/tsconfig.json&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#FFFFFF;" parent="1" vertex="1">
<mxGeometry x="440" y="440" width="320" height="40" as="geometry"/>
</mxCell>
<mxCell id="15" value="" style="endArrow=classic;html=1;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#FFFFFF;strokeWidth=2;" parent="1" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="470" y="521" as="sourcePoint"/>
<mxPoint x="550" y="521" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="16" value="" style="endArrow=classic;html=1;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;dashed=1;dashPattern=12 12;strokeColor=#FFFFFF;strokeWidth=2;" parent="1" edge="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="150" y="521" as="sourcePoint"/>
<mxPoint x="230" y="521" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="17" value="&lt;font color=&quot;#ffffff&quot;&gt;参照(references)&lt;/font&gt;" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;" parent="1" vertex="1">
<mxGeometry x="250" y="511" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="18" value="&lt;font color=&quot;#ffffff&quot;&gt;継承&lt;br&gt;(extends)&lt;/font&gt;" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;" parent="1" vertex="1">
<mxGeometry x="570" y="511" width="60" height="30" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>
70 changes: 70 additions & 0 deletions documents/_materials/images/guidebooks/how-to-develop/vue-js/vue-tsconfig-light.drawio
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,70 @@
<mxfile host="65bd71144e">
<diagram id="YaOiJ_ToP4yfoMkgxsuN" name="ページ1">
<mxGraphModel dx="1112" dy="511" grid="1" gridSize="10" guides="1" tooltips="1" connect="1" arrows="1" fold="1" page="1" pageScale="1" pageWidth="850" pageHeight="1100" background="#ffffff" math="0" shadow="0">
<root>
<mxCell id="0"/>
<mxCell id="1" parent="0"/>
<mxCell id="9" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=1;exitY=0.5;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;dashed=1;dashPattern=8 8;strokeColor=#000000;strokeWidth=2;" edge="1" parent="1" source="2" target="3">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="13" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=0;exitY=0.5;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;dashed=1;dashPattern=8 8;strokeColor=#000000;strokeWidth=2;" edge="1" parent="1" source="2" target="5">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="19" style="edgeStyle=orthogonalEdgeStyle;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0;entryY=0.5;entryDx=0;entryDy=0;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;dashed=1;dashPattern=8 8;strokeColor=#000000;strokeWidth=2;" edge="1" parent="1" source="2" target="4">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="2" value="&lt;font color=&quot;#000000&quot;&gt;tsconfig.json&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#000000;" vertex="1" parent="1">
<mxGeometry x="320" y="120" width="160" height="40" as="geometry"/>
</mxCell>
<mxCell id="10" style="edgeStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#000000;strokeWidth=2;" edge="1" parent="1" source="3" target="4">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="3" value="&lt;font color=&quot;#000000&quot;&gt;tsconfig.vitest.json&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#000000;" vertex="1" parent="1">
<mxGeometry x="500" y="200" width="200" height="40" as="geometry"/>
</mxCell>
<mxCell id="11" style="edgeStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#000000;strokeWidth=2;" edge="1" parent="1" source="4" target="6">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="4" value="&lt;font color=&quot;#000000&quot;&gt;tsconfig.app.json&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#000000;" vertex="1" parent="1">
<mxGeometry x="500" y="280" width="200" height="40" as="geometry"/>
</mxCell>
<mxCell id="14" style="edgeStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;entryX=0.5;entryY=0;entryDx=0;entryDy=0;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#000000;strokeWidth=2;" edge="1" parent="1" source="5" target="7">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="5" value="&lt;font color=&quot;#000000&quot;&gt;tsconfig.node.json&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#000000;" vertex="1" parent="1">
<mxGeometry x="100" y="200" width="200" height="40" as="geometry"/>
</mxCell>
<mxCell id="12" style="edgeStyle=none;html=1;exitX=0.5;exitY=1;exitDx=0;exitDy=0;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#000000;strokeWidth=2;" edge="1" parent="1" source="6" target="8">
<mxGeometry relative="1" as="geometry"/>
</mxCell>
<mxCell id="6" value="&lt;font color=&quot;#000000&quot;&gt;@vue/tsconfig/tsconfig.dom.json&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#000000;" vertex="1" parent="1">
<mxGeometry x="440" y="360" width="320" height="40" as="geometry"/>
</mxCell>
<mxCell id="7" value="&lt;font color=&quot;#000000&quot;&gt;@tsconfig/node20/tsconfig.json&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#000000;" vertex="1" parent="1">
<mxGeometry x="40" y="360" width="320" height="40" as="geometry"/>
</mxCell>
<mxCell id="8" value="&lt;font color=&quot;#000000&quot;&gt;@vue/tsconfig/tsconfig.json&lt;/font&gt;" style="rounded=0;whiteSpace=wrap;html=1;fillColor=none;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#000000;" vertex="1" parent="1">
<mxGeometry x="440" y="440" width="320" height="40" as="geometry"/>
</mxCell>
<mxCell id="15" value="" style="endArrow=classic;html=1;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;strokeColor=#000000;strokeWidth=2;" edge="1" parent="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="470" y="521" as="sourcePoint"/>
<mxPoint x="550" y="521" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="16" value="" style="endArrow=classic;html=1;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;dashed=1;dashPattern=12 12;strokeColor=#000000;strokeWidth=2;" edge="1" parent="1">
<mxGeometry width="50" height="50" relative="1" as="geometry">
<mxPoint x="150" y="521" as="sourcePoint"/>
<mxPoint x="230" y="521" as="targetPoint"/>
</mxGeometry>
</mxCell>
<mxCell id="17" value="&lt;font color=&quot;#000000&quot;&gt;参照(references)&lt;/font&gt;" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;" vertex="1" parent="1">
<mxGeometry x="250" y="511" width="60" height="30" as="geometry"/>
</mxCell>
<mxCell id="18" value="&lt;font color=&quot;#000000&quot;&gt;継承&lt;br&gt;(extends)&lt;/font&gt;" style="text;strokeColor=none;align=center;fillColor=none;html=1;verticalAlign=middle;whiteSpace=wrap;rounded=0;fontFamily=Noto Sans JP;fontSource=https%3A%2F%2Ffonts.googleapis.com%2Fcss%3Ffamily%3DNoto%2BSans%2BJP;fontSize=18;" vertex="1" parent="1">
<mxGeometry x="570" y="511" width="60" height="30" as="geometry"/>
</mxCell>
</root>
</mxGraphModel>
</diagram>
</mxfile>
2 changes: 2 additions & 0 deletions documents/contents/guidebooks/how-to-develop/publication/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -47,6 +47,8 @@ const wrappedApi = new apiClient.generatedApi(createConfig(), '', axiosInstance)
export default wrappedApi;
```

※ `vite.config.ts` に `server.proxy` の設定をしている場合は [vite.config の設定値の解説](../vue-js/project-settings.md#vite-config) の「API エンドポイントを設定する際の注意点」も併せて参照してください。

### 本番用 env ファイルの作成 {#create-env-prod}

本番用の環境変数ファイルを作成します。 `.env.production` や `.env.prod` など本番用と判断できる名前で env ファイルを作成します。前の手順で作成した `import.meta.env.API_ENDPOINT` に対応する値を設定します。
Expand Down
1 change: 1 addition & 0 deletions documents/contents/guidebooks/how-to-develop/vue-js/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,6 +10,7 @@ Vue.js を用いてフロントエンドアプリケーションを開発する
1. [事前準備](preparation.md)
1. [ブランクプロジェクトの作成](create-vuejs-blank-project.md)
1. [ブランクプロジェクトのフォルダー構造](folder-structure-of-blank-project.md)
1. [プロジェクトの共通設定](project-settings.md)
1. [開発に使用するパッケージ](optional-packages.md)
1. [CSSの設定とCSSフレームワークの適用](css.md)
1. [静的コード分析とフォーマット](static-verification-and-format.md)
Expand Down
Loading