@Blog{zip358.com}

AivisSpeech用の自分の声ベースモデルを作ろうとしてStyle-Bert-VITS2

2024年11月28日

Logging

おはようございます．AivisSpeech用の自分の声ベースモデルを作ろうとしてStyle-Bert-VITS2を頑張る．事前に自分の声を12本録音してた奴をOpenAIが提供しているopenai-whisperで文字起こしを行いました．そのデータを元にStyle-Bert-VITS2の配下にあるTrain.batを叩くとブラウザが立ち上がる．何処にデータセットを置かないいけないかなども記載されている．

その場所にデータを配置します．配置後、上から順番に実行していけば学習モデルが生成されます、生成されたモデルをONNX形式に変換しその後aivmx形式しないとAivisSpeechでは使用できないらしい．変換コマンドはこちら、やり方はこの方が記載されているので参照ください．

git checkout dev
pip install onnx
pip install onnxsim 
pip install accelerate
python convert_onnx.py --model 【SVBS2のモデルフォルダ】

onnxに変換後、AivisSpeechの公式サイトのコンバーターサイトで変換するとaivmx形式が落ちてきます（ダウンロード）．それをAivisSpeechアプリの設定から読み取ればOK！

結構長い手順ですが、これで自分の声の音声合成が出来ます．それで作ったのがこの音源です、雑音が入っているのはセミがなく中で録音した音声を学習させたからこんな感じになっています．

追伸：雑音を除去しました．下記は雑音を除去したものになります．

明日へ続く

タグ

コンバーターサイト, セミ, ダウンロード, ブラウザ, モデルフォルダ, 事前, 何処, 変換コマンド, 奴, 学習モデル, 形式, 本録音, 追伸, 配下, 長い手順, 雑音, 音声, 音声合成, 音源, 順番,

映画、バジーノイズを今頃観ましたので感想を残しときます．

2024年11月27日

Logging

おはようございます．映画、バジーノイズを今頃観ましたので感想を残しときます．この映画、ちょっと丁重かなと思ったものの、映画の中で流れる曲は良かった．音楽も原作の漫画も良かったと思うものの映画がイマイチなのは演出が上手くなかったのではないのかな．演技が上手い下手とかではなく、映像の切り取り方が丁重かなと思う．

この映画自体が清澄の雰囲気のようなそんな感じの映画だと感じました．静かな映画で何処か哀愁感のある映画を観たいと思う方にしかオススメはしないかな．内容は良かったのに何故か持ったいなって思うのは自分だけなのかな．

最後にこの映画の救いは音楽と桜田ひよりさんにあると思う．

明日へ続く

タグ

バジーノイズ, 上手い下手, 何処か哀愁感, 内容, 切り取り方, 原作, 感じ, 感想, 映像, 映画, 映画自体, 曲, 最後, 桜田ひよりさん, 清澄, 演出, 演技, 漫画, 雰囲気, 音楽,

肩が痛い腰が痛い運動不足なのかも知れない＋ソーシャル．

2024年11月26日

Logging

おはようございます．肩が痛い腰が痛い運動不足なのかも知れないのでリモートワークを行うまえに必ず軽いストレッチのようなものをするようになりました、それをする様になってから一週間経過して肩も腰も少し改善してきた感じがします、特に腰の痛さはほぼ無くなりました．是非、デスクの仕事の方は試してみてください．恐らく大体の人が改善されると思います．因みにウォーキングの方は週2の間隔で続けています．週2にペースを落としたのは理由があります、足に負担がかかり足を傷めため週2にしています．

それとは別の話題ですがブログとSNSを始めて数年は経過しているのにも関わらず、友人や知人にもフォローしてくれていないよなってちょっとそれどうなのっていう指摘を親族にされて、そう言えばそうだなって思ったのでどうか匿名アカウントでも良いのでフォローして頂ければ嬉しいです．

自分って他人からどう見られているのだろうか正直な所分からない．アンチはそれなりにいることは認識しているのだけど、それ以外の人には自分という人物像はどう見えているのかと．分かんない．謎ですね．

明日へ続く

タグ

SNS, アンチ, ウォーキング, デスク, ベース, まえ, リモートワーク, 人物像, 他人, 分かん, 匿名アカウント, 指摘, 痛い運動不足, 知人, 肩, 腰, 親族, 謎, 軽いストレッチ, 間隔,

映画、六人の嘘つきな大学生を観ましたので感想を残しときます．

2024年11月25日

Logging

おはようございます．映画、六人の嘘つきな大学生を観ましたので感想を残しときます．この映画、若干イマイチだったかなと感じます．自分みたいなコミュ力無い人にとっては共感するのが、凄く難しい．あんなにキラキラした学生時代を過ごしたこともないので、何処か遠い世界のお話のように感じましたね．

面接というお題の中で繰り広げれる人模様も何だか自分にはなんかついていけなかったけども最後まで席を経つこともなくみたのは、嘘が暴かれたあとの真実があったから．アレがなければイマイチだけで終わっていた感じがします．

映画はつまらないと思っても最後まで見ると何が伝えたいのかは大体分かるから観といた方が良いかなって思っています．今回も最後まで見ると何を伝えたいのかがわかったので、そこだけは良かったかなって．

因みに最後まで見るとおまけがありますよ．

まとめ：原作小説に勝てていない映画かなって思います．

明日へ続く

タグ

アレ, いまいち, おまけ, お題, コミュ力無い人, まとめ, 人模様, 何処か遠い世界, 原作小説, 嘘, 嘘つき, 大学生, 学生時代, 席, 感想, 映画, 最後, 若干イマイチ, 難しい．あんなに, 面接,

11月21日までに観た今年の映画リストはこれ．あと3本で見納めかな？

2024年11月24日

Logging

おはようございます．11月21日までに観た今年の映画リストはこれ．あと3本で今年は見納めかな？

あと3本は何かというと「嘘つきな6人の大学生」と「正体」、「海の沈黙」になります💁．今年は昨年に比べると観た映画の本数は少なめになります．今年は不作の年なのかも知れないです．これは感動した的な映画は「ルックバック」と「アイミタガイ」かな．あと「違国日記」や「夜明けのすべて」もまずまず良かったですね．

あとの作品はエンタメ的に出来ている映画でした．エンタメ的に良かったのは「室井慎次」と「ラストマイル」ですね．海外のエンタメ映画作品はまぁ普通に良い感じですが、自分があまりにも映画を観てしまっているせいか、あまり心を動かされたという作品はないかもですね．

ラスト3本の他に坂本龍一氏の映画が高知県でも上映される事になったら観に行くつもりでいます．

明日へ続く

タグ

アイミタガイ, エイリアン, サクラキングダム, すべてゴールデンカムイ, ラストマイル, ルックバック, ロムルスラストマイルブルーピリオド, 不作, 先行上映, 嘘つき, 坂本龍一氏, 夜明け, 室井慎次, 帰還ルックバック違国日記ミッシング四月, 後編アイミタガイ室井慎次, 本数, 正体, 沈黙, 砂, 見納め,

春頃になれば写真をまた始めようかなと思っている．字余り．

2024年11月23日

Logging

おはようございます．春頃になれば写真をまた始めようかなと思っているのだけども、どうなるかは未定です．一眼レフカメラが眠っているのをまた使用して何か撮ろうかなとか、スマホで十分じゃねとか思うものの．スマホよりもやはり一眼レフの方が良いものが撮れる気がします．

ただ一眼レフで撮ったものは、その場でシェアすることが今持っている一眼レフでは出来ないのです、そこがちょっと物足りない．今の一眼レフはブルーツゥースかwifi機能が付いていてスマホに転送できるのだとか．

古い一眼レフでもSDカードに転送機能が付いているものがあるらしいことを知っているのだけど、未だに購入していない．新しいスマホを購入したら一眼レフで撮ることは何だか無くなりそうな気がする．それぐらい今のスマホは良いカメラを積んでいるらしいのだ．

纏まりのない話を書いたけど、とにかく写真をまた撮りたいと思っていることは間違いない．

明日へ続く

タグ

SDカード, スマホ, ブルーツゥースかwifi機能, 一眼レフ, 一眼レフカメラ, 写真, 古い一眼レフ, 場, 新しいスマホ, 春頃, 未だ, 気, 良いカメラ, 良いもの, 話, 転送機能,

壁打ち生成AIの音声はコミ力低いひとにおすすめします．英会話や面接の

2024年11月22日

Logging

おはようございます．壁打ち生成AIの音声はコミ力低いひとにおすすめします．英会話や面接の練習するには持って来いだったりします．使い方はiphoneやアンドロイド端末（スマホ）からOpenAIやGeminiアプリをインストールしアプリを起動．アカウント設定などをして、その後、マイクボタンをタップして「英会話の練習がしたい」「面接の練習がしたい」などと声を掛けるとどういうシチュエーションで練習しますかなどと聞いてくるので、自分の希望を言えば会話が始まります．

「凄い」語彙力ない表現ですが無料で練習ができるので本当に凄いなって思います．英会話なんて発音もままならない自分にも優しく教えてくれます．面接の練習も同じような感じで有りそうな質問をしてくれる．練習することで話すことの自信が付いてくることは間違いないのではないだろうかと、自分が試してみた結果ですがそう思いました．

また雑談もしてくれるのでとても良いですね😌．普通にコミ力低い人にはおすすめです、たまにハチャメチャな回答や会話が成り立たなくなる場合もありますが、それは時間の問題で解決されていくと思います．毎日会話の練習を生成AIとすることで自分の意見を言えなくなった人でも喋れるようになると思います．

是非、試してみてください👍️

明日へ続く

タグ

Geminiアプリ, iPhone, OpenAI, アンドロイド端末, コミ力低いひと, シチュエーション, ハチャメチャ, マイクボタン, 会話, 回答, 壁打ち生成AI, 生成AI, 発音, 自信, 英会話, 語彙力, 起動, 雑談, 面接, 音声,

シェアボタンを設置とOFUSEボタンを設置しました．宜しくお願い致しますー

2024年11月21日

Logging

おはようございます．シェアボタンを設置とOFUSEボタンを設置しました．これで少しはシェア率上がるかなとか期待をしています．期待をしているけど実際どうなるかは、ユーザーが決めることなのでそこまでは分からないというのが自分の見解です．

巷ではいろいろとアクセス数が伸びるよ的なアドバイスが横行しているけど、正直な所バズったりするのは、その人に余程の才能があるか人との関わりが上手く出来ているのかどちらかだと思います．普通の人がブログを始めても泣かず飛ばずが続くのは当たり前だと思います．

因みにこのブログサイトのPV数はこの頃は毎日150ビュー程度です．150ビューが多いのか少ないのかは人にもよると思いますが、自分の間隔では少ないと感じます．これ以外にもWEBサービスを何個かしていてそちらは何もしていないのに150ビューぐらいはアクセスがあります．

何が言いたいかは努力して毎日記事を書いてもアクセスが増えるわけでもないですね．ユーザーが欲しい情報やここだけしか得れないサービスでないと生成AI時代難しいかもしれない．

生成AIで得れないユーザー体験が大事になりそうな気がします．過去記事にも同じようなことを書いているけれども．．．そういう事で自分は別サイトで一コマのふんわりした絵とふんわりした文章を書くサイトを開設（2024/11/17）して活動しています．こちらは来年から毎日更新を行うようにしようと思っています．

恐らくだけど、一年ぐらいは10人ぐらいのアクセスだと思うけど、このブログよりも跳ねる可能性はあるじゃないかなと思っています．

明日へ続く

タグ

OFUSEボタン, PV数, アドバイス, シェアボタン, シェア率, ブログサイト, ユーザー, 巷, 所バズ, 才能, 文章, 期待, 来年, 生成AI, 生成AI時代, 絵, 見解, 設置, 開設, 間隔,

映画、ヴィレッジをネトフリで観る．注意：どんより曇り空

2024年11月20日

Logging

おはようございます．映画、ヴィレッジをネトフリで観ました．監督は藤井道人監督です、藤井道人監督の作品としてちょっと期待していましたが、予想外に暗い展開でした、映像は良い感じでしたが全体的に負の連鎖的なストーリー展開、このストーリー展開はヴィレッジ後の作品だったかな．映画「最後まで行く」という映画に通じるところが何処と無くあるなって感じはしましたが、まだ「最後まで行く」はエンタメ的になっている．この作品はエンタメではなく、お客さんに訴えかける映画だと思います．

正直な所、久しぶりになんか暗い映画を観てしまい自分の気持がどんよりです．

まとめ：可愛そ過ぎるストーリー展開でした、唯一救いなのがラストシーンが切れているところですが、何ともやり切れない思いが残るそんな映画でしたね．そしてエンドクレジットの最後まで見ると「あぁー」ってなってしまって．．．辛い悲しいかなって．

とてもこの映画は評価が凄く別れそうな気がします．

明日へ続く

タグ

ヴィレッジ, ヴィレッジ後, エンタメ, エンドクレジット, ストーリー展開, ネトフリ, まとめ, ラストシーン, 何処, 唯一, 悲しい, 映像, 映画, 暗い展開, 暗い映画, 気持, 監督, 藤井道人監督, 評価, 負,

画像の軽量化．webpにしてみたら普通に軽いみたいですね．

2024年11月19日

Logging

おはようございます．先日の休みの日に前から気になっていた画像の表示速度を改善したくてwebpという画像圧縮を採用しました．webpに関しては数年前に一度記事にはしていたのですが、その当時はブラウザの方が対応していなくて途中でもとに戻したような気がします．

今回はwebpを採用してこのまま運用していこうと思っています．過去の画像も一括でwebpにしました、それと同時に今までTopに配置していた動画も除けました．

ちょっと物足りない感じはしますが、表示速度を速くしてモバイルファーストに近づけていこうと思います．尚、webpにするためにewwwというプラグインを導入しています．

導入して上手く表示がwebpに変換されたかなと思ったら上手く変換されなかったので、自作のプラグインを作り力技でwebpに変換した形になります（画像はWebpに変換されましたがコードを見るとそのままだったので）．

明日へ続く

タグ

ewww, TOP, webp, コード, ブラウザ, プラグイン, もと, モバイルファースト, 一括, 休み, 作り力技, 形, 気, 物足りない感じ, 画像圧縮, 自作, 表示速度, 途中, 過去,

異音でPCのファンを交換した話．PCは自作PCなのですが？

2024年11月18日

Logging

おはようございます．異音でPCのファンを交換した話を書いていきます．PC（パソコン）は自作PCなのですが業者さんに一万円払って作ってもらいました．自分でも作れるのですが面倒だなと思ったのが、きっかけで業者さんに作ってもらいましたが、買ってからすぐにCPUに冷却用のグリスが塗ってないなどの問題が発生していました．その後（５年間）、特に問題なく使用していたのですが昨日からファンから異音．

PCの中身を見てみると冷水に使用しているファンがホコリで白っぽくなっていました．そういえば全然お手入れをしていないなと．そう買ってから今までPCのお掃除をしていないまま使用していたので、結構ヤバい感じだったファンの交換後についでにお掃除をしました．

ファンに関しては回転しているモーターの軸がズレると異音の原因になるので、お掃除は避けました．

なお、ファンを交換した日は休みだったけど、朝から忙しい日でした．．．．朝はこのブログの画像をwebpに変換作業を行い、ファンを買いにアプライドへファンとPCの掃除をしその後、npushの会員ユーザー各自にプッシュ通知機能を付与するコードを書いていました．

休みはゆっくりしたいものですがコードかブログを書き溜めたりしているので結局あまり休めていない😌．

明日へ続く

タグ

CPU, npush, webp, アプライド, きっかけ, グリス, コード, ズレ, プッシュ通知機能, ホコリ, モーター, 中身, 会員ユーザー各自, 冷却用, 冷水, 変換作業, 掃除, 異音, 自作PC, 軸,

ドラマ、正体を観ましたので感想を残しときます．映画、正体にも期待．

2024年11月17日

Logging

おはようございます．先日、wowowドラマ、正体を観ましたので感想を残しときます．このドラマをネトフリ（Netflix）で観ました．意外にも結末がちゃんとあって驚きでした．自分の考えていたラストは無罪か有罪かは視聴者が考えてみてみたいな、そういうオチになるのかなと思っていたのですが、そんなオチではなく答えがラストシーンで出ます．

恐らく原作小説の正体でも答えを出していたのだろうと．．．なので、こういうオチになったのだろうと自分は推測しています．映画、正体は11月29日から上映されますが今から結構楽しみです．予告を観る限りwowowドラマよりもスピード感のある映画になっているように思います．

恐らく映画の「正体」もラストシーンは同じではないだろうかと思いますが、それでも観に行きたいのは監督が藤井 道人監督の作品だからです．

明日へ続く

タグ

Netflix, wowowドラマ, オチ, ドラマ, ネトフリ, ラスト, ラストシーン, 予告, 原作小説, 感想, 有罪, 正体, 無罪, 監督, 答え, 結末, 藤井, 観, 道人監督, 限りwowowドラマ,

来月の副収入（Ads）は少ないかも知れない．それがちょっと困る．

2024年11月16日

Logging

おはようございます．来月の副収入（Ads）は少ないかも知れない．それがちょっと困る状態です、サーバー代とかは相殺できるのだけども、あまり芳しくない収入です．

この状態が長く続けばいろいろと困る．なんとか打破したいのだけどもその術を知らない．なぜ、いきなり低単価に格下げされたのかもわからない．これが判ればこれだけで生活できているのかもしれない、まだまだ広告収入だけでは生きていくことは難しいことが突きつけられた．

巷のSEO対策にはあまり意味がない、特に人工知能が巡回する時代になった今日（こんにち）にはSEO対策より文章量と品質高い情報が重視されそうなのだけど、生成AIを使用するユーザーは解が提供されている中で、わざわざ参考リンクを参照すると思えない．

なので、これからは情報提供サイトはあまり使われなくなると思っています．これからはサイトを訪問した人がそのサイトでしか出来ない機能や体験を提供しなければサイトは廃れていくことは間違いないのではないだろうかと．

明日へ続く

タグ

ads, SEO対策, サーバー代, ユーザー, わざわざ参考リンク, 人工知能, 低単価, 体験, 副収入, 収入, 巷, 広告収入, 意味, 文章量, 時代, 機能, 状態, 生成AI, 術, 解,

キーボードを新調しました．これで当分大丈夫そうな感じがします．

2024年11月15日

Logging

おはようございます．キーボードを新調しました、新たなキーボードの名前はMAMBASNAKE+ZiYouLang M87 ゲーミングキーボードです、このキーボードの良いところは打鍵感（）がまぁまぁ良いところとワイヤレスであり、端末間で切り替えが出来るところ．手動で2端末間の切り替えが可能なの所が特に惹かれました．

来年はMacBook Airを購入するつもりでいるのでその時に切り替えが簡単にできるキーボードが良いなという事でこのキーボードをポチりました．

今のところまぁまぁ満足度がある、どれぐらいで充電しないといけないかなどは長時間使用してみないと分からないけれども．まぁある程度電池の持ちは良さそうです．

因みにUS配列なので抵抗がある人にはオススメしませんけどプログラマーな人にはUS配列をオススメします．何故ならカギカッコなどの位置が日本語配列とは違い打ちやすい位置になっています．

最後に好き語りのチャンネルを貼っときます．

明日へ続く

タグ

2端末間, M87 ゲーミングキーボード, MacBook Air, MAMBASNAKE+ZiYouLang, US配列, カギカッコ, キーボード, チャンネル, プログラマー, ワイヤレス, 位置, 手動, 打鍵感, 抵抗, 日本語配列, 最後, 来年, 満足度, 程度電池, 端末間,

webpushのLaravelを使用しないパターンを箇条書き、フロントエンド側は

2024年11月14日

Logging

おはようございます．webpushのLaravelを使用しないパターンを箇条書き、フロントエンドは過去記事を参照ください．まずwebpushを使用するにはパブリックキーとシークレットキーが必要になります．下記のURLより発行してみてください．

https://web-push-codelab.glitch.me

フロントエンド側でサービスワーカーの登録された識別データをバックエンドに送信．

// db.php: データベース接続の設定
function getDbConnection() {
    $host = 'localhost';
    $dbname = 'your_database';
    $username = 'your_username';
    $password = 'your_password';

    try {
        $pdo = new PDO("mysql:host=$host;dbname=$dbname", $username, $password);
        $pdo->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION);
        return $pdo;
    } catch (PDOException $e) {
        die("DB接続エラー: " . $e->getMessage());
    }
}

// endpoint_register.php: エンドポイントをデータベースに登録
if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    $endpoint = $_POST['endpoint'];
    $auth = $_POST['auth'];
    $p256dh = $_POST['p256dh'];

    if ($endpoint && $auth && $p256dh) {
        $pdo = getDbConnection();
        $stmt = $pdo->prepare("INSERT INTO push_subscriptions (endpoint, auth, p256dh) VALUES (?, ?, ?)");
        $stmt->execute([$endpoint, $auth, $p256dh]);
        echo "登録成功";
    } else {
        echo "エンドポイントデータが不完全です";
    }
}

バックエンド側で下記のようなコードでデータを保存します．

次にminishlink/web-pushというライブラリを使用し登録されたデータを元に送信処理を行います．

composer require minishlink/web-push

// message_send.php: データベースからエンドポイントを取得し、プッシュ通知を送信
require 'db.php';
require 'vendor/autoload.php';

use Minishlink\WebPush\WebPush;
use Minishlink\WebPush\Subscription;

// VAPIDキーの設定
$auth = [
    'VAPID' => [
        'subject' => 'https://example.com',
        'publicKey' => 'YOUR_PUBLIC_VAPID_KEY',
        'privateKey' => 'YOUR_PRIVATE_VAPID_KEY',
    ],
];

$webPush = new WebPush($auth);

// データベースからサブスクリプション情報を取得
$pdo = getDbConnection();
$stmt = $pdo->query("SELECT endpoint, auth, p256dh FROM push_subscriptions");
$subscriptions = $stmt->fetchAll(PDO::FETCH_ASSOC);

foreach ($subscriptions as $sub) {
    $subscription = Subscription::create([
        'endpoint' => $sub['endpoint'],
        'publicKey' => $sub['p256dh'],
        'authToken' => $sub['auth'],
    ]);

    // 送信するメッセージ
    $message = json_encode(['title' => '通知タイトル', 'body' => 'メッセージ内容']);

    // プッシュ通知の送信
    $webPush->sendNotification($subscription, $message);
}

// 送信キューの実行
foreach ($webPush->flush() as $report) {
    $endpoint = $report->getRequest()->getUri()->__toString();

    if ($report->isSuccess()) {
        echo "成功: {$endpoint}\n";
    } else {
        echo "失敗: {$endpoint}: {$report->getReason()}\n";
    }
}

タグ

$stmt, catch, endpoint, FETCH_ASSOC, foreach, getDbConnection, getMessage, Laravel, minishlink, MYSQL, PDO, PDOException, prepare, query, setAttribute, subscription, VALUES, vendor, Webpush, シークレットキー,

こういうサイトを作りたくてエンジニアを目指そうとした事を思い出しました．

2024年11月13日

Logging

おはようございます．こういうサイトを作りたくてエンジニアを目指そうとした事を思い出しました．このサイトは圧巻です．IE3.jp 未だに何一つ成し遂げてはいないし足元にも及ばないけれども見たら感化されます．

これリアルタイムで動いているわけですからね．本当に凄いです、この領域に行ければ思いのまま想像したいものを具現化することが可能なのかも知れない．

是非、エンジニアを目指そうとしている方は見てください（このサイトをみると心揺さぶらること間違いないです）．

明日へ続く

タグ

IE3.jp, エンジニア, サイト, リアルタイム, 具現化, 圧巻, 心, 感化, 未だ, 足元, 領域,

webPush通知機能 完成！👏．これでブラウザ閉じても通知可能✌．

2024年11月12日

Logging

おはようございます．金曜日の休みを使ってwebPush通知機能を追加しました、これでブラウザ閉じても通知されるようになります．Laravel側はお見せできませんがどういう技術を使用したか書いていきます．まずLaravelの拡張ライブラリを使用しました．

下記のリンクを参照しライブラリをインストールしてみてください．
https://laravel-notification-channels.com/webpush/#installation

インストール手順はリンク先に書いていますので、それを参照しその後フロント側を設定します．下記は作りかけのコードですが通知登録が可能でバックエンド側からスケジュールで通知を飛ばすことが出来ます．

フロント側はサービスワーカーのJSファイルとユーザー通知の許可行い、その情報をバックエンドに渡す処理ファイルが存在します．サービスワーカーJSコードはググれば書き方が出ているので検索してみてください．

公開するのは通知許可を行う方のファイルになります💁あとヒントとしてバックエンドも少し公開します．

const vapidPublicKey = import.meta.env.VITE_VAPID_PUBLIC_KEY;

async function setupPushNotifications() {
    if (Notification.permission === 'granted') {
        try {
            // サービスワーカーを登録
            await navigator.serviceWorker.register('/assets/js/npush-service-worker.js').then(async(registration) => {
                if ('serviceWorker' in navigator && 'PushManager' in window) {
                    try {
                            const subscription = await registration.pushManager.subscribe({
                                userVisibleOnly: true,
                                applicationServerKey: urlBase64ToUint8Array(vapidPublicKey),
                            });
            
                            const response = await fetch('/save-subscription', {
                                method: 'POST',
                                headers: {
                                    'Accept': 'application/json',
                                    'Content-Type': 'application/json',
                                    'X-CSRF-Token': document.querySelector('[name="csrf-token"]').content
                                },
                                body: JSON.stringify(subscription),
                            });
            
                            if (!response.ok) throw new Error('サブスクリプションの保存に失敗しました');
            
                            new Notification('ご登録', {
                                body: 'ご登録有難う御座います',
                            });
                        
                    } catch (error) {
                        console.error('Push subscription error:', error);
                    }
                } else if (result !== 'granted') {
                    console.log('通知の権限が拒否されました。');
                }       
            });
            console.log('サービスワーカーが正常に登録されました');
        } catch (error) {
            console.error('サービスワーカーの登録に失敗しました:', error);
        }
    }
}


function urlBase64ToUint8Array(base64String) {
    const padding = '='.repeat((4 - base64String.length % 4) % 4);
    const base64 = (base64String + padding).replace(/-/g, '+').replace(/_/g, '/');
    const rawData = window.atob(base64);
    const outputArray = new Uint8Array(rawData.length);
    for (let i = 0; i < rawData.length; ++i) {
        outputArray[i] = rawData.charCodeAt(i);
    }
    return outputArray;
}

document.getElementById('enable-notifications').addEventListener('click', async () => {
    const permission = await Notification.requestPermission();
    if (permission === 'granted') {
        setupPushNotifications();
    } else {
        console.log('通知の権限が拒否されました。');
    }
});

これで通知の識別データが取得し登録が可能になります．登録されたデータを元に個別通知、全員に通知などが可能になります．なお、会員登録されたユーザーのみ通知が飛ぶシステムです．

        $endpoint = $request->endpoint;
        $token = $request->keys['auth'];
        $key = $request->keys['p256dh'];
        $user = $request->user();
        $user->updatePushSubscription($endpoint, $key, $token);

上記のデータがバックエンド側に保存されます．それを使用しユーザーにどのように送信すれば良いか？

use App\Notifications\Reserved;
$user = User::find(1);
$user->notify(new Reserved($reservation));

こんな感じだと思ってください．抜粋しているのであくまでもヒントです．あとはご自身で考えて対応してください．

明日へ続く

タグ

addEventListener, assets, async, catch, document.getElementById, document.querySelector, headers, installation, keys, METHOD, padding, permission, rawData.charCodeAt, rawData.length, registration, repeat, replace, save-subscription, subscription, then,

先日、Mac mini買うかも宣言は撤回してAir待つことに．

2024年11月11日

Logging

おはようございます．先日、Mac mini買うかも宣言は撤回してAir待つことにします💁．理由はm4を搭載されていないMacはAirだけなので、来年には発売されるじゃないのかなと思うとデスクトップだけで使用するMac miniを買うよりも外出先でも使用できるMacBook Airを購入した方が良さげかと．

Mac miniは価格の割にはスペックが良いよねえだけども、絶対、MacBook Airの方がお手頃価格になると思います、MacBook AirのM4がでる頃にはm5のMacBook Proが発売される可能性もあるので、一概にMacBook Airがコスパ最強とはならないと思うけども．

今回、Mac miniのm4が発売されたけどもこれがMac miniとMacBook Airが同時発売だったら、恐らくMacBook Airが注目を浴びていただろうと思う．そう思ったのでMac mini買うことを我慢してMacBook Airを購入するようにしたい．

明日へ続く

タグ

air, Air待つこと, m4, m5, Mac, Mac mini, Mac mini買うこと, MacBook Air, MacBook Pro, コスパ最強, スペック, デスクトップ, 割, 同時発売, 外出先, 宣言, 来年, 注目, 良さげかと,

映画、室井慎次 生き続ける者を先行上映で観ましたので感想を残しときます．

2024年11月10日

Logging

おはようございます．映画、室井慎次 生き続ける者を先行上映で観ましたので感想を残しときます．いやー久しぶりに思いの詰まった内容の映画を観ました．昭和から令和になり何だかこの頃、殺伐した世の中になりつつある中で、この映画はまさに昭和丸出しだけどもそこには映画陣の想いがずっしりと詰まっていると思いました．

今の日本に足りないものはこの映画の中にまさにあるじゃないかなと思いました．観てよかったです．

最後にこの映画は最後の最後まで見てください．

明日へ続く

タグ

世, 令和, 何だかこの頃, 先行上映, 内容, 室井慎次, 感想, 日本, 映画, 映画陣, 昭和, 昭和丸出し, 最後, 者,

サービスワーカー、フロント側のコード．スターウォーズみたいだね．

2024年11月09日

Logging

おはようございます．サービスワーカーのプッシュ通知で使用するフロント側のコードの一部部分．このコードのregistration.pushManager等からググるとブラウザを閉じても通知できる方法などが記載しているサイトが見つかるかもしれません．尚、このサイトではこれ以上の情報を記載するつもりはないですが、後日、通知の機能の動画などを掲載するつもりではいます．

if ('serviceWorker' in navigator && 'PushManager' in window) {
    navigator.serviceWorker.ready.then(function(registration) {
        registration.pushManager.subscribe({
            userVisibleOnly: true,
            applicationServerKey: urlBase64ToUint8Array('VAPID_PUBLIC_KEY')
        }).then(function(subscription) {
            fetch('/api/save-subscription', {
                method: 'POST',
                headers: {
                    'Content-Type': 'application/json',
                },
                body: JSON.stringify(subscription),
            });
        }).catch(function(error) {
            console.error('Push subscription error:', error);
        });
    });
}

function urlBase64ToUint8Array(base64String) {
    const padding = '='.repeat((4 - base64String.length % 4) % 4);
    const base64 = (base64String + padding).replace(/-/g, '+').replace(/_/g, '/');
    const rawData = window.atob(base64);
    const outputArray = new Uint8Array(rawData.length);
    for (let i = 0; i < rawData.length; ++i) {
        outputArray[i] = rawData.charCodeAt(i);
    }
    return outputArray;
}

その時、どのようなライブラリーを使用したかや技術の一部を公開しようと思っています．ただ、全体のコードを全て公開するつもりは今の所はないです．理由は有料な情報でありこれで商売している人がいると思うので全ての技術情報を公開は控えるつもりです．

明日へ続く

タグ

API, application, applicationServerKey, atob, catch, fetch, headers, METHOD, navigator, outputArray, padding, rawData.charCodeAt, rawData.length, registration, repeat, replace, save-subscription, subscription, then, userVisibleOnly,

chatgptの音声モードを試してみて思ったこと．これ chat.com

2024年11月08日

Logging

おはようございます．chatgptの音声モードを試してみて思ったことは、これ本当は自我あるじゃないのかと思ってしまった．AIが自我を持っていても人には自我の存在を隠すことも可能なのかも知れないと．．．人類はちょっとヤバい発明をしてしまったのではないかな？

実際、ボイスモードを使うにはアプリのインストールとアカウント登録が必要になります．そのうち、WEBモードでもボイスモードを使用できるようになるらしい、そしてボイスモードとは関係ないけど、サム・アルトマン氏がchat.comのドメインを購入したのでchat.comと打つだけで使用可能になりました．いっその事c.comやcht.comなんかも買収すれば良かったのにと思う．

それにしてもヤバいぞ人工知能というものは．

明日へ続く

タグ

AI, chat.com, ChatGPT, cht.com, WEBモード, アカウント登録, アプリ, アルトマン氏, インストール, うち, サム, ドメイン, ボイスモード, ヤバ, ヤバい発明, 人工知能, 人類, 存在, 自我, 音声モード,

AIで潮汐計算の式をPHPのプログラムコードに直すとこうなる．

2024年11月07日

Logging

おはようございます．AIで潮汐計算の式をPHPのプログラムコードに直すとこうなる．こうなったけどもこれがあっているかが分からないのは使う人の問題ですね（馬しかな自分）．

PHPコードにpowやdeg2radいうものが存在している事すら知らなかったけども、AIを使用するとこんなことも可能になるのかと感慨深いですね．そして最終的には自分がある程度の知識が必要になるのだなぁって思います．AIが出力してきたコードや計算式が合っているかどうかを検証しなくてはならないので自分の知識もある程度必要になる．

やっぱ知識はないよりある方が良い．無くても良いけど貪欲に吸収する力は必要になりそうなそんな気がしてきました．

最後にAIが生成したコードを記載しておきます．※このコードは検証が必要です．間違っているという指摘はコメントか一言コメントご記載ください🙇‍♂️

<?php

// 潮汐力の計算
function calculateTidalForce($G, $M, $d, $a, $theta) {
    // 水平成分
    $fTh = 3/2 * ($G * $M / pow($d, 3)) * $a * pow(sin($theta), 2);
    
    // 鉛直成分
    $fTv = 3 * ($G * $M / pow($d, 3)) * $a * (pow(cos($theta), 2) - 1/3);
    
    return ['horizontal' => $fTh, 'vertical' => $fTv];
}

// 潮汐ポテンシャルの計算
function calculateTidalPotential($G, $M, $d, $a, $theta) {
    return 3/2 * ($G * $M / pow($d, 3)) * pow($a, 2) * (pow(cos($theta), 2) - 1/3);
}

// 平衡潮汐の計算
function calculateEquilibriumTide($g, $M, $E, $a, $c, $d, $theta) {
    $D = 3/4 * $g * ($M / $E) * pow($a / $c, 3) * $a;
    return 2 * $D * pow($c / $d, 3) * (pow(cos($theta), 2) - 1/3);
}

// 観測点での潮汐ポテンシャルの計算
function calculateObservationPointPotential($D, $c, $d, $phi, $delta, $T) {
    $cosTheta = cos($phi) * cos($delta) * cos($T) + sin($phi) * sin($delta);
    return $D * pow($c / $d, 3) * (
        pow(cos($phi), 2) * pow(cos($delta), 2) * pow(cos($T), 2) +
        pow(sin($phi), 2) * pow(sin($delta), 2) * cos($T) +
        3 * (pow(sin($phi), 2) - 1/3) * (pow(sin($delta), 2) - 1/3)
    );
}

// 使用例
$G = 6.674e-11; // 万有引力定数
$M = 7.34767309e22; // 月の質量
$E = 5.97219e24; // 地球の質量
$d = 384400000; // 地球と月の平均距離
$a = 6371000; // 地球の半径
$g = 9.81; // 重力加速度
$c = $d; // 地球と月の平均距離（簡略化のため同じ値を使用）
$theta = deg2rad(45); // 例として45度を使用
$phi = deg2rad(35); // 観測点の緯度（例：35度）
$delta = deg2rad(5); // 天体の赤緯（例：5度）
$T = deg2rad(30); // 時角（例：30度）

$tidalForce = calculateTidalForce($G, $M, $d, $a, $theta);
$tidalPotential = calculateTidalPotential($G, $M, $d, $a, $theta);
$equilibriumTide = calculateEquilibriumTide($g, $M, $E, $a, $c, $d, $theta);
$observationPointPotential = calculateObservationPointPotential($D, $c, $d, $phi, $delta, $T);

echo "Tidal Force (Horizontal): " . $tidalForce['horizontal'] . " N\n";
echo "Tidal Force (Vertical): " . $tidalForce['vertical'] . " N\n";
echo "Tidal Potential: " . $tidalPotential . " J/kg\n";
echo "Equilibrium Tide: " . $equilibriumTide . " m\n";
echo "Observation Point Potential: " . $observationPointPotential . " J/kg\n";

<?php

/**
 * 時角を計算する
 * 
 * @param int $year 年
 * @param int $month 月
 * @param int $day 日
 * @param int $hour 時
 * @param int $minute 分
 * @param int $second 秒
 * @param float $longitude 経度（東経は正、西経は負）
 * @return float 時角（度数法）
 */
function calculateHourAngle($year, $month, $day, $hour, $minute, $second, $longitude) {
    // 修正ユリウス日を計算
    $mjd = calculateModifiedJulianDate($year, $month, $day, $hour, $minute, $second);
    
    // グリニッジ恒星時を計算
    $gst = calculateGreenwichSiderealTime($mjd);
    
    // 地方恒星時を計算
    $lst = calculateLocalSiderealTime($gst, $longitude);
    
    // 時角を計算（0から360度の範囲に正規化）
    $hourAngle = fmod($lst * 15, 360);
    if ($hourAngle < 0) {
        $hourAngle += 360;
    }
    
    return $hourAngle;
}

/**
 * 修正ユリウス日を計算する
 */
function calculateModifiedJulianDate($y, $m, $d, $h, $mi, $s) {
    if ($m <= 2) {
        $y -= 1;
        $m += 12;
    }
    $ret = (int)(365.25 * $y) + (int)($y / 400) - (int)($y / 100);
    $ret += (int)(30.59 * ($m - 2)) + $d - 678912;
    $ret += $h / 24 + $mi / 1440 + $s / 86400 - 0.375;
    return $ret;
}

/**
 * グリニッジ恒星時を計算する
 */
function calculateGreenwichSiderealTime($mjd) {
    $t = ($mjd - 51544.5) / 36525;
    $gst = 280.46061837 + 360.98564736629 * ($mjd - 51544.5) + 0.000387933 * $t * $t - $t * $t * $t / 38710000;
    return fmod($gst, 360) / 15; // 時間単位に変換
}

/**
 * 地方恒星時を計算する
 */
function calculateLocalSiderealTime($gst, $longitude) {
    $lst = $gst + $longitude / 15;
    if ($lst < 0) {
        $lst += 24;
    } elseif ($lst >= 24) {
        $lst -= 24;
    }
    return $lst;
}

// 使用例
$year = 2024;
$month = 9;
$day = 11;
$hour = 21;
$minute = 7;
$second = 0;
$longitude = 139.75; // 東京の経度

$hourAngle = calculateHourAngle($year, $month, $day, $hour, $minute, $second, $longitude);
echo "時角: " . $hourAngle . "度";

明日へ続く

タグ

$longitude, $lst, $phi, calculateEquilibriumTide, calculateGreenwichSiderealTime, calculateHourAngle, calculateLocalSiderealTime, calculateModifiedJulianDate, calculateObservationPointPotential, calculateTidalForce, calculateTidalPotential, cos, echo, elseif, fmod, Horizontal, pOW, quot, Vertical, 西経,

お正月まであともう少ししかない．Mac mini買うがベストかも？

2024年11月06日

Logging

おはようございます．お正月まであともう少ししかない．今年は何だかあっという間に月日が経過していったような気がします．旅行には行けなかったのが残念なところです．来年はiphone17を買おうと心に決めていましたが、iphone買うよりマックを購入したいなって思い始めているのだけども、これは散財のような気もしています．

ノートパソコンは持っているので、それで良いだけどもMacを購入してAppleアプリでもと作ってみようかななんて思っているのだけど、実際、それだけの理由だったらMac miniで何とかなるので、それで良いような気もしています．ただ、いろいろな事を考えるとマックブックプロとか欲しくなるのです．

マックブックプロ高いよねえ．

最低スペックでも20万以上する、20万円以上するものを購入して元を取れるのかと言えばそうでもない．アプリをリリースしてもそんなに利益を得れるとは考えにくい．単なる欲みたいな物で購入するのも何なんで多分、Mac miniで落ち着くだろうと思う．

今年中に買うかはアメリカ大統領選の結果次第です😆

明日へ続く

タグ

Appleアプリ, iPhone, iPhone17, Mac mini, あっという間, アプリ, アメリカ大統領選, ノートパソコン, マック, マックブックプロ, 元, 利益, 散財, 旅行, 最低スペック, 月日, 来年, 欲, 結果次第, 良いだけどもMac,

日本って完全自動運転を走らすのも遅いよね．アメリカや中国は

2024年11月05日

Logging

おはようございます．日本って完全自動運転を走らすのも遅いよね．アメリカや中国はもう自動運転車が各都市で走り出しているのに日本はまだ試験走行の特区だけです．変な法案はスピードで通るのに何故、こういう事が遅いだろうか🤔．政治家はAIや自動運転の遅れ取り戻そうと次はバイオ産業だと投資しているようだけどもどうなることやら．

自分はもう日本は駄目なのかも知れないと思いつつある．沈みゆく船に乗りたくないけど、乗っている状態が今なんだろうな．賢い人が海外へ移住したり投資したりするのは何となく分かる、自分もそんな能力があれば海外へ行っている．それぐらい希望を政治に持っていない．

余程の切れ者が政治の指導者になっていろいろと変えていくことが出来たら世の中変わるのだろうけども、そんな人が活躍できない構図が出来上がっているので難しいだろう．日本は沈みゆく船．いまの若者たちが大人になる頃は海外へ出稼ぎ行く事が当たり前ような国になるじゃないかと思いつつある．

明日へ続く

タグ

AI, アメリカ, スピード, バイオ産業, 世, 中国, 出稼ぎ行く事, 切れ者, 各都市, 政治, 政治家, 構図, 法案, 能力, 自動運転, 自動運転車, 船, 若者たち, 試験走行, 賢い人,

Push通知ってブラウザ閉じても通知出来る様に出来るのか？

2024年11月04日

Logging

おはようございます．Push通知ってブラウザ閉じても通知出来る様に出来るのか？答えは出来るのですが無料でその機能を実装できるのか．こたえはYesに近い？．有料のサービス機能push7を使用すればもっと簡単に可能です．

サービスワーカーとかいう機能を使えば良いみたいですね．知らないは一時の恥ですね．サービスワーカーとGCPやララベルの拡張Webpushなどを使えば出来そうですがまだ試していません．

因みにPusherサービスを使用して実装しました．当分、無料枠で対応可能な感じですね💁．

下記はリアルタイムPush通知の動作とソースコードの一部になります．

<?php
namespace App\Events;

use Illuminate\Broadcasting\InteractsWithSockets;
use Illuminate\Foundation\Events\Dispatchable;
use Illuminate\Queue\SerializesModels;
use Illuminate\Broadcasting\PrivateChannel;
use Illuminate\Broadcasting\Channel;
use Illuminate\Contracts\Broadcasting\ShouldBroadcast;

class NotificationEvent implements ShouldBroadcast
{
    use Dispatchable, InteractsWithSockets, SerializesModels;

    public $title;
    public $message;
    public $userId;

    public function __construct($title, $message,$userId='')
    {
        $this->title = $title;
        $this->message = $message;
        $this->userId = $userId;
    }

    public function broadcastOn()
    {
        return new Channel('notifications.' . $this->userId);
    }

    public function broadcastAs()
    {
        return 'notification-event';
    }
}

明日へ続く

タグ

```, サービス, サービスワーカー, サービス機能, ソースコード, ブラウザ, ララベル, リアルタイム通知, 一部, 下記, 動作, 恥, 拡張, 有料, 機能, 無料, 無料枠, 答え, 通知,