fkm blog

software開発に関することを書いていきます

pagejs

Ractive.js + Page.js + Webpackのテンプレート(2)

page.js部分をもう少し。該当部分のコードを再掲しておきます。 export default class Router implements IRouter { // 中略 navigate(path: string): void { page(path); } redirect(path: string): void { page.redirect(path); } } 画面遷移する 画面遷移…

Ractive.js + Page.js + Webpackのテンプレート(1)

続いてテンプレート内の要素説明。今回は Router export default class Router implements IRouter { constructor(app: IApplication) { page('/', () => { this.showPage(new TopPage(app)); }); } start(): void { page(); } navigate(path: string): void…

Ractive.js + Page.js + Webpackのテンプレート(0)

もちろんTypeScriptです。pagejs-webpackの下に作成してます。 github.com 準備 テンプレートなので別のとこにコピーしてから使う。まずは必要なものをインストール $ npm install TypeScriptをインストールしてる場合は、多分次のコマンドが必要。もし忘れ…