Angular2を触り始めているが、YEOMANジェネレータがあまりないので自分で作っています。今Angular2を始めている人達の多くがangular2-seed: github.com を利用していると思いますが(実際はよくわかりません)、Angular2にはangular-cliというのがあり、これを使うとディレクトリ構造とか開発環境とか多分ベストプラクティスが整う。angular-cliはember-cliを元に書かれています。 github.com angular-cliの使い方はgithubを見れば良いのですがemberに慣れていない人は若干戸惑うところもありますので備忘録的に記載します。 インストール npmを使ってインストールします。グローバルインストールするのですが、プロジェクトを作成したときもローカルにangular-cliがインストールされ以降はローカルを使うようです
なお、本連載ではAngularJSそのものに関しては解説しませんので、専門書として『AngularJSアプリケーションプログラミング』、姉妹連載「AngularJSではじめるJavaScriptフレームワーク開発スタイル」などを合わせて参照してください。 はじめに 前回はUI BootstrapのDatepicker/Timepickerディレクティブを利用して、日付/時刻入力ボックスを実装しました。 今回も引き続き、日付の話題。日付に紐づいた情報をカレンダー上に表示してみます。利用するのは、以下のライブラリです。 UI Bootstrap(Datepicker) UI Calendar 対象読者 AngularJSについて基本的な概念を理解している方 AngularJSで利用できる拡張モジュールに興味がある方 AngularJSアプリ上でカレンダーにアプリ固有の情報を埋め込みたい方 検証
Angular Mobile Toolkit All the tools and techniques to build high-performance mobile apps Get Started Performance of native, discoverability of the Web The Angular Mobile Toolkit makes it easy to build snappy Web apps that load instantly on any device, even without an internet connection. Take advantage of the searchability, shareability, and no-install-required-ability of the Web without compromi
ニジボックスAdvent Calendar 2015 6日目の記事です。 AngularJSを触り始めてから3ヶ月。Javascriptもちょっとしかわからなかったのでいろいろと行き当たりばったりでした。 自分的に最初に知っておけば良かったこととTipsみたいなものをまとめたのはこの記事です。3ヶ月の初心者なので、気になるところかここ間違ってるよとかここ日本語変だよなどがありましたら遠慮なく突っ込んでください。 ざっくり書いてます。大体どこでもある情報を書いてるのでご了承ください。 AngularJSは MVWパターンのフレームワーク MVW = Model-View-Whatever AngularJSの開発者は「MVについて議論するのは時間の無駄だから、そんな暇があったらコードを書け。MVの*の部分なんて"Whatever"でいいんだ。」という主張のようです。1 主の特徴 DI(依存性
Single Page Apps are ruling the world and AngularJS is leading the charge. But many of the lessons we learned in the Web 2.0 era no longer apply, and few are as drastically different as authentication. Depending on where you build and release your AngularJS app, there are different ways to handle authentication and I hope this post clears some of that up. CORS CORS is an oft-misunderstood feature
Demo Flash message for AngularJS and Bootstrap. Success Info Warning Danger Install angular-flash Add the following code to the <head> of your document. <link type="text/css" rel="stylesheet" href="dist/angular-flash.min.css" /> // If you are using bootstrap v3 no need to include angular-flash.min.css <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script> <scri
24 décembre 2013 Successful CORS configuration with AngularJS 1.2 and WordPress Some thoughts on a successful CORS (Cross Origin Request Sharing) setup while interrogating a remote REST API on Wordpress with AngularJS 1.2. Context I'm developing an hybrid mobile app with AppGyver Steroids - based on PhoneGap - and a WordPress backend. The architecture is the usual Web stuff: make XHR from the mobi
AngularJS + JavaEE7 でログイン・ログアウトと、認証の処理について実装してみたときのメモ。 動作確認は GlassFish 4.0 上で実施。 GitHub サンプル 認証処理を入れた場所 次の2カ所で、ログインしているかどうかのチェックを入れている。 REST のリクエストがあったとき ページ遷移のとき REST のリクエストがあったときのチェック Filter でチェック Filter を作成して、そこでチェックを行っている。 package sample.angular.filter; import java.io.IOException; import javax.inject.Inject; import javax.servlet.Filter; import javax.servlet.FilterChain; import javax.servlet.Fi
今年に入ってから書類のやり取りで封筒の宛名書きが大幅に増え、手書きに限界を感じ、テプラGrand WR1000を導入したのは良かったものの、ドライバーがYosemite対応されておらず、ラベルを作成するためだけに、都度VirtualBoxでWindowsを立ち上げている代表の国本です。 Internet Explorer(通称IE)。Web業界に携わる人間であれば、このIEに悩まされることは度々あるかと思いますが。今回はAngularJSでIE9のCORS(Cross-Origin Resource Sharing)対応を行う方法を簡単に紹介しようと思います。 IE9でのCORSについて 周知の通り、IE9ではXMLHttpRequestによるCORSをサポートしておらず、IE9でAjax通信を行い、かつ異なるドメインのリソースにアクセスしたい場合(いわゆるクロスドメイン通信)、IE独自の
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く