Asial Blog

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

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

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でアプリを開発する上で、開発プロセスの中で留意する点についておおまかに説明しています。

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

カテゴリ :
フロントエンド(HTML5)
タグ :
Tech
JavaScript
angularjs
icon
こんにちは中川です。

先日、AngularJS 1.3 がリリースされましたね。

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

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

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

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

カテゴリ :
フロントエンド(HTML5)
タグ :
Tech
HTML5
JavaScript
CSS3
クロスブラウザ
icon
iframeを使って外部サイト(自分で更新できない)を表示したいときに、
iframe内のコンテンツを拡大縮小する方法

サイトコンテンツを固定幅のまま、あらゆるブラウザで、
ウィンドウサイズに合わせてピッタリに拡大縮小する方法

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

カテゴリ :
フロントエンド(HTML5)
タグ :
Monaca
JavaScript
HTML5
icon
HTML5のキャンバス機能を利用すると、簡単にお絵描きアプリが作れます。
ここでは、それをさらにpng画像にしてアプリ内に保存する機能を実装してみます。

HTML5プロフェッショナル認定試験のセミナー資料を公開します

カテゴリ :
フロントエンド(HTML5)
タグ :
HTML5
資格
スクール
アシアル塾
00001467.jpg
こんにちは!生形です。
先日、ヒカ☆ラボというイベントでHTML5プロフェッショナル認定試験の無料セミナーを行ってきました。
そのときに使用したセミナー資料を公開いたします。

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

カテゴリ :
フロントエンド(HTML5)
タグ :
node.js
Webkit
HTML5
JavaScript
node-webkit
20140905-01.jpg
Chromiumとnode.jsベースで作られたランタイムで、HTMLとJavascriptでネイティブアプリが作れるnode-webkitを触ってみました。
導入の仕方から、簡単なサンプルを使った動作、配布の仕方などを紹介します。

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

カテゴリ :
フロントエンド(HTML5)
タグ :
Cordova
JavaScript
Tech
テスト
angularjs
スクリーンショット 2014 08 29 12.53.07.png
開発中も気軽にテストを実行できる環境があれば、既存コードのリファクタリングや使用しているフレームワークのバージョンアップなども安心して行えます。
というわけで今回は「Cordova + AngularJS + Onsen UI でハイブリッドアプリを作り、それをProtractorで外側から自動テストする」という内容をご紹介します。

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

カテゴリ :
フロントエンド(HTML5)
タグ :
HTML5
JavaScript
gestures.png
このたびOnsen UI 1.1.2をリリースさせていただきました。今回のリリースでは新しくジェスチャーに関する機能と戻るボタンに関する機能を強化しております。