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

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

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

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

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

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

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

 (´。`)

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

制作したアプリをリリースした瞬間に、そのアプリに興味がなくなってしまうのでそこそこ完成しているけどリリースをあと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日目

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日目

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日目

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、3週もすれば、アイテム種類が少ないだけで、システム的には完成してアプリをリリース出来る状態になる筈です。たぶん。おそらく。

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

(☝ ՞ਊ ՞)☝ウェーイ

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

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

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

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

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

( ゚∀゚)アハハ

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

今年中にリリース出来るといいな・・・。新作アプリ「隣の田所さん」制作第62週目の作業予定です。

428日目:侵入成功時の土地購入処理 その1
429日目:侵入成功時の土地購入処理 その2
430日目:アイテム分割処理
431日目:アイテム統合処理
432日目:初回ログイン時のアイテム削除処理
433日目:初回ログイン時のTD付与処理
434日目:予備日(次の週の予定を立てる)

先週は落とし穴を作りました。何気なく歩いているといきなり地面がくるくる回って落下して・・・

落ちた先は針の山でした。

これで、侵入防止アイテムはお掃除ロボ、大砲、落とし穴、トゲ床の4つ完成となりました。

引き続き罠の作成をしたいところですがここはグッと我慢して、とりあえずアプリをリリースできる形にするために、今週は侵入システムの基礎部分を中心に手を入れたいと思います。

武器も作りたいなぁ・・

 
 
    ∧__∧ 
 (  ´∀)      ミ 
 (   つ={ii二二フ
  ノ 、  )
 (,__,. l____)

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

製作者にとってはリリースするまでが楽しい新作アプリ「隣の田所さん」制作第61週目の作業予定です。

421日目:落とし穴制作 その1
422日目:落とし穴制作 その2
423日目:落とし穴アニメーション その1
424日目:落とし穴アニメーション その2
425日目:落とし穴サーバー保存 その1
426日目:落とし穴サーバー保存 その2
427日目:予備日(次の週の予定を立てる)

先週は大砲を4方向に向けられるように改良しました。またトゲ床を作りました。その結果がご覧の有様です。

どう見ても関わりたくない住人の部屋の様子。こんな人がお隣さんだったらいろんな意味で覚悟してください。

まだ侵入防止用アイテムは3つしか作っていません。それなのにこの有様ですが、最低10アイテムは作りたいのであと7つ頑張ります。

来週は

落とし穴

を作ります。

      ズボッ!!
      ||ll|ll
       ∧  ∧  て
____n(;゚∀゚)n,._
    ヽ    ノ
ww,,.   ”~””””~~
 

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

アプリをリリースしてプレーヤーを楽しませるよりもアプリ制作者が制作を目一杯楽しんでいる新作アプリ「隣の田所さん」制作第60週目の作業予定です。

414日目:トゲ床ポリゴン化
415日目:トゲ床当たり判定
416日目:大砲の方向指定 その1
417日目:大砲の方向指定 その2
418日目:大砲の方向指定 サーバ保存 その1
419日目:大砲の方向指定 サーバ保存 その2
420日目:予備日(次の週の予定を立てる)

先週は大砲が完成しました。いい感じに出来たので、調子に乗ってご覧のように配置しまくってみました。

大砲を配置しすぎた様子。玉だらけになった模様。

今週は、引き続き侵入者撃退用アイテムのトゲ床を作成します。その後は大砲の改良作業を行う予定です。

 ||||||
 人人人人人人

なんだこれ・・・

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

侵入者を迎え撃つ側が圧倒的に強い新作アプリ「隣の田所さん」制作第59週目の作業予定です。

407日目:大砲アニメーション その1
408日目:大砲アニメーション その2
409日目:大砲当たり判定 その1
410日目:大砲当たり判定 その2
411日目:トゲ床デザイン
412日目:トゲ床テクスチャ作成
413日目:予備日(次の週の予定を立てる)

先週は大砲のポリゴン化にてこずりました。過去最多のポリゴン数(当社比)で大変でしたが、なんとか形になりました。

侵入者撃退用5蓮大砲
玉がドバドバ出ます。多分。

ボフ!
⌒ )) _  ^ – ^_
≡三   (_( ・ω・)_()ミ
⌒))   .(  つノ     ヾ   ポロン
)      し―J        ○

今週はこの大砲から玉を放出するアニメーションと当たり判定の作業を行います。

それが終わったら掃除機、大砲に続く3つ目の撃退用アイテム

トゲ床

の制作に移ります。