はせがわ@Web開発

Web Developer👨‍💻 MERNスタック人間 | DDDに興味津々 | | #Typescript #Nextjs #MERN #Web開発

[はせがわ@Web開発 @hsgw_dot]

tsconfigのtargetとmoduleの違いがやっと理解できた。。

targetはどのjavascriptの"シンタックス"にトランスパイルするかを決める。
moduleはjavascriptがどのように"モジュール"を読み込むかを決める。

[はせがわ@Web開発 @hsgw_dot]

単体テストの定義が人によって異なると思ってたらそういうことか〜！

自動テスト全体の信頼性を維持するためにはどうするか　「ブレない基準でピラミッドを作り、スモールに切り出していく」 https://t.co/ZBVuzNBcyH @logmi_techより

[はせがわ@Web開発 @hsgw_dot]

Atomic Designのパターン例載ってるじゃん！！早く見つけたかった！！！
https://t.co/LqzwFnRU8d

#AtomicDesign

[はせがわ@Web開発 @hsgw_dot]

propsの値が変わったら状態をリセットしてくれる方法を使えば無駄なuseEffctが消えてくれるの感激。。
広まってくれ。。。
#react

https://t.co/dr7La8QTiC

[はせがわ@Web開発 @hsgw_dot]

ftpサーバの自動デプロイできた〜
ci/cd成功すると達成感半端ないです🔥 https://t.co/FYumFIBFOR

[はせがわ@Web開発 @hsgw_dot]

単体テストのモックのベストプラクティスについて記事書きました〜 モックって便利な反面使いすぎると単体テスト自体の信頼性が下がる可能性もあるのでどんな時に使用するのが良いか言語化してみました！ よかったら見てください〜👀
#jest #React #mock
https://t.co/g4WND3IUKp… #zenn

[はせがわ@Web開発 @hsgw_dot]

@ testing-library/user-eventのユーザーイベントのサンプル集をまとめてみました！
@ testing-library/user-eventを使用している方々へ少しでも役に立てればなと思っております！
良かったら見てください👀
#jest #testinglibrary #React
https://t.co/ZSgbq9OHmS #zenn

[はせがわ@Web開発 @hsgw_dot]

テックブログ更新しました！
今回は「単体テストの考え方/使い方」を読んで画期的だったAAAパターンを使って、jest×Testing LibraryのUTをまとめてみました！
単体テストの書き方に迷っている方々には、ぜひ本記事をご覧いただきたいです👀
#jest #TestingLibrary
https://t.co/QsovzzQ0VV #zenn

[はせがわ@Web開発 @hsgw_dot]

zennのデザインとUX良いなぁ。個人的にめちゃ気に入ってます。
初めてテックブログ書いたけどマークダウンの例とかわかりやすくて、ただただ書きやすかったです✏️
アウトプットやテックブログ始めようと検討してる方はオススメです〜
@zenn_dev
初投稿良かったら見てください〜👀

[はせがわ@Web開発 @hsgw_dot]

Atomic Designについてブログ書きました！
実際に公開しているホームページをベースに具体的なコードを交えて説明しています！
Typescript × React × Muiを使用している方には是非見ていただきたいです👀
#React #AtomicDesign
https://t.co/XrPArJyGYZ #zenn

[はせがわ@Web開発 @hsgw_dot]

Atomic Designについてブログ書きました！
実際に公開しているホームページをベースに具体的なコードを交えて説明しています！
Typescript × React × Muiを使用している方には是非見ていただきたいです👀
#React #AtomicDesign
https://t.co/XrPArJyGYZ #zenn

[はせがわ@Web開発 @hsgw_dot]

@adelie_pf よくサンプルコードの規模が小さいので種類別で問題なさそうに見えるのですが、アプリケーションの規模が大きくなるにつれて機能別の方が実装しやすさある気がしています。。
添付画像の2つが共存したディレクトリ構造がbulletproof-reactぽいですね！
https://t.co/NTt6kDmiN6

[はせがわ@Web開発 @hsgw_dot]

初めてissue出した😏
修正PRなどはほとんどやってもらいました。笑
オープンソースにすると他の人が修正などしてくれるというメリットを肌で感じたのは良い経験！
今後はPR出せるように精進したい。。！
https://t.co/KynjHjXfM0

[はせがわ@Web開発 @hsgw_dot]

第二言語はC言語に決めました。（血眼）
#プログラミング勉強中
#打倒C

[はせがわ@Web開発 @hsgw_dot]

これだ！！！！オブジェクト指向完全に理解した。（真顔）

[はせがわ@Web開発 @hsgw_dot]

ユーザー登録フロー（確認メールが届く、URL開く、トークン確認等）について良い記事ないのか。。？

[はせがわ@Web開発 @hsgw_dot]

【認証・認可の違い】
認証：通信の相手が 「誰」なのか確認すること（なりすまし防止）
認可：特定の条件をクリアしたユーザーに権限を与える
#webdevelopers
#セキュリティ強化年間

https://t.co/AqtEkFGF1k

[Nyoho @NeXTSTEP2OSX]

ほんまじゃMobile Safariで「がす」と打った瞬間に落ちる。

[はせがわ@Web開発 @hsgw_dot]

Atomic Designのmolecule実装するにあたって単一責任の原則で考える。つまり、1つのMoleculeに対して1つの機能までという理解なんだが、その機能というのはどこまでの範囲を指してるのか迷い😮‍💨

[はせがわ@Web開発 @hsgw_dot]

jest楽し

[はせがわ@Web開発 @hsgw_dot]

@catch_all_balls ありがとうございます！
丁度こちら読み始めたところでした！笑
がんばって習熟度高めていきたいと思います🔥