Nuxt.jsでのSCSS使用手順

0,目次

  1. はじめに
  2. Nuxt.jsでのSCSS使用手順
    1. モジュールの導入
    2. SCSSファイルの配置
    3. nuxt.config.jsの編集
    4. Vueファイルにimportの記載
  3. 感想
  4. 参考文献

1,はじめに

Nuxt.jsではCSSだけでなく、SCSSも使えるという話を聞きました。

そこで、SCSSをNuxt.jsで使用できないか試したところ、

自動コンパイル的な感じで、SCSSファイルの直接読み込みができていました。

最近の技術の凄さに驚きです(日進月歩の世界だなと思いました)。

そこで、Nuxt.jsでSCSSを使用する手順を記載します。

続きを読む »

QRコードでウェブサイトのアドレスを共有するアプリを作成した

1,はじめに

WebサイトのURLなどを他の人に知らせるのにメールやSNSを使うのは面倒だ。

そこで、URLなどをQRコードにして、それを写メってもらえるようにするアプリを作成した。

Share it with the QR code
続きを読む »

WordPressでHTMLやJavaScriptを公開する方法

1,はじめに

本稿では、WordPressでHTMLやJavaScriptを使用して作成したアプリをホスティングする方法について述べます。

とはいえ、慣れた人なら、WordPressサイトではなく、ApacheなりNginxを使用して別途Webサーバーを作成したり、Heroku等を使用することが多いでしょう。

これは、あくまでも、技術力を伸ばしている段階の人向けの記事である事に留意してほしいです。

では、語らさせて頂きます。

続きを読む »