Infragistics Blogs

  • AngularJS でルーティング(Routing) を簡単に行う方法

    原文 - Simplifying Routing in AngularJS 通常、AngularJS は複数のビューを持つシングル ページ アプリケーションの作成に使用されます。ただし、ルーティングを使用し AngularJS ベースのシングル ページ アプリケーションに複数のビューを作成することもできます。このブログではその方法を説明していきます。 ルーティングについて ルーティングは、アプリケーションを非同期に読み込まれる複数の論理ビューに分割できます。シングルページの製品アプリケーションを見てみましょう。以下のようにこの製品で実行するさまざまなタスクを個々の論理のビューに分けることができます。...
  • Excelワークシートのコピー

    今回も Infragistics Ignite UI の Excel ライブラリに関するご紹介です。 このライブラリをご利用いただきますと、既存の Excel ファイルのデータを javascript のインスタンスとして取り込み、プログラムからデータの変更を行って新たなワークブックを作成いただくことができます。 今回ご紹介するのは、ワークシートの内容を別のワークシートへコピーする方法です。 例えばテンプレートとなるワークシートがあって、それを複数のシートに複製してそれぞれに別のデータを書き込みたい場合などにご利用いただけるのではないかと思います。...
    08-25-2016, 22:18 - mikam 0 Comments 132 Views
  • AngularJS アプリケーションに依存性 (Dependency) を注入 (Injection) するさまざまな方法

    原文 - Different ways of injecting dependency in an AngularJS Application AngularJS の特徴について読まれた方は、依存性の注入 (Dependency Injection, DI) という用語をご存じだと思います。これはアプリケーションに必要となる依存関係が AngularJS に注入されるという前提によるものです。開発者としての仕事はモジュールに依存を渡すことだけです。その他すべては AngularJS が処理します。...
  • Angular JS フォームでユーザー入力を検証

    原文 - Validating User Input on a Form in Angular JS AngularJS のシングルページアプリケーションでのユーザー入力の検証はエントリ レベルの開発者には少々難しいかもしれません。そこで、このブログでは AngularJS の検証について簡単にご説明します! 以下の例を見てみましょう。以下の制限がある 3 つのフィールドから構成された登録フォームです。 名前: 必須項目。 メール: 必須項目。メール アドレス 。 パスワード: 必須項目。最小 6...
  • データセットの側面 - パート 2

    原文 - Aspects of Datasets - Part 2 このブログはデータセットのキーとなる側面について詳しく紹介するブログのパート 2 となります。 前回 、関連性、正確性、精度についてお話ししましたが、ここでは一貫性、完成度、そしてサイズについて考察していきます。 一貫性 1999 年 9 月 23 日、NASA のマーズ・クライメイト・オービターが火星大気に入った直後に燃え尽きてしまいました。この 1億 2 千 5 百ドルの過ちは、サテライトを制御するソフトウェアの 2 つの異なる部分で使用する単位の不一致が原因でした。...
  • igGrid 編集内容をデータベースに更新する

    igGrid 上で編集を行い、編集内容をデータベースに更新するサンプルのご紹介です。Entity Framework と連携することで SQL 文を明示的に記述する必要なく、データベースへのコミットまでを行います。今回紹介するコードを反映したサンプルは こちらからダウンロード できますので、サンプルと比較しながら記事をご覧下さい。 ポイントは2点で、UpdateUrl オプションの指定と saveChanges メソッドの呼び出しです。 データについて データの生成は CodeFirst で行います。データのモデルは...
  • Angular の “Controller as” 構文と vm 変数

    原文 - Exploring Angular’s “Controller as” Syntax and the vm Variable 「controller as syntax って何ですか?」あるいは「コントローラーの作成で $scope object アプローチとの違いは何ですか?」といった開発者の質問をよく耳にします。本ブログでは controller as syntax をご紹介し、$scope オブジェクトのコントローラー作成方法と比較していきます。 コントローラー コードの作成をより読みやすくする...
  • スロープグラフへの入門 - 後編

    原文 - An Introduction to Slopegraphs - Part 2 前編では 、スロープグラフを用いて時間的推移を表す方法について説明しました。G20 先進国のうち 13 か国の 1960 年と 2013 年の人口の推移をデータを例に説明しました。スロープグラフは、カテゴリー タイプの変数の差異を表すためにも用いられています。同じように、13 ヶ国の人口データを使用して、2012 年の平均寿命を示しています (スロープグラフは、 R で作成しましたが Excel でも作成可能です)。今回は、水平方向に時間的推移ではなく個別のカテゴリー男性および女性を配置しています。...
  • Ignite UI components for Angular 2 を見てみよう

    - 2016/08/17(水)時点の情報に基づいています - こんにちは、インフラジスティック・ジャパン デベロッパーサポート の桐生です。 弊社のjQuery/HTML5用コントロール Ignite UI が Angular 2 に対応した Ignite UI components をご紹介したいと思います。 Ignite UI components for Angular 2 は、Angular 2 beta 版からサポートを開始し、現時点では RC4 に対応しています。 Angular 2...
  • データセットの側面 - パート 1

    原文 - Aspects of Datasets - Part 1 コンパイルするデータセットが自分のデータであるか他人のデータであるかに関わらず、データが目的に合わなかった場合、時間とお金を無駄にする可能性が非常に高くなります。このブログはシリーズ最初の記事です。パート 1 では、関連度、正確度、精度、パート 2 では、一貫性、完全性、そしてサイズについてカバーします。 関連性 当たり前ですが、計測するデータは取り組んでいる分析プロジェクトに関連性がある必要があります。たとえば、北オーストラリアの非雇用率を知りたい場合に、地元商店でオレンジの平均円周を図ることに何の意味もありません。理想は、関心のある変数を直接計測、あるいは特定の地域のグループの人々を調査することです。これは可能でない場合もあります。何を計測したいかを図る技術がないからかもしれません。あるいは関連キットを手に入れるための資金、あるいはアンケートを続けるための資金がないからかもしれません。また法的と倫理的な考慮が関与しています。場合によって最適な方法は、プロキシデータのフォームに依存することです。...
  • igGrid Date 値のフォーマット

    igGrid に日付データを表示する際、標準では yyyy/MM/dd で表示されます。今回は時刻(時分)までを表示するように設定してみましょう。利用するオプションは、列(column)に用意されている format オプションです。 データの形式 データは下記の形式で用意されています。RegisterDate は年月日時分を指定して値を初期化しています。 { "EmployeeID": "56250fa57ab1535722e564a6", ...省略... "RegistererDate":...
  • クライアントサイドで Excel ファイルを操作する

    今回ご紹介する Infragistics Ignite UI の Excel ライブラリは、javascript を使用してクライアントサイドのみで Excel ファイルの作成や保存を行う機能を持っています。 簡単な Excel テンプレートの作成や保存、読み込みと編集の例を通して、ライブラリの実力をご覧ください。 それでは、まずは Excel を新規で作成してみましょう。 以下の一文は新しい workbook インスタンスを生成します。 //workbookインスタンスを2007(.xlsx)ファイル形式で生成する...
    08-16-2016, 0:23 - mikam 0 Comments 133 Views
  • TypeScriptをブラウザ上で手軽に試す

    - 2016/08/11(木)時点の情報に基づいています - こんにちは。デベロッパーサポートの桐生です。 今回、TypeScript をブラウザ上で手軽に試すための方法をご紹介したいと思います。 Angular2 では TypeScript が使われており(必ずしも TypeScript を使わなければいけないわけではありませんが)、今後Angular2が正式リリースされた暁には TypeScript の需要がい一気に高まるのではないでしょうか。 ※弊社のjQuery/HTMl5用コントロール...
  • igGrid 新規追加行の初期値(デフォルト値)を指定しよう

    igGrid には新規追加行の機能を提供しており、新たな行追加を簡易に行うことができます。この機能を使う際に、特定のセルに初期値(デフォルト値)を指定したい場面があります。 このような場合には、編集機能の持つ defaultValue オプションを利用することができます。 defaultValue オプションの指定: Updating > columnSettings から列単位で指定します。 $("#grid").igGrid({ ...省略... features:[{ name: "Updating",...
  • igDataChart に Canvas 要素を追加する

    Ignite UI の igDataChart で時折見られるご要望に、図形やテキストなどの視覚要素を追加したいというものがあります。そこで、今回はチャートエリアにカスタムの HTML Canvas を追加する方法をご紹介します。 今回サンプルに使用するチャートは折れ線グラフです。シリーズの最大値と最小値となる地点に横線を引いてラベルを付けてみたいと思います。 目指すチャートはこちらです。 赤線の Max ラインと青線の Min ライン、およびそのラベルがカスタムで追加した Canvas 要素です。...
    08-09-2016, 0:21 - mikam 0 Comments 159 Views
    Filed under: , ,
More Posts Next page »
Powered by Community Server (Commercial Edition), by Telligent Systems