テンプレートを使う

 テンプレートをダウンロード

※正常にダウンロードされない場合は、「右クリック」→「リンク先を別名で保存」をしてください。

導入手順

ここではCDNを利用して、簡単にReactを導入し、実際に動作を検証する方法を説明します。

① bodyタグの終了直前にCDNを記述する

② javascriptディレクトリ内にmyapiiディレクトリを作成する

③ myapiiディレクトリ内にtemplate.jsを格納する

④ template.jsを呼び出す

⑤ 呼び出したい部分に id="fetch-article" を付けたdivタグを設置する

⑥ 実行確認

プレビューで記事の内容が表示されていれば実行完了です。

テンプレートの実行結果

導入ができたら

CDNを利用することで環境構築なしでReactを呼び出すことができました。

しかしCDNを利用した方法での呼び出しはページ速度低下の原因にもなります。
Reactに慣れた方は実行環境の構築にも挑戦してみると良いです。

comming soon...

comming soon...