u-hoshi / mokumokuapp Goto Github PK
View Code? Open in Web Editor NEW【技育展登壇作品】エンジニアが安心して「もくもく会を開催・参加できる」ためのアプリです。
Home Page: https://staging-mekumoku.netlify.app/
【技育展登壇作品】エンジニアが安心して「もくもく会を開催・参加できる」ためのアプリです。
Home Page: https://staging-mekumoku.netlify.app/
× Error: Objects are not valid as a React child (found: object with keys {}). If you meant to render a collection of children, use an array instead.
山際さんから
src/components/pages/signupにて
// @ts-ignore
await storage.ref(`/images/${imageName.name}`).put(imageName.originFileObj)
を使用としたらターミナルに以下のエラーが出た
src/components/pages/Signup.tsx
Line 38:13: Do not use "@ts-ignore" because it alters compilation errors @typescript-eslint/ban-ts-comment
動く最低限の機能
するためのコンポーネントを洗い出して切り分け
コンソール
request.js:97 POST https://www.mocky.io/v2/5cc8019d300000980a055e76 net::ERR_EMPTY_RESPONSE
上記のurlの中身
{
"name": "xxx.png",
"status": "done",
"url": "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png",
"thumbUrl": "https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
}
画像サイズの問題かな?複雑そうなので一旦後回し
https://ant.design/components/modal/
色んな人の意見を聞きたい
シュンスケさんから
アイコンを入れても空欄判定される
シュンスケさんから
react-dom.development.js:6202 Unable to preventDefault inside passive event listener invocation.
のように表示される
現状は
開始時間 月日時間
終了時間 月日時間
だが
あと予定の入力画面だけど、endが別の日になるパターンってないもしくはするべきじゃないと思ったので、UI的に
date、start-time、end-timeで入力項目にするといいかなって思った!
イワサキさん
https://ant.design/components/drawer/
使えそうなドロワーメニュー
index.js:1 Warning: Can't perform a React state update on an unmounted component. This is a no-op, but it indicates a memory leak in your application. To fix, cancel all subscriptions and asynchronous tasks in a useEffect cleanup function.
イワサキさん
管理者のみ確認出来るようにする
3つに分ける
時間や内容などそれぞれを切り分けたら良いかも
シュンスケさんから
ユーザ設定の隣に「使い方」としてリンクを置いておくのが良さそう
Router.tsx
を確認
react-router-domのつもりだったけどreact-router
になっている
西川さんより
クリックできるのかわかりづらい
イワサキさん
とりあえずは
現時点でJSXに直接書いてるものを再整理する必要がある。
参加者の所でユーザをクリックするとユーザのプロフィールなどが確認できる
antdのメッセージについて https://ant.design/components/message/
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.