AngularJS+Bootstrapを使ってもPageSpeed Insightsの成績をとにかく上げたい - albatrosary's blog
AngularJSとかBootstrapを使うとサイズも大きく初期ロードがちょっともっさりするという印象があります。「PageSpeed Insights」で測定するとAngularJSとかbootstrapなんて使うなってくらい点数が悪い。指摘事項は大体次の通り： スクロールせずに見えるコンテンツのレンダリングをブロックしている JavaScript/CSS を排除する JavaScript を縮小する HTML を縮小する 画像を最適化する CSS を縮小する 縮小に関してはgruntで行えるので問題ないのだが、レンダリングブロックするJavaScript/CSSを排除するというのは難しい。どこまで点数が良くなるか実験してみた。実際に云々とか細かい話は今回は考えず、とにかく「PageSpeed Insights」の点数を上げることだけを考えてみました。 PageSpeed Insigh
1分28app官方APP
1分28官网【信誉购彩.值得信奈】尊贵如你值得拥有1分28官网app,1分28官网官网，1分28官网平台，1分28官网下载，1分28官网登录官方唯一认证。
Preparing for the future of AngularJS
Learn Posts angularjs John-Philip Johansson Preparing for the future of AngularJS John-Philip is a passionate programmer and focuses on the user experience. Developing solutions is a wonderful thing and he wants to spread that love. 1 Introduction Angular is a great framework, with a lot of users. It also has a really passionate team behind it, with people like Brad Green, Igor Minar, Miško Hevery
AngularJSでフォームまわりで最初はバリデーションメッセージを表示せず、フォーカスが外れたタイミングで表示する術 - kitak blog
こんにちは。昼に煮込みうどんをたべました。きたけーです。 細かいテクニックですが、AngularJSでフォームでページを表示した最初はバリデーションメッセージを表示せず、フォーカスが外れたタイミングで表示する術を見つけたのでメモ。 なんでやるの？ ページを表示したタイミングで「入力してください」みたいなメッセージが表示されていたら萎える 文字入力するたびにメッセージが表示されるとしつこい(場合もある) AngularJSで以下のように書くと、↑のようなかんじになります。 <form name="signupForm" novalidate ng-submit="signupForm()"> <label>Your name</label> <input type="text" placeholder="Name" name="name" ng-model="signup.name" ng-
業務で安心して使える厳選AngularJSモジュール8選+α
最近AngularJSとずっとにらめっこしています。やっていて楽しいです。 こんにちは、先生です。 最近はAngularJSとばかり遊んでおり、さまざまなモジュールを入れては消しを繰り返しています。もちろんそれらのモジュールの中には、対応していないブラウザや端末があったり、一部環境では正常に動作しないなどの不具合を持つものも多くありました。 そこで本日は、数あるモジュールの中でも安心して業務で使えたモジュールについて紹介していきたいと思います。 2014年11月現在でのライセンスも明記していますので参考にしてください。 安心して使えたモジュール8選 1. Angular directives for Bootstrap http://angular-ui.github.io/bootstrap/ MIT License Bootstrapをディレクティブにしているモジュールです。 元々のB
TravisCI、SauceLabs、Protractorで始める簡単E2Eテスト入門 | チャットワーククリエーターズブログ
自転車通勤始めました。@kyo_agoです。この記事はE2EテストAdventCalendar -26日目です。 今日はGithub上でTravisCI、SauceLabs、Protractorを使って簡単に始められる継続的E2Eテストの方法を紹介したいと思います。 ゴールはGithubにPRする毎にTravisCIがProtractorを使ってSauceLabs上で検証した結果を教えてくれるところです。 登場するユーザ名（kyo-ago）、リポジトリ名（Protractor-SauceLabs-TravisCI-sample）は実際のものに置き換えて読んでください。 SauceLabsの登録まず最初にSauceLabsのアカウントを作成します。 この時点ではGithubのリポジトリも何らかの設定ファイルも必要ありません。 「Getting Started」を押してください。 ダイアログが
始めるPR駆動E2Eテスト生活 | チャットワーククリエーターズブログ
髭伸ばしてみました。@kyo_agoです。この記事はE2EテストAdventCalendar -3日目です。 さて、みなさま前回の記事でE2Eテスト入門できたでしょうか？ この記事は前回の状態を踏まえて説明しているため、未読の方は是非一度ご覧の上以下の内容をお試しになることをお勧めいたします。 前回の記事では以下の状態になることが目的でした。 ブラウザ上でE2Eテストが走ることPR毎にテストが走ることマージ前にテストが成功したかどうかがわかることただ、これには以下のような問題があります。 PRの内容でテストが成功するかわからない（テスト対象がインターネット上のURLになるため）この記事ではこの点に関して解決していきたいと思います。 以下の様な手順で進めます。 travis上でhttpdを立ち上げるtunnel-identifierを指定するテスト用のhtmlを設置するテストの対象を変更する
AngularJSとRailsの丁度良い関係を探る：コード解説編 | mah365
以前投稿したAngularJSとRailsの丁度良い関係を探るという記事のコード解説編です。前回はざっくりとしたアーキテクチャの紹介のみにとどめていたので、このエントリでサンプルコードの詳細について解説します。 バージョン情報 ruby 2.1.3 rails 4.1.7 devise 3.2.4 angularjs 1.3.2 ディレクトリ構造 app以下のディレクトリ構造は以下のような形です。 app ├── assets │ ├── images │ ├── javascripts │ │ ├── app │ │ │ └── tasks │ │ │ ├── tasks.controller.js.erb │ │ │ ├── tasks.html.erb │ │ │ ├── tasks.js.erb │ │ │
Why AngularJS?
This post contains the slides and associated commentary for a short presentation that I gave at the June 2014 Boston Front End Developers Meetup. You can also view the video of this event. Hello, my name is Jeff Whelpley and I am the Chief Architect at GetHuman. A little over a year ago we decided to build our front end with AngularJS. In this presentation I will explain why we chose Angular over
How to force AngularJS resource resolution with ui-router
Photo by Joshua Sortino / Unsplash I'm a big fan of AngularUI Router and have used it extensively in several web applications we released with fabulous results. In this article I'll cover how we use ui-router and ngResource to resolve dependencies that are injected in a template controller. If you are new to ui-router, I highly recommend you check it out the official wiki at https://github.com/ang
AngularJSのpromiseが解決した結果が伝搬するには、$digestループを開始する必要がある - kitak blog
こんにちは。牡蠣のパスタをたべました。きたけーです。 今日、Angularでこんなテストコードを書いたのですが、promiseを解決したときに実行されるコールバックが実行されなくて困りました。 describe 'Controller: UserController', -> beforeEach module 'SomeApp' UserController = {} scope = {} beforeEach inject ($controller, $rootScope, User, $q) -> scope = $rootScope.$new() spyOn(User, 'query').and.callFake -> deferred = $q.defer() deferred.resolve {name: "kitak"} deferred.promise UserContro
AngularJS 嫌いな人が多い昨今について - tokuhirom's blog
最近 AngularJS 嫌いという言説が多いですが､そういうことを仰る方々は主に先鋭的な JSer のように思います｡ ただ､僕なんかの場合には､ユーザー向けの画面の構築などには AngularJS を使って書くことは最近はほとんどなく､JS を書くといえばもっぱら管理画面です｡ 管理画面の JS を書くにあたっては AngularJS way にのっかってやると非常に楽ですよね｡管理画面を書いたりする上では vue-js とかで頑張って書くと見通しが悪くなったりしますし､こった動きなどは必要ないというところで angular.js ワリといいなと思っています｡ もっといいものがあれば移りたいですが､コストをかけずに作りやすい管理画面を作るという意味ではやはり AngularJS にまだメリットがあるなあ､と思っています｡ 2.0 が出た時にこまるというのもありますが､実際は angul
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ngTestHarness: Strap in with this new testing helper for Angular.js
AngularJSで動的生成したselectタグに初期値を設定する - Qiita
http://www.mentalspike.com/2014/09/05/bad-routes-in-angular-ui-router/
https://jscalc.io/
Defending AngularJS
Angular 2 Core
How to resolve application-wide resources centrally in AngularJS with ui-router
How to handle error in angular-ui-router's resolve