Asial Blog

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

タグ「HTML5」の一覧

Onsen UI活用インタビュー「オハログで快眠生活を ! 」

カテゴリ :
Monaca
タグ :
HTML5
Onsen UI
ohalog_header.png
こんにちは、Onsen UIチームのFranです。
今回は、オハログ開発チームの、田口敬氏、伊藤新助氏、鈴木邦章氏の3名にインタビューしてきました。

MonacaアプリでInstagramに写真を投稿する!

カテゴリ :
Monaca
タグ :
HTML5
JavaScript
Monaca
Cordova
プラグイン
スクリーンショット 2015-06-23 20.57.35.png
カスタムプラグイン「vstirbu/InstagramPlugin」を利用して、インスタグラムへ写真投稿するサンプルアプリを作ります。

プラグインで簡単に実装できるローカル通知機能!!

カテゴリ :
Monaca
タグ :
Monaca
HTML5
JavaScript
プラグイン
Cordova
plugin_import
Monacaでプラグインをインストールすると「ローカル通知機能」も簡単に作ることができます。今回は、サンプルプロジェクトをもとにローカル通知の実装方法を説明します。

【jQuery Tips】スクロールで画像がめくれる動きを表現する

カテゴリ :
デザイン・UI
タグ :
JavaScript
jQuery
Monaca
HTML5
デザイン
ランキング1位.png
ページスクロールと連動して、前面の画像がめくれて背面の画像が現れる効果をjQueryで実装します。

Monacaで始めるthree.js 第1回 ~3Dモデルを表示する~

カテゴリ :
Monaca
タグ :
Monaca
HTML5
three.js
WebGL
image01.png
three.js( http://threejs.org/ )とは、ブラウザベースでリアルタイムな3Dグラフィックス描画を可能とするJSライブラリです。今回はMonacaを用いて、three.jsをモバイルアプリで利用する手順を説明します。

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

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

Web Componentsでお気に入りボタンを作ってみましょう!

カテゴリ :
バックエンド(プログラミング)
タグ :
JavaScript
HTML5
Web Components
Custom Elements
シャドウDOM
最近、Web Componentsというものが流行っていますね。「Web Componentsはどういうものか」って思っている人が多いと思います。Web Componentsを学びながら簡単なカスタムエレメントを作ってみましょう!

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を生成してアップロードする方法について紹介します。