stencil:01.stenciloneでアプリ作成
差分
このページの2つのバージョン間の差分を表示します。
両方とも前のリビジョン前のリビジョン次のリビジョン | 前のリビジョン | ||
stencil:01.stenciloneでアプリ作成 [2019/06/08] – adash333 | stencil:01.stenciloneでアプリ作成 [2019/06/08] (現在) – [ソースコードとDEMOサイト] adash333 | ||
---|---|---|---|
行 8: | 行 8: | ||
それまでと異なり、StencilOneと、" | それまでと異なり、StencilOneと、" | ||
- | before: {{: | + | before: {{: |
after: {{: | after: {{: | ||
+ | とりあえず、StencilOneのデフォルトアプリを作成して、Netlifyにデプロイしてみたいと思います。 | ||
+ | |||
+ | ===== 開発環境 ===== | ||
+ | < | ||
+ | Panasonic CF-RZ6 | ||
+ | Windows 10 Pro (1803) | ||
+ | VisualStudioCode 1.35.0 | ||
+ | |||
+ | git version 2.20.1.windows.1 | ||
+ | nvm 1.1.7 | ||
+ | node 10.2.0 | ||
+ | npm 6.4.1 | ||
+ | </ | ||
+ | |||
+ | |||
+ | ===== 新規StencilOneアプリの作成 ===== | ||
+ | C:/ | ||
+ | |||
+ | < | ||
+ | npm init stencil | ||
+ | </ | ||
+ | |||
+ | {{: | ||
+ | |||
+ | -ionic-pwa を選択したままEnter | ||
+ | -project nameは、stencilone-ionic-pwa | ||
+ | |||
+ | けっこうさくっとStencilアプリが作成されました。Ionic4-Angularと全然違う! | ||
+ | |||
+ | {{: | ||
+ | |||
+ | 引き続き以下を入力します。 | ||
+ | |||
+ | < | ||
+ | cd stencilone-ionic-pwa | ||
+ | npm start | ||
+ | </ | ||
+ | |||
+ | {{: | ||
+ | |||
+ | ブラウザに右上のような画面が表示されるのに約20秒くらいかかりました。 | ||
+ | |||
+ | Ionic4-Angularよりはだいぶ軽そうです。(当たり前っちゃ当たり前ですが。) | ||
+ | |||
+ | Ctrl+C => y + Enter でサーバを止めます。 | ||
+ | |||
+ | ===== GitHubにpushする ===== | ||
+ | https:// | ||
+ | 今回は、stencilone-ionic-pwa という名前にしました。 | ||
+ | |||
+ | < | ||
+ | git init | ||
+ | git add . | ||
+ | git commit -m "first commit" | ||
+ | git remote add origin https:// | ||
+ | git push -u origin master | ||
+ | </ | ||
+ | |||
+ | {{: | ||
+ | |||
+ | https:// | ||
+ | |||
+ | ===== Netlifyにデプロイ ===== | ||
+ | https:// | ||
+ | 設定は以下のようにします。 | ||
+ | |||
+ | {{: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | デプロイできたようです。 | ||
+ | |||
+ | https:// | ||
+ | |||
+ | {{: | ||
+ | |||
+ | {{: | ||
+ | |||
+ | ===== ソースコードとDEMOサイト ===== | ||
+ | ソースコード | ||
+ | https:// | ||
+ | |||
+ | DEMOサイト | ||
+ | https:// | ||
+ | |||
+ | |||
+ | ===== 参考リンク ===== | ||
+ | |||
+ | https:// | ||
+ | |||
+ | |||
+ | ===== リンク ===== | ||
+ | 目次:[[stencil: |
stencil/01.stenciloneでアプリ作成.1559997641.txt.gz · 最終更新: 2019/06/08 by adash333