「独創アプリ開発日記」カテゴリーアーカイブ

デアゴ管理アプリ制作第2弾隣の田所さん 469日目

2020年12月14日 uka.apple コメントする

もう1回完成したけどまだまだブラッシュアップする予定ですってそれって完成したって言えるの？って一人ツッコミしている新作アプリ「隣の田所さん」制作第68週目の作業予定です。

470日目：無駄なUIを削除
471日目：ログを見たい時に見れるようにその1
472日目：ログを見たい時に見れるようにその2
473日目：侵入ログが表示されない場合がある対策その1
474日目：侵入ログが表示されない場合がある対策その2
475日目：ログイン時、一瞬世界の中心地が見える対策
476日目：予備日(次の週の予定を立てる)

先週も順調に作業は進みました。今週で不具合らしい不具合は全て対策される予定です。

来週からは、アプリをリリースしていないのに新機能をどんどん追加してバージョンアップする予定です。

Catamaのロジックボードの仕組みを取り入れて時代に逆行する超お手軽ではないアプリに仕上げるつもりです。でもガチャは導入するつもりです。

(´｡｀)

独創アプリ開発日記

デアゴ管理アプリ制作第2弾隣の田所さん 462日目

2020年12月7日 uka.apple コメントする

制作したアプリをリリースした瞬間に、そのアプリに興味がなくなってしまうのでそこそこ完成しているけどリリースをあと1年くらいは引き延ばそうと思っている新作アプリ「隣の田所さん」制作第67週目の作業予定です。

463日目：勝利 or 敗北メッセージの改良
464日目：被侵入ログメッセージ表示時に改行を調整
465日目：土地購入決定ボタンを赤色に
466日目：侵入時に相手ユーザー名をメッセージタイトルに表示
467日目：メッセージ内のフォントを調整
468日目：メッセージ表示の最終調整
469日目：予備日(次の週の予定を立てる)

今作のアプリはWebGLベースで、メッセージの表示にJSのalertやconfirmを使っています。

alertやconfirmだとあまりに質素で味気ないので、先週は、SweetAlert2というJSライブラリを導入してメッセージ表示を置き換えました。

敵の土地に侵入して703TD (TD=通貨単位) の強奪に成功したことを示すメッセージ

ちなみに、SweetAlert2でconfirmを記述するとこんな感じになりました。

async function mySweetConfirm(msg) {
    let result = await Swal.fire({
        text: msg,
        showCancelButton: true,
        allowOutsideClick: false
    }).then((result) => {
        return result.isConfirmed;
    });
    return result;
}

呼び出し元：

if (await mySweetConfirm("よろしいですか？")) {
    // 「OK」の処理
} else {
    // 「いいえ」の処理
}

※呼び出し元もasync functionの必要有。一時的にasyncにするなら
(async()=>{
    if (await mySweetConfirm("よろしいですか？")) {
        // 「OK」の処理
    } else {
        // 「いいえ」の処理
    }
})();
のようにすれば大丈夫です。

JSのalertやconfirmは同期処理ですが、SweetAlert2のメッセージ表示は非同期処理のため、asyncやawaitを利用して同期処理になるようにしています。

SweetAlert2により表現の幅が広がったため、今週はSweetAlert2の機能を使ってより良い/分かりやすいメッセージ表示となるよう調整を行ないます。

(´ー`)y-~~

独創アプリ開発日記

デアゴ管理アプリ制作第2弾隣の田所さん 455日目

2020年11月30日 uka.apple コメントする

m1のmac miniが3台くらい欲しいなぁと思って制作者がニンマリしながら制作している新作アプリ「隣の田所さん」制作第66週目の作業予定です。

456日目：サウンドが再生されないことがある対策その1
457日目：サウンドが再生されないことがある対策その2
458日目：リッチなメッセージ表示ライブラリ調査その1
459日目：リッチなメッセージ表示ライブラリ調査その2
460日目：リッチなメッセージ表示実装その1
461日目：リッチなメッセージ表示実装その2
462日目：予備日(次の週の予定を立てる)

「隣の田所さん」は超大規模MMOです。お隣さんは全て油断のならないプレーヤーです。先週は、留守の間に誰が侵入したか分かるログ表示対応を行いました。

これで仕返しすべき相手の名前が分かります。

(๑¯ – ¯๑)

また、jsの圧縮及び連結を行うために terser を導入しました。

macOS Catalina (10.15.7) で、brewはインストール済みの場合の手順です。

1. nodebrewをインストール

$ brew install nodebrew
〜略〜
$ nodebrew -v
nodebrew 1.0.1

2. nodeの安定版をインストール

事前にディレクトリを作らないとエラーになるため作ります。インストール後、useでインストールしたバージョンを選択。

$ mkdir -p ~/.nodebrew/src
$ nodebrew install-binary stable
〜略〜
$ nodebrew ls
v14.15.1
current: none
$ nodebrew use v14.15.1
$ nodebrew ls
v14.15.1
current: v14.15.1

3. 環境パスを通す

macOS X 10.15 Catalinaからはzshがデフォルトになったみたいです。パスを通したらsourceコマンドで読み直してバージョンを確認します。

$ echo ‘export PATH=$HOME/.nodebrew/current/bin:$PATH’ >> ~/.zprofile
$ source ~/.zprofile
$ node -v
v14.15.1
$ npm -v
6.14.8

4. terser をインストール

$ cd プロジェクトディレクトリ
$ npm install -D terser

5. jsを結合&圧縮

パス通すの面倒なので相対パスでterserを叩きます。下記は入力ファイルが2つですが、いくつでも指定できます。output.jsが結合&圧縮されたファイルです。

./node_modules/terser/bin/terser -c -m -o output.js input1.js input2.js

十数個あったjsファイルを1ファイルに結合し、さらに圧縮したことでロードがかなり早くなり大満足の結果となりました。

今週も引き続き、アプリをリリース出来る状態にするための調整作業を行なっていこうと思います

(๑¯ – ¯๑)

独創アプリ開発日記

デアゴ管理アプリ制作第2弾隣の田所さん 448日目

2020年11月23日 uka.apple コメントする

iPhone12 Pro Max が大きすぎて嫌になってiPhone12 miniを買ってやっぱこのサイズだよねって嬉しくなって新作アプリ「隣の田所さん」制作どころじゃない第65週目の作業予定です。

449日目：被侵入ログ表示その1
450日目：被侵入ログ表示その2
451日目：被侵入ログ表示その3
452日目：webpackで高速化その1
453日目：webpackで高速化その2
454日目：webpackで高速化その3
455日目：予備日(次の週の予定を立てる)

iPhone12 Pro Maxは売りました。iPhone12 mini最高です。

　　　_,,,
　 _/::o･ｧ
∈ミ;;;ﾉ,ﾉ
(　･ω･)

独創アプリ開発日記

デアゴ管理アプリ制作第2弾隣の田所さん 441日目

2020年11月16日 uka.apple コメントする

iPhone12 Pro Max を買って嬉しくて新作アプリ「隣の田所さん」制作どころじゃない第64週目の作業予定です。

442日目：初回の新規orコンテニュー選択その1
443日目：初回の新規orコンテニュー選択その2
444日目：お隣さん情報のキャッシュ処理その1
445日目：お隣さん情報のキャッシュ処理その2
446日目：侵入ログ記録その1
447日目：侵入ログ記録その2
448日目：予備日(次の週の予定を立てる)

先週はiPhone12 Pro Max ゴールド 512GBが届いたので週末はセットアップに明け暮れました。なので、440日目の「侵入ログ記録その1」の作業は

サボりました。

(☝ ՞ਊ ՞)☝ｳｪｰｲ

誰かに作業状況を監視されているわけじゃ無いので自分自身が監視者です。先週はiPhone12のセットアップしてたので、まあアプリ開発の一環として良しとします・・・

今週も先週に引き続き、リリースのためのシステム基礎部分を実装します。後２、３週もすれば、アイテム種類が少ないだけで、システム的には完成してアプリをリリース出来る状態になる筈です。たぶん。おそらく。

アプリをいつでもリリース出来る状態にしてテンションを上げて行こうと思います。

(☝ ՞ਊ ՞)☝ｳｪｰｲ

独創アプリ開発日記

デアゴ管理アプリ制作第2弾隣の田所さん 434日目

2020年11月9日 uka.apple コメントする

開発者としてはもしかしてバズるんじゃないかと淡い期待を抱くリリースする直前が一番楽しい新作アプリ「隣の田所さん」制作第63週目の作業予定です。

435日目：無人の土地購入時、もし土地権利書があれば削除
436日目：長期不在者の所有区画没収その1
437日目：長期不在者の所有区画没収その2
438日目：初回のユーザID切り替え機能その1
439日目：初回のユーザID切り替え機能その2
440日目：侵入ログ記録その1
441日目：予備日(次の週の予定を立てる)

アプリ製作者としては、アプリをリリースする直前が一番楽しいです。リリースして「あ、やっぱりあんまダンロードされねーや・・・」となる前の、もしかしたら、万が一、マイクラ並みに(可能性は0ではない。ただ限りなく低いけど)ヒットするかもしれない状態をなるべく長くしたいと思います。

そこで、”ブロック”や”ユニット”の種類を増やす前に、この２、３週間でとりあえずアプリとしてリリース出来る状態まで持って行こうと思います。

( ﾟ∀ﾟ)ｱﾊﾊ

独創アプリ開発日記