
本書籍は，Google 社謹製の JavaScript フレームワーク Angular のチュートリアル「Tour of Heroes」 を Riot.js で通してみるものです！

<a href="https://angular.io/tutorial" target="_blank" rel="nofollow noopener noreferrer">https://angular.io/tutorial</a>

完成版のソースコードは GitHub にアップしておりますので，何かわからないことがあればこちらのコードを参考にしていただければと思いますー．

<a href="https://github.com/kkeeth/riot-toh-demo" target="_blank" rel="nofollow noopener noreferrer">https://github.com/kkeeth/riot-toh-demo</a>

【感想・誤字脱字・誤植報告】
もしドキュメント・ソースコードに不備を見つけられましたら，お気軽に桑原（[@kuwahara_jsri](<a href="https://x.com/kuwahara_jsri" target="_blank" rel="nofollow noopener noreferrer">https://x.com/kuwahara_jsri</a>)）までコメントいただくか，𝕏 にハッシュタグ「#riot_toh」でポストしていただけますと助かります！

【参考元情報】
このドキュメントは Google社が開発した JavaScript フレームワーク「Angular」の公式チュートリアル『Tour of Heroes』（<a href="https://angular.jp/tutorial" target="_blank" rel="nofollow noopener noreferrer">https://angular.jp/tutorial</a>）をベースにしており，オリジナルのチュートリアルドキュメントは，Creative Commons Attribution 4.0 International (CC BY 4.0)ライセンスの下で提供されています（<a href="https://creativecommons.org/licenses/by/4.0/" target="_blank" rel="nofollow noopener noreferrer">https://creativecommons.org/licenses/by/4.0/</a>）．
Riot.js への書き換えやその他の変更は kkeeth（Kuwahara KEETH Kiyohito） によって行われました．


本書籍は，Google 社謹製の JavaScript フレームワーク Angular のチュートリアル「Tour of Heroes」 を Riot.js で通してみるものです！

https://angular.io/tutorial

完成版のソースコードは GitHub にアップしておりますので，何かわからないことがあればこちらのコードを参考にしていただければと思いますー．

https://github.com/kkeeth/riot-toh-demo

【感想・誤字脱字・誤植報告】
もしドキュメント・ソースコードに不備を見つけられましたら，お気軽に桑原（[@kuwahara_jsri](https://x.com/kuwahara_jsri)）までコメントいただくか，𝕏 にハッシュタグ「#riot_toh」でポストしていただけますと助かります！

【参考元情報】
このドキュメントは Google社が開発した JavaScript フレームワーク「Angular」の公式チュートリアル『Tour of Heroes』（https://angular.jp/tutorial）をベースにしており，オリジナルのチュートリアルドキュメントは，Creative Commons Attribution 4.0 International (CC BY 4.0)ライセンスの下で提供されています（https://creativecommons.org/licenses/by/4.0/）．
Riot.js への書き換えやその他の変更は kkeeth（Kuwahara KEETH Kiyohito） によって行われました．

Riot.js で Tour of Heroes を試す

Chapter1 新規プロジェクトの作成

Chapter2 ヒーローコンポーネント

Chapter3 リストの表示

Chapter4 フィーチャーコンポーネントの作成

Chapter5 データ取得用のサービスの作成

Chapter6 ナビゲーションの追加

発展① 各コンポーネントのユニットテスト

発展② Vite を用いた開発環境

riotjs

tutorial

Kiyohito KEETH Kuwahara