次の内容のアプリですわ。スライディングメニューとページ移動のみの、機能は一切無いアプリとなりますの。
# npm の serve インストール npm install --global serve # 確認 serve --version # 静的ウェブサーバ起ち上げ（ドキュメントルートに予め移動しておく） serve # ポート番号を指定（たとえば 3333）して、静的ウェブサーバ起ち上げ serve -p 3333
Yeoman を使うほどでもなく、ウェブで探したサンプル HTML、CSS、JavaScript を試したい、といった時に役に立ちますわ♪
ちなみに、それぞれどんなものであるか、本家リンクを貼っておきます。
AngularJS 開発を効率的に進めていくために、次のものをインストールしていきます。
brew install node node --version && npm --version npm install --global npm@latest npm --version npm install --global yo bower grunt-cli yo --version && bower --version && grunt --version npm install --global generator-angular
本ブログは WordPress で運用しております。広告も表示しており、それには Quick Adsense プラグイン Version 1.9.2 を使用させていただいております。
Google Analytics に関する投稿に埋め込んだ広告を非表示にした作業をいたしました。Quick Adsense の動きに関することや、手順について残しておこうと思います♪
わたくしたちの使用している本ブログ用のサーバはとてもスペックが低いです＞＜。
一度に10ページも20ページも処理したいですけれども、フリーズしてしまいますので6ページ、つまり半年分ずつ処理いたしました♪
の公式チュートリアルを途中まで実践いたします。今回の目的は環境構築ですので、Step 5: Preview your app in the browser まで行います。他には、
の「Ruby インストール」「Bundler, Compass インストール」以外も参考にいたします。
これらの問題は、【Mac Boot Camp】Windows8.1 から Windows10 にアップグレードした時の様子 | oki2a24 で確認しておりました。
この度、解決できましたので手順を残しておきます♪
【AngularJS 】ページにバインドした $scope を別のコントローラと共有・同期したい【Monaca 】【Onsen UI】 | oki2a24 の続編となります
今まで、Monaca に Onsen UI を組み込んで AngularJS を駆使して次の 2 つのデータ共有方法を学習してまいりました♪
そして、次の点を学びました。
実際のアプリでは、一覧画面でひとつを選択して詳細画面へ行き、編集や削除を行い、一覧画面へ戻る、そのとき詳細画面の変更内容は一覧画面へ反映済み、という動きが普通と存じます。
今回は、そのようなケースを想定して次のような仕様のサンプルを作ります。
ネットワーク通信は実際には行いません。一覧から詳細への移動時は毎回ダミーの JSON ファイルからデータを取得いたします。したがいまして、詳細画面が表示される時は毎回同じデータです。
