アシアルブログ

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

フロントエンド(HTML5)

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に寄稿した記事の要約となります。

HTML5プロフェッショナル認定試験レベル1 受験記

・HTML5プロフェッショナル認定試験とは ・試験の対象職種 ・出題範囲 ・勉強方法 ・受験結果

CSSで印刷レイアウトをコントロール

こんにちは。坂本です。今回はあまり需要はないことで知られていない印刷に使えるCSSプロパティを紹介します。

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

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

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

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

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

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

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

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

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

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

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

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

Flashコンテンツのスマホアプリ(iOS/Android)への移植手法に関して

Flashの移植では、いろいろと手法はあると思いますが、 今回は純粋にネイティブアプリに移植しました。 その経緯や試行錯誤について、お話ししたいと思います。

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

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

あんなこともこんなことも。そう、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という脆弱性をリダイレクトページを例に説明します。

【iOS】カスタムSegueの作り方

こんにちは、橋本です。 今日はiOSのSegueのカスタム方法について書いていきたいと思います。 久々のiOSネイティブネタです。

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プラグインです。 今回は、これらのプラグインを使ってシンプルなゲームコントローラーを作りたいと思います。 ※この記事は、英語版アシアルブログの翻訳記事です…

Leap Motionで操作できるPhoneGap(Cordova)アプリ

こんにちは。 今日は「Leap Motion」という最近手に入れた新しいガジェットを紹介したいと思います。 Leap Motionは小さなスティック状のデバイスで、手のモーションをとらえてホストPCに送る入力装置です。 Javascript、PhoneGapと組み合わせれば、使い慣れ…

JavaScriptによる小数計算の誤差を無くす

こんちは。松田です。 最近もJavaScriptばっかり書いています。 JavaScriptで計算を行う時、気を付けなければいけないのが小数点を含んだ数値の計算です。 小数点を含んだ数値で計算を行うと、思わぬ所で予想外の値に出会うことになります。

最近のJavaScript開発まとめ

こんにちは、中川です。 ここ1・2年ですが、私の担当するプロジェクトでは、 PHPよりもJavaScriptの開発が多い状態が続いております。 JSのプロジェクトを重ねるにつれ、開発環境も段々と整理されてきましたので、 一旦、最近のJS開発で利用しているライブラ…

CreateJSを使ってみよー

こんにちは。相変わらずドラクエ10三昧の日々を過ごしている橋本です。 さて、今日はHTML5でリッチなコンテンツを簡単に作成することができるJavascriptライブラリ「CreateJS」について、サンプルを交えつつ簡単に使い方を見ていきたいと思います。

JavaScript .(ドット)つなぎのキー文字列でオブジェクトの値にアクセスする

JavaScript超楽しい〜ウェーイ!という感じで今回は.(ドット)つなぎのキー文字列でオブジェクトの値を取得するアクセサメソッドを作ってみました。

「データバインディングによるインタラクティブなUIの効率的な表現」Build Insider OFFLINEで登壇しました

久保田です。 「データバインディングによるインタラクティブなUIの効率的な表現」というタイトルで、Build Insider OFFLINEに登壇しました。この記事ではそれの発表スライドを共有します。

画像付きリストのテキストを縦方向に中央揃えする(リキッドレイアウト対応)

こんにちは、鴨田です。 何らかの要素が縦横中央揃えになっているデザインが結構な頻度で出てきます。 デザイナーとしては見栄えを考えてそうしているのですが、 コーダーとしては、横方向はまだしも縦方向の中央揃えは何かと面倒だったりします。 いくつか…