タグ

AngularJSに関するJHashimotoのブックマーク (12)

  • 【NGX-Charts】超絶素晴らしいAngular6対応のグラフライブラリがあるからみんなに知ってほしい | DevelopersIO

    はじめに どうも、福岡のmeです。 最近はAngular6を使ったSPA開発をメインにやっているのですが、 ダッシュボードにグラフを出したいという要件があったので、何か簡単の実装できるツールはないものかと探していた時に ”これは・・!”というものを見つけたのでご紹介したいと思います。 自分が探していたものは以下の条件に合うものでした。 - Angular6 に対応していること - 棒グラフ、パイ、線グラフなど、種類がいくつかあるもの - 使い方がシンプルなもの 今回使用するライブラリ NGX-Charts まず目を引いたのはおしゃれなデザインのグラフたちです。 こんなグラフがダッシュボードに置いてあったらテンションが上がって、仕事により一層身が入りそうです。 ドキュメントも読みやすく、それぞれにサンプルコードがついておりさくさく試すことができました。 グラフの種類も豊富で、様々な種類がある

    【NGX-Charts】超絶素晴らしいAngular6対応のグラフライブラリがあるからみんなに知ってほしい | DevelopersIO
  • AngularJSとKnockout.jsにおいて巨大な配列を一覧表示する時の比較 - Qiita

    概要 AngularJSやKnockout.jsでは、配列内の要素をリストやテーブルで一覧表示したいといった非常によくある処理を、双方向でのデータバインディングによって簡単かつ無駄なく記述することができます。 この時、配列を組み立てるロジック側の処理としては、 パターンA) 1件1件対象の配列にpushしていく パターンB) データバインドの対象外である一時的な変数で配列を組み立ててから代入する という2種類の方法が少なくとも考えられます。 それぞれについて、レスポンス(画面に表示される時間)にどのような違いがあるのか実験してみました。 コード AngularJS, Knockout.jsのバージョンは投稿時点(2015.5.14)で最新のものです(それぞれ1.3.15, 3.3.0)

    AngularJSとKnockout.jsにおいて巨大な配列を一覧表示する時の比較 - Qiita
    JHashimoto
    JHashimoto 2015/05/20
    “・パターンA) 1件1件対象の配列にpushしていく ・パターンB) データバインドの対象外である一時的な変数で配列を組み立ててから代入する という2種類の方法が少なくとも考えられます。 ”
  • AngularJSを選択する見解 - Qiita

    jQueryやjQuery関連のライブラリを利用して製造を行ってきたのですが、 テストに苦労しています。人出でやるにも、自動化するにも環境面など準備するのに苦労するため、 JavaScriptのテストをするにあたってもっと簡単に行える仕組みを探していました。 何で気が付いたのか忘れましたが、だれかからの紹介だったような、どこかの記事をよんだような TDDのJavaScript開発には、AngularJSがおすすめであると教えてもらいました。 現状の使いたいと感じている理由を取りまとめると以下のようになります。 HTMLのマークアップに沿った実装が可能 AngularUIを使ってリッチなUIをわりと簡単に書けそう。 TDDやend-to-end testsをベースに製造できるしくみが最初からサポートされている。Ajaxなどはサーバ側 から独立させ、仮で想定したテストが書ける。 HTML側とC

    AngularJSを選択する見解 - Qiita
    JHashimoto
    JHashimoto 2015/02/28
    “現状の使いたいと感じている理由を取りまとめると以下のようになります。”
  • AngularJS 1.3 では IE 8 がサポートされない - AngularJS Ninja Blog

    AngularJS 1.3 についての記事『AngularJS 1.3: a new release approaches』が公式ブログのほうに上がりました。 日でのエンタープライズ(業務系)なんかでは、まだまだ IE 8 は当たり前のようにサポート対象のブラウザになっているところが多いと思うので、ちょっと大きなニュースですね。 なお、AngularJS 1.2.x 以前を IE 8 で動作させるには、過去記事『AngularJS を古い IE に対応させるには』をご参照ください。 AngularJS 1.3 は IE 8 をサポートしない サポートをやめる理由としては、IE 8 で動作させるためのコードのせいで性能に悪影響があるし、すでに IE 8 ユーザは全体の数パーセント程度だし、Microsoft による Windows XP のサポートも 2014年4月に終わるし、とのこと。動

  • Q. AngularJSとjQueryの違いは何でしょうか? | POSTD

    私が知っているJavaScriptライブラリといえばjQueryです。 しかし、新規プロジェクトのデフォルトのライブラリとして、プログラマ仲間がAngularJSを導入しました。 私はAngularJSについての知識が全くありません。jQueryと何が違うのでしょうか。 jQueryのタスクとして実行された関数群は、AngularJSでも使用できますか? asked by user825904 Answer(s) jQueryはDOMのエレメントを操作・管理するための優れたツールです。 WebアプリケーションのようなデータのCRUDがなく、DOMのエレメント操作についてのみ言えば、 jQueryは最高のツールの一つです(AngularJSでも同様の操作が可能です)。 AngularJSは以下の特徴を持つフレームワークです。 双方向データバインディング MVWパターン(MVCの派生パターン)

    Q. AngularJSとjQueryの違いは何でしょうか? | POSTD
    JHashimoto
    JHashimoto 2015/02/28
    "AngularJSは以下の特徴を持つフレームワークです。"
  • AngularJSで3rd パーティー製のUIをdirective化する時の注意 - Qiita

    はじめに 自作ディレクティブを作成した際に、angularの(scopeの)イベントとjQueryのDOMイベントを結合させるのに若干苦労したため、メモ化。 実例 今回、実例としてBootstrapのmodalをangularのディレクティブ化する、というのをやってみる.ディレクティブの仕様としては以下のイメージ. my-modalタグでBootstrapのモーダルを描画できる. title属性でモーダルのタイトル文字列を指定できる. state属性を指定でき、true/falseの状態に応じてモーダルが表示/非表示化される. なお、先に断っておくが、下記は飽くまで説明用のサンプルである。 Bootstrapangularを組み合わせるのであれば、自作するのではなく http://angular-ui.github.io/bootstrap/ を使った方が良い。 利用側のコードイメージと

    AngularJSで3rd パーティー製のUIをdirective化する時の注意 - Qiita
    JHashimoto
    JHashimoto 2015/02/28
    “自作ディレクティブを作成した際に、angularの(scopeの)イベントとjQueryのDOMイベントを結合させるのに若干苦労したため、メモ化。”
  • AngularJSではjQueryを使わない - The Round

    注:古い記事の為、内容が最新ではない可能性がありますm(_ _)m AngularJSではjQueryを使わない どうもマツウラです。 AngularJSでjQueryプラグインを使う方法を調べました。 結論から書くとなるべくdirectiveで書きなおして下さい、ということです。 プラグインをそのまま使いたい気持ちはありますが、理由があるんです。 まず、AngularJSで使う方法をみてみます。 プラグインが適用されない。 directiveのlink関数に書く。 .directive('myDirective', function() { return { link: { post: function(scope, element, attr) { //... } } } }) 動的に生成されたDOMに対してプラグインが適用されない。 $timeoutを使う。 $timeout(fun

    AngularJSではjQueryを使わない - The Round
    JHashimoto
    JHashimoto 2015/02/28
    “これらの方法で解決できそうですが、推奨されません。 その理由を見てゆきます。 stackoverflow:How do I “think in AngularJS” if I have a jQuery background?の投稿にまとまっています。(回答はVote 4000以上の評価)”
  • Angularチームは、どうかしちゃった? | POSTD

    私は 以前の投稿 で、Angularなどのフレームワークがあまり好きではない旨を述べました。宣言的なHTMLのタグや属性、{{二重波括弧}}のプログラミングを開発するということには、 どうも抜け落ちている部分がある ようです。そして、どのフレームワークも独自のやり方で開発されているため、それを理解しサポートするためには、ツールのアップデートに多大な労力を 浪費する 注ぐ 必要があります。 さらに、そんな先入観を抜きにして考えてみても、Angularの今後に関して最近入ってきた情報は、私がますます頭を抱えてしまうような内容だったのです…… ツールに新たに追加される概念は、1つではなく3つ! Angularをサポートするためにはツールのアップデートが必要ですが、今は下記を考慮していく必要があるようです。 Angular v1の構文 Angular v2の構文(従来と 大きく異なる ようです)

    Angularチームは、どうかしちゃった? | POSTD
    JHashimoto
    JHashimoto 2014/12/21
    “もう1つ「一体なぜ?」と思ったのがこの点です。変更があまりにも重大なので、随時リリースすることはできないようなのです。そう考えると、v1からv2への移行は、とてつもなく大変な作業になりそうです。”
  • angular・backbone・knockoutの比較/印象まとめ - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?

    angular・backbone・knockoutの比較/印象まとめ - Qiita
  • Angular.JS と ASP.NET を利用した Single Page アプリケーションの作成

    Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。このでは、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...

    Angular.JS と ASP.NET を利用した Single Page アプリケーションの作成
  • AngularJSを使ったWebアプリのアーキテクチャ設計 - Qiita

    Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? AngularJSは公式で分かりやすいチュートリアルが用意されているし、日語の記事も増えてきたし、けっこう簡単に使い始めることができるんじゃないかと思います。 でも、チュートリアルやサンプルはクライアントサイドオンリーなことが多くて、サーバーサイドも含めたWebアプリを作ろうと思うと、どういう構成にすればいいのか迷うのではないでしょうか?(僕がそうでした) 最初は試行錯誤していたのですが、書籍やネットの記事を読んだりGitHubで見つけたアプリを真似たりしているうちに、どういう構成にすればいいのかだんだん見えてきたので、解説してみたい

    AngularJSを使ったWebアプリのアーキテクチャ設計 - Qiita
  • AngularJS 20min #ng_jp

    フロントエンドのパラダイムを参考にバックエンド開発を再考する / TypeScript による GraphQL バックエンド開発

    AngularJS 20min #ng_jp
  • 1