サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
中東情勢
hirahiro56.hatenablog.com
前回の記事で取りあえずは"Hello World!!"が表示された。これをベースにToDo アプリを作っていく。hirahiro56.hatenablog.com 下記のようなアプリイメージのものを開発していく。 【Step.1】index.htmlの作成 まずは、index.htmlを準備する。これはHello World の時と何にも変わらない。 <html> <head> </head> <body> <div id="app-container"></div> <script src="dist/app.js"></script> </body> </html> 【Step.2】TodoListコンポーネントの作成 アプリのルートとなるTodoListコンポーネントを作成する。このコンポーネントは全てのコンポーネントの親玉となるもので、このアプリにおいて状態を監視するべきデータであ
※本稿は開発環境にnpm が入っていることを前提とする。 【Step.1】下ごしらえ 任意のフォルダを作成し、その下にpackage.json を下記の内容で配置する。 { "name": "devtodo", "version": "1.0.0", "description": "", "scripts": { "start": "http-server", "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "MIT", "dependencies": { "http-server": "^0.7.4" } }本ディレクトリ直下にsrcフォルダとdistフォルダも作成しておく。 【Step.2】必要なツールを色々とインストール(npmでサクッと) 上記フォルダの下において、n
このページを最初にブックマークしてみませんか?
『hirahiro56.hatenablog.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く