フロントエンド

【忘備】Angular チートシート

nodeバージョン切り替え(n) 参考 $ sudo n list node/12.18.2 node/14.15.4 $ sudo n 14.15.4 新規プロジェクト作成 $ ng n <project-name> コンポーネント作成 $ ng g component <directory/component-name> --routing モジュール作成 コンポーネントをまとめてモジュールとして定義できる。 $ ng </directory/component-name></project-name>…

NuxtJS+TypeScriptの環境を爆速で作る

備忘録。以前nuxtjs + typescript環境の構築に非常に時間がかかった。 が、こちらのnuxtコミュニティが提供するテンプレートを使用すると爆速で開発のボイラーが出来上がる。 Installation $ npm install -g @vue/cli $ npm install -g @vue/cli-init $ vue …

【備忘録】blumaを使うとmarkdownがうまく反映されない問題

nuxtjs + blumaで遊んでいた時にハマったのでメモ。 参考 : github.com 現象 cssフレームワーク「bluma」を導入したnuxtアプリケーション環境で、、 markdown記法で書いたコンテンツにもblumaのCSSが当たってしまい、コンテンツのフォント等が上手いこと表示…

vuejs入門 中規模・大規模向けのアプリケーション開発② 設計

こちらのサイトからサンプルコードをダウンロードできます。 ↑のサンプルに簡易的な説明を付与する形でまとめさせていただきます。 雑な記事スマセン。 中規模・大規模向けのアプリケーション開発② 設計 今回扱うのは、 コンポーネント設計 状態モデリングと…

vuejs(vuex)の基礎まとめ [chapter7]

こちらのサイトからサンプルコードをダウンロードできます。 ↑のサンプルに簡易的な説明を付与する形でまとめさせていただきます。 Vuexによるデータフローの設計・状態管理 書籍「Vue.js入門 基礎から実践アプリケーション開発まで」7章まとめ。 Vuex公式…

vuejsの基礎まとめ [chapter2]

こちらのサイトからサンプルコードをダウンロードできます。 ↑のサンプルに簡易的な説明を付与する形でまとめさせていただきます。 Chapter 2 Vuejsの基本 2.3 Vueオブジェクト 2.3.1 コンストラクタ 以下の構文でコンストラクタを使用し、Vueインスタンスを…