SHOEISHA iD

※旧SEメンバーシップ会員の方は、同じ登録情報(メールアドレス&パスワード)でログインいただけます

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

CodeZineニュース

ReactのWebサイトが一新、サンプル・コードと実行結果を並べて表示する「サンドボックス」を採用

  • このエントリーをはてなブックマークに追加

  • このエントリーをはてなブックマークに追加

 米Meta Platformsは、JavaScript向けのユーザーインターフェイス・ライブラリである「React」のWebサイトを全面的に一新したと3月16日(現地時間)に発表した。ドメイン名も、「reactjs.org」から「react.dev」に変更した。従来のWebサイトも「https://legacy.reactjs.org/」に残すが、今後新しい情報が加わることはほとんどないとしている。

 新しいWebサイトの最大の特徴は、JavaScriptのサンプル・コードと、その実行結果を並べて表示する「サンドボックス」だ。記述してあるサンプル・コードは自由に書き換えることができ、書き換えた結果に応じて、実行結果の表示もリアルタイムで変化する。サンドボックスは、Reactの使い方を初歩から解説するWebページや、ReactのAPIドキュメントの600カ所以上に登場する。実際にコードを書き換えるとどうなるのかをすぐに試せるので、解説をより理解しやすくなる。

 APIの解説はより詳細なものになり、APIの使い方を解説する「Reference」に加えて、APIを実際に使ってみたコードをサンドボックスで表示する「Usage」で構成するようになった。サンドボックスのコードを書き換えて試してみるだけでなく、コードをコピー・アンド・ペーストして、自身で開発しているコードに組み込むことも簡単にできる。

 Meta Platformsは、新しいWebサイトに対する感想や要望を求めている。すでに、「サンプル・コードとしてTypeScriptのものも載せてほしい」などの要望が届いているという。

関連リンク

この記事は参考になりましたか?

  • このエントリーをはてなブックマークに追加
この記事の著者

CodeZine編集部(コードジンヘンシュウブ)

CodeZineは、株式会社翔泳社が運営するソフトウェア開発者向けのWebメディアです。「デベロッパーの成長と課題解決に貢献するメディア」をコンセプトに、現場で役立つ最新情報を日々お届けします。

※プロフィールは、執筆時点、または直近の記事の寄稿時点での内容です

この記事は参考になりましたか?

この記事をシェア

  • このエントリーをはてなブックマークに追加
CodeZine(コードジン)
https://codezine.jp/article/detail/17562 2023/03/20 13:15

おすすめ

アクセスランキング

アクセスランキング

イベント

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

新規会員登録無料のご案内

  • ・全ての過去記事が閲覧できます
  • ・会員限定メルマガを受信できます

メールバックナンバー

アクセスランキング

アクセスランキング