タグ

ブックマーク / commte.net (5)

  • Reactの JSX.Element とは何か? - コムテブログ

    JSX.Element とは? JavaScript の世界において、HTML を直接コード内に記述するためのシンタックスが JSX です。これを使用することで、JavaScript の中で HTML タグを直接扱うことができ、より直感的に UI の記述ができます。React では、JSX を活用して、UI 部品(コンポーネント)を作り出します。 React コンポーネントが返すべきもの、それが JSX.Element 型です。一般的に、React コンポーネントは JSX を返す関数として定義されます。つまり、その関数が返す値の型が、JSX.Element 型となるのです。 例えば、以下のようなコードがあります。 ここで、MyComponent 関数が返している<div>Hello, World!</div>が JSX で、その型が JSX.Element です。 React コンポーネ

  • React の ReactElement とは何か? - コムテブログ

    ReactElement とは? ReactElement は React の世界で最も基的な建設ブロックです。それは単なる JavaScript オブジェクトで、React コンポーネントが画面に何を描画すべきかを記述します。具体的には、ReactElement はコンポーネント(または DOM タグ)の型、それが受け取る props、そして子要素を保持します。 以下に、ReactElement の非常に基的な使用例を示します。 上記のコードでは、ReactElement のインスタンスである element を作成しています。このインスタンスは <h1> タグとその子要素であるテキスト 'Hello, world' を表現しています。 ReactNode, ReactChild, ReactElement の違い 以下に、それぞれの型の主な用途を示す表を作成しました。ReactNo

  • React の ReactNode とは何か? - コムテブログ

    ReactNode の要点 要点をまとめると以下のようになります。 React コンポーネントが子要素(children)として受け入れることができるデータ型を表す 文字列、数値、React コンポーネント、配列、null、undefined など、多岐にわたる型を包括する TypeScriptReact コンポーネントを定義する際に、ReactNodeは子要素の型定義としてよく使われる したがって、ReactNodeを用いてコンポーネントの props を定義すると、そのコンポーネントは任意の子要素を受け入れることができます。この柔軟性が React の強力な機能の一つとなっています。 どのような型を持つことができるか ReactNode は、React の要素(Element)を表現するための用語で、React のコンポーネントツリーを形成します。ReactNode は次のいずれ

  • それなりに使える、Web制作者がお世話になる便利ツール

    作成:2016/01/4 更新:2018/05/01 Web制作 > 毎回使うわけではないけれど、いざとなったら意外と役に立つもの。今回はディレクターからコーダーまで「それなり」に使えそうなツールをまとめました。作業労力を軽減してくれる系です。 エンジニア速報は Twitter の@commteで配信しています。 便利なツール ロゴの特許、商標の検索 キーワードを入力すると登録番号・出願・商標・出願人・登録日の他、ロゴイメージなどを見ることができるサービス、特許情報プラットフォーム。ロゴを作成し商標登録後はここでチェックしておきたいですね。 検索の他、実用新案、意匠、商標の簡易検索ができます。意外と紹介している人が少ないのと、たまに使うことがあるのでメモしておきます。 J-PlatPat 特許事務所は検索で沢山出てきますので、ここでは割愛します。商標登録とロゴマーク作成を一括で頼めるサービ

    それなりに使える、Web制作者がお世話になる便利ツール
    cu39
    cu39 2016/01/04
  • Web屋が使う34個の「シンプル・簡単・便利」なウェブツールまとめ

    作成:2012/10/29 更新:2016/10/22 Tool > 低スペックPCやウィンドウ幅の狭いノートを使っている場合、ソフト立ち上げを躊躇してしまう時がありませんか?そんな人に「シンプル、軽い、簡単」のウェブ上で使えるツールをご紹介。ブラウザ内で開けるので無駄なスペースを取られません。 ※こちらの記事は2012年に書いたもので、情報が古くなっております。比較的最近のツール系のまとめは、Web制作に役立つトレンドのツール一覧と以下の2つご覧ください。(※ 2015/06/25 2015/06/28追記) Node.jsとgulpをインストールして使うまでの入門記事 これからGit を始めてみようという人のための使い方と入門フロー 特にウェブ屋さんやブロガーさん達が使っているのをピックアップ。 もちろん僕も頻繁にガシガシ使ってるので「ツール用ブックマーク」としてこのページを作りました

    Web屋が使う34個の「シンプル・簡単・便利」なウェブツールまとめ
    cu39
    cu39 2015/06/25
  • 1