Asial Blog

Recruit! Asialで一緒に働きませんか?

フロントエンド(HTML5)の一覧

NVD3を使って、AngularJSで作ったハイブリッドアプリのグラフを統合しよう

カテゴリ :
フロントエンド(HTML5)
タグ :
JavaScript
HTML5
ハイブリッドアプリにグラフを表示する方法はいくつもあります。ハイブリッドアプリは基本的にHTML,Javascript,CSSで動くウェブアプリケーションなので、JavaScriptのグラフライブラリならなんでも使うことができますし、バックエンドでグラフを作成して静止画として表示することもできます。

この記事では、D3というデータビジュアリゼーションライブラリに基づき、再利用することのできるNVD3に注目します。それでは、このNVD3がJavaScriptのみでどうやってグラフを作成し、AngularJSのディレクティブにどのようにしてラッピングされているのかを見>ていきましょう。

GapDebugを使えばWindowsでもiOSアプリの実機デバッグができます

カテゴリ :
フロントエンド(HTML5)
タグ :
JavaScript
Cordova
HTML5
GapDebug公式サイト
GapDebugはWindows/Mac OSX用のソフトウェアで、Monaca/PhoneGap/Cordovaアプリの実機デバッグをサポートします。

AngularJSとOnsen UI で作るGoogle Mapsのサンプルアプリ

カテゴリ :
フロントエンド(HTML5)
タグ :
Monaca
Onsen UI
HTML5
angularjs
topmap.png
以下のツールを使用して、このサンプルを構築します。

Onsen UI を使用して、HTML5ハイブリッドアプリを作ってみよう

カテゴリ :
フロントエンド(HTML5)
タグ :
Monaca
HTML5
JavaScript
Onsen UI
popover.png
ハイブリッドアプリ開発のお話を、あちらこちらで、最近は、耳にするようになりました。プログラム知識が乏しい初心者マークの方、手っ取り早くアプリを開発したい方には、ネイティブアプリ開発のハードルは、高いのが現状です。ネイティブアプリを開発するためには、各プラットフォーム専用のプログラム言語を学び、かつ、開発対象の端末側の機能も学ぶ必要があります。
もちろん、パフォーマンスが良い、端末側のリソースが利用できるなど、ネイティブアプリの開発にも、利点はたくさんあります。

Ajaxによるmultipart/postでの画像ファイルアップロード その3

カテゴリ :
フロントエンド(HTML5)
タグ :
Monaca
JavaScript
HTML5
icon
こんにちは。内藤です。
前回および前々回に、FormおよびCameraプラグインで画像を取得し、それをFormDataオブジェクト経由でAjaxでサーバーにアップロードする方法について紹介しました。今回は、FormDataを使わず、手動でMultipart Postを生成してアップロードする方法について紹介します。

ng-japanに参加しました

カテゴリ :
フロントエンド(HTML5)
タグ :
angularjs
JavaScript
HTML5
icon
日本初のAngularJSのカンファレンス、ng-japanのレポートです。

透過がサポートされたnode-webkit(NW.js)でガジェットを作ろう

カテゴリ :
フロントエンド(HTML5)
タグ :
node-webkit
HTML5
JavaScript
node.js
Webkit
sc.png
2014年末、node-webkitに透過がサポートされました。
ウィンドウの透過により、デスクトップガジェットのようなモノが作れるようになったので、試してみようと思います。

Onsen UI v1.2がやってくる! 新機能を紹介。

カテゴリ :
フロントエンド(HTML5)
タグ :
Monaca
JavaScript
HTML5
eyecatch.png
HTML5でモバイルアプリを開発するためのフレームワーク、Onsen UI(http://onsen.io)のバージョン1.2.0がリリースされました。このリリースには、アラートダイアログ、ダイアログ、ポップオーバー、カルーセルなどの新しいUIコンポーネントが追加されました。この記事では、このOnsen UIバージョン1.2での変更を紹介していきます。

第一回Apache Cordova勉強会で「Cordovaで作るHTML5ハイブリッドアプリ 〜開発ベストプラクティスを学ぶ〜」という題で発表しました

カテゴリ :
フロントエンド(HTML5)
タグ :
Monaca
HTML5
Cordova
2-anatoo.png
Cordovaで作るHTML5ハイブリッドアプリ 〜開発ベストプラクティスを学ぶ〜」という題で発表しました。Cordovaでアプリを開発する上で、開発プロセスの中で留意する点についておおまかに説明しています。

「最新SPA開発を学ぼう!ウェブエンジニアのためのAngularJS入門」という題でPHPカンファレンス2014で登壇してきました

カテゴリ :
フロントエンド(HTML5)
タグ :
JavaScript
PHP
HTML5
10月11日に開催されたPHPカンファレンス2014にて、「最新SPA開発を学ぼう!ウェブエンジニアのためのAngularJS入門」という題で登壇してきました。