スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

-----------------------------------

-----------------------------------
応援はこちらのクリックをお願いします。
にほんブログ村 IT技術ブログ iPhoneアプリ開発へ
にほんブログ村
にほんブログ村 IT技術ブログ Androidアプリ開発へ
にほんブログ村
--/--/--(--)
スポンサー広告

8-4.Monaca開発(既存コンテンツのアプリ化・データ加工)

さて、「既存コンテンツのアプリ化」についてです。
冷凍できる・できない事典では、FC2ブログで既に作成されているデータを、アプリで一覧で見たり検索したりしたいため、CSVデータに加工しました。

jiten002.jpg

jiten004.jpg



FC2ブログにはデータをダウンロードする機能(バックアップやブログの引越しをするための機能)がついているので、そこからダウンロードしたデータを、今回のアプリの型式に加工して使えばいいと思っていたのですが、加工が結構大変でした。

「ブログデータをダウンロード」というからには
日付、カテゴリ、記事タイトル、記事文章 などがCSV型式とかそれに類似した例えばXMLとかの型式でダウンロードされるのかなーと勝手に思っていたのです。

ブログ版・冷凍できる・できない事典」では
カテゴリで「冷凍できるかできないかの判定」
記事タイトルで「食材や料理の名称」
タグに「検索に使う分類など」
記事文章で「説明文」を書いていたので、こんなデータがダウンロードされるイメージでした。


ブログはこんな感じでダウンロードされるのではないかとイメージしていたもの

----------------
投稿日付,カテゴリ,ブログタイトル,タグ,ブログ本文
2013/01/01,冷凍できない,キャベツ,野菜,スカスカになるので冷凍できません
2013/01/02,冷凍できる,親子丼,料理,ジップロックなどに入れて冷凍します
2013/01/02,冷凍できない,豆腐,食材,スポンジ状になります
----------------


日付は不要なのでアプリ用に加工するとこんな感じ
----------------
食材や料理,判定,分類,説明文
キャベツ,冷凍できない,野菜,スカスカになるので冷凍できません
親子丼,冷凍できる,料理,ジップロックなどに入れて冷凍します
豆腐,冷凍できない,食材,スポンジ状になります
----------------

こういう加工はエクセルで開いて、いらない行を削除して、列を入れ替えて、みたいなことをやるだけなので、エクセルを使ったことあれば簡単です。
想定していたのはこんなかんじだったのです。



ところがFC2ブログからデータをダウンロードしてみたらびっくり。
データはこんな感じでした。
----------------------------------------------------------------
--------
AUTHOR: reitoujiten
TITLE: ほうれん草【ほうれんそう】
STATUS: Publish
ALLOW COMMENTS: 1
CONVERT BREAKS: default
ALLOW PINGS: 1
PRIMARY CATEGORY: ◎冷凍できる
CATEGORY: ◎冷凍できる

DATE: 04/26/2013 21:35:45
-----
BODY:
方法:茹でて小分けにして冷凍。または、生のまま洗ってジップロックに入れて冷凍
-----
EXTENDED BODY:

-----
EXCERPT:

-----
KEYWORDS:

-----


--------
AUTHOR: reitoujiten
TITLE: 麻婆豆腐【まーぼーどうふ】
STATUS: Publish
ALLOW COMMENTS: 1
CONVERT BREAKS: default
ALLOW PINGS: 1
PRIMARY CATEGORY: ○工夫が必要/少し食感が変わる
CATEGORY: ○工夫が必要/少し食感が変わる

DATE: 04/26/2013 21:39:45
-----
BODY:
工夫:片栗粉でとろみをつける。豆腐を少し細かめにくずす。

豆腐が大きいと食感が変わってるのがわかってしまう。細かいと気にならない。
-----
EXTENDED BODY:

-----
EXCERPT:

-----
KEYWORDS:

-----
----------------------------------------------------------------



こういう型式ってブログ業界(?)では普通なんですかね?
確かに本文中の改行とかもそのまま保存されていて、見やすいといえば見やすいですが、加工はしにくいですね。
引越しできるの?このデータで?できるんでしょう、おそらく。
ブログデータなんて扱ったことなかったのでこの型式はちょっと衝撃を受けました。


でもまぁがんばりましたよ。
秀丸(テキストエディタ)で。


参考までにコツだけ書いておくと(もっといい方法はあると思いますが私はこうしましたというやつです)
このデータの
----------------------------------------------------------------
--------
TITLE: ほうれん草【ほうれんそう】
-----
CATEGORY: ○工夫が必要/少し食感が変わる
-----
BODY:あああ
-----
EXTENDED BODY:

-----

--------
TITLE: 麻婆豆腐【まーぼーどうふ】
-----
CATEGORY: ○工夫が必要/少し食感が変わる
-----
BODY:いいいいい
-----
EXTENDED BODY:

-----
----------------------------------------------------------------

改行コードを削除する(置換機能で「\n」→「何もなし」)すると
こうなります。
----------------------------------------------------------------
--------TITLE: ほうれん草【ほうれんそう】-----CATEGORY: ○工夫が必要/少し食感が変わる-----BODY:あああ-----EXTENDED BODY:-------------TITLE: 麻婆豆腐【まーぼーどうふ】-----CATEGORY: ○工夫が必要/少し食感が変わる-----BODY:いいいいい-----EXTENDED BODY:-----
----------------------------------------------------------------

このデータで置換機能で 「TITLE:」→ 「TITLE:\n」とすると
こうなります。
----------------------------------------------------------------
--------TITLE:
ほうれん草【ほうれんそう】-----CATEGORY: ○工夫が必要/少し食感が変わる-----BODY:あああ-----EXTENDED BODY:-------------TITLE:
麻婆豆腐【まーぼーどうふ】-----CATEGORY: ○工夫が必要/少し食感が変わる-----BODY:いいいいい-----EXTENDED BODY:-----
----------------------------------------------------------------

このデータで置換機能で 
「-----CATEGORY:」→ 「\t」
「----BODY:」→ 「\t」
「-----EXTENDED BODY:-----」→ 「\t」
をするとこうなります。

----------------------------------------------------------------
--------TITLE:
ほうれん草【ほうれんそう】 ○工夫が必要/少し食感が変わる あああ --------TITLE:
麻婆豆腐【まーぼーどうふ】 ○工夫が必要/少し食感が変わる いいいいい
----------------------------------------------------------------


あとはエクセルに貼って、列の入れ替えなどの作業ができます。
秀丸さんありがとう。
置換機能を使う際には「正規表現」というところにチェックを入れておくと改行が「\n」タブが「\t」とかで扱えるようになります。


こんな感じで無事にcsvファイルデータができました。
あとは前回の記事で書いたように読み込んでリスト表示して、検索機能などが付いてアプリの完成となりました。

今回のアプリはデータの加工や、検索や絞込みの機能、jQueryによる見た目や動きを作る、などとても勉強になりました。
スポンサーサイト

-----------------------------------

-----------------------------------
応援はこちらのクリックをお願いします。
にほんブログ村 IT技術ブログ iPhoneアプリ開発へ
にほんブログ村
にほんブログ村 IT技術ブログ Androidアプリ開発へ
にほんブログ村
















管理者にだけ表示を許可する


| ホーム |
Page Top↑
▲ Page Top
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。