アシアルブログ

アシアルの中の人が技術と想いのたけをつづるブログです

JavaScript

AngularJS 1.3のフォームまわりの機能強化

こんにちは中川です。 先日、AngularJS 1.3 がリリースされましたね。 動作速度の改善や、メモリ消費量の削減などパフォーマンス面での改善もうれしいところですが、 機能的にはフォーム関連の機能強化が特にうれしく感じましたので、紹介したいと思います。

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

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

外部コンテンツをiframeサイズで拡大縮小させたり、固定幅コンテンツをウィンドウサイズでピッタリ表示させる方法

iframeを使って外部サイト(自分で更新できない)を表示したいときに、 iframe内のコンテンツを拡大縮小する方法 サイトコンテンツを固定幅のまま、あらゆるブラウザで、 ウィンドウサイズに合わせてピッタリに拡大縮小する方法

お絵描きアプリと画像の保存処理の実装

HTML5のキャンバス機能を利用すると、簡単にお絵描きアプリが作れます。 ここでは、それをさらにpng画像にしてアプリ内に保存する機能を実装してみます。

Canvas Fingerprintingというトラッキング技術

Canvas Fingerprintingという新しいトラッキング技術。どのようなものなのか、どのようにして使うのか、どのようなリスクがあるかを取り上げます。

HTML5+CSS3+JSでネイティブGUIアプリが作れる、node-webkitを触ってみる

Chromiumとnode.jsベースで作られたランタイムで、HTMLとJavascriptでネイティブアプリが作れるnode-webkitを触ってみました。 導入の仕方から、簡単なサンプルを使った動作、配布の仕方などを紹介します。

Protractorでハイブリッドアプリを自動テスト!

開発中も気軽にテストを実行できる環境があれば、既存コードのリファクタリングや使用しているフレームワークのバージョンアップなども安心して行えます。 というわけで今回は「Cordova + AngularJS + Onsen UI でハイブリッドアプリを作り、それをProtracto…

Onsen UI 1.1.2をリリースしました!

このたびOnsen UI 1.1.2をリリースさせていただきました。今回のリリースでは新しくジェスチャーに関する機能と戻るボタンに関する機能を強化しております。

HTML5のCanvasを簡単に高機能化してくれるJSライブラリ「Fabric.js」

HTML5のCanvasを簡単に高機能化してくれるJSライブラリ「Fabric.js」を紹介します。 Canvas上に描いた絵をマウス操作で動かしたり、拡大縮小する機能が標準で付いていてスゴい便利なライブラリです!

JS/CSSコンポーネントとloader.jsについて

2014/6/28に行われたMonacaアップデートで実装されたJS/CSSコンポーネントとloader.jsに ついて紹介します。

ハイブリッドアプリの動作性能を飛躍的にアップさせるiOS 8の新ブラウザエンジンを検証する

iOS 8の中に組み込まれているハイブリッドアプリのパフォーマンスを飛躍的に向上させる仕組みについて、ご紹介します。この記事はアシアルがCodeZineに寄稿した記事の要約となります。

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

前回の記事では、画像の選択としてFormタグを利用しました。 しかしながら、Android 4.4ではFormタグでinput type=fileによるファイル選択が出来なくなっています。こうした場合に、File APIから取得したファイルをもとに、通常のMultipart/FormDataとしてAj…

「Onsen CSS Components」をリリースいたしました!

モバイルアプリUIのテーマを簡単に編集、ダウンロードできる、「Onsen CSS Components」をリリースしました!

Chrome Appsで簡易Webサーバ構築

今回は、Chrome Appで簡易サーバを作ってみます。Chrome AppsはHTML5を使用して作成され、Chromeをプラットフォームとして動作します。Chromeの画面内部で動くのではなく、アプリケーションごとに個別の画面を持ち、デスクトップ型アプリケーションと同様に…

Android Bazaar and Conference 2014 Spring(ABC 2014 Spring)のイベントアプリを作りました。

Android Bazaar and Conference 2014 Spring(ABC 2014 Spring)のイベントアプリを作りました。

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

ハイブリットアプリから、画面遷移せずに写真などの画像ファイルをサーバーにアップロードするコードについて説明します

個別Push通知機能の紹介

Monacaに新しく搭載された個別Push通知機能について紹介します。簡単なサンプルを使って、Monaca上での使い方について説明します。

uglify-jsで顧客とのアプリ確認をもっと楽に!

こんにちは、斉藤です。 今回は顧客とのアプリ確認を楽にする方法をご紹介します。

「HTML5でiOSアプリAndroidアプリを作ろう! 〜HTML5ハイブリッドアプリ開発入門〜」話しました

ヒカラボにて「HTML5でiOSアプリAndroidアプリを作ろう! 〜HTML5ハイブリッドアプリ開発入門〜」という題で発表しました。

HTML5ハイブリッドアプリ開発講座「選べるMonacaアプリ開発入門講座」を開設しました

こんにちは塚田です。 このたび、皆さんからご要望の高かったHTML5ハイブリッドアプリ開発のトレーニングコースを開設する事になりましたのでご紹介したいと思います。

書籍『[iOS/Android対応]HTML5ハイブリッドアプリ開発[実践]入門』書きました

久保田です。『HTML5ハイブリッドアプリ開発[実践]入門』という本を書きました。技術評論社より12月20日付けで発売されます。

PhoneGap/Cordova最新の状況についてのまとめ

2013年も残りわずかになって参りました。この記事では、2013年を振り返る意味でも、最近のPhoneGap/Cordova界隈の状況をまとめておきたいと思います。 なお、この記事はHTML5 Advent Calendar 2013 5日目の記事となっています。

あんなこともこんなことも。そう、Node.jsならね。

こんにちは、斉藤です。 今回はWEBアプリの開発に役立つ色んなNode.jsの便利なモジュールをご紹介します。

AWS SDK for JavaScriptでAmazon S3とDynamoDBをクライアントサイドJavaScriptのみで操作する

久保田です。 AWS SDK for JavaScriptのデベロッパープレビューがリリースされました。この記事では、AWSで提供されているファイルストレージのS3と分散キーバリューストアのDynamoDBを、AWS SDK for JavaScriptを使ってクライアントサイドJavaScriptから扱…

DOM-based XSS

サーバサイドで解決すべきだったXSSはクライアントサイドでも解決すべきものだったのです。 DOM-based XSSという脆弱性をリダイレクトページを例に説明します。

AngularJSに触れてみる その2

AngularJSのngViewやngAnimateに触れてみます。ngViewでのルーティングによるテンプレート切り替えおよびAngularJSでのアニメーションを紹介します。 今回用いているバージョンはUnstable版の1.2.0-8336b3aおよび1.2.0-rc2です。

OnsenUIを使った一覧と詳細画面の作り方

ほとんどのモバイルアプリでは複数のページ間でデータの共有・受け渡しを必要とします。 OnsenUIはAngularJSの機能を利用しながらページ間でのデータ受け渡しを実現しています。

PreloadJSの簡単な使い方

こんにちは、橋本です。 最近は毎日CreateJSと戯れる日々を過ごしております。 今回はそんなCreateJSファミリーの一つ、PreloadJSの使い方について書いてみたいと思います。 そうです。自分のための備忘録ですね。

AngularJSに触れてみる その1

AngularJSの基本的な機能を触ってみます。 その2はこちらです。

Monacaを使ってスマートフォンをゲームコントローラーにする方法

先日、Monacaで2つのおもしろいプラグインがリリースされました。HttpServerとWebSocketServerプラグインです。 今回は、これらのプラグインを使ってシンプルなゲームコントローラーを作りたいと思います。 ※この記事は、英語版アシアルブログの翻訳記事です…