タグ

ブックマーク / qiita.com/takeshy (5)

  • SPAのサイトをアプリにするメリットと開発での問題点について - Qiita

    最初に Webの技術を使って、iOS、Androidアプリを作ることができるPhoneGapというツールを知っている人は多いと思います。 PhoneGapはAdobeが提供しているのですが、そのオープンソース版としてApache Cordovaというツールがあります。 Apache Cordovaを使った事例として、第2回Cordova勉強会でWebサービスとしてリリースした「smartFX」をハイブリットアプリとしてリリースすることになった背景やその効果についてと、ハイブリットアプリ化するにあたって出てきた問題点と対応について発表をしてきました。 詳しい内容はスライドを見てください。 smartFXにおけるApache Cordovaの活用について ここではスライドの補足をしていきたいと思います。 ハイブリットアプリをリリースすることになった背景やその効果について smartFXは、サイ

    SPAのサイトをアプリにするメリットと開発での問題点について - Qiita
  • DDDを使ってRailsアプリをリファクタリング - Qiita

    経緯 casyというインターネットを使って手軽に家事代行を頼むことができるサービスのプログラマをしています。 Webだけでなく、スマホアプリも出すことにあたり、Webアプリサーバ(Rails)から機能を切り出し、APIサーバ(Rails)を別途作成し、Webアプリの場合はWebアプリサーバからAPIサーバを呼び出し、アプリからは直接APIサーバを呼び出すような仕組みにしました。 ただ、全部の機能をAPIサーバに移すのは容易なことではなかったため、いくつかの機能はまだWebアプリサーバに残っていて、アプリよりもWebのほうが機能が多い状態となっています。 今回残りの機能をAPIサーバに持ってくるにあたり、下記2つのアプローチがありました。 1. 既存のソースコードからViewを切り離してほぼそのまま持ってくる 2. 設計を見直し、大幅にリファクタする チーム内で議論した結果、スタートアップと

    DDDを使ってRailsアプリをリファクタリング - Qiita
  • スマホ用のSingle Page Applicationサイトを作る上での問題点と対応 - Qiita

    はじめに スマートフォン向けFX情報サイトSmartFXをBackbone.jsを使ったSPA(Single Page Application)で運用しています。 前回はSinglePageApplicationにおける問題点と対応として全般的なSPAの問題を書きましたが、今回はスマホに特化したスマホサイトをSPAで構築するにあたって気づいた問題点とその対応方法を共有したいと思います。 画面遷移に思いのほか時間がかかる! SPAで構築しているのに、次の画面の遷移が思っているより遅い感じがします。 サーバにアクセスしていないハズなのに。。 原因 clickイベントの発動にスマホの場合は時間がかかるためです。 スマホの場合はタッチがリンクを押したいのか、それともスクロールしたいだけなのかを判定するために一定時間経過しないとクリックと判定しません。 が、その判定時間がかなり長いものと思われます。

    スマホ用のSingle Page Applicationサイトを作る上での問題点と対応 - Qiita
  • Cordova(PhoneGap)を使ったネイティブアプリ事例 - Qiita

    前書き smartFXというモバイル向けFXの情報サイトを運営しています。 この度(2014/8/15)、smartFXのバーチャルトレード機能を Apache Cordova(PhoneGap)を使って、ネイティブアプリとしてリリースしました。smartFX Virtural Trade おかげ様で、リリース直後にマイナビニュースにとりあげていただき、そこから派生してYahooやGunosyにも掲載され、いきなりWebアプリ利用者を越えるぐらいの多くの人に使ってもらえるようになりました。 ここでは、Webアプリに対するネイティブアプリの利点やCordovaによるアプリ作成ってどうなのよ?というところを述べたいと思います。 Webアプリに対するネイティブアプリの利点 smartFXは、2014年2月28日にWebアプリとしてリリースして約半年になります。 スマホ向けのFXは、アプリはあって

    Cordova(PhoneGap)を使ったネイティブアプリ事例 - Qiita
  • Apache Cordova(PhoneGap)開発におけるTips - Qiita

    はじめに Cordova(PhoneGap)を使って、smartFX Virtual Tradeをネイティブアプリとしてリリースしました。 前回Cordova(PhoneGap)を使ったネイティブアプリ事例は概要でしたが、今回は実装のTipsを紹介します。 js、cssを動的に差し替える WebViewを使う利点として、バイナリを更新せずにアプリの動作を変更できるという点があります。 ただ、単にリンク先のjsの内容を書き換えても以前のファイルのcacheを参照する可能性があったり、逆に毎回最新のjsを取得するのはパフォーマンスが落ちるという問題があります。 これを回避するために、最新のJS、CSSのパスが記述されている小さなjsを毎回取得し、そこに記載されているjs,cssをロードするという方法を考えました。 //var JS_PATH="http://192.168.1.77:3000/

    Apache Cordova(PhoneGap)開発におけるTips - Qiita
  • 1