本連載では、グレープシティが提供するJavaScriptライブラリWijmo（ウィジモ）について、サンプルとともに利用例を紹介します。本記事では前回に引き続き、2014年9月に行われた2014J v2アップデートで追加された新機能を取り上げます。 はじめに　「Wijmo（ウィジモ）」は、グレープシティがHTML／JavaScript環境に向けて提供しているJavaScriptライブラリです。WijmoはjQueryやjQuery UI、jQuery Mobileをベースに、WebサイトやWebアプリケーションで活用できる高機能で多様なウィジェット（UI部品）を利用者に提供します。　2014年9月にWijmoのアップデート（2014J v2）がリリースされました。前回はアップデートのうちWijmo Professionalに含まれる新ウィジェットやチャートの新機能を紹介しましたが、今回はWi

The jQuery Foundationは、JavaScriptライブラリjQueryの最新版として、バージョン1.11.1の後継となる「jQuery Compat 3.0」、バージョン2.1.1の後継となる「jQuery 3.0」をリリースすることを、公式ブログの10月29日（現地時間）付けの投稿で発表した。 jQueryは、WebブラウザのAPI互換性に対応すべく、2013年に互換性を最大限に重視したバージョン1.x系列と、Internet Explorer 8以前の古いブラウザをサポートしないバージョン2.x系列とに分かれている。 ただし、1.x系列と2.x系列では、内部実装こそ異なるものの、APIとしての動作は同じであり、それは「jQuery Compat 3.0」と「jQuery 3.0」でも引き継がれる。 なお、メインパッケージの「jQuery」は、最新バージョンおよび1つ前

対象読者 jQueryなどを使っているJavaScript開発者 JavaScriptを使った複数人でのプロジェクトに参加している方 JavaScriptを使ってサーバ等と連携したフロントエンドの開発をしている方 必要な環境 この記事では、AngularJSを使用し、Chrome（36.0）、IE11、Firefox（31.0）、Safari（7.0.5）の環境で確認を行っています。 サンプルアプリケーションの概要 今回作成するアプリケーションは、単純な「タスク管理」のアプリケーションです。次のような3つの画面を作ります。 タスク（件名とメモ）を登録する画面 登録したタスク一覧を表示する画面 登録したタスクを参照する画面と、削除する為の画面 ページ遷移はシングルページアプリケーション形式で作成します。シングルページアプリケーションとは、jQuery Mobileなどでも使われている方式であ

本連載では、JavaScriptライブラリとして利用頻度の高いjQueryとそのプラグインに着目して、その利用例を紹介します。前回は世界地図と日本地図を表示するプラグイン2種を取り上げましたが、今回はもっと狭い範囲で特定の場所（地点）の情報を表示するのに便利な、GoogleマップをWebページに表示するjQueryプラグインを取り上げます。 はじめに Googleマップに象徴されるように、Webページで地図を表示することは近年一般的に行われています。特に静的な画像ではなくJavaScriptで動的に描画される地図は、利用者がインタラクティブに操作を行って場所の情報を取得できるため、Webページの利便性を高める手段として有用です。 前回は世界地図を表示するjQuery Vector Maps（JQVMap）と、日本地図を表示するJapan Mapの、2種類のjQueryプラグインを取り上げま

「Monacaエンタープライズ」は、従来の「Monaca」のクラウドサービスとしての利便性を維持しつつ、企業でのアプリ開発に求められる高度なセキュリティと、より効率のよい開発を実現する。 主な機能としては、アプリ開発に必要なエディタ、デバッグ環境、ビルド環境、バックエンド機能などを「Monacaクラウド」としてすべてクラウド上で提供しており、HTML5ハイブリッドアプリ専用デバッグツール「Monacaデバッガー」は、開発中のアプリを実機上で即時に動作確認できる。 さらに、「Monaca」のエディタやバージョン管理システムなどの開発環境を、ローカル上に構築可能な「Monaca Localkit」も用意しており、開発支援機能にも対応している。また、アプリロジックの暗号化やセキュアストレージなど、セキュリティレベルを向上する専用の「エンタープライズプラグイン」の提供も行う。 このほか、アプリ品質

PSDファイルをデベロッパーに渡すときの苦労 色々なWebデザインツールがありますが、一番使われているのはPhotoshopでしょう。しかし、それをもとにHTML/CSSを作るのは大変なことです。画像を切り出すことはもちろん、会社やプロジェクトによっては、スタイルガイドを作ったり、デザインに赤字で色やフォントサイズなどを書き込んで、デベロッパーに分かるような資料を作ることもあり、デザイン修正のたびに資料の内容を更新するのは大変です。 そこで、今回アドビのクリエイティブ制作ツールおよびクラウドサービス群である「Creative Cloud」に登場したのが、「Creative Cloud Extract」（エクストラクト、日本語では「抽出」といった意味）です。PSDファイルのレイヤー、色、オブジェクト間の距離などを、Photoshopで開かなくても見られるようにする機能です。 利用方法は簡単で

人気本を多数執筆してきた著者（山田さん）が、JavaScript技術を「逆引きレシピ」スタイルにて整理した一冊です。コードを書いていると、 「あれ？これどう書く？」 と手が止まるのはよくあること。ググッて調べても良いけれど、なかなか答えに辿りつかない。そんな時に役立つ一冊です。 1～3章は、JavaScriptの基本構文が書かれています。他のプログラミング言語に慣れている人でも、JavaScriptにはさまざまに「独特な癖」があります。知らないと思わず嵌まってしまう落とし穴。これらを避けるためのポイントが説明されているので、ここはリファレンスとしてだけでなく、通読がお勧めです。これまでわかっていたと思いこんでいた部分を再確認し、基礎固めするのに役立ちます。 例えば「クラスを定義したい」というタイトルであっても、説明している内容は「構文」「プロトタイプベースのオブジェクト指向」「文脈によるt

対象読者 jQueryなどを使っているJavaScript開発者 JavaScriptを使った複数人でのプロジェクトに参加している方 JavaScriptを使ってサーバ等と連携したフロントエンドの開発をしている方 必要な環境 この記事では、AngularJSを使用し、Chrome（36.0）、IE11、Firefox（31.0）、Safari（7.0.5）の環境で確認を行っています。 JavaScript開発の歴史 フレームワークを説明する前に、10年ほど前から現在までのJavaScriptが歩んできた流れが分かると、どうして今、JavaScriptにもフレームワークが必要になってきているのか、または開発者はフレームワークに何を求めているのかが多少は見えてくることと思います。 2005年くらいまではJavaScriptは利用者や開発者から避けられていた技術で、たとえ使われても、非常に簡単で

はじめに Wijmo（ウィジモ）は、グレープシティがHTML/JavaScript環境に向けて提供しているJavaScriptライブラリです。WijmoはjQueryやjQuery UI、jQuery Mobileをベースに、WebサイトやWebアプリケーションで活用できる高機能で多様なウィジェット（UI部品）を利用者に提供します。 2014年9月にWijmoのアップデート（2014J v2）がリリースされました。このアップデートにより提供される主な新機能には、以下のようなものがあります。 Wijmo Professional 新ウィジェット（スパークライン、フリップカード） チャートウィジェットの機能追加（近似曲線、HTML形式ヒント） Wijmo Enterprise チャートやグリッドの、画像やPDFへのエクスポート SpreadJS 新しいスパークライン（円グラフ、エリアグラフ、散

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

セッション資料：『【デブサミ関西2014】Web技術で作るエンタープライズアプリ』 業務アプリの本命、ハイブリッドアプリとは？ 「いまは企業もモバイルファーストの動きが起こっている」 セッション冒頭でこのように語り、田中氏のセッションは始まった。モバイルファーストとは、ソフトウェアを開発する際に、むしろPCよりも先にスマートデバイス対応が行われる姿勢のことだ。業務モバイル先進国である米国では、数年前からこのような動きが本格化している。そして、ようやく日本企業でもモバイルファーストが起こっており、一部の先進的な企業ではカスタムで業務アプリの開発が行われているという。業務アプリの開発において、重要になるのはデバイスの多様性に対応できること、既存ノウハウが活用できること、そして何より使いやすいこと。そこで業務アプリの本命技術として注目されているのが、「HTML5ハイブリッドアプリ」なのだ。 HT

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

Matt Mullenweg氏をはじめとするブログソフトウェア「WordPress」開発チームは、最新版となる「WordPress 4.0」（コードネーム「Benny」）を、9月4日（現地時間）にリリースした。なお、コードネームの「Benny」は著名なジャズ・クラリネット奏者ベニー・グッドマンに由来する。 「WordPress 4.0」では、アップロードするメディアの選択画面に、新たにグリッド形式のプレビュー画面を採用しており、大量のメディアファイルの中から、アップロードしたいファイルをすばやく選択できる。 メディア埋め込み機能も強化されており、YouTubeやTwitterなど、さまざまな動画／画像／音楽／ソーシャルメディアの簡単な記事への挿入を可能にしている。 このほか、エディタはスムーズかつ集中した記事の執筆や編集、文書整形を実現しており、プラグインの検索・閲覧機能の強化によって、3

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

本連載では、グレープシティが提供するJavaScriptライブラリ「Wijmo（ウィジモ）」について、サンプルとともに利用例を紹介します。前回はWebページ上でスプレッドシートを利用できるSpreadJSを紹介しましたが、今回はSpreadJSの機能を拡張するOptional Pack for Wijmo Enterpriseに含まれる「SpreadJSデザイナ」と「Excel IOサービス」の利用方法を紹介します。 はじめに　Wijmo（ウィジモ）は、グレープシティがHTML/JavaScript環境に向けて提供しているJavaScriptライブラリです。WijmoはjQueryやjQuery UI、jQuery Mobileをベースに、WebサイトやWebアプリケーションで活用できる高機能で多様なウィジェット（UI部品）を利用者に提供します。　SpreadJSは、Webページ上でExc

CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

米Adobe Systems（Adobe）は、「Adobe Photoshop CC」と「Edge Reflow」に、「Adobe Creative Cloud」やサードパーティ製アプリケーションとの相互運用性を高めるプラットフォーム「Generatorテクノロジー」を追加し、9日（現地時間）から「Creative Cloud」メンバーへの提供を開始した。 「Generatorテクノロジー」は、時間を要するPhotoshopでの作業をなくし、デスクトップとモバイルの両方でデザインを正しく表示可能にする、リアルタイムの画像アセット作成機能を備えている。また、「Photoshop CC」内でタグ付けしたレイヤーとグループは、自動的にリアルタイムで指定したファイルフォーマットの個別のファイルに保存および更新できる。 レイヤーは、Retinaディスプレイ向けのサイズ設定や、さまざまなレベルの圧縮度

グレープシティは、高度な画像処理機能を備えたJavaScriptライブラリを「LEADTOOLS 17.5J Imaging Pro」および「LEADTOOLS 17.5J Document Imaging」のプラグイン製品「HTML5 Imaging Plug-In」「HTML5 Document Plug-In」として25日に発売する。 「HTML5 Imaging Plug-In」は、JavaScriptで簡単に画像処理を実装可能で、HTMLでライブラリの参照設定を行うだけで、さまざまな画像処理機能をもったWebページを実装できる。完全なJavaScriptライブラリとして提供するため、OSやブラウザの種類に依存しないクロスプラットフォームなWebアプリケーションの開発に対応する。 また、PDFやバーコードの読み書きにも対応し、ほかのプラグイン製品との組み合わせによって、PDF表示や