blog - [taoka toshiaki]

⏩️血圧記録とYOUTUBEチャプタータイトル生成を作った話とか

2025-09-28 07:00:00

おはようございます.今日は血圧記録とYOUTUBEチャプタータイトル生成を作った話とか書いていきます.まず血圧記録を作った経緯は両親が血圧の記録を病院からもらっているノートに毎日、記載しているのをみて、これは需要があるかなと思ったのが経緯です.因みに両親はこのサービスを使っていない感じです.

次にYOUTUBEチャプタータイトル生成を作った経緯は、この頃毎週土曜日にYOUTUBE（ユーチューブ）をアップするようになりチャプタータイトルとか付けてみようかなと思った時、人のWEBサービスを使用するのは少々不安が付きまとうので自分で作りました、どういう不安かといえば動画が裏でサーバーにアップロードされているじゃないかなという懸念があり作ったという感じです.

YOUTUBEチャプタータイトルの使い方の説明に関しては、昨日のYOUTUBE動画を観て頂けたらと思います.口下手な自分が話していますので分かりづらい聞きづらいかも知れませんがご視聴ください.

両方のサービスともVue.js（ビュー）で構築しています、ほぼAIで生成されたコードを動作チェックしたものになります.いわゆるバイブコーディングという奴です、簡単に生成されるのだけど必ず動作チェックをした方が良いです.

理由は簡単で、動くけどバグが存在するので何度かAIと対話しないと上手く出来上がりません.最終的に指示で直らない場合はコードを人が修正するという形になります.

最後にサービスのURLを貼っときます.

■動画ファイル YOUTUBEチャプタータイトル生成ツール

■血圧と脈拍平均算出（健康管理）

明日へ続く

⏩️映画、沈黙の艦隊北極海大海戦 #ネタバレ無し

2025-09-27 07:00:00

おはようございます.平日（金曜日）なのにこの混み具合はちょっと驚きですが、映画、沈黙の艦隊北極海大海戦を観てきましたのでネタバレ無しで書いていきます.

まず初めにずばり感想は書くとXにポストした通り「エンタメ的になってて良かった」ですが、ちょっと深堀りするとこの漫画（実写映画）のように日本は変わりつつあるなって思います.

トランプ大統領になってから、それが色濃く出てきたのかもしれないなって映画を観ながら思いました.自分は今まで通りで構わない派ですが世の中的にはそうではない感じがします.

因みに前回の映画、沈黙の艦隊を観てドラマを観て、沈黙の艦隊北極海大海戦を観るのがベストだと思います、因みに全く予備知識ゼロでこれが初めてだと分かりづらいかもです.予備知識ゼロの人は前作の映画だけは観といた方が良いです.

それを観るとドラマが抜けていても映画の冒頭で大体把握可能な作りになっています.なので、絶対に映画、沈黙の艦隊は観るべしです.

とまぁそんな感じです.この頃、戦争映画が多いですね....

追伸：VFXに白組が入ってました、エンドクレジットに観て「あっ」ここにもって思ったのは自分だけかな？.

明日へ続く

⏩️息抜きの続き、昨日の続きの記事.

2025-09-26 07:00:00

おはようございます.今まで蓄積の為に記事を書いていたのだけど、少し記事をちゃんと書いてみようと思っています.思っているだけで写真を撮るのを今年から始めてみようと言いつつあまり写真も撮ってないように続くか宣言したことがどうなるかはよく分からないですが始めてみようと.

そう思ったのは「Tokimaru Tanaka」さんというYOUTUBE（ユーチューブ）を観たのがきっかけです.自分はあまり深く考えないで生きたタイプだけど、いろいろと考えて生きている人を見ているとちゃんとしているなと思ったのがきっかけで自分も少し記事をちゃんと書いてみようと.

因みに前から言っているようにYOUTUBEで成功するには声が良いというのがヒットするには重要というは当たっているとも思っています、声が良くて内容がよかったら更に良い.

それらを満たしているので「Tokimaru Tanaka」さんというチャンネルは伸びると思っています.

自分のYOUTUBEが伸びるかといえば今のままでは伸びないじゃないかなと思っていますが、練習としてこれからも続けていきますので応援よろしくです.

明日へ続く

⏩️技術的な記事が続いているのでここらへんで息抜き

2025-09-25 07:00:00

おはようございます.朝は涼しくなってきましたね.この頃、自分は文体をお手紙のような文体に切り替えていこうかなと思っています.さて、連日、技術的な記事が続いているのでここらへんで息抜き記事を書いてみます.

これを書いているのは月曜日の朝になりますが投稿されるのは25日の朝になります.今日は有給休暇を頂いたので図書館か本屋さんに行くぐらいの予定とあとは書けるだけブログの記事をストックしとこうと思っています.

ブログはもう10年以上続いているのですが、そんなにアクセス数が多いかどうかと言えば「まぁまぁ多い」という表現が良いのか分からないけど少ないとは言えないアクセス数があります.

読者さんが増えるのは嬉しいですが、どちらかと言えば記録を残しているという行為に近いです、自分がこの世から居なくなっても半永久的に残るにはどうしたら良いかなども考えたりしています.簡単に言えばデジタル墓標ですね.

因みに自分はたまに過去の記事をランダムで読み返すことがあります、その時、これは言い過ぎだと思うものや考え方が変わったものに関しては修正したりしています.

ちょっと長くなりそうなので続きはまた明日.

明日へ続く

⏩️Vue.jsにウェブサービスの大半を移行しました.

2025-09-24 07:00:00

おはようございます.Vue.js（ビュー）にウェブサービスの大半を移行しました.最初は自分で直していたんだけど、途中からGeminiCLI（ジェミナイ）に指示（プロンプト）して対応しました.

もともと動いていたものを他の言語やフレームワークに移行する際には、ほぼバグ無しで移行出来るという事を実感しています.なので、一度自分で手を動かしてコードを書いて挙動を作った上でCLI（シーエルアイ）で変換するというのもありかな.

二度手間と思うかも知れないけど、正確にコードを書き換えてくれるし指示によれば改善もしてくれるので良いかも知れないと.

因みに、以前作ったidrawサービスがCLIの力によって改善されたものになりました.パソコンのスペックが悪いと若干重いかもですが、今どきのパソコンなら難なく動くと思います.

なお、Vue.jsで直していない部分のサービスもあります、直さなかった理由は直すほどのコード量じゃないかと判断したのとSEO的に現状維持の方が良いと判断したという2つの理由があります.

それ以外はVue.jsにコードを変換しました.

明日へ続く

⏩️バージョンを4.5から5系に上げました.

2025-09-23 07:00:00

おはようございます.ブートストラップのバージョンを4.5からやっと5系に上げました.でもこれ以上バージョンを上げるとサイトのデザインが崩れるので上げられないというジレンマがあります.

なのでブートストラップ5.4とかには上げれない、上げるとなるとCSSのクラス修正が発生します.でもそろそろ最新に上げたい、欲を言うとテイルウィンドに全て変えたい.

どこかにブートストラップからテイルウィンドにコンバートしてくれるサイトはないものか・・・とチャットAIに投げたところ、いくつか候補を上げてくれました.

その中でシンプルで使いやすいWindify (Bootstrap to Tailwind CSS Converter)というサイトが良いよと書かれていました.

https://bootstrap-to-tailwind-css.vercel.app

実際、使ってみたら結構良かったのですが、ただこれコードを含まれたりするとちょっと心配なので、そういう人達向けにこちらの方法が良さそうです.

リンクを参照してもらったら分かると思いますが、コマンドラインでコンバート（変換）してくれるのでこちらの方法が重宝しそうです.

こちらコマンドラインで変換する方法で崩れるという記載がQiitaに書かれていましたが、崩れた場合は手動で直す方法がありそうなのでブランチを切り対応するほうが良さげです.

明日へ続く

⏩️カラー選択からライトモードとダークモードに切り替えた話

2025-09-22 07:00:00

おはようございます.カラー選択からライトモードとダークモードに切り替えた話を書いています.カラー選択、実は結構自分は気に入っていたのだけどあまり使用されないだろうなぁという思いも前から思っていたのだけど、そのままにしていました.

切り替えたのはある動画を視聴して、その中でライトモード、ダークモードの仕様に全てのブラウザが対応したことを語っていたので、だったらこの際ライトモードダークモードに変更しようと思い立ちました.

休日の終わりごろに思い立って、サービスとギャラリー以外はライトモードダークモードに切り替えが終わりました.ただ、一つ課題があってOS（オペレーションシステム）とブラウザのモード設定がチグハグだった場合、コメント欄などが見にくくなっています.

ここだけは今のところ保留にしています.

残りのサービスとギャラリーは近日中に変更しようと思っています.

一応、切り替えを行うソースコードを貼っときますね.

document.addEventListener('DOMContentLoaded', () => {
  const switchToggle = document.getElementById('flexSwitchCheckDefault');
  const htmlElement = document.documentElement;

  // ページの初期ロード時にテーマを設定
  function setInitialTheme() {
    // ローカルストレージに設定があれば、それを使う
    const savedTheme = localStorage.getItem('theme');
    if (savedTheme) {
      htmlElement.setAttribute('data-theme', savedTheme);
      switchToggle.checked = savedTheme === 'dark';
    } else {
      // なければOSの設定を使う
      const isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches;
      htmlElement.setAttribute('data-theme', isDarkMode ? 'dark' : 'light');
      switchToggle.checked = isDarkMode;
    }
  }

  // スイッチが変更されたらテーマを切り替え、ローカルストレージに保存
  switchToggle.addEventListener('change', (event) => {
    const newTheme = event.target.checked ? 'dark' : 'light';
    htmlElement.setAttribute('data-theme', newTheme);
    localStorage.setItem('theme', newTheme);
  });

  // 初期テーマを設定
  setInitialTheme();
});