Vue

• 2019年11月7日
• 2019年11月7日

【Vue.js】コンポーネント外で定義した値をテンプレート内で使う

　Vue.jsの単一ファイルコンポーネントはコンポーネントを構成するHTMLテンプレート、JavaScript、CSSを一ファイルにまとめる仕組みです。コンポーネントの構成要素全体 […]

続きを読む

• 2019年11月6日
• 2019年11月6日

【Vue.js】スプレッド構文と外部定義によるコンポーネントファイルの縮小化

　Vue.jsの単一ファイルコンポーネントはコンポーネントを構成するHTMLテンプレート、JavaScript、CSSを一ファイルにまとめる仕組みです。コンポーネントの構成要素全体 […]

続きを読む

• 2019年10月23日

【Vue.js】定義を外から注入することでコンポーネントのコードを減らす

　Vue.jsはJavaScriptのフレームワークでページを部品単位で切り分けて定義することが得意です。一方、何かしらのモデル定義を作ったり、Vue.js用状態管理ツールVuex […]

続きを読む

• 2019年10月22日

.envファイルの読み方色々

　.envは環境変数を定義するファイルとしてよく使われているファイル名です。この記事はいくつかの言語、フレームワークにおける.envの読み方の紹介をします。 今どきの環境は.env […]

続きを読む

• 2019年10月18日

【Vue.js】Vuexで情報の永続化と読み込み

Vuex は Vue.js アプリケーションのための 状態管理パターン + ライブラリです。 Vuex とは何か？ ｜ Vuex 　Vuexは状態管理パターン + ライブラリであり […]

続きを読む

• 2019年10月15日
• 2019年10月15日

【Vue.js】vue-cliでElectronとVueによるデスクトップアプリを作る

　Electronはweb開発に同様のコードでデスクトップアプリを作成するためのプラットフォームです。もともとweb系の開発者ならば新たな言語を増やさずにデスクトップアプリを作るこ […]

続きを読む

• 2019年9月26日
• 2019年9月26日

【Vue.js】コンポーネントの持つ値をCSSに伝える

　Vue.jsで小さなコンポーネントを作っていると時折デザインの一部をコンポーネントを呼び出す側で自由に決定させたい時があります。この記事ではそのやり方を紹介します。 　コンポーネ […]

続きを読む

• 2019年9月18日

【Vue】Vuexことはじめ

Vuex は Vue.js アプリケーションのための 状態管理パターン + ライブラリです。 Vuex とは何か？ ｜ Vuex 　Vuexは上記の様にVue.jsで作成したプログ […]

続きを読む

• 2019年9月11日

【Vue.js】Vue.extend()でVue.jsらしい記述のままTypeScriptを適用する

　Vue.jsは素のwebページ用コード(HTML, JavaScript, CSS)の雰囲気を保ったままいい感じに動いてくれるJavaScriptフレームワークです。特に単一ファ […]

続きを読む

• 2019年9月2日

【Vue.js】@vue-cliのuiコマンドが便利

　@vue-cliは主にVue.jsプロジェクトのひな型を生成するためのプログラムです。npm install -g @vue/cliでグローバル下にインストール、vue crea […]

続きを読む

• 2019年7月23日
• 2019年7月23日

【Vue】改行とv-htmlとXSS対策

　Vue.js上で文字列を展開したい時があります。例えばそれは誰かが投稿したコメントをコンポーネント上に表示する時です。こういった時コメントの改行が反映されていない場合、見栄えが悪 […]

続きを読む

• 2019年7月17日

【Vue】jQueryとVueを共存させる

　デザインはjQueryで作られる、実装はVue.jsで行う。なんやかんやあってこの方式でwebページを作る必要が出てくることがあります。一貫していた方が作りやすいはずなのですが、 […]

続きを読む