3/25.log

log

今日は午前中買い物行こうか天候と相談しつつ結局行かずに作業をしていて午後から少し就活をしてから作業、プログラミングをしていました。今日は時間だけで言えばプログラミングはあまりできていないです。

火曜日に病院に行ったと報告したと思うのですが薬のおかげもあってか体調もほぼ回復したような気がします。おかげで普段通り作業・プログラミングをすることができています！自分自身あまり体調を崩すことはないのですが気をつけていないと悪くなるのでしっかり管理していきたいです。

今日は木曜日だったのでいつもであれば買い物に行く日ではあったのですが午前中は降水確率が低かったので行くか迷っていました。ただ確率と相談して着替えて外に出たら実は少しではあるものの降っていたみたいで行くのを断念しました。明日は晴れるみたいですね！明日行きます。

プログラミングの進捗としては今日は本格的にフロントエンドに入っていてとりあえずまだ一つのルートも実装できていなかったのでその一つを実装していました。ただ一つ目というだけあってディレクトリや汎用的な型の定義もしていて今日だけでは完成しなかったです。明日には一つくらいはできるかなといったところです。

フロントは今回例によってnext+tsを採用しているのですがコードを書いていてもまだtsを使いこなすことができていない、nextに関してもディレクトリ分けが上手にできていないと感じることがしばしばあります。もっと実践を積みたいです！

reactについて少し書く

以前reactのディレクトリ構造などを調べていてreactでのロジック分離といった考え方に出くわしました。どのような考え方かというとapiをfetchするようなロジック部を分けるといった考え方です。どうやらreduxを使ってそれらの関数を呼び出すみたいです。具体的なディレクトリ構造や実装方法にはまだ辿り着いていないのですがそのようにすることによって再利用できる部分が増えるほか可読性が上がり一つのファイルのコード量というのも減らすことができると感じました。

今の自分の現状としてそのルートの大元の関数にはもちろんコンポーネントにまでロジックを書いていて意図せずとも一つの変数が2つ先まで引き渡されたり可読性が低かったりしています。

// 現状
const Page = (...) => {
    const fetchSomething = () =>{...}
    const [state,setState] = useState();
    useEffect...
    ...
    
    return (...)
 }
 
 // 理想
 // 関数は別ファイルから取ってくる
 const Page = (...) =>{
 //関数を別から呼び出す
 
     return (...)
 }

 もう少し自分でもこの考え方について調べてみたいと思います。またreduxに関してもcontext apiといった選択肢はないのか、その他にはどのような選択肢があるかについても調べようと思っています！また調べ終えたら報告したいと思います！