未分類

typescriptの配列

投稿日:

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

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

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

-未分類

執筆者:


comment

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

関連記事

no image

Java3

 今日はカプセル化について学習しました。カプセル化とは定義したフィールドやメソッドを他のクラスで使用する際に予想外の値を入れてエラーを起こさないように同じクラス内や同じパッケージ内でしか呼び出せないよ …

no image

武士道

今日はPHPの学習と読み始めた新渡戸稲造著「武士道」のアウトプットをしていきます。 他のファイルからの読み込み htmlのaタグから他のファイルに遷移させる記述をするさいにhref属性に” …

no image

久々の投稿

 一週間くらい間が空いてしまいました。これには理由があります。xサーバーでサーバーを無料で借りていたのですが、その期限が切れたことでお名前ドットコムのwhoisの状態がchildhood?になったこと …

no image

キャッチボール

今日はとてもいい日で、数年ぶりにキャッチボールをしました。ひょんな事から父と一緒に姫路城にいくことになったのですが、父のバッグの中にはなんとグローブが入っていたのです。久しぶりにちゃんと見た姫路城はと …

no image

php3

 プロゲートのphpが終わったのでここまででわかったことを書きます。phpはwebアプリケーションを作るプログラミング言語です。このワードプレスもphpで書かれています。phpファイルではhtmlと一 …