Asial Blog

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

内藤謙一

エンジニア

大学院卒業後、ハドロン物理の研究をしていましたが、その後IT企業に就職。現在はアシアルで、
エンジニアとしてサポート業務に携わっています。最年長な上に体力はありませんが、若い人
に負けないよう頑張っています。

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

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

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

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

Monacaデバッガーの種類と使い分けについて

カテゴリ :
Monaca
タグ :
Monaca
HTML5
Android
iPhone
icon
Monacaのリニューアルにより、利用出来るデバッガーのバージョンとバリエーションが増えました。
ここでは、それぞれの特徴と役割について、説明させていただきます。

Monacaフレームワークが最新のPhoneGap/Cordovaに対応します

カテゴリ :
Monaca
タグ :
HTML5
Monaca
サービス
アシアル
icon
2014年7月末に、Monacaのアップデートを予定しています。このアップデートにより、Cordova 3.5対応となります。既存のCordova 2.9環境も互換性維持のために継続されますが、プロジェクトをCordova 3.5ベースとすることで、最新のCPUに対応し、セキュリティ面での安心感も向上します。

JS/CSSコンポーネントとloader.jsについて

カテゴリ :
フロントエンド(HTML5)
タグ :
Monaca
JavaScript
HTML5
iPhone
Android
スクリーンショット 2014-07-11 16.24.06.png
2014/6/28に行われたMonacaアップデートで実装されたJS/CSSコンポーネントとloader.jsに
ついて紹介します。

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

カテゴリ :
フロントエンド(HTML5)
タグ :
Monaca
JavaScript
HTML5
Android
iPhone
icon
前回の記事では、画像の選択としてFormタグを利用しました。
しかしながら、Android 4.4ではFormタグでinput type=fileによるファイル選択が出来なくなっています。こうした場合に、File APIから取得したファイルをもとに、通常のMultipart/FormDataとしてAjaxでファイルを送信する方法について説明します。

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

カテゴリ :
フロントエンド(HTML5)
タグ :
Monaca
PHP
JavaScript
HTML5
icon
ハイブリットアプリから、画面遷移せずに写真などの画像ファイルをサーバーにアップロードするコードについて説明します

個別Push通知機能の紹介

カテゴリ :
Monaca
タグ :
Monaca
HTML5
JavaScript
Android
CreateProject.png
Monacaに新しく搭載された個別Push通知機能について紹介します。簡単なサンプルを使って、Monaca上での使い方について説明します。