Chromebook を使うようになって、Keynote よりも Google スライドを使う機会が増えました。
最近知ったんですが、Googleスライドって、デフォルトで M+ フォントとかが使えるんですね…… 知らんかった…… 勝手にGoogleスライドは、日本語フォントにあんまり種類がないもんだと思ってた……
まずはスライドにフォントを追加する必要があります、メニューのフォントのところから「その他のフォント」を選び、
フォント選択画面が開きます。「文字」のところから「日本語」で絞り込むと
以下のように6種類の日本語フォントが出てくるので、選択してスライドに追加します。
試しに使ってみました、こんな感じです〜
2019年のお気に入り曲プレイリスト、その3です
過去のプレイリストはこのへんに。
日々のお気に入り紹介は、別でやってる音楽ブログでやってます
nuxt.js で開発するとき、自分で定義した scss の変数や mixinをどのコンポーネントからでもグローバルに使えるようにしたい、というメモ
まずは共通のファイルを、/assets/styles/_var.scss あたりに作り、その中で各種変数などを定義しておきます。
// assets/styles/_var.scss $theme-color: #ccc;
これらを呼び出す方法は2つあって、
必要なタイミングで、この _var.scss を import すればよいですね
// components/sample.vue
<style lang="scss">
@import "assets/styles/var";
.title {
color: $theme-color;
}
</style>
こんな風に使いたいところで importしてあげれば、まあそりゃ当然だろという感じですが、変数等が使えます
あ、sass-loader と node-sass はインストールしておいてください
yarn add --dev sass-loader node-sass
毎回書くのはめんどくさいので、このモジュールを使う方法が楽ですね。
まずはモジュールをインストール。
yarn add --dev @nuxtjs/style-resources
んで、nuxt.config.js に設定を追記します
export default {
modules: [
'@nuxtjs/style-resources'
],
styleResources: {
scss: [
'~assets/styles/_var.scss'
]
},
}
module として @nuxtjs/style-resources を使い、常に読み込ませる scss ファイルを styleResources として指定しておく、という設定になります。
こうすると nuxt.js のどこからでも、自分で定義した変数や mixin が呼び出せるようになるかんじです。
ちなみに、以前は nuxt-sass-resources-loader というモジュールを使っていましたが、そちらは現在はサポートが終わっているっぽいので要注意。
