ねこづきあゆむのブログ

お前しょっちゅうリニューアルしてんなって言われそうな気がしてます、猫月遥歩（ねこづきあゆむ）です。この記事を見に来て、大半の人が気づいてると思いますが、（初めて見に来た人がいたらごめんね）このブログをリニューアルしました。びふぉーあふたーびふぉーあふたーリニューアル後の変更点開発言語を Nuxt(Vue) から Nextjs(React) に変更しました各種情報を、ページにアクセスしてから都度取得ではなく、ブログ記事が公開されたタイミングの情報を拾ってくるようになりました。そのため、閲覧スピード（ページ間移動時のレスポンス）が上がりました。UI、デザインをリニューアルしました元のアイコン（ゆかりさん）から、新しいねこづきのバーチャルアバターをベースに、配色し直しましたサムネイル画像サイズを小さくし、可読性を上げました各種UIサイズを調整しました広告を減らしました（サイドバーにあるやつだけになったよ）Twitterタイムラインウィジェットを削除しました新機能と今後追加したいなって思ってる機能たち新機能目次機能をリリースしましたPC版で右サイドバーに出てきます技術系ブログでよく使うと思います今後追加したいなって思ってる機能コメント機能丸2年ぶりぐらいにDisqus復活させます。TOPICS機能ポータルサイト（nekozuki.me）のTOPや、生放送の配信画面下に出てくるTOPICS・お知らせをブログにも表示させたいなって思ってますついでに、ニコ生配信中の時に自動でWEBに「配信中！」みたいな表示を出したいな〜って軽く思ってますが、どっかからAPI探してこないとなので、時間かかる気がします。ニコ生の埋め込みプレーヤー、あれ使ってもいいんだろうか...限定公開記事機能・課金機能Pixiv FANBOXみたいな記事ごとや月払いの課金制の記事を出せるようにしたいなって思ってますFANBOX更新忘れるので、自分のサイトにデータがあった方が楽というかなんというか....w使ってるCMSの規約周りとか諸々確認が必要なのでこれも結構先になると思いますざっとこんな感じでやりたい機能みたいなのを書いてみました。まぁ当分、1年ぐらいはリニューアルはしないと思いますが、ちょくちょく機能追加とかしていったり、もちろん記事も書いていきますのでぜひ、今後ともねころぐをよろしくお願いします！次回更新はたぶん、配信画面・素材について、動画化してそれの補足的な記事を上げると思いますーではでは〜

ブログパーツはこちらからバーチャルキャスト非公式ブログパーツをリリースしました。元々このブログとかVキャス新聞とか、自分の関連するところだけで使おうと思ってたんですけど、Discordのほうで聞いたら需要多少なりにはありそうだったので全体公開してみました。バーチャルキャスト版とTSO版の２種類あって、それぞれのURLに対応した表示になります。使った感じ

どうも、お久しぶりです。猫月遥歩です。ブログ、更新止まっててすいません。まぁ動画の更新も止まってるんですが。色々と、某組織の生放送を作ったり、某フェスのWebサイトを作ったりとか。いろいろ裏方のお仕事をがんばってます。今月末から「近況報告」再開しようと思うので、またよろしくお願いします。さて、ブログをリニューアルしたお話です。今回はただの報告ですが、後日また詳しい構成や作った時のポイント等話そうと思います。なぜリニューアルしたかというと、更新がめんどかったからです。というのも、前のブログシステム（Hexo）は、記事データをMarkdownで書き、それをGitHubに上げると更新されるというめんどくさいものでした。しかもデザインファイルが詰まったリポジトリと、記事データ・構成データのリポジトリが別になっていたのでそれはそれで面倒。ということで「microCMS」というものを利用する形でリニューアルしました。こんな感じでブログが更新できるのでめっちゃ便利なのです。そんなこんなで、今後もブログ更新していくのでよろしくお願いします！

当記事はサークルニュースです。 本日、「VCI UseDetails」をリリースしました。 オブジェクトに触ると文章を表示させる機能を簡単にVCIに導入できるキットです。 ぜひ導入いただけると幸いです。 アイテム詳細はこちらからどうぞ。 document.querySelectorAll('.twemoji') .forEach(el => { if (!el.dataset.src) { return; } const img = document.createElement('img'); img.style = 'display:none !important;'; img.src = el.dataset.src; img.addEventListener('error', () => { img.remove(); el.style.color = 'inherit'; el.style.backgroundImage = 'none'; el.style.background = 'none'; }); img.addEventListener('load', () => { img.remove(); }); document.body.appendChild(img); });

猫月あゆむです。以前から開発しているブラウザ拡張機能「ニコニ広告ex.」のv1.1.4をリリースしました。 変更内容のお知らせの前に、この拡張機能についてサクッと説明したいと思います。 ニコニ広告ex. とはニコニコ動画・ニコニコ生放送の視聴ページに「ニコニ広告」のボタンがあると思います。通常、それをクリックすると「ポップアップウィンドウ」としてニコニ広告の画面が表示されるんですが、この拡張機能では、生放送の「ギフト」のように、コメント欄上に表示してくれる拡張機能となります。 DLはコチラから！ v1.1.4 更新情報ということで更新情報です。 不具合修正 ポップアップ画面からチケットの確認、福引などが行えなかった不具合を修正しました。 一部チャンネル動画（URLにsoID表記のない動画）でニコニ広告がポップアップで出てしまう不具合を修正しました。 軽微な修正 「ニコニ広告ex.」特設サイトのURLが変わったため、各所修正しました。 現在確認済みの不具合 soでないチャンネル動画で貢献度ランキングが表示されない 詳細 上記不具合に関して、不具合を直すには動画IDの取得方法をまるごと見直す必要が出てきてます…そこらへんも含めて対応検討中なのでもう少々お待ち下さい。なにかいい案ある方は GitHubのissue へコメントお願いします。 また、こんな機能欲しい！、バグってるから直して！っていう連絡は以下までお願いします。 @nekozuki_dev 特設サイト専用フォーム AyumuNekozuki/nicoad-ex document.querySelectorAll('.twemoji') .forEach(el => { if (!el.dataset.src) { return; } const img = document.createElement('img'); img.style = 'display:none !important;'; img.src = el.dataset.src; img.addEventListener('error', () => { img.remove(); el.style.color = 'inherit'; el.style.backgroundImage = 'none'; el.style.background = 'none'; }); img.addEventListener('load', () => { img.remove(); }); document.body.appendChild(img); });

猫月あゆむです。以前から開発しているブラウザ拡張機能「ニコニ広告ex.」のv1.2.0をリリースしました。 この拡張機能については上のリンクからどうぞ。 v1.2.0 更新情報機能改善 拡張機能のボタンをわかりやすくしました。 生放送：閉じるボタンを押しやすくしました。 不具合修正 生放送：一部公式番組でフルスク解除時に表示崩れが起きる不具合を修正 生放送：正常な状態で意図せずエラーログが表示されてしまう不具合を修正 細かい修正 動画：各所デザインのズレを修正しました。 生放送：エラーログを5秒後に自動で閉じるようにしました。 裏側の修正 スクリプトを全て見直しました。 スクリプトを軽量化しました。 現在周知の不具合 動画：一部チャンネル動画で貢献度ランキング・広告履歴が表示されない不具合 上記不具合に関して、不具合を直すには動画IDの取得方法をまるごと見直す必要が出てきてます…そこらへんも含めて対応検討中なのでもう少々お待ち下さい。なにかいい案ある方は GitHubのissue へコメントお願いします。 また、こんな機能欲しい！、バグってるから直して！っていう連絡は以下までお願いします。 @nekozuki_dev 特設サイト専用フォーム AyumuNekozuki/nicoad-ex 今回のアプデを解説拡張機能のボタンをわかりやすくしました 状況によっては「ex.」の文字が小さく見づらかったので、広告アイコン全体をオレンジ色にしました。また、今回アイコン画像の形式を PNG から SVG へ変更したので、ダークモード拡張機能等が入っていても綺麗に表示されるかと思います。 生放送：閉じるボタンを押しやすくしました これまで閉じるボタンが広告画面と被り、押しにくい状態でした。今回新しくヘッダー部分を作り、ボタンを押しやすくしました。 ほかいろいろと不具合が治っていたり、表示が綺麗になっていたりします。というのも、スクリプトをほぼすべて書き直しました。 かなりバグ取りをしましたが、なにかバグが有りましたらご連絡ください。 アップデートについてFirefox版は、すでに審査が終了し更新可能です。Chrome版は、前回に引き続き、新型コロナの影響で審査が送れています。今しばらくお待ち下さい。GitHubのReleaseタブから今回のバージョンも直DL可能です。開発への参加お待ちしております。 DLはコチラから！ document.querySelectorAll('.twemoji') .forEach(el => { if (!el.dataset.src) { return; } const img = document.createElement('img'); img.style = 'display:none !important;'; img.src = el.dataset.src; img.addEventListener('error', () => { img.remove(); el.style.color = 'inherit'; el.style.backgroundImage = 'none'; el.style.background = 'none'; }); img.addEventListener('load', () => { img.remove(); }); document.body.appendChild(img); });

今日はアップデートのお知らせです。ニコニ広告ex. v2.0.0を、6/9~10にリリース予定です。 変更の無い点・変更に伴う注意点以下の機能は変更なしです。ご安心ください。 動画／生放送の広告機能を新しいウィンドウではなくコメント欄上に表示させる機能 6/9に「ニコニ貢献」リリース後、現行バージョンが動作しなくなる可能性もありますが。v2.0.0にて修正・リリースしますので気長にお待ち下さい。 v2.0.0 の変更点（予定）新サービス「ニコニ貢献」に対応します。もちろん対応します。 ロゴ・アイコンリニューアルニコニ貢献のリリース、ニコニコのロゴ更新などもあった為、ニコニ広告ex.のロゴ・アイコンをリニューアルします。