プログラミング学習Nuxt(Vue)のマスタッシュ構文やdataで改行されない(white-space: pre-wrap;)
vueの改行問題をまとめておきます。いろいろな解決方法があるようですが、CSSで解決する方法が簡単そうです。 Nuxt(Vue)のマスタッシュ構文で改行されない たとえば、複数のエラー文を表示する場合、\nはbrタグではなく、...
プログラミング学習
プログラミング学習プログラミング学習vueでmdの読み込み5選(nuxt/contentの使い方)
nuxtでmdの読み込もうとしたら、いろいろでてきたため、めもしておきます。最終的に@nuxt/contentを採用しました。 nuxtでmdの読み込み比較 ぐぐったらいろいろとでてきました。 rontmatter-ma...
プログラミング学習macでelasticsearchのインストール(tar.gzではなくHomebrew)
elasticsearchとkibanaの覚書です。 macでelasticsearchのインストール(tar.gz) elasticsearch-7.16.0-darwin-x86_64.tar.gz.asckibana-7...
プログラミング学習質問サイトスタックオーバーフロー(Stack Overflow)の登録
日頃お世話になっているスタックオーバーフローに登録していなかったので登録しました。 質問サイトスタックオーバーフロー(Stack Overflow)の登録 Sign up > Sign up with Googlegoo...
プログラミング学習nuxt.jsでvue-metaの使い方【SpaのSEO対策】
まず、個別ページにタイトルを設定しました。加筆していく予定です。 nuxtのvue-metaの使い方 vue-headやvue-metaというプラグインがありますが、nuxtが公式で推奨しているのはvue-metaです。 ...
プログラミング学習clampのCSSの使い方(レスポンシブWebデザイン可変レイアウト)
レスポンシブWebデザインのCSSの覚書です。 min-widthとclampのminの違いは? width: 30vw; min-width: 300px; height: 30vw; min-height: 300px; ...
プログラミング学習エミュレーターのインストール(firebase emulators:start)【Cloud Functionsローカル環境の確認】
Cloud Functionsローカル環境の確認方法を2点ほど。動画にリンクもしました。 エミュレーターのインストール(firebase emulators:start)【Cloud Functionsローカル環境の確認】 1...
プログラミング学習【使い方】githubのアクセストークンの有効期限を更新【VsCode】
githubのアクセストクーンの初期設定と有効期限切れの更新方法をめもります！ 【初期設定】Please use a personal access token instead. githubはパスワードを廃止し、アクセストク...
プログラミング学習CSSやJavascriptのerrorと解決方法まとめ
command+Fなどで検索してください。初心者用も一応、残しておきます。 javascriptのエラー(error) 'a' is constant 基本です。constの再代入はできません。配列から値を取る方法や、定...
プログラミング学習CSSのWebデザインおすすめツール(レスポンシブデザインの動作確認/border radius/gradation)
ちょっと便利だと思ったデザインツールのまとめです。 CSSのデザインツール border radius 4箇所 8箇所 説明はコリスさんがわかりやすいです。 背景グラデーションア...