Angular 4 でマテリアルデザインを使う - Qiita
Angular 4 で、マテリアルデザインを適用してアプリを作ろうと思ったんだけど、無茶苦茶にハマったので、ちゃんと動く手順をメモしておく。 ハマった方法 私は、Angular の初心者なので、何から始めたらいいのかわからず、本に書いてある通り、quick-start のリポジトリを元に、material design の npm を追加しました。すると、バージョン問題が発生するので、ちゃんとバージョンを合わせたり、ライブラリのバージョンが違うので、ディレクトリが違うため、systems.config.js にライブラリを追記したりと、色々やりましたが、ライブラリ取得時の404エラーは治ることなく、数時間格闘しましたが無理なので、寝ました。 うまくいく方法 しかし、問題は、「quick-start」を元にしているからであって、複雑なことを減らすとうまくいくようです。（特に初心者はいきなり
AngularでSVG使おうぜ！ - Qiita
本記事は Angular Advent Calendar 2017 の21日目の記事です。 みなさん、SVG使っていますか～！ HTMLと同じように文書構造を表現できるSVGですが、Angularで利用するにあたって、その利便性や注意点にはどのようなモノがあるのでしょうか？ Angularとの親和性 svgファイルをイメージタグで読み込んだりして利用する分には特に旨味はなく、「eventListnerでonclickを取得できるベクター画像」くらいの機能性しか持たず、特にAngularとのシナジーを感じるようないいことはないかもしれません。。。 しかし、SVGはHTMLテンプレート上にそのまま記述でき、描写されるという特徴を持っています。 このため、バインディングやディレクティブなど、Angularを象徴する機能のほとんどがHTMLのテンプレートと同じように、遜色なく利用することができます
Angularの外部でイベントが発生した時の変更検知の方法 - Qiita
2017年9月からGoogleのプレミアムパートナーでもある株式会社ゴーガでエンジニアをしており、Google Maps APIとAngularを使って地図関連のWebサービスを開発しています。 特にテーマが思いつかないので、直近でハマったことについて書きます。Google Mapのようなサードパーティーのライブラリを使用した際に注意しておきたいことです。 はじめに Google Mapのマーカー（地図に表示される指標）をクリックした時に、マーカーの情報を元にAngularのコンポーネントを更新する処理を書いていたところ、Angular Materialのダイアログがうまく開かないという問題が発生しました。なぜだろうと思っていろいろ調べていたら、マーカーをクリックした時にコンポーネントのngAfterViewCheckedが全く反応していない（ビューが更新されていない）ことに気付きました。
Angular,Angular CLIメモ - Qiita
フロントエンド（HTML/CSS/JavaScript）さっぱりな人にはAngular CLIは救世主である。webpackの設定とか今のところ知らなくても良い。先ずはnpm, Angular, TypeScriptのみを気にするだけで良くなる。 Angular CLIをインストールすると、ngコマンドが使えるようになる。ngコマンドでプロジェクトのひな型作成や、component, service, pipe, etc.もngコマンドで追加していけるので一定の作法に沿って開発することができる。 Angular 公式ドキュメント https://angular.io/docs/ts/latest/ Start Angular 日本語。最初に読みたい。 ng-book 2 英語。有料。Angular 4対応 The Ultimate Angular CLI Reference Guide A
Dockerを使ってMacでもWindowsでもコマンド一発で動作するAngular開発環境を作る話 - Qiita
こんにちは、@yusuke_yasuoです。 Angular Advent Calendar 2016の9日目は、Dockerを使ってMacでもWindowsでもコマンド一発で動作するAngular開発環境を作る方法について書きたいと思います。 また今回は範囲外ですが、CI・CD周りも整備していきたいため、Angular CLI (https://github.com/angular/angular-cli) を使って開発してみました。 Docker使う理由 今回のDocker利用には主に2点ほど理由がありました。 社内にMac派とWindows派がいるため、環境が違うことによって起こる問題の吸収 今後メンバーが増えていく予定があるため、環境構築時間の短縮 今回のゴール Angular公式サイトのTUTORIAL (https://angular.io/docs/ts/latest/tut
Facebook製のJavaScriptテストツール「Jest」の逆引き使用例 - Qiita
はじめに みなさん、日頃JavaScriptのテストはどのように行っていますか？ 昨今ではAngularJSやReactJSを始め、JavaScriptのフレームワークやライブラリを使用してのフロントエンドの開発が当たり前のようになってきております。 ではそのフロントエンド、JavaScriptのテストはどんなツールを使っていますか？ mochaやpower-assert、chai、Karma、Jasmine等を組み合わせて使用してテストしているでしょうか。 前置きが少し長くなりましたが、Facebookが開発したオールインワンな「Jest」というツールのReactでのHowto的な使い方から実際のテストでの使用例を交えて紹介したいと思います。 ちなみにこのJest、最近リリースされて話題になったパッケージ管理のYarnでも使われています。 対象バージョン Jest:22.0.4 Reac
angular.jsメモ - Qiita
angular雑感 2014-04-30 シングルページのWebアプリケーションにはとても相性が良いです。サーバー側でAPIだけ定義しておけば、$resourceで簡単にCRUDするモデルを扱うことができ、$routeProviderを使えばルーティングができます。 これまでjQueryでごりごり書いてきた人も多いと思います。ただ残念ながらこれまでのjQuery資産の9割は使えないと思います。うまくプラグイン化されていれば使えなくはないです。どうしても使いたい場合は、$applyを呼び出したりして、angularの世界に合わせる必要があります。 学習コストは最初は低いですが、ある程度複雑なことをやろうとすると、一気に高くなります。フレームワークというのは往々にしてそういうものですね。特にDI、スコープ、ディレクティブが肝であり鬼門だと思います。 利点の１つとして、JSファイルの読み込み順を
Rails4.0でangularjsを使ってRESTfulなajaxを実装する - Qiita
長文注意。 angularjsについて今更ながらに触り始めて色々と感動したので纏めておく。 angularjsがどういったフレームワークかは公式のチュートリアルを眺めてたらぼんやりと把握できると思うので今回その辺の話はあまり触れない。 http://angularjs.org/ angularjsのAPIについては公式のドキュメント含めて様々なメディアやブログに取り上げられているが、導入から体系的に語られてるものはあまり無い印象だったので、僕のブログでは導入から具体的な目的に沿った実装方法を紹介していこうと思う。 ちなみに自分のangularjsへの理解も触り始めて一週間程度なのでだいぶ甘い。 angularjsを一週間やってみた感想 最初の2日くらいがだいぶつらい。 飲み込みが早い人ならすぐに使いこなすのかもしれないが、angularjsはdirective, controller, f
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Angularでイベントから無駄にChange Detectionを走らせないためにすべきこと - Qiita
