kii-memo-dev (開発メモ)

最近、ちょっとしたきっかけで、2.5次元Vチューバーの「 ぴゅこる 」さん (国王) が、配信サイトの「 ツイキャス 」で、毎日深夜2時から定期配信をしている 「 ぴゅこる王国放送 」 向けのスマホアプリ: 「 ぴゅこらーと 」 の開発をしています。 ぴゅこらーと には、 ぴゅこる王国配信で開催されている 「 ぴゅこるスタンプラリー 」 というイベント向けの メモ帳機能 や、 ぴゅこる王国配信の開始時/終了時の プッシュ通知機能 、 メトロノーム機能 などの いくつかの機能があります。 以前、アプリを使っている方から、これらの機能に加えて、「推しアプリ」などにある様な、推しに出会ってからの経過日数を表示する機能を追加して欲しいという要望があったので、 「 出会って何日目 」 という、アプリ内で指定した記念日からの経過日数を表示する機能を、 2023年6月 末にリリースされた「ぴゅこらーと」バージョン0.1.3に追加しました。 設定されたの日付(=記念日)から現在までの日数を表示する機能なので、単に経過した日数だけを表示するだけなら比較的単純なのですが、これに、「 何年何か月何日目 」という表示方法のオプションを加えてみた処、記念日の日付が特定の日付の場合は経過日数の計算方法が少しややっこしかったので、ここに 「 ぴゅこらーと 」 で採用している 経過日数の計算方法 をメモしておきます。 [ 目次 ] 前置き 何日目 何年、何か月 前置き カレンダー上の日数 人間が手で計算する場合は、記念日と本日のをカレンダー上で確認してから間の日数を手動で数える事になりますが、iPhoneやAndroidなどの電算機器内部では、少し違った計算方法が使われます。 というのも、iPhoneやAndroidなどのアプリなどを作るプログラミングでは 日時 は「年月日」ではなく、 1970年1月1日(午前)0時0分0秒 (UTC)からの秒数 として処理されるのが一般的です。 ...

Three.jsにMMDモデルを読み込むモジュールがあるのですが、これをChromeの拡張機能で使えないかといじってみたら割と簡単に扱えました。 動いているキャラクターはゲーム「原神」の「甘雨」ですが、原神のキャラクターは開発元がMMDとして無料公開しているのでThree.jsのデモ内で踊らせてみました👆。 いずれMMDを動かす拡張機能か何かを作れないかと考えていますが、とりあえずは他に優先したい事があるのでいつの日にか。。。。 リンク Three.jsのデモをちょろっといじったらChromeブラウザ内で甘雨が踊りはじめた Three.jsのデモをちょろっといじったらChromeブラウザ内で刻晴が踊りはじめた : 刻晴バージョン

[目次] 知恵袋の質問 アンサー: キャスポケットツール 例: キャスくんのサポートリスト 関連メモ キャスポケットツール 機能説明 ツイキャス関連メモ 知恵袋の質問 Yahoo知恵袋に次の様な質問があったのですが: 自分がツイキャスで誰をサポートしているかって、他の人から見えちゃいますか？ 誰かは見えなくても、何人サポートしてるとか見えますか？ (2020/6/4) 0:29 ツイキャスで他人がサポートしてる人って見ることは出来ますか？ (2016/11/28) 11:18 ツイキャスについてです 自分のサポーターは周りから見られるのは知っています 自分がサポートしている人は周りから見れますか？（僕がサポートした人以外） また見れないとしても僕が何人サポートしているかは周りに分かりますか？ (2015/11/21) 17:40 ツイキャスの 公式アプリや公式サイト では、各ユーザーのサポートの一覧が「サポート欄」で確認出来る他、(ログインが必要になりますが) 自分がサポートしているユーザーの一覧も確認する事も可能です。 しかし、他のユーザーがサポートしているユーザーの一覧は、公式のサイトや公式アプリでは確認出来ない仕様になっています。 でも、「誰をサポートしているか」という情報が非公開になっている訳ではなく、公式サイトの情報から全てのユーザーの「サポート欄」をくまなく確認していけば、理論上は「誰が誰をサポートしている」かを調べる事は出来ますが、かなりの時間とデータ量が無駄になるでしょう。 でも、実際は、無料アプリで「誰が誰をサポートしている」の一覧を簡単に確認する事が出来ます。 アンサー 無料Android/iOSアプリの「 キャスポケットツール 」で、他のツイキャスユーザーが...

キャスポケットツール (Cas Pocket Tool) のメイン画面に表示される水色の「気になる」ボタンをタップすると開く「 気になるユーザーリスト 」の説明をここにメモしておきます。 この画面では、ツイキャスユーザーを最高10まで登録出来、アプリが開かれている状態であれば 約1分半毎の間隔 で登録されているユーザー情報が更新される仕様 ※ になっています。 この情報にはライブ配信の有無も含まれる為、設定画面で「ライブ通知」が有効になっていれば、ユーザーが配信を開始した場合は (たとえ無通知配信でも) スマホ/タブレットの画面に通知を表示する事が出来ます。 ※ : 現バージョンでは、原則としてアプリ画面が表示さている状態でないと更新が継続されない仕様になっています。 キャスポケットツールを別のアプリと一緒に使っている場合、別のアプリの画面を表示して、キャスポケットツールの画面が隠れた場合は、キャスポケットツールがバックグラウンドで処理される為、情報の更新の頻度が制限される場合があります。 Android: キャスポケットツールの設定画面で「バックグラウンド処理」を有効にして、デバイスの設定でキャスポケットツールの「バッテリーの最適化」を無効にするとキャスポケットツールがバックグラウンドでも更新が継続されます。 但し、Android 9 (API 28; Pie) 以降ではアプリの使用頻度によってバックグラウンド処理を制限する機能がある為、仕様頻度が低い場合はOSによって規制が入ってしまい、更新が停止する場合があります。 (改善予定🔰) iPhone/iOS: iOSの設定画面で、キャスポケットツールの「Appのバックグラウンド更新」を有効にすると、バックグラウンドでの更新が有効になりますが、更新頻度は短くても15分毎という規制があり、実際はOSによってもっと長い間隔に制限される様です。 (改善予定🔰) macOS: M1/M2シリコンのmacであれば、iPhone/i...

ツイキャスのコメント欄をAndroidデバイス上で表示出来る『コメ欄』 ✚ ( プラス ) （v0.2.x）の初期設定に必要なステップをここにメモしておきます。 『コメ欄』✚ v0.3.x では初期設定の必要が無くなったので、このぺージで紹介している設定は必要ありません。 ただ、ツイキャスのコメント欄をオーバーレイとして表示する場合は、ステップ一１ 「コメントオーバーレイ表示用のURL」のURLが必要になります。 [目次] 初期設定 コメントオーバーレイ表示用のURL コメントオーバーレイURLの設定 『コメ欄』✚ 関連メモ 『コメ欄』✚ 関連 v.0.2.x サポートページ 📝 初期設定 (このメモ) kii_memo_jp プライバシーポリシー (個人情報保護方針) 『コメ欄』のセットアップ動画 コメントオーバーレイURLの設定のステップ④で「ツール・ゲームズ配信」ページを開いてURLをツイキャスのサイトからコピー&ペーストする場合の流れが収まっています。 ※ この動画は『コメ欄』Liteを使って収録されていますが、設定方法は、『コメ欄』✚ v0.2.xと『コメ欄』Liteでボタンの位置や見た目が少し違うだけで、同じ流れになっています。 初期設定 コ...

Flutterはマテリアルデザインをサポートしているので、マテリアルデザインのカラースキーム(色構成)を使うと無難な見た目のアプリを比較的簡単に作る事が出来ます。 Flutterの入門的な事を扱っているネット記事だったりすると、アプリデザインのプライマリカラーを既定値の青色 (MaterialColor.blue)から他の色に変更するのに、Flutterでマテリアルデザイン対応のアプリの基礎としてコード内で使う MaterialApp の theme プロパティに、使いたい色を指定したテーマデータ (ThemeData)を渡す方法だけが紹介されていたりする場合があったりします。 Status Bar と App Bar デバッグモードで開発中のアプリをいじっている時点だとそこまで気にならない事かもしれませんが、これだけだと、アプリのタイトルなどを表示する App bar の色が既定値の水色のままで表示されたり、時間やバッテリー残量が表示される Status bar の色がおかしかったりたりする場合があります。 アプリとして一般リリースする際にアプリの動作の再確認をしていると、こういった事は絶対NGなので、MaterialAppのthemeプロパティ以外にも必要な設定をここに備忘録としてまとめておきます。 [目次] 好みの色に変更する方法 (マテリアルデザイン) MaterialAppのプロパティ設定 SystemUIOverlayStyle設定 SafeArea + AppBarのバグ？ そもそもSafeAreaって? 07/2025 追記 Android 15 から、デフォルトでアプリが全画面 (Edge-to-Edge)で表示される使用になった為、アプリが「ステータスバー (Status Bar)」や「ナビゲーションバー (Navigation Bar)」に重ならない様にアプリのウイジェットの表示位置を調整する必要があります。 Andr...

「 flutter build ipa 」や「 flutter build applebundle 」といったFlutterのビルドコマンドで、macOSやiOS用のアプリをビルドする際に、 「 pod repo update 」コマンドを実行するように といった エラーメッセージ が返ってくる事がしばしばあります。 そこで、指示の通りにターミナルを開いてプロジェクトのディレクトリで「 pod repo update 」を実行すると、リポジトリ情報は更新されるみたいですが、再度ビルドをしても前と同じエラーが返ってくる場合があります・・・。 この場合、エラーメッセージの指示にある「 pod repo update 」ではなく、別のコマンドを実行すれば次のステップに進める場合がほとんどなのでここに備忘録としてメモしておきます。 キーワード : #CocoaPods [目次] エラーメッセージ 対処方法 最後に エラーメッセージ 問題のエラーメッセージは: Error: CocoaPods's specs repository is too out-of-date to satisfy dependencies. To update the CocoaPods specs, run: pod repo update Exception: Error running pod install で、メッセージの意味は、CocoaPadsのリポジトリ情報が古いので、ターミナルでプロジェクトのディレクトリに移動して「pod repo update」というコマンドを実行して情報を更新してくれ(下さい)という意味になります。 また、最後の「Exception: Error running pod install」の部分から、「pod install」コマンドを実行した時に起きたエラーというのがわかります。 CocoaPads は、macOSやiOSのアプリなどを開発するのに使われるIEDの Xcode において、オープンソー...

主にOBSの設定についてやツイキャス用のカスタムCSSを公開している別サイト、 『 kiiのメモ帳 』 で、配信のコメント欄のコメントを逆の順序で表示できないかという質問がありました。 ツイキャスだと新しく投稿されたコメントはコメント欄の一番上に表示されて、新しいコメントから順に上から下に表示される仕様になっています。 コメントを逆順で表示した場合、新しくコメントが頻繫に追加されてコメント欄が動いている場合はまだ良いのですが、動いていない場合だと上下にあるコメントのどちらが新しいのか紛らわしくなってしまいます。 そういう理由で 『kiiのメモ帳』 で公開しているカスタムCSSにはコメントの表示の順番を逆にするオプションは付けていません。 でも、これはあくまでも個人的なこだわりで、逆の順番で表示する事で個性を出したいと思う人もいるかもしれないので、上記の質問の解答をここに記事としてメモしておきます。 [ 目次 ] ツイキャスのコメントオーバーレイ YouTubeのコメントオーバーレイも逆の順番で ツイキャスのコメントオーバーレイ ツイキャスのコメント欄の場合は、「tw-comment-list-view__scroller」クラスのDIVタグの下にある無名のDIVタグの中にコメントが並ぶレイアウトになっています。 (👉「 ツイキャスのコメント欄の構造 (メモ帳) 」) なので、 既存のカスタムCSSの最後に次のCSSを加えると コメントが逆の順番で (新しいコメントが一番下に) 表示される様になるはずです。 . tw-comment-list-view__scroller > div { display: flex; flex-direction: column-reverse; height: 95%; /* 最新コメントがはみ出ない様に必要 */ } . tw-comment-list-view__scroller { transform: none !important; /* 下へスライドするアニメーション効果を無効化 */ }...