テンプレートタグの検索結果1 - 2 件 / 2件

• あとで読む

  【vue.js】v-cloakを使ってアクセス時のテンプレートタグを表示させない | アールエフェクト

  • 5 users
  • reffect.co.jp
  • テクノロジー
  • 2020/08/14

  vue.jsのページにアクセスすると一瞬画面上にマスタッシュ{{ message }}(ダブルカーリーブレース)が表示されます。マスタッシュが一瞬ページに表示されるのは閲覧するユーザにとってあまりいいものではありません。そのためvue.jsにはv-cloakディレクティブが準備されており、HTMLの要素にv-cloakを設定することでアクセス時のマスタッシュを表示させないように設定することができます。 v-cloakの設定方法 人によってはマスタッシュが表示されるということがどういう意味なのかわからない人もいるかもしれません。最初にマスタッシュが表示されるとはどのようなものかを確認してv-cloakの設定方法を確認します。 マスタッシュが表示されるとは h1タグにVueインスタンスのデータプロパティmessageを表示させるindex.htmlファイルを作成します。 <!DOCTYPE h

  
• あとで読む

  Liquid とは？ テンプレートタグの使い方。Shopifyのカスタマイズ。 | ホームページ制作 東京　【SKYGOLD】 / フリーランス　WEBデザイン制作

  • 3 users
  • skygold.jp
  • テクノロジー
  • 2020/01/24

  Liquidとは、Rubyベースのテンプレートエンジン Shopifyのコードを触ってみたいが、どうやって触るんだろう？ ということで、ちょっと調べてみたのですが、Liquidというのは、「Shopifyによって作成され、Rubyで書かれたテンプレート言語」のようです。 とは言ってもちょっとプログラム出身ではないので、しっくりきませんが。。 WordPressで言えば、テンプレートタグそのものがそれにあたるようですね。 このテンプレートタグを使用すると、様々な複雑な処理が簡単にできるようになりそうです。 とは言ってもタグがどのような種類があって、どのような処理や書き方をするのでしょうか？ 今日は、初めてなので、まずは、よく使いそうであろうものから試してみました。 画像を表示する(asset_img_url) まずは、画像の表示をしてみます。 あらかじめ、assetsフォルダに画像をアップロ