アシアルブログ

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

HTML5

Monacaアプリの広告SDKを入れてみよう(AdMob編)

MonacaアプリへのAdMobの組み込み方について紹介します。

企業向けアプリ開発に最適なチャートライブラリWijmoを試す

MonacaとWijmoを組み合わせて使ってみました。そのレビューになります。

MonacaのCordova 5対応に関する注意点

近日中のアップデートにて、Cordova 5.2に対応する運びとなりました。Cordova 5.2を利用することで、下記のような多くのメリットを提供いたします。 より安定してよりセキュア、より多くの人々にアプリを届けることができる、最新のCordovaバージョンが使え…

横浜商科大学でMonacaアプリの制作発表会が行われました

横浜商科大学で開催されたMonacaアプリ制作発表会の様子をご紹介します。

日本電子専門学校作品発表会でMonacaアプリの制作発表が行われました

10月2日(金)にアップルストア銀座3Fシアターにて、 日本電子専門学校Webデザイン科の学生の皆さんが制作した作品の発表会「AppleStore College Night」が開催されました。 その中から、Monacaを使った3作品を抜粋して紹介いたします。

Monacaを学校の授業で活用!プログラミング教育事例セミナーアフターレポート

アシアルの岡本です。 9月13日(日)に浜松町にて『HTML5×Monacaプログラミング教育事例セミナー』 というイベントを『HTML5プロフェッショナル認定資格』を運営する『LPI-Japan』様と共同で開催致しました。 休日の開催にもかかわらず50名近くの方にお越しい…

Monacaアプリでコピー&ペーストを実装するならクリップボードプラグイン!

今回は、「VersoSolutions/CordovaClipboard」プラグインの使い方を紹介します。 このプランを利用することで、アプリ内でのテキストコピー&ペーストができます。

Monacaアプリでフラッシュライトを利用する方法

今回は、「EddyVerbruggen/Flashlight-PhoneGap-Plugin」プラグインを利用して フラッシュライトを操作するサンプルプロジェクトを作ります。

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

AngularJSとOnsen UI で作るGoogle Mapsのサンプルアプリ

以下のツールを使用して、このサンプルを構築します。

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

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

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

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

Onsen UIをWebサイトで使ってみよう

Onsen UIをハイブリッドアプリだけでなく、Webサイトでも使ってみましょう。

Monacaアップデート: Cordova互換性向上とiOS言語設定

Monacaでは利用者の依頼や要望にもとづき日々改良を重ねています。最近、比較的大きなリリースを行いました。 1. Cordovaプロジェクトをインポートできるように変更しました 2. アプリ設定の一部を共通化しました 3. iOSの対応言語が指定できるようになりま…

MonacaでCrosswalk版を使おう

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

ng-japanに参加しました

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

「アプリ開発教育普及プロジェクト」第一弾として教育機関向けにMonaca公式ガイドを無料配布します

先日、お陰様をもちましてMonacaの登録ユーザーが8万人を突破致しました。 Monacaは、企業での本格的なアプリ開発でご活用頂く一方で、アプリ開発の学習ツールとして、王立プノンペン大学、慶應義塾大学、東京工科大学、日本電子専門学校等多くの教育機関で…

Monaca公式ガイドブック『クラウドでできるHTML5ハイブリッドアプリ開発』が出版されました

こんにちは、塚田です。 Monaca公式ガイド『クラウドでできるHTML5アプリ開発』が翔泳社より出版されました。

Monaca新規リリース Cordova 4.1移行ガイド

Monaca新規リリース情報と移行ガイドをまとめております。

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

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

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

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

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

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