アプリ開発の奮闘記

いきなりですが、メルスト日記帳アプリ開発に乗り出しました!(*’▽’)

リリースまでこぎつけるか微妙ですがまったりのんびり開発をば。ところで、アプリを公開するのに年1万数千円かかるみたいです。ストアに置いておく場所代とかライセンスとか色々あるんですね。

個人開発なのでリリースするとなると本名が出ちゃうのがお悩みです!何かいい方法はないものか。こちらの情報も集めねばです!

完成イメージ

とりあえず最初のイメージはこんな感じ!手書きの雑メモですが自分でわかる程度には書き出せたのでこれに沿って作っていきます。

画像1:右半分が実際のスマホ画面のレイアウトイメージ

開発のタイムライン的な

2021/11/29

最新記事の部分をざっくり4工程に分けて作りました!

  1. 記事のURLからHTMLを文字列で取得し、正規表現を使ってsrc属性のところにある画像の保存先URLだけをくり抜く
  2. 画像をスライド形式にするため、横長のサブビューを作っておく
  3. 実際にスクロール処理、画像の表示位置を確認しながら頑張る(座標管理)
  4. 記事タイトルを1.で取得した文字列から抽出して画像の下のところに配置&デザインする

残ってる作業としては、

  • RSSから最新記事のURLを取得できるようにしてアプリ起動時に新着記事4個を配列に入れる。
  • 直書きしてるURLを配列を参照する形に切り替える

これで上半分は完成のはず……。今日は眠いのでこの辺で!

2021/12/10

この日は画面の録画範囲を変えて撮ってみました。

前の記録に残した方針でRSSから最新記事のURLを取得して、画像と記事タイトルを抽出して表示しています。画面下半分のリストは情報を配列でソースコード内に直書きしているので複雑なことは一切していません。

ただこの期間色々詰まったことがあったのでちょっと記録を……。

●非同期処理

非同期処理っていうのは簡単にいうと、『プログラムの実行順序が変動するかもしれないよ!』というイメージです。これのメリットは処理の一部をサブの方で処理させて並列にプログラムを実行できるためプログラムの実行時間が早くなります。

ただ今回はこれをちゃんと理解していなかったために非常に面倒なことになってました。

既に書いている通り私の実装したい内容は『最新記事のURLなどの情報を取得』『画像と記事タイトルを表示』といった処理を順番に実行してもらわないと困るわけです。なので非同期に処理が行われるとこの2つの処理が入れ替わって意図しない挙動を引き起こしてしまう可能性を含んでいたわけですね。

この問題はなんとかなったのですが……。私とんでもないことに気づいちゃいました!実はこのアプリxcodeで開発しているのですが……Android版がビルドできません!!なぜ先に確認しなかったの!私のバカーー!!

というわけでFlutterで作り直します……。(っ’ヮ’c)

今日は環境構築だけ済ませておやすみなさい……。

2021/12/14

Flutterの公式の解説が丁寧で(英語さえ読めれば)かなり初心者でもとっつきやすい言語でした!前までのデザインを意識しつつ先に大枠を作ってみましたよ。

(サムネイルが設定されていない記事については暫定的に適当なサムネをつけておきましたが、実際には分岐させてNoImage画像にする予定)

アプリ開発中に思いついたのですが、メルスト民は多かれ少なかれ、ログを保存すると思うのです(AAやテンプレなど)。その保管庫もつけておいたら便利そう?要らない?

そういえば前に気になっていた読み込み速度の問題は処理に使うデータを工夫することでだいぶ時短できました!具体的にはRSSから正規表現で切り抜いていたデータを、webサイトのほうでカスタマイズしたAPIを伸ばしてアプリに繋げてデータのサイズを90%くらいカットしました!(記事のカテゴリー、タグ、要約などの使わない情報を削ぎ落としたものを最初から取ってこれるようにしたイメージ!!)

転んでもただでは起きない精神でいいものを作るのです!٩( ‘ω’ )و

Flutterのアイコンが豊富でプチ感動……。

2022/01/12

ふと我に返って考えてみたのですが、webサイトを閲覧するアプリを作るなら利用者が好きなURLを追加削除できた方が便利だなぁと思ったので日記帳専用のアプリという考えを改めwebサイト閲覧をひとまとめに管理するアプリの方向に切り替えます!

そしてそろそろ実名を出さずにライセンスを取得する方法を探さねば……。

2022/03/02

アプリを公開すべくAndroid Console Developer (?)に登録して本人確認を済ませました!!いざ審査!と思ったのですが、端末のスクショやらフィーチャ画像やら準備するものが多くて大変!

『リリースするのが面倒というのはこれだったのか……』と実感中。

そんなこんなでとりあえず審査中の表示がつきました!!画像が適当なのは個人開発あるあるということで……。次段階は公開前のクローズドテスト!!弟のAndroid端末に入れて実機で動かして確認する作業!!今月中にはなんとか……。

ちなみにアプリの方向性は1月に書いた通りに、自分の好きなwebページのURLを保存して置いてTOPメニューからワンタップで閲覧できる形にしました。

【後でGIF画像を挿入予定】

2022/03/05

アプリリリースしました。いちから勉強して作った初心者感満載のアプリですがとりあえず動いてる?はずなので試しに使ってみてください……。あ、変なところがあったらレビューに書いてくれるとうれしいな……。

androidのストア(?)で『web viewer』で検索するとでてくるはず!

タイトルとURLをコピーしました