#デイトラ Webアプリ開発
Instagram風アプリの課題をベースに、独自に機能を拡張して公開しました。
・フロントエンド: Next.js
・バックエンド: Rails APIモード
・Google OAuthログイン、通知機能などを追加実装
instagram-like-front-end.ver…
Yuta retweeted
#デイトラ のダッシュボードがアップデートしました🎉
ダッシュボード改善・第一弾！
これまで以上に「使いやすく・楽しく」学べるようになりました🐯✨
✅学ぶほど積み上がる「獲得スキル価値」
✅連続学習を可視化する「学習の記録」
✅昨日の続きからすぐ学べるよう「前回の続き」をトップに表示
✅デイトラDiscordと連携した「イベントカレンダー」
✅「デイトラの使い方」やコミュニティへのアクセスもしやすく進化！
さらに、今後のアップデート予定として…
🐯 獲得スキル価値（経験値）を貯めて
デイトラちゃんを育てる「育成ゲーム要素」
🐯 連続学習記録やコース完走で
限定バッジを集める「コレクション機能」
なども追加予定です。
今後のアップデートもお楽しみに✨
React Testing Library - Query と Matcher のまとめ
zenn.dev/yuta0824/articles/e…
#デイトラ Webアプリ開発
instagram風アプリのReactコンポーネント開発を進めました。
課題にない複雑なUIも実装してみました。
次はRailsのAPIモードで、REST APIを開発していきます。
▼Storybook
6933ffb9372f866234a2377c-gaz…
▼GitHub
github.com/yuta0824/Instagra…
#デイトラ Webアプリ開発
instagram風アプリのフロントエンド実装を進めました。
投稿関連のコンポーネントを作成し、Storybook に公開しました。
▼Storybook
6933ffb9372f866234a2377c-kmc…
▼GitHub
github.com/yuta0824/Instagra…
#デイトラ Webアプリ開発最終課題
Instagram風アプリをヘッドレス化するため、フロントエンドを React で再構築していきます。
まずはフォーム関連のコンポーネントを作成し、Storybook に公開しました。
▼Storybook
6933ffb9372f866234a2377c-acn…
▼GitHub
github.com/yuta0824/Instagra…
#デイトラ
Webアプリ開発コース 最終課題
Instagram風アプリを公開しました！
最初は苦労した Rails も、手を動かしているうちに徐々に理解できるようになってきた気がします。
細かい修正は必要そうですが、ひとまずアプリの完成を喜びたいと思います。
instagram-like-app-946b2ba6d…
#デイトラ Webアプリ開発 最終課題
Instagram風アプリで多言語対応を実装しました。
実装の難易度は高くないものの、範囲が広く面倒な作業になりがちです。
こういった単純だが手間のかかる作業こそAI時代ならではの恩恵を強く感じました！
github.com/yuta0824/Instagra…
