未分類

typescriptの配列

投稿日:

今日は午前中ずっとコンポーネントへどのように配列として値を渡すのかを考えていました。配列で値を渡さなくてもデータを渡すことができるのですが、記述が助長になり、可読性が低くなってしまいます。可読性が低くなるということは将来のメンテナンスだったり他の人に作業を引き継いだり、修正をしたりする場合に無駄なコストがかかってしまうのでなるべく可読性を低くしないということは大事です。コンピュータのプログラムを読み込むスピードの観点から見ると誤差と言えないほどのものだと思うのですが、人間が手入れする際にかかる時間のことを考えると結構大事になってくると思います。なので日頃から可読性が高くなることを意識うるようにコーディングを行うことが大切だと思いました。可読性を高めるためには繰り返しの記述を避けることも大事なのですが、変数などの命名も大事になってきます。変数や関数がその名前をみただけでどういう動きをするのかがわかるような名前をつけることが大事になってきます。

今日行った作業は繰り返しの記述を避けるために値を配列として格納してそれを一つ一つ取り出して無駄な記述をしないようにすることが目標でした。今回のプロジェクトではtypescriptで型定義をしながらプロジェクトを作成しているのでその型定義をどのように行えば良いのかに時間を取られてしまいました。わかっている先輩に聞けばすぐに答えを得られて解決することができるのですが、何でもかんでも聴いてしまっては自分のためにならないのでなるべく自分で解決することを心掛けたいと思います。しかしあまり時間をかけすぎてモチベーションが低くなり、無為な時間を過ごしてしまうことは避けたいのでその兼ね合いが大事です。なので時間を管理しながら作業を行うことが必要です。

今回実装する内容はコンポーネントに配列として値を渡すのですがその要素の一つ一つがtitleオブジェクトとdesicriptionオブジェクトの二つを持っている値をコンポーネントにpropsとして渡すという作業でした。ここで時間を使ってしまったのがtypescriptの型定義がうまく行かなくてpropsとして渡した値にmapメソッドを使ってうまく値を取り出すことができませんでした。この方宣言は知っているか知っていないかのことでどうしようもないところもあるのですが、どのように値が渡っているのかの理解を深めるためにも先輩に聞かずに自分で解決することをしていたのですが、昼過ぎには限界がきて助けを求めました。最終的にpropsとしてコンポーネントに値を渡すときの記述が間違っていたのでうまく値を取り出すことができなかったのですが、無事解決することができて良かったです。自分で解決しようと時間を使いすぎてもったいない部分もあったのでもうしこし効率よく学ぶことを心掛けたいと思いました。

-未分類

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

no image

jsx

reactではdomツリーに要素を埋め込むためにJSXという記述方法を採用しています。このJSXはhtmlの書き方と限りなく近いので直感的にわかりやすいです。それでもJSXは本来のjavascript …

no image

firebase

firebaseを使ってサーバを介さずにデータをやりとりする方法を学びました。本来webアプリでは、ユーザー側からデータを受け取ってそれによってユーザーが期待しているページを返す際にサーバーがまずデー …

no image

文章を書くこと

 今日はバイト行って本屋行って家に帰って眠ってという1日でしたが、今日からこの文章の方向性を変えようと思います。きっかけは本屋で呼んでいる本の内容だったのですが、自分の文章はただ書きたいことを自由に書 …

no image

決意

 今日は何もない日だったので色々考えていたのですが、phpを勉強してポートフォリオを作って就職を決めようと思いました。なので毎日の学習をキータでアウトプットすることを始めたいと思います。今日学んだこと …

no image

ペルソナ

 バイト前に本屋で「ペルソナ 脳科学の闇」という本を読みました。東京の電車の広告に度々出ていた本でなんとなく読んでみたのですが、この本はどんな本かというと、著者は脳科学者の方で内向的な方だったのですが …