FN1807001 | Vue CLI 3入門 01: Vue CLIとは | HTML5 : テクニカルノート
ID: FN1807001 Technique: HTML5 / ECMAScript 2015 Tool: Vue CLI 3.0.0-rc.9 Vue CLIは、Vue.jsでアプリケーションをつくるための、コマンドラインインタフェース(CLI)にもとづく開発ツールです(図001)。2018年7月29日にv3.0.0-rc.9が公開されました。本稿では、Vue CLIの機能とシステムの構成要素について簡単にご説明します。 図001■Vue CLI 3サイト 01 Vus CLIの機能 Vue CLIは、 Vue.jsの開発を手早く進めるためのシステムです。つぎのような機能が備わっています。 インタラクティブなプロジェクトのひな型作成 - @vue/cli 設定なしに即使えるプロトタイプ作成 - @vue/cli + @vue/cli-service-global 実行時の依存設定 -
FN1707007 | Sass: SCSSの基本的な書き方 | HTML5 : テクニカルノート
SassはCSSと完全な互換性をもった拡張言語です。CSSにないさまざまな機能を使って、柔軟かつ効率的にスタイルが定められます。Sassの書き方の基本を公式サイトの「Sass Basics」に沿ってご紹介します。構文をSCSSに絞り、解説はわかりやすく改めて、参考のリンクも加えました。 Sassで書いたファイルは、CSSに変換してHTMLドキュメントに用います。まだ環境を整えていない方は、先に「Sass: 使えるようにするには」をお読みください。 01 変数 変数に納めた値は、スタイルシート全体で使い回せます。変数の値を変えると、変数で与えたプロパティの値もすべて書き替わるのです。Sassの変数は$記号を頭につけて定めます。SassをコンパイルしたCSSからは変数は除かれます。変数を参照したプロパティの値は、CSSでは変数値に書き替えられるのです。サイト全体で使うカラーやレイアウトの尺度な
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
FN1707003 | Sass: 使えるようにするには | HTML5 : テクニカルノート
