🦏 2022/07/26-2022/07/31 今週の積み上げ
作成日: 2022/07/31
1

【画像検索アプリ】ReactとWebAPIを使ってPixabayクローンを作ってみよう

YouTube 動画見本

https://youtu.be/-jx9PykKpYo

  • ギャラリーテキストエリアの調整[7/26]
  • ラベル部分の調整[7/26]
  • リンク部分のスタイル調整[7/28]
  • 偶数写真は逆カラムのレイアウトに調整[7/31]

【Vue.js + firebase + Vuetify】Vue.js入門!超実践チャットルームアプリ開発

https://www.udemy.com/share/106j3U3@9JpDRLHge46REDfEyDZNkdkE-lDZ2W_3_qhRlmyGZqidXlNSSMHP4JKgxW4S1esgMg==/

セクション3: ユーザー編集機能の実装

    1. firestoreからドキュメントを取得しよう[7/26]
    1. 取得したルーム名を表示させよう[7/26]
    1. ルーム名のエラーを修正しよう[7/26]
    1. メッセージをfirestoreから取得しよう[7/26]
    1. 作成日時順にソートしよう[7/26]
    1. メッセージ送信を修正しよう[7/26]
    1. メッセージをfirestoreに保存しよう[7/27]
    1. レクチャー39 の補足[7/28]
    1. リアルタイムに追加されたメッセージを表示させよう[7/28]

セクション5: さいごに

今回Vue.jsを初めて触れたので、もう一度、この講座をやってみたいと思います。

【Vue.js + firebase + Vuetify】Vue.js入門!超実践チャットルームアプリ開発(2回目)

挑戦してみること

  • Viteで構築
  • Vue3最新版を使ってみる
  • 別のUIコンポーネントで作成してみる(Element+)

進捗

  • プロジェクト作成[7/28]
  • Element Plusのインストール、リセットCSS追加など[7/29]
  • Vue Routerのインストール[7/30]
  • レイアウト調整[7/31]

YouTube フロントエンド関連動画視聴