![[2026-06-22-09-11-35.webp|cover-picture]] # 🗞️Topics 1週間前に『今週は活動を控えめにする』とか言っていましたが、土日には回復してきたので割といつも通りの感じになってます。平日の成果はほぼゼロでしたが。 ## [[🦉slidev-preview.nvim]]にCONTROLモードを追加 [[🦉slidev-preview.nvim]]では今まで、[[Neovim]]のバッファを変更したりカーソル位置を移動したら、そのプレビューがブラウザにも表示/同期される機能を提供していましたが、新しく『CONTROLモード』を追加しました。  [[Neovim]]で操作したらブラウザに表示/同期されること自体は変わりませんが、最大の違いは **スライドの操作性を主として、[[Neovim]]側が追従すること** です。CONTROLモード有効時はデフォルトで以下のような挙動をします。 | キー | 挙動 | | ----- | ------------------- | | j | 次ページのスライドに移動 | | k | 前ページのスライドに移動 | | l | 次に移動 (clickも考慮) | | h | 前に移動 (clickも考慮) | | gg | 最初のスライドに移動 | | G | 最後のスライドに移動 | | ${N}G | `${N}`番目のスライドに移動 | | ${N}j | `${N}` ページ先のスライドに移動 | | ${N}k | `${N}` ページ前のスライドに移動 | 現在表示しているスライドの情報は[[winbar]]に表示されます。[[lualine.nvim]]にも対応しています。 ![[2026-06-22-07-26-49.avif]] *スライド情報* ![[2026-06-22-07-27-07.avif]] *CONTROLモード有効時は強調されてクリック数も表示* 私は以下のように設定しています。 ```lua return { 'tadashi-aikawa/slidev-preview.nvim', cmd = { "SlidevPreviewStart", "SlidevPreviewStartAndOpen" }, opts = { ui = { -- Winbarに表示するアイコンの指定 (任意) icons = { slide = " ", click = "󰳽 ", control = "󱡮 ", }, }, }, keys = { -- CONTROLモードのトリガー { ",sm", "<cmd>SlidevPreviewControl<cr>" }, }, init = function() vim.api.nvim_create_autocmd("ColorScheme", { callback = function() -- スライド情報のハイライト設定を上書き (任意) vim.api.nvim_set_hl(0, "SlidevPreviewWinbar", { fg = "#efef33" }) end, }) end, } ``` CONTROLモードの導入により、**[[Neovim]]から離れてブラウザを操作しなくても** スライドの動きを確認できるようになりました。地味に快適です☺️ 他にも不具合修正と機能追加をいくつかしています。 - [fix:アクティブスライドに変化がない状態でhotreloadされたらclicksがリセットされる](https://github.com/tadashi-aikawa/slidev-preview.nvim/commit/41ea5c6c4c97aee0f34af75c411840cc9d82592d) - [feat: SlidevPreviewRestart コマンドを追加](https://github.com/tadashi-aikawa/slidev-preview.nvim/commit/cc5a009048ec029cd7bfeaae161ea3e29a977bcd) - [feat: SlidevPreviewClicksIncrement/Decrement コマンドを追加](https://github.com/tadashi-aikawa/slidev-preview.nvim/commit/87787eef8bb5d7ecd7e34c5181a3895f0b26c4bb) - [feat: SlidevPreviewNext and SlidevPreviewPrevious コマンドを追加](https://github.com/tadashi-aikawa/slidev-preview.nvim/commit/861722fa7b45b0ea8ab80a101f01fc422cc496cd) ## [[🦉JINRAI]] v0.42.0 [[🦉JINRAI]]で[[Area Hints]]から実行できるアクションを2つ追加しました。 <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 v0.42.0 · tadashi-aikawa/jinrai </div> <div class="link-card-v2-content"> 0.42.0 (2026-06-21)Google Chromeで現在アクティブなタブを、新しいウィンドウとして切り離し、そのままArea Hintsで操作できる。🎥 Demo movie (YouTube)👇キー設定は ... </div> <img class="link-card-v2-image" src="https://opengraph.githubassets.com/3929f507bba77a49699212580017b66b11a2dd3e5b4055ed21a88bcec6401ba5/tadashi-aikawa/jinrai/releases/tag/v0.42.0" /> <a href="https://github.com/tadashi-aikawa/jinrai/releases/tag/v0.42.0"></a> </div> - [feat(window_mover): 選択中にウィンドウを最大化するアクションを追加 (actions.maximizeWindow)](https://github.com/tadashi-aikawa/jinrai/commit/fe49a70d22e35f7b4e7c8d16016ff8075501c48b) - [feat(window_mover): Google Chromeのタブを新しいウィンドウに分離するアクションを追加 (actions.detachChromeTabToNewWindow)](https://github.com/tadashi-aikawa/jinrai/commit/8b13cd613685e379d5fadd4fe1fa2bb3a66c9fce) その中でも、`detachChromeTabToNewWindow` は少しトリッキーな機能です。Google Chromeで現在アクティブなタブを、新しいウィンドウとして切り離し、そのまま[[Area Hints]]を継続して、切り離したウィンドウを移動/リサイズ可能にします。  『今表示されているChromeのタブを別の場所に切り離して作業したい』というケースが1日のうちに何回もあったため、機能追加してみました。他ツールも含めた他のアクションにつきましては、必要になり次第追加していく方針です。 ## [[Class Variance Authority]]のスライド [[👩‍🏫Class Variance Authority]]というタイトルでスライドを作成しました。 <iframe src="https://tadashi-aikawa.github.io/slidev-class-variance-authority/" width="100%" height="400px" /> <div style="display: flex; justify-content: center"> <a href="https://tadashi-aikawa.github.io/slidev-class-variance-authority/">🖥️ 全画面表示する</a> </div> 仕事の勉強会用として作成しましたが、その過程で[[🦉slidev-preview.nvim]]を圧倒的に改善できたのでよかったです。また、最近は[[AIエージェント]]に実装を丸投げすることが多いので、腰を据えて技術を学ぶ/復習するという機会はやはりいいですね。何かに追われることもないので癒しにもなります。 ## [[🦉Carnelian]]にLint viewを追加 [[🦉Carnelian]]の[[Lint]]は『アクティブエディタに対してのみ発動する機能』でしたが、`Open lint view` というコマンドを追加し、任意のファイルに対して実行 -> 結果を一覧で確認できるようになりました。 ![[2026-06-22-07-47-07.webp|frame]] *サイドバーで結果一覧を表示・フィルタ可能* 私は `:w` で保存時に `Lint` を自動実行するようにしており、`Lint` 漏れをすることはあまり多くなかったのですが、自分以外の人が `Lint` を必ず都度実行してもらうことを期待するのは非現実的でした。また、[[Canvas (Obsidian)|Canvas]]内の編集では保存時の `Lint` 実行がされなかったりするので、一括で Lintできる機能を今回作成することにしました。 しばらく様子を見て、必要に応じて機能の改良をしていきます。 ## [[Claude Code]]再開とステータスバーの改善 仕事上の都合もあって、2ヶ月ぶりに解約した[[Claude Code]]を復活させました。 <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"> 📜2026-06-20 2ヶ月ぶりにClaude Codeを使ってみる </div> <div class="link-card-v2-content">2026年3月に仕事利用を目的にClaude Codeを再契約したが案件不成立で4月に解約した。その後再び有力候補となり、2026年6月にClaude Proを月額で再契約し、推奨手順でClaude Code 2.1.183をインストールした。ステータスライン設定でモデルやコンテキスト表示を追加し、/dev/tty未設定でhook errorが発生したため通知用hooksを削除した。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/activity.webp" /> <a data-href="📜2026-06-20 2ヶ月ぶりにClaude Codeを使ってみる" class="internal-link"></a> </div> %%[[📜2026-06-20 2ヶ月ぶりにClaude Codeを使ってみる]]%% 直近は[[Codex CLI]]と[[Claude Code]]の二刀流で過ごしていくつもりです。都度 `/status` で制限の状態を確認するのが面倒だったため、それぞれのステータスラインをカスタマイズしました。 ![[2026-06-20-20-33-51.avif]] *[[Claude Code]]* ![[2026-06-22-07-57-51.avif]] *[[Codex CLI]]* 詳細は以下をご覧ください。 - [[ステータスバーにモデルやコンテキストなどを表示 (Codex CLI)]] - [[ステータスバーにモデルやコンテキストなどを表示 (Claude Code)]] ## [[Codex CLI]]で[[📰Weekly Report]]の[[OGP]]画像を作成させる 現在、[[📰Weekly Report]]の[[OGP]]画像は[[ChatGPT]]で作成しています。ただ、[[Codex CLI]]からも画像生成用スキル(`imagegen`)を使うことで、同様のクオリティの画像ができることを知りました。 <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"> 📜2026-06-20 Codex CLIでWeekly ReportのOGP画像を作成するSkillをつくる </div> <div class="link-card-v2-content">Weekly ReportのOGP画像生成にChatGPTを使っていたが、Codex CLI 0.141.0で画像生成スキルを作成した。ChatGPT経由より画像クオリティが少し向上し、Weekly Reportからのコピペや画像添付が不要になった一方で、トークン消費がわずかに増加した。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/activity.webp" /> <a data-href="📜2026-06-20 Codex CLIでWeekly ReportのOGP画像を作成するSkillをつくる" class="internal-link"></a> </div> %%[[📜2026-06-20 Codex CLIでWeekly ReportのOGP画像を作成するSkillをつくる]]%% 試しに[[Codex CLI]]での画像生成に運用を切り替えてみることにしました。[[Codex CLI]]だと[[スキル (Codex CLI)|スキル]]をフル活用できるため、コンテキストインプットには優れており、より良い画像を生成できるのではと考えています。 微妙だったら元に戻します。 # 👀Reading ## How the Open Knowledge Format can improve data sharing | Google Cloud Blog <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://www.gstatic.com/cgc/supercloud_favicon.ico" /> <span class="link-card-v2-site-name">Google Cloud Blog</span> </div> <div class="link-card-v2-title"> How the Open Knowledge Format can improve data sharing | Google Cloud Blog </div> <div class="link-card-v2-content"> Learn how the Open Knowledge Format helps secure data sharing and improves collaboration across teams with stand ... </div> <img class="link-card-v2-image" src="https://storage.googleapis.com/gweb-cloudblog-publish/images/09_-_Data_Analytics_tFH57V6.max-2600x2600.jpg" /> <a href="https://cloud.google.com/blog/products/data-analytics/how-the-open-knowledge-format-can-improve-data-sharing/?hl=en"></a> </div> ~~~ まあそうなるよね。 ~~~ ## 文化を変えるのは本音の可視化である｜文化が変わる瞬間の社会心理学  ~~~ よいまとめ。組織改善をしようとして失敗するときは、技術的な問題とかよりも、これが原因であることが肌感で8割くらい。 www.youtube.com/watch?v=Cn3-... ~~~ ## AI開発にブレーキ。Anthropicに続いて、OpenAIも「ちょっと待って」 | ギズモード・ジャパン <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://share.google/favicon.ico" /> <span class="link-card-v2-site-name">ギズモード・ジャパン</span> </div> <div class="link-card-v2-title"> AI開発にブレーキ。Anthropicに続いて、OpenAIも「ちょっと待って」 | ギズモード・ジャパン </div> <div class="link-card-v2-content"> いったん立ち止まって先にルールをつくったほうがいいと思うのだけど、走り出したら止まらないぜ、なんですよね…。OpenAIが、AIの開発を監督する国際機関の設立を呼びかけています。しかも、必要な場合は開発ペースを緩めることまで ... </div> <img class="link-card-v2-image" src="https://media.loom-app.com/loom/2026/06/16/6746bdc5-6dca-4c76-8a64-5003dc771897/original.jpg?w=1200&h=630" /> <a href="https://share.google/VRqvZ0qDJZtc4Vbgk"></a> </div> ~~~ 自分自身のAI化なんて誰も求めていないと思うんだけどなー。多分そうなったら、生きる意味を悪い方向に考えてしまう人が増えるんじゃないかなー。 share.google/VRqvZ0qDJZtc... ~~~ ## その問い、本当に正しいですか？AI時代のエンジニアに必要な哲学と認知科学 / ai-philosophy-cognitive-science <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://d1eu30co0ohy4w.cloudfront.net/assets/favicon-bdd5839d46040a50edf189174e6f7aacc8abb3aaecd56a4711cf00d820883f47.png" /> <span class="link-card-v2-site-name">Speaker Deck</span> </div> <div class="link-card-v2-title"> その問い、本当に正しいですか？AI時代のエンジニアに必要な哲学と認知科学 / ai-philosophy-cognitive-science </div> <div class="link-card-v2-content"> こちらのイベントの登壇資料ですエンジニアの役割の変化に向き合うConferencehttps://engineering-shift-con.findy-tools.io/2026/ ... </div> <img class="link-card-v2-image" src="https://files.speakerdeck.com/presentations/f04910f831fa49d1a080297a378394dc/slide_0.jpg?39731068" /> <a href="https://speakerdeck.com/minodriven/ai-philosophy-cognitive-science"></a> </div> ~~~ めっちゃ良い。これができる人はレアな印象。 ~~~ ## 優秀なエンジニアほど「余白」を設計する　稼働率100%がチームを破滅させる理由 <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://codezine.jp/favicon.ico" /> <span class="link-card-v2-site-name">CodeZine</span> </div> <div class="link-card-v2-title"> 優秀なエンジニアほど「余白」を設計する　稼働率100%がチームを破滅させる理由 </div> <div class="link-card-v2-content"> 　忙しい。やることは多い。学ぶべきことも増え続ける。それなのに、思うように前へ進めている実感が持てない。そんな感覚を抱えながら働いている人は、少なくないのではないでしょうか。そういった感覚は、じわじわと私たちを消耗させ、日々 ... </div> <img class="link-card-v2-image" src="https://codezine.jp/static/images/article/24455/sm-ogp.png" /> <a href="https://codezine.jp/article/detail/24455"></a> </div> ~~~ AI時代は並列作業しやすくなってしまったために陥りがちな落とし穴かなと思ってる。最近はAIの出力をしっかり確認する方に重きをおいて、また直列タスク集中スタイルに戻った。なにより人間が先に壊れる自体を防げるのも大事。 ~~~ ## Claudeを法人で使うなら絶対に押さえておくべきことは？セキュリティや適切な管理体制についてAIのプロが徹底解説します  ~~~ リアルな知見がとても分かりやすくまとまっていて素晴らしい。 Claudeに限らず他のシステム導入にも適用できるので、システム導入したいけどどうすればいいか分からない方は必見かなと。 www.youtube.com/watch?v=kQ11... ~~~ ## AIの能力を100%引き出す方法7選！AIのアウトプットがプロ級になるコツをAIのプロがご紹介します  ~~~ 使う側の方の動画も良い。プロンプトエンジニアリングとかはずっと懐疑的だったので納得感ある。 www.youtube.com/watch?v=bsct... ~~~ ## AIが出した結論を覚えただけで賢くなった気でいないか｜借り物の知性の構造  ~~~ 最近の現場で起きていることはこれかなぁと。 www.youtube.com/watch?v=8uy-... ~~~ ## 否定的な人が組織に必要な理由【失敗を防ぐ思考法】  ~~~ 分かってはいたけど、自分は完全に否定的な人だな。翻訳大事よね。 www.youtube.com/watch?v=gwEp... ~~~ ## 【実演あり】生成AIで時短できる人とできない人、何が違うのか？｜元住友商事コンサルが解説｜業務改善・経営マネジメント・仕事術  ~~~ 『(諸事情で)AI使わないという決断をできない』 わかる。本質ではない。 youtu.be/p7-6bRBFRnY?... ~~~ ## Why is Meta destroying its engineering organization? <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://substackcdn.com/image/fetch/$s_!shD_!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F47d77fcc-2914-46a1-8d39-3a6e8758e0ad%2Ffavicon-16x16.png" /> <span class="link-card-v2-site-name">newsletter.pragmaticengineer.com</span> </div> <div class="link-card-v2-title"> Why is Meta destroying its engineering organization? </div> <div class="link-card-v2-content"> Leadership at the social media giant has been on an AI-fueled rampage through its engineering org. We report wha ... </div> <img class="link-card-v2-image" src="https://substackcdn.com/image/fetch/$s_!PupZ!,w_1200,h_675,c_fill,f_jpg,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2Feabe4407-76aa-47a3-a8cb-1d955c05bf03_1972x1072.png" /> <a href="https://newsletter.pragmaticengineer.com/p/why-is-meta-destroying-its-engineering"></a> </div> ~~~ 1つの歴史的知見。 ~~~ ## 【フリーザの帝王学】成功する人間が部下にも敬語を使う本当の理由  ~~~ BGM代わりにかけたら面白くて全く作業に集中できないw www.youtube.com/watch?v=ET3w... ~~~ ## 【フリーザ帝王学】成功者だけが知っている継続の力 理解した人間から稼いでいく氷山方成長  ~~~ そう。継続は大事。 www.youtube.com/watch?v=JCsC... ~~~ # ✅Done - **Minerva** - [[👩‍🏫Class Variance Authority]] - **環境整備** - [[macOS]]の音声入力を有効化 (`cmd+shift+enter`) - AI - [[Codex CLI]] - [[📜2026-06-20 Codex CLIでWeekly ReportのOGP画像を作成するSkillをつくる]] - [[ステータスバーにモデルやコンテキストなどを表示 (Codex CLI)|ステータスバーにモデルやコンテキストなどを表示]] - [[Claude Code]] - [[📜2026-06-20 2ヶ月ぶりにClaude Codeを使ってみる]] - [[ステータスバーにモデルやコンテキストなどを表示 (Claude Code)|ステータスバーにモデルやコンテキストなどを表示]] - [[🦉Slidev Sandbox]] - [Spotlightコンポーネントを追加](https://github.com/tadashi-aikawa/slidev-sandbox/commit/152c732e9d394d1b5b14a20c557a1196ef2d42bc) - [Bubbleのpositionをdirectionに変更し、topも追加](https://github.com/tadashi-aikawa/slidev-sandbox/commit/b4632538e015a79cc7d8d647e009a8cc77c3cf0d) - [アニメーション用のスライド追加](https://github.com/tadashi-aikawa/slidev-sandbox/commit/0125e1d6f0788ff1fb160b1c3088ea92d1ae9147) - [[🦉Carnelian]] - [feat(open-lint-view): Markdownファイル群にLintを実行し、結果一覧を表示するコマンドとビューを追加 (Open lint view)](https://github.com/tadashi-aikawa/carnelian/commit/28fe95163f34d62b4bb255dc821b10287d79fe49) - **OSS活動** - [[🦉Jumeaux]] - 🚀 [6.1.6リリース](https://github.com/tadashi-aikawa/jumeaux/releases/tag/v6.1.6) - [[🦉slidev-preview.nvim]] - [fix:アクティブスライドに変化がない状態でhotreloadされたらclicksがリセットされる](https://github.com/tadashi-aikawa/slidev-preview.nvim/commit/41ea5c6c4c97aee0f34af75c411840cc9d82592d) - [feat: SlidevPreviewRestart コマンドを追加](https://github.com/tadashi-aikawa/slidev-preview.nvim/commit/cc5a009048ec029cd7bfeaae161ea3e29a977bcd) - [feat: SlidevPreviewClicksIncrement/Decrement コマンドを追加](https://github.com/tadashi-aikawa/slidev-preview.nvim/commit/87787eef8bb5d7ecd7e34c5181a3895f0b26c4bb) - [feat: SlidevPreviewNext and SlidevPreviewPrevious コマンドを追加](https://github.com/tadashi-aikawa/slidev-preview.nvim/commit/861722fa7b45b0ea8ab80a101f01fc422cc496cd) - [feat: SlidevPreviewControl コマンドを追加 -> コントロールモードを追加して、スライドとクリックの操作を繰り返し行えるように](https://github.com/tadashi-aikawa/slidev-preview.nvim/commit/3c1b63eb04cda4c160f4ad4be9aed3d04cef7782) - [feat: スライド操作コマンドでカーソルが移動したあとのスクロール位置を設定できるように](https://github.com/tadashi-aikawa/slidev-preview.nvim/commit/8ac93a49a923c8bb6dbb16333bb2f993759f45f6) - [feat: gg, G, NG コマンドでスライド移動できるように](https://github.com/tadashi-aikawa/slidev-preview.nvim/commit/b0ddf67fdd6142e285ed1d28b1686974a13cd8e7) - [feat: next_slide, previous_slide コマンドに count を指定できるように](https://github.com/tadashi-aikawa/slidev-preview.nvim/commit/58187c2c641034aedbe2eabc020543bf26efd1b4) - [feat: winbarにスライド番号とcontrolモードの状態を表示する (lualineにも対応)](https://github.com/tadashi-aikawa/slidev-preview.nvim/commit/aa6d4aaaf07a5e6b906005bd575dce198005f649) - [fix: コードブロックにおける動的な行ハイライトのクリック数が正しく計算されない](https://github.com/tadashi-aikawa/slidev-preview.nvim/commit/0ea6693d69c8f65035f228ce5bfbd353fabe4c9e) - [[🦉Bruno Report Viewer]] - [feat: レポート作成日時をヘッダーの右側に表示する](https://github.com/tadashi-aikawa/bruno-report-viewer/commit/2a10a176f45746c2637bd5deac227ec7a2d99e89) - [[🦉JINRAI]] - 🚀 [0.42.0リリース](https://github.com/tadashi-aikawa/jinrai/releases/tag/v0.42.0) - [feat(window_mover): 選択中にウィンドウを最大化するアクションを追加 (actions.maximizeWindow)](https://github.com/tadashi-aikawa/jinrai/commit/fe49a70d22e35f7b4e7c8d16016ff8075501c48b) - [feat(window_mover): Google Chromeのタブを新しいウィンドウに分離するアクションを追加 (actions.detachChromeTabToNewWindow)](https://github.com/tadashi-aikawa/jinrai/commit/8b13cd613685e379d5fadd4fe1fa2bb3a66c9fce)