アシアルブログ

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

JavaScript

NVD3を使って、AngularJSで作ったハイブリッドアプリのグラフを統合しよう

ハイブリッドアプリにグラフを表示する方法はいくつもあります。ハイブリッドアプリは基本的にHTML,Javascript,CSSで動くウェブアプリケーションなので、JavaScriptのグラフライブラリならなんでも使うことができますし、バックエンドでグラフを作成して静止…

LocalKitを使っているなら自動テストも簡単。JavaScriptテストフレームワークまとめ

LocalKitを使うメリットの一つにテストフレームワークが容易に使えるようになるという点が挙げられます。そこで今回は開発したJavaScriptコードでユニットテストを実現するためのフレームワークを紹介します。 Jasmine: Behavior-Driven JavaScript Jasmine …

オフラインの場合の処理をどうすれば良いか

アプリを作っていてたびたび話題にあがるオフライン処理について解説します。

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

ハイブリットアプリ開発に使えるスマートフォン対応のアニメーションライブラリをまとめました。

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

Onsen UIをタブレットで扱います。デバイスの向きによってメニューの表示方法を変えています。

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

カスタムプラグイン「vstirbu/InstagramPlugin」を利用して、インスタグラムへ写真投稿するサンプルアプリを作ります。

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

Kintoneで作ったWebアプリケーションをMonacaでアプリ化しましょう。

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

MonacaとWindows Azure Mobileサービスを組み合わせるデモです。

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

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

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

ページスクロールと連動して、前面の画像がめくれて背面の画像が現れる効果をjQueryで実装します。

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

GapDebugはWindows/Mac OSX用のソフトウェアで、Monaca/PhoneGap/Cordovaアプリの実機デバッグをサポートします。

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

最近、Web Componentsというものが流行っていますね。「Web Componentsはどういうものか」って思っている人が多いと思います。Web Componentsを学びながら簡単なカスタムエレメントを作ってみましょう!

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

ハイブリッドアプリ開発のお話を、あちらこちらで、最近は、耳にするようになりました。プログラム知識が乏しい初心者マークの方、手っ取り早くアプリを開発したい方には、ネイティブアプリ開発のハードルは、高いのが現状です。ネイティブアプリを開発する…

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

こんにちは。内藤です。 前回および前々回に、FormおよびCameraプラグインで画像を取得し、それをFormDataオブジェクト経由でAjaxでサーバーにアップロードする方法について紹介しました。今回は、FormDataを使わず、手動でMultipart Postを生成してアップロ…

Burp Suiteで脆弱性診断

脆弱性診断ツールは世の中にいくつかありますがお手頃な価格で購入することができるBurp Suiteを使った脆弱性診断の方法を紹介します。

MonacaでCrosswalk版を使おう

MonacaではCrosswalkを使ったビルドが簡単にできます。ぜひお試しください。

ロジック暗号化もできる。Monacaエンタープライズ版のご紹介

大企業のハイブリッドアプリ開発をサポートするMonacaエンタープライズの紹介です

ng-japanに参加しました

日本初のAngularJSのカンファレンス、ng-japanのレポートです。

Onsen UI version 1.2.2リリースのお知らせ

Onsen UI version 1.2.2がリリースされました。その中で追加された2つの機能について解説します。

Onsen UIとjQueryを組み合わせてスマートフォンWebサイト/ハイブリッドアプリを作ろう

Onsen UIはAngularJSが必須ですが、動作については他のJavaScriptライブラリで動作させることもできます。そこで今回はjQueryとOnsen UIを組み合わせて使う方法を紹介します。

Onsen UIをカスタマイズするOnsen Theme Rollerの紹介

Onsen UIのカラーリングをカスタマイズできるOnsen Theme Rollerの使い方を紹介します。

透過がサポートされたnode-webkit(NW.js)でガジェットを作ろう

2014年末、node-webkitに透過がサポートされました。 ウィンドウの透過により、デスクトップガジェットのようなモノが作れるようになったので、試してみようと思います。

MonacaでiBeaconを試す

MonacaでiBeaconアプリを作る方法を紹介します。

Cordova/PhoneGapプラグインを使おう

MonacaではCordova/PhoneGap互換のプラグイン機能をサポートしています。今回はサンプルをベースにプラグイン機能の使い方をご紹介します。

1.2リリース!新しく追加されたOnsen UIコンポーネントを紹介します

Onsen UI 1.2で新しく追加されたUIコンポーネントを紹介します!

Google の Chrome Dev Summit ~ Service Workers に関して ~

Google の Chrome Dev Summit に、先月参加してきました! こちらは、Chrome の新機能の紹介や開発者コミュニティーからの要望などをフィードバックする、技術者向けのイベントで、カリフォルニア州のマウンテンビューにある Google の本拠地で開催されまし…

レバレジーズさん主催のヒカ☆ラボPHPイベントで「今、最もイケてるPHPフレームワークLaravel4」の発表をしました。

今、最もイケてるPHPフレームワークLaravel4の導入の根拠と実業務へのベストプラクティスについての発表です。

Chrome Dev Summit 2014に参加してきた

久保田です。 11月19-20日にカリフォルニア州マウンテンビューのGoogleのオフィスで開催されたChrome Dev Summit 2014に行ってきました。このイベントは、Google I/Oなどのイベントとは違って、200名程度の技術者が招待されて初めて出席できる技術カンファレ…

Google Chrome Dev Summit. Let's take a look at Service Workers!

Last week we attended Google Chrome Dev Summit. It is a conference hosted at the Google campus in Mountain View, CA. It is an opportunity for the engineers working on Chrome to showcase new features. This article will introduce the new Ser…

Onsen UI v1.2がやってくる! 新機能を紹介。

HTML5でモバイルアプリを開発するためのフレームワーク、Onsen UI(http://onsen.io)のバージョン1.2.0がリリースされました。このリリースには、アラートダイアログ、ダイアログ、ポップオーバー、カルーセルなどの新しいUIコンポーネントが追加されました。…