GitHub - henriquefm/solarsystemmaps: How big would the Solar System be if Earth were the size of a basketball? With Google Maps.You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
【今日からできる】コミットメッセージに 「プレフィックス」 をつけるだけで、開発効率が上がった話 - Qiita
はじめに 今まで commit message を「なんとなく」書いていたが、プレフィックスをつけることで、コミットメッセージに対する考え方が変わった。 そのおかげで開発効率が上がったので、その内容をシェア。 プレフィックスをつけるってどういうこと？ 以下のようにコミットメッセージの先頭に、なんらかの文字をつけること。 feat: xxx という機能を追加 fix: yyy で発生するバグを修正 refactor: zzz の機能をリファクタ のように feat, fix, refactor などがプレフィックスです。 最近 OSS の Contribution Guide などでよく見かけます。 導入したプレフィックスルール Angular.js/DEVELOPERS.md Angular.js の開発者ガイドに書いてあるメッセージを参考にしました。 以前のコミットメッセージ（例 ちなみ
AngularアプリをPWAにする方法 - Qiita
Angularアプリで必要になる項目 個々のアプリ実装状況に依るところもありますが、Angular-CLIで作成している標準的なアプリなら、大きく3つの実装機能になるはずです。 ServiceWorkerを導入する "Register a service worker" "Respond with a 200 when offline" "User can be prompted to install the web app"（※serviceWorkerも必要になります。） WebManifestを作る "User can be prompted to install the web app" "Configured for a custom splash screen" "Address bar matches brand colors" NoScript環境でのviewを用意する "
Angularの declarations, imports, providers の使い分け - Qiita
describe('MyGreatComponentのテスト', () => { let component; let fixture; // テスト準備 beforeEach(async(() => { // テストベッド(テスト環境)構築 TestBed.configureTestingModule({ // なんやかや〜〜〜 declarations: [ MyGreatComponent ], imports: [ ], providers: [ ] }) .compileComponents(); })); // テストコード it('isGreat() は常にtrueを返すこと。なぜならGreatだから', () => { expect(component.isGreat()).toBeTruthy(); }); }); この「なんやかや〜〜〜」の部分は、どのように使い分ければ
Angular on Electron - Qiita
Angular on Electron 初めまして､私が@jialipassionです､初めてQiitaで投稿して､宜しくお願いします｡ 今までhttps://github.com/angular/zone.js でいろいろContributeしていますが､今日はElectronでAngularの開発でいくつヒントを共用します｡ Angular on Electron Electron Native API (NgZoneを利用する) 新しいzone-patch-electronの使い方(自動Patch) Angular on Electron ElectronでAngularの開発は普通のElectronの開発とあまり差がありません｡ https://github.com/maximegris/angular-electron をベースに直接やってもいいですが､自分で@angular/c
ngrxでハマったポイント - Qiita
はじめに 個人的なお話ですが、AngularJS から Angular に移行して約半年が経過しました。 ngrxは移行当初から導入しており、いくつかハマったポイントがあります。 この記事ではngrxで私が「最初からやっとけば良かった...」と思ったことについて書いていきます。 Do: するべきこと ngrx-store-freeze を使う https://github.com/brandonroberts/ngrx-store-freeze Redux では状態オブジェクトを直接変更してはいけません。 ngrx-store-freeze を使うと state と payload を直接変更した際に例外が発生します。 再帰的に Object.freeze() してくれるので状態オブジェクトがネストしてても大丈夫です。 有効にする場合は、MetaReducer として登録します。
Testing Angular 2 and Continuous Integration with Jest - Semaphore
A software developer living his passion of development since 2003. In addition to always trying to improve his skills, he’s also a proud husband and an avid gamer. Introduction Angular is one of the most popular front-end frameworks around today. Developed by Google, it provides a lot of functionality out of the box. Like its predecessor, AngularJS, it was built with testing in mind. By default, A
NGRX Store: Understanding State Selectors - Ultimate Courses
Learn Angular the right way. The most complete guide to learning Angular ever built. Trusted by 82,951 students. Selectors are pure functions that take slices of state as arguments and return some state data that we can pass to our components. To better understand what selectors are and what they do, it helps see ngrx state as a data structure - a tree that can be serialised to JSON. Data is added
AngularでSVG使おうぜ！ - Qiita
本記事は Angular Advent Calendar 2017 の21日目の記事です。 みなさん、SVG使っていますか～！ HTMLと同じように文書構造を表現できるSVGですが、Angularで利用するにあたって、その利便性や注意点にはどのようなモノがあるのでしょうか？ Angularとの親和性 svgファイルをイメージタグで読み込んだりして利用する分には特に旨味はなく、「eventListnerでonclickを取得できるベクター画像」くらいの機能性しか持たず、特にAngularとのシナジーを感じるようないいことはないかもしれません。。。 しかし、SVGはHTMLテンプレート上にそのまま記述でき、描写されるという特徴を持っています。 このため、バインディングやディレクティブなど、Angularを象徴する機能のほとんどがHTMLのテンプレートと同じように、遜色なく利用することができます
Angular5 で Bootstrap4 ( beta ) を使ってみよう #serverless #adventcalendar | DevelopersIO
npm install -g @angular/cli@latest ng new angular-bootstrap cd angular-bootstrap ng version Angular CLI: 1.6.1 Node: 8.5.0 OS: darwin x64 Angular: 5.1.1 ... animations, common, compiler, compiler-cli, core, forms ... http, language-service, platform-browser ... platform-browser-dynamic, router @angular/cli: 1.6.1 @angular-devkit/build-optimizer: 0.0.36 @angular-devkit/core: 0.0.22 @angular-devkit/
Angularの外部でイベントが発生した時の変更検知の方法 - Qiita
2017年9月からGoogleのプレミアムパートナーでもある株式会社ゴーガでエンジニアをしており、Google Maps APIとAngularを使って地図関連のWebサービスを開発しています。 特にテーマが思いつかないので、直近でハマったことについて書きます。Google Mapのようなサードパーティーのライブラリを使用した際に注意しておきたいことです。 はじめに Google Mapのマーカー（地図に表示される指標）をクリックした時に、マーカーの情報を元にAngularのコンポーネントを更新する処理を書いていたところ、Angular Materialのダイアログがうまく開かないという問題が発生しました。なぜだろうと思っていろいろ調べていたら、マーカーをクリックした時にコンポーネントのngAfterViewCheckedが全く反応していない（ビューが更新されていない）ことに気付きました。
Angular2で動的コンポーネントを生成する - Qiita
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; import { BrowserModule } from '@angular/platform-browser'; import { Component, ComponentFactoryResolver, EventEmitter, NgModule, OnInit, OnDestroy, ViewContainerRef } from '@angular/core'; import { Observable } from 'rxjs/Rx'; // MEMO: plunkerの場合は'rxjs/Rx'、ローカルでangular-cliの場合は'rxjs' /** * 動的に生成するサンプルコンポーネント */ @Component({
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
AngularServiceWorkerでユーザーアップロード画像やXHRのキャッシュを行う - Qiita
AngularでWAI-ARIA対応のタブ型UIを実装する方法 - Qiita
3分クッキング ServiceWorkerで阿部寛さんを超える - Qiita
angular テスト作成前エラー解決メモ - Qiita
Angular + Storybook でコンポーネントガイドを作ろう - Qiita
Angular CLI 1.6 で PWA を作ってみよう！ - Qiita
Loading google fonts with @import tag in scss doesn't work. Throws error. · Issue #2466 · angular/angular-cli
Angular Service Workerを導入する - Qiita
