Angular4 + Express4 + MongoDB3 + TypeScript2 の最小構成プロジェクトをAngular CLIベースで構築する。(ビルド、テスト、Dockerデプロイまで) その１. ビルド編 - Qiita
Angular4 + Express4 + MongoDB3 + TypeScript2 の最小構成プロジェクトをAngular CLIベースで構築する。(ビルド、テスト、Dockerデプロイまで) その１. ビルド編JavaScriptMongoDBExpressTypeScriptAngular やりたいこと Angular CLI使って、MEANスタック(MongoDB + Express + Angular + NodeJS)のアプリを作りたい。どうせならサーバ側もTypeScriptで作りたい。 フロント側とサーバ側の両方をwebpack、gulpなどは使わずにnpm scriptsだけでビルド、テストできるようにしたい。 Dockerを使ってアプリを簡単に配布したい。 これらを達成するための最小構成プロジェクトの作り方を３回に分けて紹介します。 その１. ビルド編 ⇦ 今回はコ
「Angular 2」コンポーネントのライフサイクルを知って使いこなす
はじめに Angular 2はGoogleとオープンソースコミュニティで開発されているJavaScriptフレームワークで、従来のAngularJS（AngularJS 1）の次期バージョンです。 Angular 2で作成したWebページを構成するコンポーネントは、表示時に生成され、画面の入力や表示などで状態が変更されて、非表示時に破棄されるといったライフサイクルが定義されています。開発者は、ライフサイクルの変化ごとに呼び出されるメソッド（ライフサイクルフック）を実装して、ライフサイクルに対応した処理を実行できます。 本記事では、Angular 2のライフサイクルとライフサイクルフックについて、サンプルを使って説明していきます。 対象読者 Angular 2をより深く使いこなしていきたい方 最新のフレームワークを活用したい方 Angular 2が裏でどう動いているか気になる方 必要な環境
[日本語訳] Angular 2 Component Styles
Original: Component Styles - ts Written by: angular.io Translated at: 04/15/2016 コンポーネントのスタイル Angular 2のアプリケーションは標準のCSSによってスタイリングすることができます。 つまり、CSSのスタイルシートやセレクタ、ルールやメディアクエリなどについて知っていることをそのままAngular 2のアプリケーションに適用できます。 さらに、Angular 2はCSSのスタイルシートをモジュール化し、コンポーネントに同梱することが可能です。 この章ではどのようにして コンポーネントスタイル を読み込み、適用するかについて解説します。 コンポーネントスタイルを使う Angular 2のコンポーネントを書くとき、HTMLのテンプレートだけでなく、CSSのスタイルも決めるでしょう。 コンポーネントの
Angular JSの良質チュートリアルまとめ - Qiita
随時更新中 日本語によるAngularのTips別チュートリアル AngularJS's tutorial ・とても丁寧に作りこまれていて、わかりやすい 公式チュートリアル AngularJS ・基本困ったらここ Yeomanのチュートリアル Step 10 ・かなり質が高い。 ・自分がチュートリ作る際にも参考になる。 angular-local-storage GitHub Demo ・上記のチュートリで使われるモジュール Further Reading THE PAST, PRESENT & FUTURE OF LOCAL STORAGE FOR WEB APPLICATIONS ・これは英語だけどかなりおすすめ ・Local Storageの背景とかも理解できた MongoDBも接続したい YEOMANを使ってMEAN（MongoDB + Express.js + Angular.j
Node.js v4 の話 #tng18
東京Node学園 18時限目で発表した Node.js v4 の話です
Faster AngularJS Rendering (AngularJS and ReactJS) | Thierry Nicola
Have you used AngularJs and ran into some performance problems? Using ReactJs rendering becomes much faster. A small examples explains how to use ReactJs for rendering in AngularJs and a comparison is made between native rendering and rendering using ReactJs. I like AngularJS. I use it when I do some little fun projects and I use it professionally in large Web apps. I tried other frameworks as wel
AngularJS Cheat Sheet
Cheatography https://cheatography.com Download This Cheat Sheet (PDF) 19 CommentsRating: () Home > Programming > AngularJS Cheat Sheets AngularJS Cheat Sheet by ProLoser The official - unofficial AngularJS cheatsheet. Filters amount | currency[:symbol] Formats a number as a currency (ie $1,234.56). date | date[:format] array | filter:expression Selects a subset of items from array. Expression take
今流行りの「MEANスタック」についてまとめてみる(Mongo, Express, Angular, Nodeで作るWEBアプリケーション) - Qiita
今はやりのMEANスタックについてまとめてみる(Mongo, Express, Angular, Nodeで作るWEBアプリケーション) 海外でじわじわ人気を獲得し始めている うわさの「MEANスタック」とはなにか？ まとめてみました。 MEANとは 合わせて読みたい M = MongoDB 従来のRDBMSとは異なる、NoSQLというデータベースシステムによる ドキュメント指向型データベース。 MongoDBについてまとめてみた E = Express Node.jsの軽量Webアプリケーションフレームワーク Expressについてまとめてみた Expressを学ぶチュートリアル形式の記事・コンテンツまとめ A = Angular オープンソース(MITライセンス)のJavaScript用 MVCフレームワーク。 Angularについてまとめてみた Angular JSの良質チュートリア
AngularJSをgulpで開発する - keiwt’s diary
gulpのインストール $ npm install -g gulp ※yo(yeoman),bower,npmはインストールされている前提です generator-gulp-angularをインストール npm install -g generator-gulp-angular プロジェクトの雛形の作成 $ yo gulp-angular {{プロジェクト名}} $ cd {{プロジェクト名}} ※選択肢については以下を参照してください。 https://github.com/Swiip/generator-gulp-angular gulp起動 $ gulp serve ※起動させた感じだとgruntより起動が速い印象です。 リリースディレクトリ作成 $ gulp build ※これでできたdistディレクトリをデプロイすれば本番リリースは完了します。 本番リリース ドキュメントルートの
Yeomanを使ってAngularJSアプリのひな形をつくってみる | DevelopersIO
AngularJSが人気上昇中らしいです 少し前にJavaScriptフレームワークの人気を集計した結果が発表されてました。(Githubのwatcher数をみてるらしい） 圧倒的にbackbone.jsが抜けてますが、AngularJSもここ数ヶ月で急上昇しています。 backboneは少しだけ使ったことがありますが、AngularJSはいままであまり使ったことがありませんでした。 ここでもAngularJSの紹介をしていますが、いい機会なので、この記事ではYeomanをつかってAngularJSを動かしてみます。 AngularJSとは AngularJSとは、Googleとユーザーコミュニティによって開発されているオープンソースのJavaScriptフレームワークで、昨年バージョン1.0がリリースされました。 データのバインディングとテンプレートエンジン機能によって、JavaScri
AngularJS + Yeomanでリモートデスクトップクライアントをつくる - ワザノバ | wazanova
http://blog.mgechev.com/2014/02/08/remote-desktop-vnc-client-with-angularjs-and-yeoman/ 1 comment | 0 points | by WazanovaNews ■ comment by Jshiike | 約6時間前 Minko Gechevが、AngularJSとYeomanを使ってリモートデスクトップクライアントをつくる方法を紹介しています。完成型のデモはこちら。ソースコードはこちら。 作業の大まかな流れは、 Architecture アーキテクチャー図 Proxy (Node.jsに興味なければコードをコピペして、次の「AngularJS & Yeoman VNC client」へ進む。) angular-vncディレクトリ内にproxyディレクトリをつくり、依存するnpmパッケージをイン
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
DigitalOcean
npm | Profile
GitHub - yeoman/generator-angular: Yeoman generator for AngularJS
GitHub - olov/ng-annotate: Add, remove and rebuild AngularJS dependency injection annotations
Testing AngularJS with Protractor and Karma - part 2
Unable to run Protractor - ECONNREFUSED connect ECONNREFUSED
GitHub - angular-fullstack/generator-angular-fullstack: Yeoman generator for an Angular app with an Express server
generator-angular/templates/common/Gruntfile.js at 11cb99437271b6e8f6cdaee8fd5fc9cda7a20d1d · yeoman/generator-angular
Yeomanを使ったAngularJSアプリをチームで共同開発して公開するまで - Qiita
