Joined March 2026
Photos and videos
CI/CD doker 自動テスト、自動デプロイの事 git hubv上でgithubactionsが走りテストを行う テスト通過後、doker hubに自動で上げ、あげたいimageをつかって最新のものに更新する流れ この時にテストは自分の書いたテストコードなので しっかり書いておく必要がある @daily_trial #デイトラ
30
jwt jwt認証で発行したtokenの取り扱い localstorageに保存するかhttp_only cookieで管理するかがあるが今のベストプラクティスは後者。
1
1
20
doker 1 Dockerfile を書く 2 docker build → イメージ作成 Dockerfileを読み込んでイメージを作る。 3 docker run → コンテナ起動 コンテナ = イメージを「実行中」にしたもの。 4 docker compose up 複数コンテナ(app db など)をまとめて起動。 開発中はずっとこれを動かしたままにする。
15
ポートフォリオでデザインをざっくりfimgaAIでつくらせたが実用的で完成度が良くてびっくりした。 苦手な分野をAIで補えるいい時代。 @daily_trial
3
44
doker dokerの中にもいくつかツールがあり、compose,imageやimageを共有、管理するdoker hubがある webでは必須くらいのものでdokerfileに使う技術のversionを記述、そのfileを元にimageを作り、imageを元に実際に動く環境がcontainer @daily_trial #デイトラ
1
35
dokerについて コンテナ型でどこでも同じ環境を再現できる仮想化ツール これがあることにより、環境の差異がなく、環境による問題が解決される @daily_trial #デイトラ
1
57
Storybook API連動なしに仮にデータを入れたりコンポーネント事にUIを確認したりと便利なツールとなっている フロントとバックエンドを分離させ開発しているときは必要になる @daily_trial #デイトラ
2
47
jest jest.mock()の動きは、内部でnode.jsのキャッシュマップに直接登録でき、基本上から順に実行されるが、何よりも最優先にjest.mockは呼び出され、ダミーを生成してくれる動きとなっている。 @daily_trial #デイトラ
2
44
tanstack,swr,next.js,graphql等の知識 データのやり取りやフレームワークは色々あるので 必要に応じて勉強する。 パフォーマンス向上につながる事ばかりなのでしっかり勉強していきたい。 @daily_trial #デイトラ
1
43
TDD プログラムのアウトプット、インプットが明確、どんなテストが必要かイメージできる時は、TDDが向いている。今は何でも想像はできないが、これをやりながらだとバグの発生も少なく、あと修正があまりなくやれそう
1
23
AIを使用して書きたくなるが、初心者のうちは基礎をしっかりつけとかないと書くより読み方が多くなると思うから基礎固めをしっかりやる。AIは深掘りして知識を深めているがみんなはどうやって勉強しているのだろうか
5
53
jest mockを作る時のコードや内部的にどういう動きをしてそうなるのかをこれから細かく知る必要がある。テスト自体は事細かくやれるのでどういうテストが必要か考えながらコードを書く。 @daily_trial #デイトラ
2
23
jest jestを使用したテスト実装 事細かくtestを実装でき、mockも使え、今後大事になる。テストコードは、めんどくさいと思われる工程だが最終的な品質を担保する為に必ず必要。 @daily_trial #デイトラ
1
18
zustand実装 個別でマウント時に処理を行える マウント処理で連動して処理がされるのを対処できる hooksの扱いはマウント等の処理の動作に連動して他のものまで動いてしまう事があるので動きをこれから知っていく @daily_trial #デイトラ
1
23
react router router設定 routing設定によって別ページへの遷移実装 実際はjsで画面をコードに合わせて変更している usecallbackやmemo化は初期に参照したデータを持ち続けるような動きもするのでそこを理解しつつ使用する 何でもメモ化をする様な事はしない @daily_trial #デイトラ
1
23
chakraUI Bootstrapのように簡単にスタイルを当てれることができ、デザインが苦手な自分はとても便利😂 けど細かいデザインもできるように頑張る💪 propsの扱いとかを知ってから使うといかに楽か実感した @daily_trial #デイトラ
30
react勉強しているとruby,railsを忘れかけてしまう、、 パンクしそう、、😂
4
43
usememoやパフォーマンスチューニング 再レンダリングをしなくていいようにカスタムできる これは必要になれば使用するくらいの認識で最初はいいが使い所をうまく決めると無駄な処理を減らせる @daily_trial #デイトラ
24
context useeffectのように親から子に渡すバケツリレーをするとコードが乱雑になり読みにくく、コンポーネントが増えくるとよりめんどくさくなる。contextを使えば必要な所で使用でき、全体の設定等を使うことができる 使い所は考える必要はある。(画面設定やログイン等) @daily_trial #デイトラ
34
カスタムフック ロジックの分離や使い回しの効くようにeffectを定義できるが、基本は親コンポーネントからバケツリレーのようにわたしていかないと別stateを参照することになるため注意が必要。また、クリーアップの必要な時は必ず使用する。 @daily_trial #デイトラ
1
33