Asial Blog

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

タグ「JavaScript」の一覧

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

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

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

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

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

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

Monacaを使ってKintoneを手軽にアプリ化しましょう

カテゴリ :
Monaca
タグ :
JavaScript
Kintone
angularjs
最小限のテンプレート
Kintoneで作ったWebアプリケーションをMonacaでアプリ化しましょう。

MonacaでもAzure。Azure Mobileサービスを試す

カテゴリ :
Monaca
タグ :
JavaScript
Monaca
Windows Azure
モバイルサービス作成
MonacaとWindows Azure Mobileサービスを組み合わせるデモです。

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

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

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

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

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を学びながら簡単なカスタムエレメントを作ってみましょう!

Onsen UI を使用して、HTML5ハイブリッドアプリを作ってみよう

カテゴリ :
フロントエンド(HTML5)
タグ :
Monaca
HTML5
JavaScript
Onsen UI
popover.png
ハイブリッドアプリ開発のお話を、あちらこちらで、最近は、耳にするようになりました。プログラム知識が乏しい初心者マークの方、手っ取り早くアプリを開発したい方には、ネイティブアプリ開発のハードルは、高いのが現状です。ネイティブアプリを開発するためには、各プラットフォーム専用のプログラム言語を学び、かつ、開発対象の端末側の機能も学ぶ必要があります。
もちろん、パフォーマンスが良い、端末側のリソースが利用できるなど、ネイティブアプリの開発にも、利点はたくさんあります。