Asial Blog

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

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

Onsen UIが生まれたきっかけ

カテゴリ :
フロントエンド(HTML5)
タグ :
社長BLOG
Monaca
JavaScript
Tech
Cordova
images.png
本記事はOnsen UI Advent Calendar 2016のエントリーです。Onsen UIが生まれたきっかけについて、簡単に紹介したいと思います。

jQuery 3.0βリリース。2系と3系の違いについて

カテゴリ :
フロントエンド(HTML5)
タグ :
JavaScript
jQuery
icon
jQuery 2系と3系の違いについて。なお3系はβ版の情報を元にしています。

色の処理に特化した軽量ライブラリ「Chroma.js」

カテゴリ :
フロントエンド(HTML5)
タグ :
JavaScript
chroma.png
色を補正したり、色空間の変換をしたり、カラースケールを設定して色を得る事ができる、色に関する振る舞いに特化した軽量JSライブラリ「Chroma.js」の紹介。

jQueryから離れるためのJavaScript代替ライブラリまとめ

カテゴリ :
フロントエンド(HTML5)
タグ :
JavaScript
jQuery
Monaca
Minified.js
jQueryの代わりに使えるJavaScriptライブラリを紹介します。

「マテリアルデザイン」に対応 Onsen UI 2.0 !!

カテゴリ :
フロントエンド(HTML5)
タグ :
JavaScript
Android向けのハイブリッドアプリを開発されている皆さんに嬉しいニュースがあります。なんとOnsenUI2.0では、マテリアルデザインを追加中です!

Babelを使って次期JavaScript、ES6を体験しよう

カテゴリ :
フロントエンド(HTML5)
タグ :
JavaScript
ES6
babel-site.png
ES6をいち早く体感できるBabelを試しました

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

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

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

Monaca/Cordovaですぐに使えるアニメーションライブラリまとめ

カテゴリ :
フロントエンド(HTML5)
タグ :
JavaScript
アニメーション
CSS3
MovieCropデモ
ハイブリットアプリ開発に使えるスマートフォン対応のアニメーションライブラリをまとめました。

Onsen UIをタブレットデバイスでも使おう

カテゴリ :
フロントエンド(HTML5)
タグ :
JavaScript
スプリットビューによる実装
Onsen UIをタブレットで扱います。デバイスの向きによってメニューの表示方法を変えています。

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

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