Browse by Tags

All Tags » JavaScript
Showing page 1 of 2 (44 total posts)
  • [18.2] Infragistics Ultimate 2018 Vol.2リリース!

    おまたせしました!Web、モバイル、デスクトップ全てに対応するInfragistics Ultimate 2018 Vol.2を本日リリースしました! 今回のリリースでは、主にAngularに対応する高速グリッド、チャートの機能強化、Microsoft Excelエクスペリエンスの機能向上、Indigo.Designにおけるデザインフローの改善が含まれています。このエントリではそれぞれについてご紹介します。 Angular対応高速グリッド、チャートの機能強化 Ignite UI for ...
    Posted to Daizen Ikehara (Weblog) by Daizen Ikehara on November 5, 2018
  • [お客様導入事例] 東洋ビジネスエンジニアリング株式会社様 [Ignite UI for JavaScript]

    本日より、Ignite UI for JavaScript と Angularラッパーを使用いただきました東洋ビジネスエンジニアリング株式会社様の事例をを公開いたしました。 左から東洋ビジネスエンジニアリング株式会社 新商品開発本部 / マーケティング企画部 部長 入交 俊行 氏、同マーケティング企画部 久保 宏 氏 製造業向けタブレットIoTソリューションである、「mcframe SIGNAL CHAIN」への採用の背景や、 弊社が提供する技術サポートをご利用いただいた際の様子をお話いただいております。ぜひ、ご覧ください。
    Posted to JP Marketing (Weblog) by Daizen Ikehara on October 3, 2018
  • [18.1] Infragistics Ultimate 2018 Vol.1 をリリースしました!

    本日、2018 年 4 月 26 日に、Web、モバイル、デスクトップアプリケーション開発を支援する UI コンポーネント スイート製品、Infragistics Ultimate の最新バージョン、2018 Vol.1 をリリースしました! このエントリでは 2018 Vol.1 の大きな特長を紹介します。 金融サービス向けソリューションに適した高機能、高速 UI コンポーネント インフラジスティックスが主要プラットフォーム向けに提供しているグリッドおよびチャートコントロールは、金融業界向けソリューションに最適となるように設計されています。また、金融アプリケーションの近代化ソリューションの一つであるOpenFin OS (英語) ...
    Posted to Daizen Ikehara (Weblog) by Daizen Ikehara on April 25, 2018
  • [Angular] Ignite UI for Angular のバージョニング [バージョン 5 以降]

    Ignite UI for Angular は修正や機能追加を継続して実施する継続的デリバリー (Continuous Delivery) を採用しており、非常に短いスパンでアップデートを実施しています。セマンティック バージョンとは若干異なるバージョニングをこのエントリでは下記の Wiki を基に Ignite UI for Angular のバージョニングについて解説します。 GitHub – Ignite UI for Angular versioning Ignite UI for Angular のバージョンは下記の規約によってバージョンが設定されます。また、このバージョニングは 5.x.x 以降が対象となります。 <Angular ...
    Posted to Daizen Ikehara (Weblog) by Daizen Ikehara on March 12, 2018
  • [Ignite UI] パッケージおよび、リポジトリ名変更のお知らせ [npm]

    あけましておめでとうございます。本年もよろしくお願いします。 Ignite UI は数年に渡り、jQuery UI を利用した UI ウィジェットライブラリーとして進化と続けてきました。このライブラリーは Angular、React、ASP.NET MVC、KnockoutJS など拡張機能を提供してきました。 また、ここ数年、市場からのニーズに応えるため、よりオープンな開発を進めていくために、一部のウィジェットに関してオープンソース化を行い、これらのパッケージを、npm などのパッケージマネージャーを使用してすぐにプロジェクトに適用できるような仕組みを整備してきました。 現在、下記に列挙するように数多くの npm パッケージを npmjs ...
    Posted to Daizen Ikehara (Weblog) by Daizen Ikehara on January 12, 2018
  • [17.2] Infragistics Ultimate 2017 Vol.2 最新情報オンラインセミナーを開催しました。[Slide]

    先日、11/30 に Infragistics Ultimate 2017 Vol.2 の最新情報をご紹介するオンラインセミナーを開催しました。セミナーでは、下記のプロダクトについて最新情報をご紹介しました。Indigo StudioIgnite UI for AngularIgnite UI for JavaScriptInfragistics Ultimate UI for XamarinInfragistics Ultimate UI for WPFInfragistics Ultimate UI for Windows Forms スライド Infragistics Ultimate 2017 Vol.2 最新機能 from インフラジスティックス・ジャパン株式会社 ...
    Posted to Daizen Ikehara (Weblog) by Daizen Ikehara on December 6, 2017
  • [17.2] Infragistics Ultimate 2017 Vol.2 リリース!

    本日、Web、モバイル、デスクトップ全ての開発を支援する開発コンポーネントスイート、Infragistics Ultimate の最新バージョン、Infragistics Ultimate 2017 Vol.2 をリリースしました! 今回のリリースでは、多くのお客様からご要望をいただいた、Angular コンポーネントが正式にラインナップへ加わりました!このコンポーネントはモバイル、タブレット、デスクトップ向けアプリケーションを Angular で構築する際にご利用いただけるコンポーネントです。 このエントリでは Ignite UI for Angular の紹介も含めて新機能のハイライトをご紹介します。 新製品、Ignite UI for Angular を提供開始! ...
    Posted to Daizen Ikehara (Weblog) by Daizen Ikehara on November 21, 2017
  • Ignite UI with Angular

    - 2017/08/16(水) 時点の情報に基づいています - こんにちは、インフラジスティックス・ジャパン デベロッパーサポート の桐生です。 前回の記事(Ignite UI の始め方)では、Ignite UI そのもの構成方法や使い方などの基本をお伝えしました。今回から、Ignite UI を他のフレームワークと一緒に使う方法を紹介していきます。 今回は Angular と組み合わせる方法についてです。   0) 今回用意した環境 Windows 10 Node.js 8.4.0 - ダウンロードはこちらから npm 5.3.0   1) Angular CLI でプロジェクトを生成 Angular CLI ...
    Posted to Tatsushi Kiryu (Weblog) by tkiryu on August 16, 2017
  • Ignite UI for JavaScript 2017 Vol.1 新機能

    先日リリースを発表しました Infragistics Ultimate 2017 Vol.1 には JavaScript/HTML5、Angular、React、ASP.NET MVC に対応するライブラリー、Ignite UI が含まれています。この新機能についてより詳しく解説します。 新機能のハイライト グリッドの新機能 – テキスト フィルタリング、GroupBy 集計、グリッドのキャプション機能が高機能、高速グリッドである igGrid に追加 新コントロール: スプレッドシートコントロール – Microsoft Excel ライクなスプレッドシート UI を実現 新コントロール: スケジュール コントロール – ...
    Posted to Daizen Ikehara (Weblog) by Daizen Ikehara on July 13, 2017
  • igGrid のパフォーマンスを体感できるオンラインサンプル

    - 2017/01/31(火)時点の情報に基づいています - こんにちは、インフラジスティック・ジャパン デベロッパーサポート の桐生です。 弊社のjQuery/HTML5用コントロール Ignite UI のコントロールの中で最もご利用頻度の高い igGrid ですが、 ・何行 × 何列 まで表示できるの? ・パフォーマンスはどうなの? といったお問い合わせをよく頂きます。そこで、弊社では、お客様ご自身でパフォーマンスを確認できるオンラインサンプルをご用意しております。   オンラインサンプル:Grid パフォーマンスオプション ...
    Posted to Tatsushi Kiryu (Weblog) by tkiryu on January 31, 2017
  • igGrid のライフサイクルイベントを使ってカスタマイズの幅を広げよう

    - 2017/01/30(月)時点の情報に基づいています - こんにちは、インフラジスティック・ジャパン デベロッパーサポート の桐生です。 弊社のjQuery/HTML5用コントロール Ignite UI のコントロールの中で最もご利用頻度の高い igGrid のライフサイクルイベントについてご説明いたします。 Ignite UI のコントロールは、組み込みオプションでは実現できないことも、イベントを駆使することでより高度なカスタマイズを実現することができます。 特に igGrid ...
    Posted to Tatsushi Kiryu (Weblog) by tkiryu on January 30, 2017
  • igGrid でカスタムのリモートページングを実装する(Web API を使用)

    igGrid のページング機能はレコードデータを複数のページに分け、データの読み込みを表示するページ分のみとすることでパフォーマンスを向上させる機能です。 データの取得はローカルまたはリモートで実行できますが、今回ご紹介するのはリモートでデータチャンクを取得し、表示する方法です。 igGrid のリモートページングは Infragistics ASP.NET MVC ラッパーを使用する場合は GridDataSourceActionAttribute 属性を付与したアクションメソッドを作成し、 ActionResult として IQueryable タイプのデータを返すだけで自動的にページング処理が行われます。 ここでは、そのような ...
    Posted to mikam (Weblog) by Mihoko Kamiishi on December 1, 2016
  • AngularJS での Custom Directives

    原文 - Understanding scopes in AngularJS custom Directives このブログでは、AngularJS カスタムディレクティブのスコープの種類について学びます。はじめにディレクティブの概要、そしてスコープについてご紹介します。 ディレクティブ 最も重要なコンポーネントの 1 つです。 既存の要素に特別な意味を与えます。 新しい要素を作成します。 DOM の操作します。 ng-app、ng-controller, そして ng-repeat 以外にも以下の AngularJS に含まれる多くのビルトイン ディレクティブがあります。 ng-maxlength ng-minlength ...
    Posted to World Tech Talk in Japanese (Weblog) by mkobayashi on October 18, 2016
  • WebDataGrid で複数列のドロップダウンを作成する

      以前のブログにて WebDataGrid でカスケードのドロップダウン列を作成する方法をご紹介しました。今回は、一つの列のドロップダウンで複数列を持つリストを表示させる方法をご紹介します。 下の図は完成後の WebDataGrid です。DropDownCol 列のドロップダウンに WebDataGrid を表示することにより、複数列表示を行っています。このサンプルではドロップダウン内のグリッドで選択された行のうち、 col2 列の値がドロップダウンの選択値( = WebDataGrid のセルの値)となります。     コーディングを始めます。 まずは aspx 上での WebDataGrid ...
    Posted to mikam (Weblog) by Mihoko Kamiishi on September 27, 2016
  • ASP.NET Web API & AngularJS ステップバイステップ ガイド

    原文 - A Step-by-Step Guide to Working with the ASP.NET Web API and AngularJS このブログでは、AngularJS と ASP.NET Web API を使用する方法を手順に従ってご説明します。ここでは AngularJS および Web API の基礎知識が必要となります。以下を使用してハンズオン形式でデータベースからデータをフェッチし、AngularJS アプリケーションに表示します。 SQL Server のデータベース Entity Framework データベース - ファーストアプローチのデータ モデル ASP.NET の Web API アプリケーションに Web ...
    Posted to World Tech Talk in Japanese (Weblog) by mkobayashi on August 30, 2016
  • AngularJS でルーティング(Routing) を簡単に行う方法

    原文 - Simplifying Routing in AngularJS 通常、AngularJS は複数のビューを持つシングル ページ アプリケーションの作成に使用されます。ただし、ルーティングを使用し AngularJS ベースのシングル ページ アプリケーションに複数のビューを作成することもできます。このブログではその方法を説明していきます。 ルーティングについて ルーティングは、アプリケーションを非同期に読み込まれる複数の論理ビューに分割できます。シングルページの製品アプリケーションを見てみましょう。以下のようにこの製品で実行するさまざまなタスクを個々の論理のビューに分けることができます。 製品を追加するビュー 製品を削除するビュー ...
    Posted to World Tech Talk in Japanese (Weblog) by mkobayashi on August 28, 2016
  • AngularJS アプリケーションに依存性 (Dependency) を注入 (Injection) するさまざまな方法

    原文 - Different ways of injecting dependency in an AngularJS Application AngularJS の特徴について読まれた方は、依存性の注入 (Dependency Injection, DI) という用語をご存じだと思います。これはアプリケーションに必要となる依存関係が AngularJS に注入されるという前提によるものです。開発者としての仕事はモジュールに依存を渡すことだけです。その他すべては AngularJS が処理します。 コントローラーを作成するにはモジュールのコントローラー機能に $scope オブジェクトおよび他の依存を渡します。たとえば、ProductController の作成には $scope ...
    Posted to World Tech Talk in Japanese (Weblog) by mkobayashi on August 24, 2016
  • Angular JS フォームでユーザー入力を検証

    原文 - Validating User Input on a Form in Angular JS AngularJS のシングルページアプリケーションでのユーザー入力の検証はエントリ レベルの開発者には少々難しいかもしれません。そこで、このブログでは AngularJS の検証について簡単にご説明します! 以下の例を見てみましょう。以下の制限がある 3 つのフィールドから構成された登録フォームです。 名前: 必須項目。 メール: 必須項目。メール アドレス。 パスワード: 必須項目。最小 6 文字のパスワード。 上記の条件をクライアント側で検証します。AngularJS ベースのシングル ページ ...
    Posted to World Tech Talk in Japanese (Weblog) by mkobayashi on August 22, 2016
  • Angular の “Controller as” 構文と vm 変数

    原文 - Exploring Angular’s “Controller as” Syntax and the vm Variable 「controller as syntax って何ですか?」あるいは「コントローラーの作成で $scope object アプローチとの違いは何ですか?」といった開発者の質問をよく耳にします。本ブログでは controller as syntax をご紹介し、$scope オブジェクトのコントローラー作成方法と比較していきます。 コントローラー コードの作成をより読みやすくする controller as syntax は AngularJS 1.2 で導入されました。ここでは 2 つの方法を実例で紹介します。 $scope object ...
    Posted to World Tech Talk in Japanese (Weblog) by mkobayashi on August 18, 2016
  • 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 については、つい先日8/10(水) にRC5がリリースされましたので、Ignite UI components もそのうちアップデートがあるのではないかと期待しています。 ソースコードは ...
    Posted to Tatsushi Kiryu (Weblog) by tkiryu on August 17, 2016
  • クライアントサイドで Excel ファイルを操作する

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

    - 2016/08/11(木)時点の情報に基づいています - こんにちは。デベロッパーサポートの桐生です。 今回、TypeScript をブラウザ上で手軽に試すための方法をご紹介したいと思います。 Angular2 では TypeScript が使われており(必ずしも TypeScript を使わなければいけないわけではありませんが)、今後Angular2が正式リリースされた暁には TypeScript の需要がい一気に高まるのではないでしょうか。 ※弊社のjQuery/HTMl5用コントロールIgnite UIでも、TypeScriptへの対応を行っており、またAngular2 ...
    Posted to Tatsushi Kiryu (Weblog) by tkiryu on August 10, 2016
  • igGrid 動的にセル編集可/不可を制御する

    - 2016/08/03(水)時点の情報に基づいています -   こんにちは。デベロッパーサポートの桐生です。 弊社のjQuery/HTMl5用コントロールIgnite UIのグリッド igGridの更新機能をお使いで、動的にセルの編集可/不可を制御したい、というお問い合わせがよくありますので、 その方法をご紹介したいと思います。   基本:イベントキャンセルによるセル編集制御 Ignite UI の各コントロールには、大抵の場合において「XXX」の処理をする際の ・前イベントとして「XXXing」イベント ・後イベントとして「XXXed」イベント が用意されています。 「XXXing」イベントハンドラ内では false ...
    Posted to Tatsushi Kiryu (Weblog) by tkiryu on August 2, 2016
  • Ignite UI のカスタムビルドを使用してパフォーマンス改善を図る

    - 2016/07/21(水)時点の情報に基づいています -   Ignite UI のJSファイルのロードに時間がかかってパフォーマンスが遅い場合は・・・ Ignite UI の機能を使用するためには https://jp.igniteui.com/getting-started infragistics.core.js    410KB   // 基本ロジックおよびデータ ソース コンポーネント infragistics.dv.js      3.28 MB // チャートおよびマップ コントロール ...
    Posted to Tatsushi Kiryu (Weblog) by tkiryu on July 21, 2016
  • AngularJS の provider() とは?

    原文 - What is a Provider () in AngularJS? provider() 関数は、provider() によって作成されたサービスでアプリケーション固有の入力を設定する構成可能なサービスの作成を許可します。たとえば、アプリケーションレベルでサービスにアクセスするための API キーを設定する必要がある場合、キーを module.config に設定し、$provide サービスを使用して入力を provider に渡します。サービスを作成するその他の方法は内部に $provide サービスを使用します。 module.config で $provide サービスを使用したサービスの作成 provider() ...
    Posted to World Tech Talk in Japanese (Weblog) by Daizen Ikehara on July 19, 2016
1 2 Next >
Powered by Community Server (Commercial Edition), by Telligent Systems