aLiz

「ITで関わる人にワクワクを届ける」 aLizの公式アカウントです。 Vue.js/Nuxt.jsのあれこれを発信中📡✨ ご感想やご意見をいただけると嬉しいです。 ご意見にはできるだけ反応します。📮ご相談や質問はこちら▶️[email protected]

[aLiz @aLizlab]

🌟更新🌟
【firebase deployのエラーとoverwrite対処法】
https://t.co/ajnuN17Iuj

✅deploy時のエラー
　Error: HTTP Error: 404, Requested entity was not found.
✅initでoverwriteをyesにしてしまった場合

#vuejs #nuxtjs #JavaScript #Firebase #FirebaseHosting #プログラミング初心者

[aLiz @aLizlab]

【FirebaseAuth × Cloud Firestore】

ログインした時に
自分の送信データのみ取得💫
安全性を高めましょう❣️

https://t.co/HZhlu5vYTW

#vuejs #nuxtjs #JavaScript #Firebase #FirebaseAuth #CloudFirestore #駆け出しエンジニアと繋がりたい #プログラミング初心者 #今日の積み上げ

[aLiz @aLizlab]

🌟更新🌟
【Nuxt TypeScript】
https://t.co/WrBGofmoOC

Vue.extendが簡単です❤️
✅インストール
　└3つのパッケージ
✅Options API
　└Vue APIも確認
　└data/propsを使ってみる

#vuejs #nuxtjs #javascript #TypeScript #プログラミング初心者 #今日の積み上げ

[aLiz @aLizlab]

【checkbox】

input type="checkbox"
デザインする時に
display: none;
していませんか？💥

キーボード操作を可能にし
アクセシビリティを
高めましょう❗️

https://t.co/2z0UGCkZxn
https://t.co/n2C9r6drEO

#vuejs #nuxtjs #HTML #CSS #JavaScript #駆け出しエンジニアと繋がりたい

[aLiz @aLizlab]

【ESLintまとめ】

コードの問題を発見し👀
修正できるESLint✨

✅導入方法
✅エラーの見方
✅解決方法

https://t.co/acuy8Zgiry
https://t.co/iOWTidxTCA

#vuejs #nuxtjs #JavaScript #ESLint #駆け出しエンジニアと繋がりたい #プログラミング初心者 #今日の積み上げ

[aLiz @aLizlab]

@NdXZizhmlwdJRWF そうだったのですね！
いえいえ、解決したようで何よりです！👍

[aLiz @aLizlab]

🌟更新🌟
【GitHub / Firebase Hosting】
フレームワーク未使用ファイルのデプロイ手順❣️
https://t.co/u5LM9S8260

⬇️Nuxt.jsバージョン
GitHub
https://t.co/t4hsU7iNCC
Firebase Hosting
https://t.co/pCSMnN5Pnr

#HTML #CSS #JavaScript #Firebase #FirebaseHosting #GitHub

[aLiz @aLizlab]

@NdXZizhmlwdJRWF 引用リツイートありがとうございます！
簡単にfirebaseが使えて便利ですよね❗️

もしかしてWordPressにご質問いただいた方でしょうか…？
先ほど返答しておりますので、お時間ある際にご確認くださいませ🍀
また不明点がございましたら、お気軽にご質問ください🌟

[aLiz @aLizlab]

【HTML/CSS/JavaScriptで困ったこと】

1.https://t.co/7RTpeHfgmz
✅メディアクエリが効かない
✅JSが読み込めない?

2.https://t.co/fCWrqwuT5G
✅line-heightの単位
✅z-indexが効かない?
✅calcの罠

#vuejs #nuxtjs #javascript #プログラミング初心者 #今日の積み上げ

[aLiz @aLizlab]

【FirebaseHosting】

完成したらデプロイ❗️
実際に公開してみましょう🤗💕

前提条件さえ揃っていれば
スムーズにできますよ✨

https://t.co/NzvT9ATCDp
https://t.co/pCSMnN5Pnr

#vuejs #nuxtjs #JavaScript #Firebase #FirebaseHosting #駆け出しエンジニアと繋がりたい #プログラミング初心者

[aLiz @aLizlab]

【nuxt/axios】
https://t.co/vV8DxljdUv

$axiosの書き方が
とっても簡単です❣️

非同期通信やVuexを
理解すれば
一瞬で使えますよ💖

https://t.co/sd4wpU6zkT
https://t.co/Ix6EijK9aa

#vuejs #nuxtjs #JavaScript #async #await #駆け出しエンジニアと繋がりたい #Vuex #axios #今日の積み上げ

[aLiz @aLizlab]

🌟更新🌟
【GitHubにデプロイ】

新しいNuxt.jsで
デプロイが簡単に❤️

✅エラー対応方法
✅GitHub Pages
　└Source設定
✅Nuxt設定
　└baseパスの変更
　└deployコマンドの変更

https://t.co/t4hsU71cL4

#vuejs #nuxtjs #JavaScript #github #プログラミング初心者 #今日の積み上げ

[aLiz @aLizlab]

【nuxt/i18n】
https://t.co/fanjm501ed

翻訳するものです✈️⛅️
言語の切り替えも
コピペで簡単に実装できます✨

https://t.co/Uz8ZqW770K
https://t.co/mqstK7MmP4

#vuejs #nuxtjs #JavaScript #i18n #駆け出しエンジニアと繋がりたい #プログラミング初心者

[aLiz @aLizlab]

【nuxt/firebase】
https://t.co/edc7nnYI40

簡単にfirebaseを使って
パフォーマンス向上✨

✅plugins/firebase.js不要🧹
✅import文が不要💕

https://t.co/FkrjwZWuoP
https://t.co/pKXt9r0yK5

#vuejs #nuxtjs #JavaScript #Firebase #async #await #駆け出しエンジニアと繋がりたい #Vuex

[aLiz @aLizlab]

🌟更新(訂正版)🌟
【模写コーディングの前に知ると良いこと】

事前に知るだけで
効率アップ❤️

✅環境構築
✅デベロッパーツール
✅webサイト公開
✅コードエディターVSCode設定
✅タグの理解

https://t.co/88MrnhPez1

#HTML #CSS #JavaScript #Progate #プログラミング初心者 #今日の積み上げ

[aLiz @aLizlab]

【vue-scrollto】

アンカーリンクで
スムーズにスクロール💫

✅ページ遷移でも適応
✅ハッシュ値について

note⇨https://t.co/PmBPK1BfoA
WP⇨https://t.co/HMQHgVZwCe

#vuejs #nuxtjs #駆け出しエンジニアと繋がりたい #プログラミング初心者 #今日の積み上げ

[aLiz @aLizlab]

【Sass】

こんな方、必見です💕✨👀
・Sassを導入してみたい！🤗
・今まで使えたのに
　Sassエラーが！💥

✅必要パッケージ
✅サポートバージョン

note⇨https://t.co/Lh5tmwYmJI
WP⇨https://t.co/qiT4qhiabw

#vuejs #nuxtjs #HTML #CSS #Sass #駆け出しエンジニアと繋がりたい #今日の積み上げ

[aLiz @aLizlab]

【try/catch】

非同期通信の
エラーハンドリング💥✋
asyncと使用します✍️

非同期通信/asyncData
こちらもチェック👀
https://t.co/zRdSU219yA

https://t.co/ZokBMrJ4mB
https://t.co/L0TLAILGC9

#vuejs #nuxtjs #JavaScript #axios #async #await #非同期通信 #駆け出しエンジニアと繋がりたい

[aLiz @aLizlab]

🌟更新🌟
【HTML/CSS/JavaScriptのLP作成手順】

✅ファイルの作成🗂
✅共通CSSの確認
　└:rootで変数
　└共通class名を用意
✅レスポンシブのやり方🖥📱

https://t.co/TnmglMJFsp

#HTML #CSS #JavaScript #駆け出しエンジニアと繋がりたい #プログラミング初心者 #今日の積み上げ

[aLiz @aLizlab]

【CSS GridLayout②】

入れ子にして
少し難易度アップ🔥💪
画像の2, 3が
1つのdivに入っています💫

WP⇨https://t.co/U3o0XwyRhR

#aLiz #vuejs #nuxtjs #HTML #CSS #レスポンシブ対応 #駆け出しエンジニアと繋がりたい #プログラミング初心者