質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

91.77%

  • JavaScript

    9541questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Android

    4520questions

    Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

  • MySQL

    3807questions

    MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

  • iOS

    2570questions

    iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

  • Monaca

    505questions

    「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

ハイブリットアプリでのDBへのアクセス方法

受付中

回答 3

投稿 2016/04/06 20:21

  • 評価
  • クリップ 0
  • VIEW 2,640

sumsum25

score 243

ハイブリッドアプリを制作してAppStoreなどに公開しようと思っています。
サーバを使わないようなアプリで、iPhone内のストレージやDBのみで完結させようと思っています。

Monacaと呼ばれる開発環境があるそうで、ここで作られたTodoアプリなどあるのですが、それはインターネット常にあるサーバのDBへアクセスしてデータの保存や抽出を行っています。

作りたいアプリは完全オフラインでもデータ(テキストや画像)の保存ができ、出力ができるものです。
そこで一つ疑問なのですが、iPhoneなどの内部ストレージなどに保存することはできるのでしょうか?ハイブリットアプリで(JavaScript)

DBをiPhone内部に持っていると思うのですが、サンプルなど見つからないので、どうやって作っていくのかわかりません。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 3

+1

どうも。phonegapを使ってハイブリットアプリ開発をしているものです。
ハイブリットアプリの開発はPhonegapでの経験しかないのでPhonegap
のお話をさせていただきます。ざっくりですみませんが、回答させていただきます。

>そこで一つ疑問なのですが、iPhoneなどの内部ストレージなどに保存することはできるのでしょうか?ハイブリットアプリで(JavaScript) 

可能です。元々ブラウザにもWebViewにも内部ストレージに保存できる
APIが用意されているのでそれを使う感じです。
SQLを使いたければSQLiteベースのWeb SQL Databaseが使えます。
わたしも今これを使っています。
補足ですが、Web SQL Databaseは2010年にW3Cより正式に廃止されて
いるのでもしかしたら今後使えなくなるかもしれませんが、2016年の
今でも使えているので人気があるんでしょうね。
もし完全に使えなくなったらIndexedDBというやつを使わないといけなく
なりますが、それは触ったことありません。

使いかたはとても簡単です。ブラウザでも動きます。
詳細は、下記ページを読んでみてください。
http://www.tohoho-web.com/html5/web_sql_db.html

簡単なソースも載せておきます。ブラウザでも使えるのでもしよければ試してみてください。
ブラウザでのデータベースに値が書き込まれたかの確認は
Google chromeなら表示→開発/管理→デベロッパーツールのResouseタブ
で確認できます。

///// sql.js /////
//データベースをオープン
var db = openDatabase('sample.db', '1.0', 'sample', 1048576);
//テーブル作成
db.transaction(
  function(tx) {
    tx.executeSql('CREATE TABLE IF NOT EXISTS address(name, address)');
  },
  function(error){console.log('失敗')},
  function(){console.log('成功')}
);

//値追加
db.transaction(
  function(tx) {
    tx.executeSql(
      'INSERT INTO address VALUES (?,?)',
      ['山田さん','東京都'],
      function(){console.log('成功')},
      function(){console.log('失敗')}
    );
  },
  function(error){console.log('失敗')},
  function() {console.log('成功')}
);

//値を読み込み
db.transaction(
  function(tx) {
    tx.executeSql('SELECT * from address',
    null,function(rt,rs){
      if(rs.rows.length === 0) return;
      console.dir(rs.rows);
    },function(){console.log('失敗')});
  },
  function(error){console.log('失敗')},
  function() {console.log('成功')}
);
<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
<title>SQL TEST</title>
<meta charset="utf-8">
</head>
<body>
<script src="sql.js"></script>
</body>
</html>

※ Web SQL Database 開発のポイント ※
・iOSのiCloud Storage Apiを使う場合はデータベースの容量が大きいとリジェクトされます。
・コールバック地獄になりやすいのでJqueryを使える環境であれば$.Deferredを
うまく使うといい感じです。
・もしPhonegapで開発する場合はCordova-sqlite-storageを使うといいです。
データベースのオープン以外はWeb SQL Databaseと同じ使い方です。

>画像の保存について
Phonegapの場合、画像はFile APIというものを使います。
iOSもAndroidもカメラロールの画像の直リンクができないので一時保存
ディレクトリに保存して、それをユーザーディレクトリに移動して、そのパス
をWeb SQL Databaseに保存するみたいな感じでやることが多いので結構しんどい
ですが頑張ってください。

※ Phonegap 開発のポイント ※
・英語を軽くでも読めないとしんどいです。
・やることにもよりますが、プラグインがない場合や古すぎる場合も
あるのでObjective-CもJAVAも書かないといけないこともあります。
・初めてのPhonegap且つクライアント案件は死亡フラグなのでやめた方がいいです。
・ゲームは無理です。

投稿 2016/04/07 03:33

編集 2016/04/07 03:51

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    以下のような回答は評価を下げられます

    • 間違っている回答
    • 質問の回答になっていない投稿
    • 不快な投稿

    評価を下げる際はその理由をコメントに書き込んでください。

  • 2016/04/07 12:43

    確かに、
    ・webSQLのほうが使い勝手のよいところも多い
    ・IndexedDBはまだ不安定さがある
    というところはありますが

    これから始めようという方に対して、いつ使えなくなるかも分からないものを勧めるのはどうかと思います。

    WebSQL自体、Web Application Working Groupが「今後管理を続けていく意向を持っていない」と明示しています。
    https://www.w3.org/TR/webdatabase/

    キャンセル

0

ハイブリッドアプリでは

  • WebStorage
  • IndexedDB
  • fileストレージ(これも一応入るかな…?ですが)

あたりでしょうか。
(古い情報だとWebSQLなども引っかかると思いますが、標準から外れたので使わないほうが良いでしょう)
端末内で完結させるならば、上記3つあたりが主なところだと思います。
「ハイブリッドアプリ+(上記いずれか)」で検索するとかなりの情報が見つかるかな、と思いますよ。

投稿 2016/04/07 03:11

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    以下のような回答は評価を下げられます

    • 間違っている回答
    • 質問の回答になっていない投稿
    • 不快な投稿

    評価を下げる際はその理由をコメントに書き込んでください。

0

monacaで開発をおこなっている者です。

monacaではlocalStorageが使用できます。
文字列と画像(canvasタグ)の保存/取得方法↓↓

■文字列
    保存方法は

localStorage.setItem('Key', 'value');

    取得方法は

var str = localStorage.getItem('Key');

    ちなみに削除方法は

localStorage.removeItem('Key');

■画像(canvasタグ内の画像の場合)
    保存方法は

var canvas = document.getElementById(canvasタグのid);

var base64 =     canvas.toDataURL();

localStorage.setItem('Key', base64);

    取得方法は

var base64 = localStorage.getItem('Key');

var image = new Image();

image.src = base64;

var ctx = document.getElementById(canvasタグのid).getContext("2d");

ctx.drawImage(image, 0, 0);

こんな感じで保存/取得ができるかと思いますよ^^

投稿 2016/04/07 16:47

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    以下のような回答は評価を下げられます

    • 間違っている回答
    • 質問の回答になっていない投稿
    • 不快な投稿

    評価を下げる際はその理由をコメントに書き込んでください。

15分調べてもわからないことは、teratailで質問しよう!

ただいまの回答率

91.77%

関連した質問

同じタグがついた質問を見る

  • JavaScript

    9541questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Android

    4520questions

    Androidは、Google社が開発したスマートフォンやタブレットなど携帯端末向けのプラットフォームです。 カーネル・ミドルウェア・ユーザーインターフェイス・ウェブブラウザ・電話帳などのアプリケーションやソフトウェアをひとつにまとめて構成。 カーネル・ライブラリ・ランタイムはほとんどがC言語/C++、アプリケーションなどはJavaSEのサブセットとAndroid環境で書かれています。

  • MySQL

    3807questions

    MySQL(マイエスキューエル)は、TCX DataKonsultAB社などが開発するRDBMS(リレーショナルデータベースの管理システム)です。世界で最も人気の高いシステムで、オープンソースで開発されています。MySQLデータベースサーバは、高速性と信頼性があり、Linux、UNIX、Windowsなどの複数のプラットフォームで動作することができます。

  • iOS

    2570questions

    iOSとは、Apple製のスマートフォンであるiPhoneやタブレット端末のiPadに搭載しているオペレーションシステム(OS)です。その他にもiPod touch・Apple TVにも搭載されています。

  • Monaca

    505questions

    「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。

閲覧数の多いJavaScriptの質問