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

YouTube 動画見本

https://youtu.be/-jx9PykKpYo

• 表示画面で偶数番目は逆カラムのレイアウトに調整[8/1]
• スタイル調整[8/4～8/7]

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

挑戦してみること

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

進捗

• 一覧部分のgridレイアウトのベースを作成[8/1]
• 一覧アイコンの追加[8/1]
• ヘッダーをコンポーネント化[8/2]
• ヘッダーレイアウトの崩れを修正[8/3]
• ユーザー一覧の作成、チャット画面のルーティング設定[8/4]
• チャットボード画面の調整、user_idの取得[8/5]
• チャットボード画面の作成[8/6]
• ヘッダースマホレイアウト微調整、チャットボード入力部分追加[8/6]

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

• ドラッグ＆ドロップをJavascri/ptで実装してみた - HTML/CSS/Javascript[8/4]
• 誰でも理解できるGraphQL入門！REST APIとの違いを分かりやすく解説【ハンズオン形式】[8/5]

今週は忙しくなかなか落ち着いてインプット・アウトプットできなかった…。