Sierですが何か?

仕事、趣味などで興味を持った技術など(ブログタイトル迷走中)

JavaScript

【Angular2】簡単なWebアプリ制作(その3)

10cmです。こんにちは。今回は、WebSQLを用いて購入物の管理を行います。GitHabはこちらになります。以下のような機能を実装しました。 購入物をDBから取得 購入物をDBに追加 購入物をDBから削除 Angular2でWebSQLを使うようにするのは別記事で説明いたします。 デ…

【Angular2】簡単なWebアプリ制作(その2)

10cmです。こんにちは。前回に続きとなります。GitHabはこちらになります。開発環境は以下の用になっています OS: Mac Editor: VisualStudioCode @angular: 2.0.0 angular-cli: 1.0.0-beta.17 今回は、追加する画面を作成しました。以下のような感じになっています…

【Angular2】Chromeでangular-cliのプロジェクトをデバッグする方法

10cmです。こんにちは。 今日は、angular-cliのプロジェクトをChrome上でデバック実行する方法をご紹介します。自分は開発環境として"VisualStudioCode"を使っているのですがどうにもデバッグ方法がわからず、行き着いた結果がChrome上でデバッグをする方法でした…

【Angular2】簡単なWebアプリ制作日記(その1)

10cmです。こんにちは。今回から、Angular2の練習がてら、Webアプリ制作を行いたいとおもいます。ざっくりではありますが、以下の点について記載していこうと思います。 作るWebアプリはお小遣い帳をイメージして作成する。 進捗報告のような形で記事を書く。 作って…

【Aurelia】MacでAureliaのインストールからUnitテストまで

10cmです。こんにちは。今回は、AureliaというJavaScriptのフレームワークについて、インストールの仕方からUnitテストの実行までを記載していきます。まず、『Aureliaってなに?』という方は、『参考』にホームページを記載しておきますので詳しくはそちらを。ざっく…

【AngularJS】angular-ui-routerを使ってメニューから表示する内容を切り替える

10cmです。こんにちは。今回は、AngularJSの"angular-ui-router"(以下、ui-router)を用いて、メニューバーから表示する内容を切り替える処理を記載していきます。はじめに、完成イメージです。 "コンテンツA"と"コンテンツB"のリンクがあり、それぞれ専用の画面を表示…

CentOS7.0にNode.jsを導入しサーバーを実行してWebブラウザで接続するまで

shinjiです。こんにちは。 今回は仮想サーバーのCentOS7.0でNode.jsをインストールしてServerを実行、 port80にアクセスしてWebブラウザから確認するまでを記載いたします。 Node.jsのインストール port80のFireWallを開放 Server.jsの作成 Server.jsの実行とア…

【AngularJS】ng-appとモジュールについて

この記事は、以下の開発環境のもと行っています。 AngularJSの記事を書いていく上での開発環境 ng-appとはAngularJSの機能を有効/無効の切り替えを行うためのもの。 以下に、"ng-app"を記述しているとしていない場合のソースコードと結果を示す。記述していな…