はてなブックマーク

こんにちは 株式会社HRBrain でフロントエンドエンジニアをしているみつです。 TypeScript への理解を少しずつ深めているつもりなのですが、コードジャンプを続けてると、大体 Generics が出てきて「うーん。」となることが多い気がする最近。 あとは、せっかく TypeScript を書いてるのに JavaScript 的にしか使えてないのも寂しいなという気持ちから記事を書きながら理解を深めることにしてみました。 目次 目次 Generics とは extends とは TypeScript 解読アシスタントって知ってる！？ ツール使い方 TypeScript Deep Dive から Generics を学ぶ React.useState の定義にコードジャンプ。 Generics は、ChatGPT に質問 React.useCallback の定義にコードジャンプ。 G

こんにちは。 フロントエンドエンジニアでバックエンドも頑張りたいみつです 最近、 「Dockerを操作する時、8080:8080でポートを繋いであげる」 「フロントエンドで3000番ポートに接続をしてあげる」 などポートという単語が色々なところで出現し、もやもやが晴れない感覚がありました。 神出鬼没なポート。どんなものなの？？って疑問が湧くよね・・・・？？ そこで、ポート自体の理解が足りないということに気がついたので、記事にしました。 出てくるキーワードは下記です。 ポート Docker Express Dockerの使い方やExpressについてではなく、前段階のポートに繋いでる（それぞれの関係性が）イメージができる記事です。 目次 Dockerを簡単に Expressを簡単に ポートへの自分のもやもや ポートの語源について調べてみた じゃあ、ポートって？？ まとめ Dockerを簡単に

こんにちは。 フロントエンドエンジニアのみつです。 チームに入って開発をして、やっと1年目。 でも、個人開発とは違って、チーム開発だからこそ必要な視点。 アドバイスの中で、個人的に今後も大事にしたいなと思ったポイントを集めました。 目次 GitHubとSlackの連携 具体的に何をするか CIが通るまで、レビュー依頼は待つ 具体的に何をするか PRを閉じる時は、コメント付き。 具体的に何をするか 自分がresolveボタンを押さない。 具体的に何をするか レビュー返信に、コミットIDを含める。 具体的に何をするか HEADを意識しないと事故るかも。 具体的に何をするか 最後に 参考 GitHubとSlackの連携 レビュワーとのコミュニケーションコストを下げる！ メンション、コメント、コンフリクトにパッと気が付けるように！ 具体的に何をするか https://github.com/sett

こんにちは フロントエンドエンジニアのみつです。 先日、権限管理に関する実装の中でバリデーションについてとても悩みました。 その中で、「フロントエンドのバリデーションは最低限の方がいいらしい。」ということを学んだので、簡単なものに例えながら、理解を深めるための備忘メモです。 今日は、八百屋さんで果物を管理したいと思っています。 ：りんご ：桃 ：メロン ：さくらんぼ ：パイナップル の5種類があり、商品の種類をまずは登録していきたいです。 既に登録された果物の種類は、新たにDBに登録しなくて良いので重複チェックは入れたいところです。 ただどこまでの「バリデーション」を、フロントエンドで実装し、バックエンドで実装するのかで迷いました。 ⇓ バリデーションについては、テックリードにも相談し、 複雑な判断が必要になるケースはバックエンド側で実装するのが良さそう また、今回のようなケースでは、値を

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?