文書の過去の版を表示しています。

Stencil.js

Stencilとは、Webコンポーネントを作成するためのツール（コンパイラ）だそうです。

？

何を言っているのかさっぱり分かりませんね。私もよく分かりませんが、特定のフレームワークに依存せずに、フォームやナビゲーションバーなどの、『再利用可能なWebページ作成用の部品』を作成するためのツールみたいなもの、と、私は認識しています。

将来性があるのかさっぱり分かりませんが、なんか面白そうなので、Stencilを用いた簡単なアプリを写経していきたいと思います。

Stencil 目次

2019年9月時点での方法については、以下をご覧ください。

Netlifyで公開するために、リポジトリをGitHubへpushします。
（BitBucketでもかまいません。BitBucketの方が、フリープランでSecretリポジトリを2つ以上作成することができます。）

git init
git add .
git commit -m "first commit"
git remote add origin https://github.com/adash333/stencil-starter.git
git push -u origin master

2018/2/3時点では、とりあえず、以下の方法でnpm run buildのエラーを回避しましたが、しばらくすれば、このバグは訂正されて、以下の方法は不要になると思われます。

バグ回避のために、@stencil/coreのバージョンを0.16.2から0.16.1に変更する。

（変更前）

（変更後）

npm update
git add .
git commit -m "@stencil/core v0.16.2 to v0.16.1"
git push -u origin master

毎回、メールアドレスとパスワードを入力するのが面倒、、、

これで、StencilアプリをNetlifyで公開することができました。

https://qiita.com/xiaca/items/2a7d0a731ec6df6873b7
@xiaca
2018年10月15日に更新
Ionic4(stencil)で爆速でLighthouse100点のサイトを立ち上げる

https://www.joshmorony.com/building-a-pwa-with-stencil-an-introduction-to-stencil/

→Stencilとはいったい何者なのか？また実際のコーディング方法など、丁寧に記載されています。
こちらのサイトもいずれ写経してみたいです。