はじめに
新型コロナウイルスの影響で4月から休業を余儀なくされたので
個人制作物がそこそこ溜まってきました。
ここではその溜まった成果物をまとめておきます。
成果物まとめ
# 001 AdobeXD WEBデザインテンプレート（随時更新中）
AdobeXDで、Webとアプリデザインのテンプレートを制作しまとめてあるものになります。
モックアップを制作する際にご利用ください。
こちらはこれからも随時更新していく予定です。
[URL]
- xd_webdesign_sample
- Demo
# 002 React製 WhiteBoardアプリ
create-react-appベースで開発したWhiteBoard（付箋投稿）アプリです。
バックエンドはFirebase（リアルタイムデータベース）を使用。
[コア機能]
- 付箋リアルタイム投稿
[URL]
- react-board
- Demo
# 003 React製 SNS風アプリ
create-react-appベースで開発したSNS風アプリです。
バックエンドはFirebase（cloud Firestore）を使用。
[コア機能]
- Firebaseログイン(メール、Twitter、Google)
- お問い合わせフォーム（cloud Firestore使用）
- チャット機能（cloud Firestore使用）
- ニュースAPI情報取得・表示
[URL]
- engineer-chat
- Demo
# 004 React製 Firestorage画像アップロード
Firebaseの一機能Firestorage（画像を格納できる場所）に画像アップロード機能を実装しました。
※cloud Firestoreにpathをアップする機能は実装していません（こちらは今後の目標）
[コア機能]
- Firestorage画像アップロード
[URL]
- react-image-upload
# 005 Next.jsチュートリアルからアーキテクチャ設計
ReactフレームワークであるNEXT.jsのチュートリアルを一巡してから、自分なりにアーキテクチャを設計しました。
また独自のAPIも組み込んだコンポーネントも追加しています。
[URL]
- hello-next
その他
その他、VueやNuxt、ReactとLaravelのサンプルなど制作しています。