2022シルバーウィークサイト作り遊びメモ
CSS
@layer
カスタムプロパティ
継承の概念がやっとわかった
CSS animation
CSS背景
grid
bootstrap-icons読み込み方
font
その他
Vue
SFC
Single File Component
script, template, styleがひとつになってるやつ
これはv2
v3
CSSの読み込みかたわからんくて困った
コンポーネントどうやって読み込めばいい変わらなくて困った
コンポーネントに値を渡したら、それをクラス名の一部にしたの詰まった
assetsの画像を読めなかった
ローカルのjsonファイルを読みたい
if
propsのrequire, defautl を指定する
v-for
ページが増えてくるとコンポーネントが乱雑してくる
なんもうまくいかないのでVue3にした
Vue2 + firebase9の組み合わせの事例が少なすぎる
firebaseも8と9の記事が散乱しているのが混乱の原因
Firebase
firebasenの初期化コード入れてからnpm run buildするとエラー
わからんのでscriptタグでいれたらエラーでなくなった
firebaseのAPIキーってcommitしたりしていいの?
大丈夫らしい
データベース使い始めるときには注意
componentsページを作成
作成途中のコンポーネントを表示確認するためのページ
つくっているコンポーネントを全部表示したりする
グループステージページを完成させる
firebaseにデプロイしてみる
認証機能を実装してみる
フォームとのつなぎ込みを試してみる
ログイン認証
リダイレクトどうするか
やりたいことが簡潔にまとまっているかも
Firebase(v9) + Vue(v3)でログイン認証
firebasehがv8だった
firebasehがv8だった
https://www.youtube.com/watch?v=Kc-FbPSdezg
s12bt.iconアプリケーションにおける状態ってなに?
【できた!!】google authでも実装する
初回ログインの時に、ユーザーデータを作成する
データベースに追加
【できた!!】uid表示できるようになった
【できた!!】全ユーザーを表示できるようにしてみる
データを登録できるようにする
【できた!!】ボタンを押したら既定のデータを登録する
【できた!!】ボタンを押したら、フォームに入力されたデータを登録する
データを変更できるようにする
【できた!!】データベースに登録されたデータを確認する
表示名の設定
初回ログイン時に名前設定画面にいく
ルーティングがなんかおかしかった
コンポーネントの再描画ってどうやるんだろう
keyで再描画するのが手っ取り早い?
状態によってclassのつけ外しをする
オブジェクトの並び替えをしたいとき
エミュレータつかいたい
スマホからのログインがなんかあやしいので、SingInWithRedirectしたい
非同期処理とは
役に立つかもあとでみるかも
reacitve(値が更新されたら、他のものの値も更新する)
3だとreactiveだけど、2はobservable
読んでないけど役に立ちそう
やりたいのはこういうこと