AngularJSアプリで使えるフィルター80個てんこもり（Angular Filter）
注1 個々のフィルターの用法については、「AngularJS TIPS」のような記事を参照してください。 ごく基本的な用途に限定されているせいか、「随分と少ないな」というのが第一印象かもしれません。もちろん、自作のフィルターを作成するのはそれほど難しいことではありませんが、よくありそうな機能をいちいち自作するのは車輪の再発明なのでは、と感じる人は多いのではないでしょうか。 そのような方は、本稿で紹介するAngular Filterの導入を検討してみてはどうでしょう。Angular Filterは、名前のとおり、AngularJSアプリで利用できるフィルターライブラリ。コレクション（配列）、文字列、数値演算、判定関連のフィルターが80種類近くも提供されています。AngularJS標準のフィルターに不満を感じたら、まずはAngular Filterに目的の機能がないか、確認してみるのも良いので
AngularJSの便利なツール20選 | POSTD
皆さんはAngularJSに興味がありますか？ この記事では、AngularJSのための最適なツールと選りすぐりの情報をリストにまとめています。Angularを使ってアプリケーションの開発をする際には役立つ内容です。 Webアプリケーションを動的に設計したいWeb開発者の多くは、 フレームワークとしてAngularJSを選択するようになってきました 。AngularJSの開発者が新たにAngularJSプロジェクトを立ち上げる場合、本格的にWebサイトを開発しようとすると、非常に多くのツールが必要になります。 AngularJS初心者の場合は、まず始めに AngularJSの良書 を何冊か読むと良いでしょう。 私たちは、オンラインでAngularJSを学習するための、膨大な AngularJSのチュートリアル リストも作成しています。 AngularJSでWebアプリケーションを開発する際
[AngularJS 1]ウェブデザイナーがはじめるAngularJS：AngularJSをはじめる
前回のAngularJSをはじめる前に - AngularJSに関するサイトやスライドまとめでAngularJSについて下調べしたわけですが、本格的に勉強するために{{ “4844336681” | amazon_product:‘AngularJSリファレンス’ }}のKindle版をぽちりました。説明も丁寧で私でも十分に読み込めそうです。 良い参考資料を手にしたところで、後はコードを書く環境です。 Middlemanやスクラッチで書いても良いのですが、もっと簡単に試すためにCodePenを使って見ることにしました。 チュートリアルを試すにはCodePenが便利 CodePenはHTML, CSS, JavaScriptのコードが書け、保存・プレビューができるサービスです。ただ保存できるだけではなくサンプルを作るためにとても便利な機能が用意されています。 HTMLの他にHaml, Mar
![[AngularJS 1]ウェブデザイナーがはじめるAngularJS：AngularJSをはじめる](https://cdn-ak-scissors.b.st-hatena.com/image/square/a519b05d0dd24aa4392f3feeff2ef68d0c0adcdf/backend=imagemagick;height=288;version=1;width=512/http%3A%2F%2Fwhiskers.nukos.kitchen%2Fassets%2Fimages%2Fogp.png)
AngularJSでマテリアルデザイン風のページ遷移アニメーションを作ろう | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。 6月から役職が変わりフロントエンドリーダーからCTOになりました、先生です。 もうAngular1.4にアップデートしましたか？ Angular1.4になりマテリアルデザインを意識したアニメーション関連の変更や実装がおこなわれました。その分Breaking Changesもあるのでアップデートには注意する必要があります。 今日はそんなAngularJS 1.4を使って、マテリアルデザイン風にページ遷移するアニメーションを作ってみたいと思います。 今回のデモ デモは下記リンクになります。 各メンバーをクリックするとスムーズにアニメーションして詳細ページに遷移します。まずは触ってみてください。 http://frontainer.com/ligblog-sample/angular-morphing-animation/#/ 必要なもの AngularJS1.4 – https:
誰でもハイパフォーマンス！OnsenUIが変えるハイブリッドアプリ開発の常識ーng-japan 2015
誰でもハイパフォーマンス！OnsenUIが変えるハイブリッドアプリ開発の常識ーng-japan 2015 佐川 夫美雄（Ashiras, inc.） この記事は、Angularをテーマとした日本初のカンファレンス 「ng-japan」のイベントレポート（第2回目）です。 はじめに HTML5ハイブリッドアプリケーションとは、内部の実装にHTML5が利用されているモバイルアプリケーションです。アプリの内部実装にHTML5を使うことでクロスプラットフォーム対応が可能になりますが、その代わり問題となるのがUIとパフォーマンスです。このセッションでは、Angularの上に構築されたUIフレームワークであるOnsen UIを紹介しながら、Angularでどうすれば高速かつ快適なUIを持つモバイルアプリを作れるかについて話します。 AngularとOnsen UIで作る最高のHTML5ハイブリッドアプ
AngularJS+enchant.js+CoffeeScriptで音ゲーを作ってGitHubPages上で公開しました - undefined
これなに？ 無料音ゲー flavabeats github.com ブラウザ上で遊べる音ゲーです。 ノートと呼ばれるオブジェクトが曲に合わせて落ちてくるのでターゲットに重なるタイミングでキーボードのZ,X,C,V,Bを押していくゲームです。 楽曲はCreativeCommonsのものを使用しています。 なんで作ったの？ Vue.jsやReactやAngularJSやAurelia.JSなどフレームワークが乱立するなか何か一つ使えるようにならないといけない気がしたので勉強用に始めました。（あとcocos2d-JSのAndroidデバッグが嫌になりましたので気分転換に)。最初はAngularJSより学習コストの低そうなVue.jsを触ろうかと思ったのでですが、Vue.jsにはルーティング機能がついていないということで結局AngularJSを触ってみることにしました。(書籍も買っちゃってたし。)
AngularJSのベストプラクティスに従っていますか？ -- angular-hintの使い方 - Qiita
最近、AngularJSリファレンスという書籍を書いていたのですが、紙面や時間の都合上書けなかったこともたくさんありました。 というわけで、書籍に書ききれなかった内容を落ち穂拾い的に紹介していきたいと思います。 今回はangular-hintというツールを紹介します。 https://github.com/angular/angular-hint これは、Angularチームの1人が開発しているツールで、AngularJSを使って開発したアプリケーションに組み込んで実行すると、エラーを検出してくれたり、ベストプラクティスに従っているかどうかをチェックしてくれたりします。 ただし、説明文にWIP(Work In Progressの略)と書いてあるので、まだ開発中のようです。 angular-hintを組み込むとアプリケーションが動かなくなることもあるのでご注意ください。 angular-hi
"note"がAngularJSでどうやってSEO, Open Graphの対応をしているか｜和田 晃一良｜note
noteはAngularJSを使って、ブラウザで描写しているこの"note"というサービスはAngularJSを使って、JavaScript側（つまりブラウザ側）でノートの中身を公開しているみたいなのです。 それはブラウザでソースを見てみるとわかります。 例えばhttps://note.mu/sadaaki/n/nd921f3f7c635のノートのソースをChromeで見てみると・・・ まずhtmlタグにng-appのプロパティがついています。これはAngularJSを使うならば必要なプロパティで、ここからnoteはAngularJSを使っているんだなあと分かります。 AngularJSは簡単に言うと、サーバー側ではなくブラウザ側でHTMLを描写する仕組みです。これを利用するとどんな利点があるのか。僕の理解している範囲内だと、サーバー側はベースとなるHTML（上のソース）と各ノートのJSO
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
【AngularJS】テンプレート（.html）を1ファイルにまとめたい！ - Qiita