# 🗞️Topics ## ジャンクフードをやめてみた 私は甘い物が大好きで、基本的に毎日何か食べていましたが、この動画を偶然見たことを契機にジャンクフード断ちすることを決めました。(N回目)  対象は甘い物だけではなく、お菓子全般です。逆に少し砂糖が入っていてもお菓子でなければ問題ないものとします。たとえばフルーツとかクリーム玄米ブランとか。(ジュースや砂糖入りコーヒーなどはNG) 例外として『もらったお土産』や『今余っているふるさと納税品』は、1日1つまでを上限としてOKにしています。そうしないといつまで経っても減らないので。 こう書くと『全然断ってなくない？』と思うかもしれませんが、『お菓子を買う』という行為自体を禁止にしたことのマインドに対する効果は感じています... たぶん。 ポテチも、チョコレートも、(コンビニの)アイスも、モンブランも、チョコパイも、カップケーキも、菓子パンも、グミも、ラムネも、1週間食べない生活が続いています。案外、店でお菓子コーナーに目線すらやらないようにすれば何とかなってます。 年齢的にも今のままいくと数年後にはアウトになる可能性もありますので、朝5時起きが習慣化してきたこのタイミングで、流れに乗って諸々の悪習慣を改善したいですね。事実、夜の残業をやめたら『ジャンクフードを食べたくなる欲求』はかなり抑えられました。 ## Bruno Report Viewer 久々に新しいWebプロダクトの開発を始めました。[[🦉Bruno Report Viewer]]というやつです。 <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" /> <span class="link-card-v2-site-name">GitHub</span> </div> <div class="link-card-v2-title"> GitHub - tadashi-aikawa/bruno-report-viewer: A lightweight browser-based viewer for quickly inspecting Bruno report JSON. </div> <div class="link-card-v2-content"> A lightweight browser-based viewer for quickly inspecting Bruno report JSON. - tadashi-aikawa/bruno-report-viewe ... </div> <img class="link-card-v2-image" src="https://opengraph.githubassets.com/5666dd9e8021fce602f0306cf181f29e56388bcddcb6a4236aceddbd92d1ce57/tadashi-aikawa/bruno-report-viewer" /> <a href="https://github.com/tadashi-aikawa/bruno-report-viewer"></a> </div> [[Bruno]]というオープンソースの[[APIクライアントツール]]が出力するJSONレポートを指定して、ブラウザでいい感じに確認できるようにするツールです。 ![[2025-12-01-20-20-02.avif]] 本家にも[[テスト結果をHTMLレポートで出力 (Bruno)|テスト結果をHTMLレポートで出力]]する機能はありますが、[[🦉Bruno Report Viewer]]は以下の点を意識して作っています。 - 必要十分な情報を無駄なく見やすく - ファーストビューのクオリティにこだわる - 階層構造を意識した表現 - 直感的なフィルタとアクション Webは[[Vue]]と[[shadcn-vue]]を、配信サーバーは[[Bun]]を使っています。[[Bun]]の[[CLI]]コマンドにJSONレポートを指定することにより、それをAPIとして配信しつつ、Webの成果物も同時に静的コンテンツとして配信しています。 最近は仕事で毎日のように[[Bruno]]を使っていますので、実務のFBを元に更に進化させていくつもりです。 ## AQSで検索クエリを遡る [[🦉Another Quick Switcher]]のv13.25.0で `previous search history` と `next search history` の機能を追加しました。 <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://github.githubassets.com/favicons/favicon.svg" /> <span class="link-card-v2-site-name">GitHub</span> </div> <div class="link-card-v2-title"> Release 13.25.0 · tadashi-aikawa/obsidian-another-quick-switcher </div> <div class="link-card-v2-content"> 13.25.0 (2025-11-30)✨ Featuresmain/grep: Add "previous search history" and "next search history" commands (957b7 ... </div> <img class="link-card-v2-image" src="https://opengraph.githubassets.com/d4d44284f08c3a7fd16593d678cce54d535a9fb8872397bdb7983f56e8ac1a0a/tadashi-aikawa/obsidian-another-quick-switcher/releases/tag/13.25.0" /> <a href="https://github.com/tadashi-aikawa/obsidian-another-quick-switcher/releases/tag/13.25.0"></a> </div> `Hotkeys in dialog` から `Main dialog` と `Grep dialog` だけ設定できます。 ![[20251201_20_29_50.mp4]] ## [[Live Preview]]時にエディタからフォーカスが外れる問題 長年悩まされており諦めていた問題に終止符を打ちました。 <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" /> <span class="link-card-v2-site-name">Minerva</span> </div> <div class="link-card-v2-title"> 📗Live Previewでエディタにフォーカスを戻したい </div> <div class="link-card-v2-content">Obsidian Live Previewでリンク移動後にエディタのフォーカスが外れる問題の対策方法や、キーボード操作、プラグイン設定手順を解説しています。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/obsidian-recipe.webp" /> <a data-href="📗Live Previewでエディタにフォーカスを戻したい" class="internal-link"></a> </div> %%[[📗Live Previewでエディタにフォーカスを戻したい]]%% ## npmのセキュリティベストプラクティス 2か月前くらいに取り入れようとした[[npm]]のセキュリティベストプラクティスをようやく取り入れました。 <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" /> <span class="link-card-v2-site-name">Minerva</span> </div> <div class="link-card-v2-title"> 📜2025-10-06 npmのセキュリティベストプラクティスを取り入れる </div> <div class="link-card-v2-content">npmやpnpm、Bun、Denoなど主要なJavaScriptパッケージマネージャーに対し、依存関係のバージョン固定、ロックファイルの厳格運用、ライフサイクルスクリプトの無効化、Minimal Release Ageの設定といったセキュリティ対策を実施した。npmレジストリへの攻撃増加を受け、自己防衛の必要性から取り組んだ。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/activity.webp" /> <a data-href="📜2025-10-06 npmのセキュリティベストプラクティスを取り入れる" class="internal-link"></a> </div> %%[[📜2025-10-06 npmのセキュリティベストプラクティスを取り入れる]]%% # 👀Reading ## 【危険】実は猛毒だった？「砂糖」を60日間やめるとどうなるのか？やめると起きる３つの変化  ~~~ 甘いものはそろそろ断たないとなぁ... と思っていたから、ちょうどいいタイミングかもなぁ。 www.youtube.com/watch?v=Q66E... ~~~ ## TypeScript を文法で覚えるのをやめて、型システムそのものを理解した話 <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://static.zenn.studio/images/logo-transparent.png" /> <span class="link-card-v2-site-name">Zenn</span> </div> <div class="link-card-v2-title"> TypeScript を文法で覚えるのをやめて、型システムそのものを理解した話 </div> <img class="link-card-v2-image" src="https://res.cloudinary.com/zenn/image/upload/s--WxIZLo7m--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:TypeScript%2520%25E3%2582%2592%25E6%2596%2587%25E6%25B3%2595%25E3%2581%25A7%25E8%25A6%259A%25E3%2581%2588%25E3%2582%258B%25E3%2581%25AE%25E3%2582%2592%25E3%2582%2584%25E3%2582%2581%25E3%2581%25A6%25E3%2580%2581%25E5%259E%258B%25E3%2582%25B7%25E3%2582%25B9%25E3%2583%2586%25E3%2583%25A0%25E3%2581%259D%25E3%2581%25AE%25E3%2582%2582%25E3%2581%25AE%25E3%2582%2592%25E7%2590%2586%25E8%25A7%25A3%25E3%2581%2597%25E3%2581%259F%25E8%25A9%25B1%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:%25E3%2581%2582%25E3%2581%2595%25E3%2581%25B2%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EvQUNnOG9jSlVJSTJuOHVoRXhKNjdHbGllMWo4M2VyVUJDeDJPS09TVnBtaHhjdmFYVjA4T1Z1c209czk2LWM=%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACAGSGT" /> <a href="https://zenn.dev/ashunar0/articles/9eb5b012777d93"></a> </div> ~~~ 中級者以上になるためのポイントがまとまっているし、具体例も分かりやすくて良き。 ~~~ ## cva <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://cva.style/assets/img/favicon.png" /> <span class="link-card-v2-site-name">cva.style</span> </div> <div class="link-card-v2-title"> cva </div> <div class="link-card-v2-content"> Class Variance Authority </div> <img class="link-card-v2-image" src="https://cva.style/assets/img/og.png" /> <a href="https://cva.style/docs"></a> </div> ~~~ 雰囲気でやってたからちゃんと読む cva.style/docs ~~~ ## 24歳のミリオネアから登録者500万超のインフルエンサーまで、なぜ世界中のインフルエンサーはこの本を読むのか？  ~~~ 最近は毎日モチベが下がったり集中できないときにパラノイアさんの動画を聴いてる。個人的には声がめっちゃいい。 youtu.be/Ra0AiAcUK3s?... ~~~ ## 【海外で話題】30日間SNSを禁止してみたらどうなるのか？  ~~~ Xをやってたときに比べて、Blueskyに移動した後も感じたけど、午前中のSNS離れはそれよりもっと効果を感じた。 完全に断つのはかえって悪影響な気はするけど、タイムラインを見る必要はほとんどないと思ってる。 youtu.be/d4UjzfcflHE?... ~~~ # 📚New Notes - [[--ignore-scripts (Bun)]] - [[CTO]] - [[Class Variance Authority]] - [[C♯]] - [[Deep Research (Gemini)]] - [[Dialog Commands (Another Quick Switcher)]] - [[GPT-5.1 Codex]] - [[GPT-5.1-Codex-Max]] - [[GPT-5.1]] - [[Nano Banana Pro]] - [[Neovimでcvaやcn関数内でもTailwindCSSのクラス名を補完]] - [[Shai-Hulud attack]] - [[Workspace (Google)]] - [[XML]] - [[cvaやcn関数内でもクラス名をソート (prettier-plugin-tailwindcss)]] - [[defineOptions]] - [[gitignoreシンタックス]] - [[group (Tailwind CSS)]] - [[importantフラグ (CSS)]] - [[important修飾子 (Tailwind CSS)]] - [[lockfileのバージョンでインストール (npm)]] - [[npm ci]] - [[npm installとnpm ciの違い]] - [[package-lock.json]] - [[prettierignore]] - [[template内で再帰的に自身を記述 (Vue)]] - [[temporary memo]] - [[エディタにフォーカスを戻す (Obsidian)]] - [[ライフサイクルスクリプト (npm)]] - [[依存関係を表示 (pnpm)]] - [[直接の依存関係でないライブラリのバージョンを固定 (pnpm)]] - [[親要素をホバーしたら特定の子要素のみclassを適応 (Tailwind CSS)]] - [[👤希流ハヤ]] - [[📗Live Previewでエディタにフォーカスを戻したい]] - [[📝ObsidianのノートにYouTube動画を埋めこんでもサムネイルが表示されない]] - [[📝Prettierで一部のディレクトリがignoreの対象にならない]] - [[📰2025年47週 Weekly Report]] - [[🦉Bruno Report Viewer]]