Three.js、MMD、甘雨とChromeの拡張機能 リンクを取得 Facebook × Pinterest メール 他のアプリ - 8/04/2023 Three.jsにMMDモデルを読み込むモジュールがあるのですが、これをChromeの拡張機能で使えないかといじってみたら割と簡単に扱えました。 動いているキャラクターはゲーム「原神」の「甘雨」ですが、原神のキャラクターは開発元がMMDとして無料公開しているのでThree.jsのデモ内で踊らせてみました👆。 いずれMMDを動かす拡張機能か何かを作れないかと考えていますが、とりあえずは他に優先したい事があるのでいつの日にか。。。。 リンク Three.jsのデモをちょろっといじったらChromeブラウザ内で甘雨が踊りはじめた Three.jsのデモをちょろっといじったらChromeブラウザ内で刻晴が踊りはじめた: 刻晴バージョン リンクを取得 Facebook × Pinterest メール 他のアプリ コメント
アプリ開発備忘録: ③ Android 15からはEdge-to-Edge表示が強制適用に (Part 3/3) - 9/23/2025 Android 15以降から画面のEdge-to-Edge表示が強制適用になって、同時に画面上部の時間やバッテリーの残量が表示される「ステータスバー」の背景が透明になりました。 「 パート2 」では、強引にスタータスバーの背景色を設定する方法を確認しましたが、この方法だと背景色の色を設定できるタイミングに少しの制限が入ります。 なので今回は。違う方法でステータスバーの背景色を設定する方法をこの備忘録に残しておきます。 [目次] パート 1 Edge-to-Edge表示 (Android アプリ) テストアプリを使って確認 ターゲットSDKバージョンを35に変更 ステータスバーとAppBarが重ならない様にする例 (XMLレイアウト) ※:強制適用されるEdge-to-Edge表示を一時的に無効にする方法 (SDK 35) パート 2 Android15よりも前のデバイスでもEdge-To-Edge表示 ステータスバーの背景色 パート 3 (このメモ) パート2で確認した背景色を設定する方法 別の方法 例: JetPack Compose 例: Flutter 追記 パート2で確認した背景色を設定する方法 import android.graphics.Color import android.os.Build import android.view.View import android.view.Window import android.view.WindowInsets : : : : class MainActivity : ComponentActivity() { fun setStatusBarColor ( window : Window, color : Int) { ... Read more »
『コメ欄』用カスタムCSS - L◯NE風 (ツイキャス) - OBSのブラウザでも使えます。 - 12/16/2021 関連サイトの「 kiiのメモ帳 」で公開している『 L◯NEの会話画面風のツイキャスコメ欄カスタムCSS (シンプル版) 』ですが、 『 コメ欄 』のアプリ内表示モードでカメラ機能を使う場合に、吹き出しの背景に映る部分の画像が吹き出しの色と似ていると、コントラストの関係で吹き出し部と背景が同一化してしまうので、吹き出し部に 囲いの線 又は 色付きの影 のどちらかを追加で表示出来る様に変更してみました。 因みに以前のカスタムCSSでは、吹き出しの根元部は「◣」を使って再現していましたが、今回はカール付きで弧を描いているので少し再現度が向上しています。 このページの後方にある 設定 の部分で囲い線と影の他に、文字の大きさや色などをクリックでCSSをカスタマイズする事が出来ます。 カスタマイズ後は カスタムCSS の下にある CSSをクリップボードにコピー をクリックするとカスタムCSSがクリップボードにコピーされます。 [目次] 囲いの枠線と影の例 カスタムCSS LINE風 (コメ欄用) 設定 (Part-1) サンプル 設定 (Part-2) スマホアプリ 『コメ欄』での使用例 影を吹き出しの下方向に表示する方法 更新履歴 L◯NEの会話画面風のツイキャスコメ欄カスタムCSS シンプル版 @ メモ帳 (別サイト) x4バージョン : アイコンサイズ変更可 @ メモ帳 (別サイト) 幅細めバージョン : 狭い幅で表示したい時用 @ メモ帳 (別サイト) 『コメ欄』用カスタムCSS : 吹き出しの周りに枠線又は影の表示が可能 (このページ) 囲いの枠線と影の例 次に吹き出しに囲い線/影を設定した場合のコメント欄のスクショを例のとして貼っておきます。 囲い線と影の色は設定で、違う色にする事が可能なのと、ユーザー名やユーザーI... Read more »
[ツイキャス配信・閲覧支援ツール] キャスポケットツール: 初期設定 - 12/02/2022 ツイキャス配信・閲覧支援機能をいくつか搭載したアプリ、 『 キャスポケットツール 』 ( Android | iOS ) を作ってみました。 ツイキャス のユーザーやライブ配信を検索する機能をはじめ、自分のサポート・サポーターを閲覧したり、気になるユーザーを登録してライブ配信の通知を有効にしたりする事が出来ます。 このアプリの機能を使うのには、 アプリを ツイキャスのアカウントに連携 する必要がある他、 Android 13とそれ以前 のAndroidでは、 バックグラウンド処理を有効 にすると、登録した「気になるユーザー」のライブ配信開始の通知を受け取れる確率が上がるので、 ここに『キャスポケットツール』を使うのに 最低限必要な初期設定 をメモしておきます。 [目次] キャスポケットツールの機能 初期設定 バックグラウンド処理の有効化 iOS Android 13とそれ以前のAndroid 備考 関連メモ #キャスポケットツール キャスポケットツール Android版 by kii_memo_jp iPhone/iPad版 by BIBO-HQ キャスポケットツールの機能 メイン画面 現時点では次の機能が搭載されていて、アプリのメイン画面から選択する事が出来ます。 ... Read more »
[OBS] Twitchコメント欄向けCSSカスタマイザー (試作) - 8/10/2024 ( Twitch Chat Overlay CSS Customizer Prototype ) Chrome拡張機能の「 TwitchコメカスタムCSSテスター 」をChromeウェブストアで公開していますが、この拡張機能に読み込ませるテスト用のカスタムCSSも必要だと思ったので、Twichのコメント欄 (チャットオーバーレイ) 向けの簡単なCSSカスタマイザーをここに置いておきます。 このページでクリップボードにコピー出来るCSSを使うと、Twitchのチャット欄をポップアップして表示したコメント欄のURLを使って表示するオーバーレイを、マウス操作でカスタマイズする事が出来ます。 [目次] Twitchのコメント欄 (チャットオーバーレイ) カスタムCSS コメント欄サンプル 設定 更新履歴 TwitchコメカスタムCSSテスター サポートページ #Twitchコメカスタム ( #ツイッチコメ欄カスタムCSS 、 #トイッチコメ欄カスタムCSS ) Twitchのコメント欄 (チャットオーバーレイ) Twitchのライブ配信をパソコンのブラウザで視聴する時にウインドウの右側に表示されるコメント欄を、「チャットをポップアウト」でポップアップすると https://www.twitch.tv/popout/ ユーザー名 /chat?popout= というURLでコメント欄が別のウインドウで表示されます。 配信ソフトの「OBS」のブラウザや、Chrome拡張機能の「 TwitchコメカスタムCSSテスター 」を使って、上記のURLにこのページのカスタムCSSを読み込ませて表示すると、標準のTwitchコメント欄とは違うレイアウトにカスタマイズして表示する事が出来ます... Read more »
ツイキャスで他の人がサポートしている人って見えますか? (キャスポケットツール) - 7/04/2023 [目次] 知恵袋の質問 アンサー: キャスポケットツール 例: キャスくんのサポートリスト 関連メモ キャスポケットツール 機能説明 ツイキャス関連メモ 知恵袋の質問 Yahoo知恵袋に次の様な質問があったのですが: 自分がツイキャスで誰をサポートしているかって、他の人から見えちゃいますか? 誰かは見えなくても、何人サポートしてるとか見えますか? (2020/6/4) 0:29 ツイキャスで他人がサポートしてる人って見ることは出来ますか? (2016/11/28) 11:18 ツイキャスについてです 自分のサポーターは周りから見られるのは知っています 自分がサポートしている人は周りから見れますか?(僕がサポートした人以外) また見れないとしても僕が何人サポートしているかは周りに分かりますか? (2015/11/21) 17:40 ツイキャスの 公式アプリや公式サイト では、各ユーザーのサポートの一覧が「サポート欄」で確認出来る他、(ログインが必要になりますが) 自分がサポートしているユーザーの一覧も確認する事も可能です。 しかし、他のユーザーがサポートしているユーザーの一覧は、公式のサイトや公式アプリでは確認出来ない仕様になっています。 でも、「誰をサポートしているか」という情報が非公開になっている訳ではなく、公式サイトの情報から全てのユーザーの「サポート欄」をくまなく確認していけば、理論上は「誰が誰をサポートしている」かを調べる事は出来ますが、かなりの時間とデータ量が無駄になるでしょう。 でも、実際は、無料アプリで「誰が誰をサポートしている」の一覧を簡単に確認する事が出来ます。 アンサー 無料Android/iOSアプリの「 キャスポケットツール 」で、他のツイキャスユーザーが... Read more »
キャスポケットツール: 気になるユーザーリストの巻 - 5/06/2023 キャスポケットツール (Cas Pocket Tool) のメイン画面に表示される水色の「気になる」ボタンをタップすると開く「 気になるユーザーリスト 」の説明をここにメモしておきます。 この画面では、ツイキャスユーザーを最高10まで登録出来、アプリが開かれている状態であれば 約1分半毎の間隔 で登録されているユーザー情報が更新される仕様 ※ になっています。 この情報にはライブ配信の有無も含まれる為、設定画面で「ライブ通知」が有効になっていれば、ユーザーが配信を開始した場合は (たとえ無通知配信でも) スマホ/タブレットの画面に通知を表示する事が出来ます。 ※ : 現バージョンでは、原則としてアプリ画面が表示さている状態でないと更新が継続されない仕様になっています。 キャスポケットツールを別のアプリと一緒に使っている場合、別のアプリの画面を表示して、キャスポケットツールの画面が隠れた場合は、キャスポケットツールがバックグラウンドで処理される為、情報の更新の頻度が制限される場合があります。 Android: キャスポケットツールの設定画面で「バックグラウンド処理」を有効にして、デバイスの設定でキャスポケットツールの「バッテリーの最適化」を無効にするとキャスポケットツールがバックグラウンドでも更新が継続されます。 但し、Android 9 (API 28; Pie) 以降ではアプリの使用頻度によってバックグラウンド処理を制限する機能がある為、仕様頻度が低い場合はOSによって規制が入ってしまい、更新が停止する場合があります。 (改善予定🔰) iPhone/iOS: iOSの設定画面で、キャスポケットツールの「Appのバックグラウンド更新」を有効にすると、バックグラウンドでの更新が有効になりますが、更新頻度は短くても15分毎という規制があり、実際はOSによってもっと長い間隔に制限される様です。 (改善予定🔰) macOS: M1/M2シリコンのmacであれば、iPhone/i... Read more »
キャスポケットツールのコメント読み上げがP-in-Pに対応 (Android 14+) - 7/05/2025 『 キャスポケットツール 』のバージョン0.0.34で、ツイキャスのライブ配信の コメント読み上げ機能機能 (TTS) が追加されました。 設定オプションでTTSを有効にすると、コメント画面内で、新着のコメントが毎度読み上げられる様になります。 Android 13 (SDK 33) とそれ以前のAndroidの場合は 、設定画面で『 バックグラウンド処理 』が有効になっていれば、キャスポケットツールが他のアプリの後ろに隠れた状態でも新着コメントの読み上げが継続される仕様になっています。 (👉詳しくは 初期設定メモ を参照) Android 14 (SDK 34) 以降のAndroidの場合 だと、OSによる制限が追加された為、同アプリではバックグラウンド処理を有効には出来ませんが、キャスポケットツールのバージョン0.0.35で追加された 『ピクチャー・イン・ピクチャー(PiP)機能』 ( ※ ) が有効になっていると、PiPモードでコメントの読み上げを継続する事ができます。 iOS版 は、現時点ではバックグラウンド処理とPiP機能には対応していません。 ※ 今のところ、 キャスポケットツールのPiP機能は Android 14以降のAndroidが対象になります。 [ 目次 ] コメント画面 読み上げのオン・オフ PiPモードでコメント読み上げ (Android 14以降) PiPモードを開始 PiPモードを終了 関連メモ コメント画面 コメント コメント画面は:... Read more »
最近のプロジェクト (Pololu社 SMC: DCモーター制御ボード) - 10/27/2023 私事ですが、最近はDCモーターを遠隔でシリアル制御するモノを知人に頼まれて作っています。 「プログラミングなら手伝うよ」と言っただけだったのに、いつの間にか他の事も頼まれて。。 (給料くれると良いのですが。) [ 目次 ] Pololu SMC (シンプル・モーター・コントローラー) 制御例 ポテンショメータで制御 (0~3.3V電圧) ラジコン制御 (RCサーボ信号) シリアル SMC テスタ Pololu SMC (シンプル・モーター・コントローラー) モーターの制御には 『SMC』 (Simple Motor Controller) という米国のPololu社が販売しているDCモータを制御するモジュールを使うという事で、上の画像はそのモジュールにBluetooth-シリアル変換回路をつなげてスマホから制御出来る様にした設定です。 SMCのボードはAllegro microSystemsのモータードライバを搭載しているので、HブリッジによってDCモーターを制御。 また、制御インターフェイスには、0~3.3V電圧、RCサーボ信号、TTL UART、USB、I 2 C (※) を選択する事が出来ます。 👉 SMCのページ (Pololu) ※: I 2 CはG2のみのサポートになります。 制御例 TTL UART、USB、I 2 Cなどのデジタル信号のいずれかでDCモーターを制御する場合は、パソコンやマイクロコントローラなどから特定のコマンドを送って操作する事になりますが、0~3.3V電圧のアナログ制御の場合はポテンショメータ(3端子可変抵抗)、RCサーボ信号制御の場合はラジコンの受信機なり、RCサーボテスターに繋げて操作も出来ます。 ポテンショメータで制御 (0~3.3V電圧) Plolu SMCの取説PDFより SMCのアナログ入力に1~10KΩのポテ... Read more »
コメント
コメントを投稿