タグ

ブックマーク / blog.asial.co.jp (7)

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

    MonacaがCordova 5.2に対応いたします! Cordova 5.2を利用することで、下記のような多くのメリットを提供いたします。 より安定してよりセキュア、より多くの人々にアプリを届けることができる、最新のCordovaバージョンが使えるようになります。 プラグインの導入及びバージョンの選択が、開発している皆さま自身で選択できるようになります。また、プラグインの選択によって最新のCrosswalkをご利用いただけるようになります。既存のプロジェクトの変換方法や影響のある変更点などについてまとめておりますので、ご確認頂きますようお願いいたします。 プロジェクトのアップデート方法 既存プロジェクトをCordova 5.2にアップデートするには、Cordovaプラグインの管理画面より「5.2.0」を選択してください。 Cordova 5.2への対応方針 ・今後、新しく作成されるプロジ

    MonacaのCordova 5対応に関する注意点
  • MonacaアプリにネイティブFacebookプラグインを導入してみよう!

    こんにちは、渡辺です。 今回は、「Wizcorp/phonegap-facebook-plugin」プラグインを利用してFacebookと連携するサンプルプロジェクトを作ります。 ■利用するプラグイン Wizcorp/phonegap-facebook-plugin ( https://github.com/Wizcorp/phonegap-facebook-plugin ) ■サンプルプロジェクトについて サンプルプロジェクトでは、Facebookへログイン後にログインしたユーザーのメールアドレスと友達リストを取得します。取得した情報は、アラートで表示します。また、このプロジェクトはMonacaテンプレートの「最小限のテンプレート」をもとに作成しています。 ・サンプルプロジェクトの動作確認環境 ・iPhone6 (iOS 8.1.2) ・GALAXY Note 2 SC-02E (And

    MonacaアプリにネイティブFacebookプラグインを導入してみよう!
  • HTML5のCanvasを簡単に高機能化してくれるJSライブラリ「Fabric.js」

    こんにちは、渡辺です。 HTML5のCanvasを簡単に高機能化してくれるJSライブラリ「Fabric.js」を紹介します。 Canvas上に描いた絵をマウス操作で動かしたり、拡大縮小する機能が標準で付いていてスゴい便利なライブラリです! まず、このライブラリの主な特徴についてです。 ■特徴 ・インタラクティブ性 Canvas上に描いたものをマウスやタッチで自由に操作できます(ドラッグ、拡大縮小、回転)。 ・Canvasに描いた内容をオブジェクトとして扱える Canvasに描いたものをgetメソッドやsetメソッド経由で設定変更できます。 ・Canvasのシリアライゼーション・デシリアライゼーションのサポート Canvas上の内容をJSONまたはSVGに変換でき、再度インタラクティブな描画内容を復元することができます。 ■準備 1. ライブラリのダウンロード https://github.

    HTML5のCanvasを簡単に高機能化してくれるJSライブラリ「Fabric.js」
  • MonacaアプリでFacebookログインを使ってみよう

    認証システムは作るのはもちろん、維持運用するのも大変です。そこでFacebookやTwitterといったソーシャルサービスを使った認証システムが重宝されます。Monacaアプリにおいてもニーズの多いFacebookログインをデモコードを使って紹介します。 必要なもの Monacaのアカウント Facebookアプリ OpenFB 今回はオプションとしてjQueryも使っています。 Facebookアプリ まず最初にFacebookアプリを登録しましょう。Facebook Developersのサイトで新規アプリを作成します。ここで大事なのはアプリのApp IDになります。 そしてSettingsのAdvancedにおいて、次のように指定します。 Client OAuth Login : YES Web OAuth Login : YES Embedded Browser OAuth Log

    MonacaアプリでFacebookログインを使ってみよう
  • Ajaxによるmultipart/postでの画像ファイルアップロード

    モバイルアプリでは、サーバーと連動して動作するものが多くみられます。 ハイブリッドアプリでこうしたアプリを作る場合は、Ajaxで実現するのが一般的だと思いますので、そのやり方について説明します。 追記:Android 2.3系およびそれ以前のAndroidは、FormDataオブジェクトが未定義のため、この記事の方法は利用出来ません。ご注意下さい。 追記2:Android 4.4では、Formからのファイル選択自体ができないため、この記事の方法は利用出来ません。(4.4.2で確認。今後のバージョンアップ出来るようになるかは不明です) formタグを使わない手段については、こちら サーバー側の実装 まずは、サーバー側の機能の実装です。 ここでは、普通にブラウザからもアップロード出来るような作りを考えます。実装はphpですが、他の言語でも基的に同じように作れると思います。 /uploader

    Ajaxによるmultipart/postでの画像ファイルアップロード
  • 成功するPhoneGapアプリを開発するための高速化&UXテクニック

    興味深いブログ記事が海外で掲載されていました。拙訳で恐縮ですが紹介したいと思います。 内容はPhoneGapアプリを高速化するための手法の解説で、具体的な事例とともに、いくつかのテクニックの紹介が行われています。少し長い記述になりますが、是非PhoneGapやMonacaを用いた開発の参考にしてください。 成功するPhoneGapアプリを開発するための高速化&UXテクニック Performance & UX Considerations For Successful PhoneGap Apps PhoneGapアプリを開発する方から、下記のような質問をよく尋ねられます。 ・アプリを高速化する方法は? ・どうやってネイティブアプリのような質感を出せるか? ・プラットフォームに違和感のないアプリを作るためのテクニックは? ・OSのルック&フィールとマッチさせるためには? この記事では、素晴らし

    成功するPhoneGapアプリを開発するための高速化&UXテクニック
  • ZendEngine勉強会で「拡張ライブラリでなるべく簡単に構文を追加する方法」というタイトルで喋ってきました

    ご無沙汰しております、アシアル笹亀です。 ブログを書くのは、大変久しぶりになります。実はアシアルでは最近、noteもはじめております。アシアルの仕事の取り組み方、考え方、様々なメンバーについて知ることができます!是非、ご興味があるかたはこちらも一読いただけますと嬉しいです。 https://note.asial.co.jp/ 久しぶりにiPhoneアプリをアップデート申請をするときありますよね? iPhoneのアプリを継続的に保守管理をしていると、申請作業をクライアント様におまかせして、あまりエンジニア自身で長い間、アップデート申請をしてこなかった方々は何気に多いのではないかとおもい(自分もその1人)、ブログにも残しておこうとおもいました。 こまめに改修などを加えており、その度にアップデートの申請をされている場合には、あまり実感はないかもですが、1年振りとかにアップデートの申請をしたりする

    ZendEngine勉強会で「拡張ライブラリでなるべく簡単に構文を追加する方法」というタイトルで喋ってきました
  • 1