kii-memo-dev サイトマップ

kii-memo-dev



スマホアプリ by kii-memo

『BIBO-HQ』と『kii-memo-dev』で公開しているモバイルアプリ

👉『スマホアプリ by kiimeｍo まとめ』


アプリ名 ストア
ツイキャス専門店『コメ欄』Lite アイコン ツイキャス専門店『コメ欄』Lite [ Google Play ] -
ツイキャスコメント欄コンテンツコンポーザー
『コメ欄』✚ アイコン 『コメ欄』✚ [ Google Play ] [ App ストア ]
画面録画/画面配信向けコンテンツコンポーザー
キャスポケットツール アイコン キャスポケットツール [ Google Play ] [ App ストア ]
ツイキャス閲覧/配信向け便利ツール
ぴゅこらーと アイコン ぴゅこらーと [ Google Play ] [ App ストア ]
ぴゅこる王国放送公認アプリ
画飛彡 (SCR Cast) アイコン 画飛彡 (SCR-Cast) [ Google Play ] [ App ストア ]
画面共有アプリ (画面ミラー、WebRTC)
シリアルSMCテスタ アイコン シリアル SMC テスタ [ Google Play ] -
Pololu SMC向けDCモーター制御ツール (要Bluetooth RFCOMM)


ツイキャス コメント欄オーバーレイ用 カスタムCSS

別サイトの『メモ帳』でツイキャスのコメント欄表示用のカスタムCSSや、OBSで使えるオーバーレイをいくつか公開していますが、コメ欄用に制作した物をここに：


キャスコメカスタム

※: キャスコメカスタムに関しては、kii-memoのメモ帳にまとめがあります:
👉『キャスコメカスタムCSS まとめ』 (@メモ帳)


カスタムCSS関連のメモ (ツイキャス)


カスタムCSSテスター (ツイキャス)

キャスコメカスタムCSSテスターのアイコン

👉 キャスコメカスタムCSSテスター サポートページ (@メモ帳): Chrome系のブラウザでカスタムCSSを実際のツイキャスのコメント欄に読み込ませて表示出来るブラウザ拡張機能。 ブラウザの開発ツールを使って読み込ませたカスタムCSSのエラーチェックが可能になります。


Twitch コメント欄オーバーレイ用 カスタムCSS

Twitchのコメント欄表示用のカスタムCSSと関連ツール。


Twitchコメカスタム


カスタムCSSテスター (Twitch)

TwitchコメカスタムCSSテスターのアイコン

👉 TwitchコメカスタムCSSテスター サポートページ (@メモ帳): Chrome系のブラウザでカスタムCSSを実際のTwitchのコメント欄に読み込ませて表示出来るブラウザ拡張機能。 ブラウザの開発ツールを使って読み込ませたカスタムCSSのエラーチェックが可能になります。


開発 メモ


Flutter備忘録 Logo Flutter備忘録

Flutter SDKを使ってアプリをいくつか開発していますが、何かとスタックする事が多いのでここに解決方法を備忘録としてまとめています:


Android/Kotlin メモ


アプリ登録

開発言語には関係なく、アプリ登録・リリースに関連した備忘録。



デベロッパ―雑記メモ各種

その他、アプリの設定/開発/管理などの備忘録。

番外編



コメント

コメントを投稿

このブログの人気の投稿

[OBS] Twitchコメント欄向けCSSカスタマイザー (試作)

イメージ
( 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 »

『コメ欄』用カスタムCSS - L◯NE風 (ツイキャス) - OBSのブラウザでも使えます。

イメージ
関連サイトの「 kiiのメモ帳 」で公開している『 L◯NEの会話画面風のツイキャスコメ欄カスタムCSS (シンプル版) 』ですが、 『 コメ欄 』のアプリ内表示モードでカメラ機能を使う場合に、吹き出しの背景に映る部分の画像が吹き出しの色と似ていると、コントラストの関係で吹き出し部と背景が同一化してしまうので、吹き出し部に 囲いの線 又は 色付きの影 のどちらかを追加で表示出来る様に変更してみました。 因みに以前のカスタムCSSでは、吹き出しの根元部は「◣」を使って再現していましたが、今回はカール付きで弧を描いているので少し再現度が向上しています。 このページの後方にある 設定 の部分で囲い線と影の他に、文字の大きさや色などをクリックでCSSをカスタマイズする事が出来ます。 カスタマイズ後は カスタムCSS の下にある CSSをクリップボードにコピー をクリックするとカスタムCSSがクリップボードにコピーされます。 [目次] 囲いの枠線と影の例 カスタムCSS LINE風 (コメ欄用) 設定 (Part-1) サンプル 設定 (Part-2) スマホアプリ 『コメ欄』での使用例 影を吹き出しの下方向に表示する方法 更新履歴 L◯NEの会話画面風のツイキャスコメ欄カスタムCSS シンプル版 @ メモ帳 (別サイト) x４バージョン : アイコンサイズ変更可 @ メモ帳 (別サイト) 幅細めバージョン : 狭い幅で表示したい時用 @ メモ帳 (別サイト) 『コメ欄』用カスタムCSS : 吹き出しの周りに枠線又は影の表示が可能 (このページ) 囲いの枠線と影の例 次に吹き出しに囲い線/影を設定した場合のコメント欄のスクショを例のとして貼っておきます。 囲い線と影の色は設定で、違う色にする事が可能なのと、ユーザー名やユーザーIDなどの周
Read more »

[ツイキャス配信・閲覧支援ツール] キャスポケットツール: 初期設定

イメージ
ツイキャス配信・閲覧支援機能をいくつか搭載したアプリ、 『 キャスポケットツール 』 （ Android ｜ iOS ） を作ってみました。 ツイキャス のユーザーやライブ配信を検索する機能をはじめ、自分のサポート・サポーターを閲覧したり、気になるユーザーを登録してライブ配信の通知を有効にしたりする事が出来ます。 このアプリの機能を使うのには、 アプリを ツイキャスのアカウントに連携 する必要がある他、 Android 13とそれ以前 のAndroidでは、 バックグラウンド処理を有効 にすると、登録した「気になるユーザー」のライブ配信開始の通知を受け取れる確率が上がるので、 ここに『キャスポケットツール』を使うのに 最低限必要な初期設定 をメモしておきます。 [ 目次 ] キャスポケットツールの機能 初期設定 バックグラウンド処理の有効化 (Android 13とそれ以前限定) 備考 #キャスポケットツール キャスポケットツール Android版 by kii_memo_jp iPhone/iPad版 by BIBO-HQ キャスポケットツールの機能 メイン画面 現時点では次の機能が搭載されていて、アプリのメイン画面から選択する事が出来ます。 ライブ配信検索 : ライブ配信のタグ、キーワード、又はカテゴリーでの検索。 新着とおすすめの表示。 ユーザー検索 : ツイキャスユーザーのキーワー
Read more »

ツイキャスで他の人がサポートしている人って見えますか？ (キャスポケットツール)

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

[OBS] コメントを逆の順番で表示 (ツイキャス/YouTube)

主に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: 100%; /* 最新コメントがはみ出ない様に必要 */ } . tw-comment-list-view__scroller { transform: none !important; /* 下へスライドするアニメーション効果を無効化 */
Read more »

ツイキャス専門 『コメ欄』Lite (ライト)と『コメ欄』✚ (プラス)

イメージ
ツイキャスのコメント欄をスマホに表示するアプリ、 ツイキャス専門店『コメ欄』 Lite ( ライト ) のAndroid版プレビューのテストリリ－スを開始。 [ 25/Oct/2021 追記] GoogleプレイストアでAndroid版を正式公開中です。 👉 ツイキャス専門 『 コメ欄 』Lite 追々記: 従来の『コメ欄』にいくつか機能を追加した 『コメ欄』 ✚ ( プラス ) のリリースに伴い、これまで公開していたAndroid版の 『コメ欄』 を ツイキャス専門『コメ欄』 Lite ( ライト ) に名変しました。 『コメ欄』✚ (プラス) 『コメ欄』 ✚ ( プラス ) (v0.3.x) はアプリ内表示モードの背景に動画を選択できる他、５つのシーンを切り替えて使う事が出来ます。 (👉 0.3.x サポートページ ) iPhone/iPad版 by BIBO-HQ Android版 by kii_memo_jp ツイキャス専門『コメ欄』Lite (ライト) 『コメ欄』 Lite ( ライト ) (v0.1.x) は『コメ欄』✚よりも機能が少ない分、インストールに必要なストレージも比較的少なくて済むライト仕様となっています。 (👉 0.1.x サポートページ ) Android版は
Read more »

キャスポケットツール: 検索の巻 (ツイキャスのユーザー検索とライブ検索)

イメージ
Googleプレイで公開中の キャスポケットツール の 検索機能 の説明をここにメモしておきます。 [目次] 検索結果の上限 ユーザー検索 ユーザー検索結果 ライブ配信検索 ライブ検索結果 #キャスポケットツール キャスポケットツール Android版 by kii_memo_jp iPhone/iPad版 by BIBO-HQ 検索結果の上限 画面右上のアイコンで検索結果の上限を選択できます。 右上にある「 」ボタンをタップすると検索結果の上限を、30、60、80、100の中から一つ選べます。 ユーザー検索 ツイキャスのユーザーをキーワードで検索する事が出来ます。 「検索キーワード」の欄にキーワードを入力した後に、キーパッド右下の [完了] 、 又は、 をタップすると (使っている日本語入力方法 (IME)によって多少異なります)、 「サーチ」 ボタンがオレンジ色に変わって、検索が可能になります。 キーワード履歴 また、入力欄の左端にある 「 」 をタップすると検索キ
Read more »

最近のプロジェクト (Pololu社 SMC: DCモーター制御ボード)

イメージ
私事ですが、最近は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 »