一歩前進!?
まさかの知恵熱
愛用のノートPCもそろそろオーバーヒートするのではないかと怯えつつ、夜な夜なバグ取り作業に勤しんでいる、プログラミング担当のもなかです。
私事ですが、最近どうも熱っぽいんです。腰も痛いし、寝つきも悪い。
「季節の変わり目で風邪でも引いたのかな」
と思っていたら、ある日、ちどりさんの悲鳴が。
「きゃーっ!もなかさん、知恵熱でてるよっ!」
どうやら、ノートPCより先に、私の脳みそがオーバーヒートしてしまったようです(苦笑)
腰痛は椅子に座る時間が増えたせいで、寝つきが悪いのはパソコンの画面を寝る直前まで睨みつけているからでした(あ、あと、夢でもプログラミングに追われているから、かも)
今まで、こんなにパソコンにかじりついたことなんて無かったからなぁ・・・(遠い目)
頑張った甲斐あって、少しだけバグ取り作業に進展があったんですけどね。
そんなわけで、報告と自慢をば。うふふふ(おいこら)
取り込み画像の初期表示サイズの変更
まず一つ目ですね。
これはバグ取りというより、ご要望にお応えして、という形なのですが。
画像を取り込んで調整するとき、作りたいアイテムが小さい(帯や履物など)場合、取り込み画像が大きすぎるというご意見がありました。
確かに、一律同じサイズで取り込んで、表示を拡大しているので、なんだが虫眼鏡で見ているような画像が出てきちゃうんです。
そこで、ごにょごにょごにょっと頑張りまして(だいぶ端折ったね)アイテムによらず、一定の大きさで初期表示されるように変更しました。
結構頑張りました!本当です!
ただ、関連するシステムもちょこっと弄っているので、新たなバグが生まれていないことを祈ります(切実)
メモ機能がオカシイ
メモはもともとオマケで付けた機能でしたが、使ってくださる方がいたんですね。そして例に漏れず、しっかりバグもついていたんですね。さすが私の作品です(自棄)
しかも挙動がなんだか凄~く不審。
メモが一切入力できない、とか、完全に文字化けしちゃっている、とか、そういった類のバグではないんです。
- 入力できている時と出来ていない時がある
- 途中までは入力できているのに途中からデータが消えている
- 入力していない文字が混ざる
どゆこと!?
どこがおかしくて何を直せばいいのか皆目見当もつきません。バグの方向性が謎過ぎてもうどうしたらいいの、私・・・
色々と自分でも試してみましたが、確かに同様の状況が発生しました。しかし、法則性もなく、発生しない時は全く発生しないんです。なに、これ。
仕方が無いので、こちらもメモの保存方法等をざっくり仕様変更してみました。
これでバグが無くなるといいんですが・・・
外部保存領域への挑戦
前回、愚痴三昧させて頂いた時(あぁ、バグ地獄 - アプリ「着物クローゼット」開発ブログ)に、外部保存領域へのデータの書き出しは出来るが、一括取得ができないと嘆いておりましたが、何とかできるようになりました。
まだ他のシステム周りもガラッと変更しないといけないので現在調整中ですが、これで上限撤廃への道が開けた(かもしれない)感じです。
有料版に乞うご期待、です!
ただ、今のところの大問題として、画像データが全てライブラリにも反映されてしまうので、このアプリで作成した画像がライブラリ一覧を埋め尽くしてしまうんですよね。
まぁ、並び替えたり、フォルダ分けしたり、きちんとされている方なら問題ないと思うんですが、ざっくり収納の人間にはちょっと煩わしい事態になる予感(誰とは言いませんが)
忙し楽し
面倒な作業も多いですが、今はこうして作りたいと思ったものが形になりつつある状況が純粋に嬉しいです。
なんといいますか、文化祭の準備で盛り上がっている、みたいな感じでしょうか。
アプリを作ろうと思い立つきっかけや動機は様々でしょうが、もし少しでも興味が沸いたのでしたら、是非チャレンジしてみることをオススメします。
ものづくりって、夢中になれる魅力がありますよね。ちょっとクセになっちゃいそうです♪
はてなブログの見た目をカスタマイズ
はてなブログはそのままじゃシンプルすぎるので、少し改造してみました。
まず、デザインテーマを「ace」に変更。
デフォルトのテーマは文章の表示幅が狭くて、改行が変になるなーと思ったので。
そこからさらに変更を加えました。
変更する場所はメニューの、デザイン→カスタマイズ→デザインCSSのところ。
クリックすると文字入力画面が出てくるので、そこにcssを書き込んでいきます。
背景画像をいれた
背景画像はbg-patterns様より
画像は「はてなフォト」にアップしてそのアドレスを指定しました。
body{
background-image: url(画像のURL);
background-repeat: repeat;
background-color:transparent;
background-attachment: fixed;
background-position: left top;}
見出しを目立つように変更
見出しの左横に画像をつけて、見出しの下には点線をつけました
h3が大見出し、h4が中見出し、h5が小見出しです
h4 {
background: url(画像のURL) no-repeat left center;
padding: 5px 35px;
border-bottom: 1px dashed #65a4b0;
}
文字に勝手に張られるリンクを目立たなくする
a.keyword {
border: 0 !important;
text-decoration: none !important;
pointer-events: none !important;
cursor: default;
}
記事のタイトルに背景色をつけ、角は丸くする
.entry-title{
background: #f3f3f3;
border-radius: 40px;
padding:20px 0px 10px 0px;
}
それから、ブログ村へのアイコンも素材を使って変更しました。
可愛い鳥のアイコンはmoon cat様よりお借りしました。
どうだろう、少しは可愛くなったかなあ?
スマホでの見た目も変えたいけど、それは有料会員じゃないとできないんだよなあ。
アプリで改善してほしい点はありますか?
画像をスマホ内に保管するべくがんばってるプログラミング担当のもなかさん。
珍しく「無理かも…」と呟いていたのでついに万策つきたか?!と思っていたのですが
今日、なにやら一つ壁を乗り越えて、実現に一歩近づいたようです。
がんばれもなかさん!
応援しかできない私と素人プログラマーのもなかさんが作っているアプリ「着物クローゼット」。 使いにくい点もあるかと思いますが、みなさまのご意見を取り入れてより良いアプリにしていきたいと思ってます!
現在、対策方法を考えているのは以下の点です。
・登録画面で、帯など小さめのアイテムだと、取り込んだ写真が大きすぎ
・着せ替え時にも小分類(名古屋帯、袋帯、とか。)で表示できるようにしてほしい
・メモに入力した文字が入らなかったり、途中で切れたりする
(これ原因が謎なんです…法則性を見つけた方いらしたら教えてくださいませ)
・ロード時間を短くする
・取り込み画像の明るさの調整
技術力の問題でどの程度対応できるか分からないですが、取り組んでみます。
いつか、カメラ機能をつけて、アプリ内で写真を撮影したり切り取ったりできるようにしたいなと思ってますが、それは遠い遠い未来になると思います
その他、アプリで改善してほしい点があればご連絡くださいね。
まだしばらく仕様変更が続くかと思いますが、よろしくお願いします。
アプリ紹介のお礼。
・Applivという、アプリ紹介サイトで紹介していただきました。
世にあふれるアプリがカテゴリ分けして登録してあって、自分の目的にあったアプリを簡単に見つけることができるサイトです。
http://android.app-liv.jp/003186388/
こちらはレビュー依頼を出したらレビューしていただけました!
ありがとうございます!
・着物ニュースという、着物にまつわる情報を収集・発信されているサイトで取り上げていただきました。
http://kimononews.com/archives/507
こちらで紹介されて、アクセスがぐぐっと増えました。
ありがとうございます!
それからGoogle Playにレビューを書いてくださった方も、本当にありがとうございます!
まだまだ不備があると思われる、アプリ「着物クローゼット」
バグを発見されたらメールなどでお知らせください。
技術的にできる範囲でしたら対応しようと思います。
あぁ、バグ地獄
バグ地獄に落ちた日
いきなり不吉なタイトルですみません。
プログラミング担当のもなかです。実は今、タイトル通り、バグ取り作業に追われております。
人生で初となるアプリ公開を成し遂げ、一息ついたのもつかの間。
有難いことに、我々の「着物クローゼット」アプリを早速ダウンロードしてくださった方が現れました!
ありがとうございます!ありがとうございますっ!!
そして、その方からのご指摘で、記念すべき(?)最初のバグが発覚!
なんと、アイテムの登録数に上限がっ!?(何故気づかなかった、自分!)
こうして、不肖もなかとバグとの熾烈にして終焉なき闘いの火蓋が切って落とされたのでした。
後悔は必ず後からするものである
公開前に一通りのデバック作業は行ったつもりでしたが、そこはやはり素人。根本的なところでズコッと抜けておりました。
まずデバッグは、最終的にリリースビルドしたアプリを実機にインストールして行ってみないといけません(え、そこからっ!?)
「Monaca - HTML5ハイブリッドアプリ開発プラットフォーム」の提供するデバッガーで問題なく動いたとしても、ビルドした途端にきちんと動かなくなるというのはよくある話のようです。
原因としては、今回の私のミスのように、アプリに割り当てられる容量の上限の問題だったり、或いは、必要なプラグインを有効にしていなかったり(当然、これもやりましたよ。ええ、勿論)と色々あります。
そして、それらは公式の解説にきちんと注意書きしてあるんですよね。私の目は節穴でございますので、いつも後から気づくのですが・・・(泣)
そんなわけで、皆様、公開前の実機での検証は必ず行ってください。私のようにならないように、くれぐれもご注意を。
底なし沼に片足を突っ込んで
ご指摘の件はひとまず解決、とまではいきませんが、妥協案として
- 画質を落としてアイテム登録数上限を増やす
という方法で対応させて頂きました。
しかし、初心者の癖にとんだ欲張り者の我々としましては、ここで満足するわけにはいきません。目指すべきは、上限の撤廃!
殆ど皆無のアプリ開発知識と、無謀な発想力のみを振り絞り、いかに容量を気にせず遊んでもらうかを思案する。アプリ開発を始めた者の行き着く最終目的地ですよね(違うわっ!)
そんなわけで、自ら底なし沼に向かってバクシン中のもなか。睡眠中も夢の中で試行錯誤を繰り返しつつ、スマホの外部保存領域にデータを落としこむ方法を模索中です。
進捗と愚痴と展望を胸に抱いて眠る
ひとまず、外部保存領域に画像を出力することはできるようです。実装してみましたが、指定したところに保存されました。
但し、SDカード内ではなく、スマホ本体の領域です。どうやらSDカードへのアクセスするパスが機種毎に異なるようで、複雑な手順を踏まないとほぼ不可能。要するに、ド素人の私には到底及びませんでした(とほほ・・・)
画像データやテキストファイルへのアクセスも、きちんとパスを指定してあげればアプリからの呼び出し、書き換えが可能です。
これらは、Monacaのファイル操作プラグインであるFile APIを利用することで比較的簡単に実装できます。
しかし、一番の問題は、このプラグインを用いてもディレクトリ内のファイルを一覧で取得することが出来ない、という点です。少なくとも私の調べた範囲では、ファイル名を指定せずに取得することは実現できませんでした。
ディレクトリ指定で一覧取得できれば、やりたいことが出来そうな気がするのにな~。
うーん、ショーウインドウ越しの着物を、指をくわえて眺めている気分です(意味不明)
各アプリに割り当てられる領域(サンドボックスというそうです)内では一覧取得できるようなのですが、それだと結局、容量上限に引っかかり、当初のバグに逆戻りしてしまいます。だからと言って、外部領域を使うとデータの管理が難しい。
そんな堂々巡りを、ここ数日ずっとしておりました(不毛)
あんまりにも蟻地獄ランニングしすぎて疲弊してきたので、ちょっと一休み。ここで愚痴って、また明日から頑張ります(だから今日は大目にみて、ね?)
我はこれを試練と呼ぼう
さて、なんとなく中二病っぽい(?)タイトルでお送りしてきましたが、この辺でそろそろお開きにしたいと思います。
世間は梅雨のどんより空模様と、突然の土砂降り豪雨。そして、蒸し風呂のような高温多湿の環境で、皆様もさぞやお疲れのことでしょう。
私もバグと気温と自分の無力に喘ぐ日々を、悶々と送っております。
健康でハッピーな着物生活のためには、十分な休養が不可欠。
皆様もどうぞ、ご自愛くださいね。
私も自分を甘やかしつつ、バグ取りに励みたいと思いますので。あ、勿論、明日から!ですけど(苦笑)
アプリ「着物クローゼット」に登録できる着物の数を増やしました!
前回告知したとおり、画質を落とすことで無料版「着物クローゼット」に登録できる着物の枚数を増やしました。50枚くらいの着物が登録できると思います。
私の着物は余裕で収まります(笑)
すでにダウンロードしてくださった方は、良かったらアップデートと、アイテムの登録しなおしをしてみてください。お手数おかけして申し訳ないです。
登録可能数無制限、かつ機種変更してもデータを移行できる有料版は鋭意作成中です。
完成したらお知らせしますね。
画像を縮小したら輪郭がぼやけて、下のアイテムがはみ出したり、それを治そうとしたら輪郭がギザギザになったり…。とりあえず最低限修正してみました。もう少しどうにかできそうな気はするけど、疲れたのでとりあえずこれで。また今度気が向いたら修正します。
アプリ「着物クローゼット」に登録できる着物数に制限がある件について。
アプリ、ホームページの方の記載も変えたのですが、
現在公開中のアプリ「着物クローゼット」は、アイテムを登録できる数に上限があります
あえて設定したわけではなく結果的にそうなったんですが…(遠い目)
原因
現在、データの保存先はアプリ内部なのですが、その保存先のメモリ容量が、
画像を保管するには足りなかったようです。
(多分、環境により差はあると思いますが多くて5MBくらいみたいです?)
アイテム画像の中では一番データとして重いはずの着物画像が1枚400KBとかなので
(柄とかによりますが)10枚くらいのデータを保存するといっぱいになって、
それ以上の登録ができなくなるかと思います。
対策1
アプリ内部の保存領域を増やすのは仕組み上無理なので、
データの保存先をライブラリーなどスマホ本体の方に変更するべく
プログラミング担当のもなかさんががんばってます。
まあでも難航してます。
実はデータの保存先は、最初本体側にしようとしたけど、
うまくいかなくてアプリ側にしたという経緯があるんです。
多分進捗状況は
・スマホ側にデータ格納フォルダを作る→できた
・スマホ側のフォルダに画像データを保存する→できた?
・スマホ側のフォルダから画像データをひっぱってくる→できない
という感じだと思います。
そしてお知らせなのですが、もしデータの保存先がスマホ本体バージョンが完成したら
有料版ということにしようと思っています。
データの保存先が本体になれば、単にアイテムがたくさん登録できるようになるというだけではなく機種変しても、SDカードなどでデータを新しいスマホに移せるはずです。(多分。)
「これ、手持ちの着物全部登録したとして、機種変したらまた1からやり直しなのでは?」と思ってたのですが、たぶんそれが解決します。
ちなみに有料版が、そもそも完成しないという可能性も実はあります。
躍起になってやってるので、たぶんやり遂げると思うんですが…。
対策2
それとは別に今公開してる無料版も、アイテム登録可能数を増やそうと思ってます
このアプリでは、画像がキレイに見えるように、実際は大き目の画像を縮小して表示しています。
それを表示領域と画像の大きさをだいたい等寸とすることで、画像のデータサイズを小さくする予定です。
多分着物画像が1枚100kbくらいになるので、50枚くらいのデータが保存できるようになるはずです(理論上は…。)
縮小した画像はもう用意したんですが、たぶんこれを今の画像と差し替えるだけじゃなくてアイコンとして表示する際のピクセル指定とか??色々書き換えないといけないはずなので、もなかさんに教わってやってみようと思ってます。
以上、アプリ「着物クローゼット」の現状でした。
もなかさんに説明してもらってもイマイチ理解しきれてないので
上記の説明も間違ってる部分があるかもしれませんが、まあ概ねこんな感じです。
改良版無料版か有料版ができたらまた告知します!