Loox Uと初音ミクで行こう！

SPA用技術スタック 2026年版 現在、新たなSPA（Single Page Application）を作ろうと考えている。技術スタックとして何を使うのがベストなのだろうか ランタイム ランタイムとしては bun を使うのが良いだろう。bun installが馬鹿みたいに早くてnpmやpnpmやyarnをつかえない体になってしまった。 ホスティング 現状 vercel にホスティングするのが一番良いと思っている。というのも後述するNext.jsとの相性があまりにも良くて、他のホスティング（ Netlify や Firebase hosting ）がちょっと物足りなく感じている。もしかしたら、 Cloudflare Hosting が Hono との組み合わせで化ける可能性があるけれども、どちらかというとフロントエンド用というよりバックエンド用に使われそう（偏見）なイメージがある。 フロントエンドフレームワーク Next.js tailwindcss フロントエンドのホスティング先がvercelなので、必然的にフレームワークはNext.jsになる。Next.jsとtailwindcssの相性が良いので、当然tailwindもほぼ一択。一時期、 UnoCSS も話題になったが、情報数が少なすぎてあまり使えない。昨今のAIベースのコーディングとtailwindcssが相性良いので、自然とそちらを選んでいる自分がいる。 ちなみに、某社ではtailwindcssではなく、 MUI が使われていて、これはこれで使いやすかった。慣れているという意味では、MUIを採用しても良いかもしれないが、将来的に複数人で管理することを考えたいので、AIが答えやすいtailwindcssが一番丸いと思っている。 余談だが、そのtailwindcssもAIにより大量にドキュメントを参照する人が減ってしまい、売上も落ちてるとかなんとか。世知辛すぎる。自分も何かしらお布施しないと行けないかもしれない。 バックエンド supabase バックエンドに関しては、認証処理も任せるという意味で、supabaseが良いかなと思っている。一時期、 Cloudflare D1 を試したことがあったのだが、案外速度が出なくてびっくりした。supabaseは...

今年のまとめゆるりと 2025年も残り数日で終わり。相変わらずこの謎ブログは謎記事を書きながら更新を続けている。インターネットの片隅ではあるものの、そろそろ20年の背中が見えてきたこのブログはとても貴重な資料になりつつあると勝手に思っている。ちなみに、今もそうなのだが、markdownベースで記事を書き始めたのは、2018年頃で、本格的になったのは2020年頃から。まだ5年ぐらいしかmarkdownで書いていないのだ。後は、ベタ書きテキストか、HTMLベタ打ちかのどちらかで、このブログも中身に関してはちょっとずつ成長しているのだ。 今年の変化その1 Obsidian 今年の記事をざっと見直すと、 Obsidian で様々なテキストを管理するようになったのが、一番の変化かもしれない。どの端末で記録してもテキストを一元管理出来ているのはとても便利だ。人によっては、NotebookLMと連携したりとかしてるらしいが、今のところそこまでデータを書き込んでいる訳ではないし、そもそも自分が書いた情報を集約して何かしら使うみたいな事をほぼしないので、NotebookLMのメリットをあんまり享受しない人間だからだ。いつか、使う時は来るのだろうか。 今年の変化その2 キャッシュレス生活 現金生活からキャッシュレス生活へ移行した。以前もクレカ＋Suicaに集約する生活だったが、今は、QR決済＋クレカに集約という形にしている。Suicaに関してはマジで恩恵が薄くなっているので、ほぼ使わなくなった。たまに自販機で思い出したかのように使っている。そもそも、公共交通機関を使うことが無くなったので、ますますSuicaを使う機会が無くなっている。 Suicaがアイコニックに使っていたペンギンを首にして、自前の謎QRシステムを搭載するみたいな動きをしていて、色々と後手後手であかんなと思っている。現状、大量のユーザを抱えているので、いきなり消えるという事はないが、段々とジリ貧になっていって、より便利な決済手段が出たらその瞬間塗り替えられるみたいな事が起きるかもしれないし、起きないかもしれない。 QR決済の便利さを自分も体感している。主に楽天Payを使っているが、QR決済システムとしてPayPayは頭一つ抜けてるなと思っている。どれだけ辺鄙な所でもPayPayが使えるのがヤバい。色々と文句...

札幌市のラーメン美味しかった順 9月に札幌市に引っ越してから、3ヶ月が経過した。ここ数日間でようやく有名店を周れたので、美味しかった順で挙げていく。もちろん、まだ食べていない有名店はあるけれども、最低限のお店は回った自負はある。 美味しかったお店 すみれ MEN-EIJI HIRAGISHI BASE 雨は優しく 純連 イマイチだったお店 彩未 信玄 美味しかったお店 食べた店舗の中で美味しかったお店は四店舗。後で見返してみると、オーソドックスなお店はほぼ無かった。これは、僕の好みが多分に反映されているからかもしれない。それはまあしょうがないね、場末の個人ブログなんだから。 すみれ 住所：〒062-0922 北海道札幌市豊平区中の島２条４丁目７−２８ オススメ度：★★★★★ 説明不要の名店of名店。純すみ系という系列を生み出すほどのパワーがある美味しさ。実はこの一覧では一番最後に食べたお店だが、一番美味しくて安心した。何店舗かの味噌ラーメンで続けてハズレを引いていたので、札幌味噌ラーメンはレベルが低いかもしれないとダークサイドに落ちる寸前だったが、そんな事ないよという事を教えてくれた。そもそも、美味しいと言われている札幌味噌ラーメンのお店は全部旧式の弱点を抱えたままブラッシュアップしてるだけだったのが一番がっかりする所だった。すみれは、その 弱点をしっかりと克服 していたのが素晴らしかった。本店は、車が無いとアクセスしづらい場所にあるので、並ばずに食べられるというのが最高に良かった。札幌市に来た暁には、ぜひ本場の” すみれ ”を体験して欲しい。 支払いにQRコードを使えるのが良かった。クレカでの支払いにも対応しているので、現金無しでも大丈夫。 MEN-EIJI HIRAGISHI BASE 住所：〒062-0932 北海道札幌市豊平区平岸２条１１丁目１−１２ オススメ度：★★★★☆ 実は期待しないで入ったお店で、想像を越える美味さのラーメンが出てきて一発で気に入ってしまったお店。いわゆる 無化調ラーメン 。無化調ラーメンはどうしても、味付けの傾向が同じになりがちだが、トッピングで変化をつけることでその弱点を克服している。写真を見てもらうと分かるように、 ゆずのジュレ とシナチク代わりに ゴボウ がトッピン...

Minibook X N150 を購入した。 散在週間もとい、ブラックフライデーセールが終了した。皆様、戦利品は既に取得済みだろうか。自分も今回色々散在したが、今回は今まで欲しかったけれど保留していた数々の品を購入する事にした。 その内の一つが、 Minibook X N150 だ。 今回この小さいパソコンを購入する理由はいくつかあるが 現在使っているLet's Noteが微妙に処理速度が遅い キー配列が日本語配列でストレスが高い タブレットとノートPCを持っていくのが割とダルい このような些細な理由が積み重なって、流石に新しいのにしようという流れになった。 ちなみに、購入は Ali Express で行った。ここで購入するのが一番安かったからだ。 Ali Expressに関しては、自転車関連のパーツを購入していたので使い方は十分に周知していた。購入時もPaypal経由での購入なので、一応クレカ情報は渡していない。その代わり、住所と本名と電話番号は入力しているので、個人を特定する情報はばっちり向こうに握られている。 腹くくるしか無い。 購入して良かった点 で、実際に購入して良かった点は キー配列が英字配列はやはり素晴らしい 軽い！超軽い！ タブレットモードが使いやすい N150の性能が思ったよりも高性能 PD給電対応 届くのが早かった と言った所だろうか。英字配列に関しては、好き嫌い分かれるので、アレだが僕は少なくとも英字配列にしてストレスが激減した。 人間、慣れた配列でやるのが一番だ。そして、タブレットモードが思いの外使いやすかった。ぐるりとディスプレイを回転させると、ちゃんとキーボードが無効化される。この辺の作り込みはしっかりしていて素晴らしい。また、N150のプロセッサ能力も中々だった。ZOOMとObsidianが使えれば良いやというノリで購入したが、きちんとどちらも安定して使うことが出来ている。左右に並べて同時にという使い方をしているのだが、画面が固まるとか音声が途切れるみたいな事は一切無かったのが印象深い。これだけ小さい筐体でここまでの性能が出るならば、元は取れたなと感じた。あと、キー配列を調整するために、普通にPowerToysを起動させているのだが、これもほぼ影響を受けていないのが良かった。 N150はかな...

最近買って良かったもの 気がつけば、10月も半分を過ぎている。あまりの時間の流れの速さに驚いている。さて、最近色々と自分の身の回りを整理したい欲が爆発して色々買っては捨てて、買っては捨ててを繰り返している。愚かな人類です、どうも。自己紹介終わり。 という事で、最近買って良かったものの羅列である。 貝印の爪切り 貝印 KAI 関孫六 爪切り Type101 M カーブ刃 日本製 HC1800 これまで、その辺で買った爪切りを使っていたが、切れ味が悪くなってきたので、今回思い切ってブランド物（笑）の貝印の爪切りを購入した。はっきり言って、 購入してマジで良かった 。これまで、切れない爪切りで爪切りをしていて、 ストレスがマッハ だったのだが、これに切り替えてから、ノンストレス。ありがとう貝印。ありがとう関孫六。刃物関連はやはり貝印の信頼性は高い。多分、人によってはもっと良い爪切りを知っているかもしれないが、一般人である僕としては今後も貝印の爪切りを購入しようと心に決めた。1,000円くらいで買えるので、騙されたと思って買ってみてくれ。 リングライト付きWebカメラ DMM.make リングライト付きWebカメラ DKS-CAM3G これまではWebカメラ＋LEDライト＋マイクという感じでリモートワークをやっていたが、以前よりリモート会議が減ってるし、マイク音質そこまでこだわらなくても良いよね？良いよ。という脳内のやり取りを経て、これらをまとめる事が出来るガジェットを購入。ざっくり6,000円くらいだが、これ一つで、カメラ＋ライト＋マイクを兼ね備えているのは便利。マイク音質はゴミなのだが、そこは贅沢を言っては行けない。ライトの明るさも細かく調整出来ないが、そもそも以前のように毎日のようにリモート会議やってる訳ではないので、顔を明るく照らす必要は無い。ZOOMでは低照度環境である事を設定に盛り込めば十分な明るさになるので、これでOK。という事にしている。ただ、もっと性能の良い後継機とかが出たら買い替えるかもしれない。現状はこれで満足している。 無印良品 ショルダーバッグ 背面ポケット付き　撥水ショルダーバッグ これまで、自分はバッグを複数持って、色々使い分けていたが、そのバッグも結構ボロボロになっていたので、これを機会に買い替えようと思い探したところ、...

トラックボール生活の革命 引っ越ししたのをきっかけに、 Kensington SlimBlade Pro を購入した。以前から欲しくて、新天地でのご褒美（？）的なイメージで新たに購入した。このトラックボールを使い始めて、二週間ほど経過したので簡単なレビューを書く。 ポインタコントロールのしやすさ スクロールのしやすさ クリックカスタマイズ ポインタコントロールのしやすさ 以前に使っていたのは ノーブランドの謎トラックボールマウス だった。大体三年間この3,000円マウスを使っていた算段になる。トラックボール操作に関しては、このマウスで慣らしていたので、コントロールがしやす……くは無かった。いわゆるマウス型とブレード型で操作方法の違いがあるのと、反応速度の違いがあり、慣れるのに多少時間が掛かった。 まず、圧倒的に SlimBladeの方がポインタが高速に移動する 。親指だけでコントローするのは至難で、今は右手中指と薬指でコントロールするスタイルになっている。コントロール方法は人それぞれだと思うが、自分の場合は二本指でコントロールするのが一番やりやすかた。スクロールの大まかな動きは中指で調整し、微妙な部分は薬指で行うというイメージだ。どの指を使うかは、今後使い続けていく上で、色々変わっていくかもしれない。 スクロールのしやすさ 以前のマウスではスクロールホイールがあり、直感的にスクロールができる。 SlimBladeの場合は、トラックボールの 下部をなぞる ようにしてスクロールする。操作方法が直感的では無いため、最初はスクロールするのに苦労した。マニュアルを読んで、スクロール方法を知ってから、こっちの方がスクロールしやすいということに気がついた。特に、スクロールの気持ちよさは圧倒的にSlimBladeの方が上。ただ、トラックボールのなぞり位置によってはポインタの方が移動してしまうので、慣れるまでは時間が必要だと思う。 クリックカスタマイズ クリックカスタマイズは、専用ソフトを ダウンロードする必要 がある。 設定としてはこんな感じ。中央クリック、バック、左クリック、右クリックという最初の設定は変えず、後は適度にカスタマイズ。Ctrl+Wは結構使う機会があり、便利だと思って上部2キー同時押しに割り当てている。コピーはCtrl+C派なの...