22時に寝ようと思って2時に寝る。スマートフォン用の表示で見る22時に寝ようと思って2時に寝る。備忘録や日記を書いてます。AngularやReact、Vue.jsなど、ウェブフロントエンド界隈の技術はさまざまなライブラリやフレームワークを採用しているところが多いイメージがあります。正直なところ、それぞれ一体どう違うのかをはっきりと認識できていません。そのため、それぞれ何を解決するものなのか、入門としてどの技術を選択するのがよいか迷いがちです。そんな中読んでいた記事だと、以下のQiitaの記事はとても分かりやすかったです。良さそうだなあと思うし、AngularにもReactの多くの設計や思想を受け継いでいるようです。Railsで個人サービスを開発してみた」という記事ではReactの設計について僕がReactを使って個人サービス開発を行ったことの副次的な産物として、「良い設計とはこういうものだ」というのを実際に作りながら覚えられたということが言えます。gonshi.なんだか、ますます気になってきました。いうわけで、最近のフロントエンド技術界隈へのはじめの一歩として、Reactに入門してみたいと思います。Worldするまず、公式のGetStartedをのぞいてみます。worldはこうやるんだぜ、と書いてあるので、その通り進めます。);</script></body></html>基本的には、Reactのスクリプトを2つ、babel-browserのスクリプトを1つ読み込んでいます。react.jsとreact-dom.jsの2つも読み込む必要があるのか、については歴史に沿って説明する必要があります。react.jsとreact-dom.jsの2つも読み込む必要があるのか当初、react.jsのみでHTMLへのレンダリングのため機能も含まれていました。その後、Reactの機能が拡張されていくと、ReactNavtiveと呼ばれるiOSやAndroid開発を可能とする機能が開発されました。iOSやAndroidではDOMの操作を可能とする機能は必要としないので、以下のように二つのスクリプトに分けられました。react-dom.jsそのため、ブラウザ上でのDOM操作を可能とするためreact-dom.jsを読み込む必要があります。Reactにあります。開発段階なので、minifyされていない状態のものを選びます。babel-coreとは?また、その後読み込んでいるbabel-core@5.8.38/browser.min.jsについてはこちらの記事をごらんください。world!</h1>を埋め込む」操作をしています。これを保存し、ブラウザで確認すると・・・うまくレンダーされているのが確認できます。Worldできました。@azuno_mixはてなブログをはじめよう!azuuunさんは、はてなブログを使っています。あなたもはてなブログをはじめてみませんか?はてなブログをはじめる(無料)はてなブログとは22時に寝ようと思って2時に寝る。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。