サルでもわかるWEBプログラミング

フリーソフトのみでホームページ作成

ユーザ用ツール

サイト用ツール


00.stencil:01.stencilアプリのファイル構造


差分

このページの2つのバージョン間の差分を表示します。

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
次のリビジョン
前のリビジョン
00.stencil:01.stencilアプリのファイル構造 [2019/09/16]
adash333 [src/components/app-root/app-root.tsx]
00.stencil:01.stencilアプリのファイル構造 [2019/09/16] (現在)
adash333 [リンク]
行 1: 行 1:
-====== 01.stencilアプリのファイル構造 =====+====== 01.Stencil.jsアプリのファイル構造 =====
  ---//2019/09/16 更新//  ---//2019/09/16 更新//
 前回の、[[00.stencil:index.html|Webコンポーネント作成ツールStencil]]では、https://github.com/ionic-team/stencil-app-starter を[[https://relaxed-euclid-7d8e25.netlify.com/|Netlify]]で公開するところまで行いました。 前回の、[[00.stencil:index.html|Webコンポーネント作成ツールStencil]]では、https://github.com/ionic-team/stencil-app-starter を[[https://relaxed-euclid-7d8e25.netlify.com/|Netlify]]で公開するところまで行いました。
行 115: 行 115:
 ===== src/components/app-home/app-home.tsx ===== ===== src/components/app-home/app-home.tsx =====
  
-src/components/app-root/app-root.tsx から、URLが"/"のときに読み込まれるapp-homeコンポーネントは、src/components/app-home/ フォルダにある、+src/components/app-root/app-root.tsx から、URLが"/"のときに読み込まれる<wrap hi>app-homeコンポーネント</wrap>は、src/components/app-home/ フォルダにある、
   -app-home.tsx   -app-home.tsx
   -app-home.css   -app-home.css
行 165: 行 165:
  
 https://www.joshmorony.com/building-a-pwa-with-stencil-project-structure-and-syntax/ の、"@Prop and @State"の項が非常にわかりやすいです。 https://www.joshmorony.com/building-a-pwa-with-stencil-project-structure-and-syntax/ の、"@Prop and @State"の項が非常にわかりやすいです。
 +
 +公式ドキュメント
 +https://stenciljs.com/docs/properties
 +
 +https://stenciljs.com/docs/state
 +
  
 ===== @Event and @Listen ===== ===== @Event and @Listen =====
行 176: 行 182:
 https://www.joshmorony.com/building-a-pwa-with-stencil-project-structure-and-syntax/ の、"@Event and @Listen"の項がわかりやすいです。 https://www.joshmorony.com/building-a-pwa-with-stencil-project-structure-and-syntax/ の、"@Event and @Listen"の項がわかりやすいです。
  
- +公式ドキュメント 
 +https://stenciljs.com/docs/events
  
  
行 197: 行 203:
 前:[[00.stencil:index.html|Webコンポーネント作成ツールStencil]] 前:[[00.stencil:index.html|Webコンポーネント作成ツールStencil]]
  
-次:+次:[[00.stencil:02.stencilでlocalStorage利用のTODOアプリ|00.stencil:02.stencilでlocalStorage利用のTODOアプリ]]


00.stencil/01.stencilアプリのファイル構造.1568610576.txt.gz · 最終更新: 2019/09/16 by adash333