# 🗞️Topics ## Bluesky用のコールアウト作成 [[Bluesky]]の投稿を少しオシャレに表示するための[[コールアウト]]を作成しました。こんな感じです。 ![[2025-09-08-08-39-00.avif]] 中身はこうです。入力内容は[[Bluesky]]からコピーしてきたり手動なので少し面倒です。 ```markdown > [!bluesky] > BlueSkyの投稿が単なる引用やコードブロック/Calloutだと格好悪いので、少し特殊な装飾をしてみた。 > > 画像の背景が透過されていないので、バランス的にこの辺が限界。 > > >  > > [tadashi-aikawa (@tadashi-aikawa.bsky.social)](https://bsky.app/profile/tadashi-aikawa.bsky.social/post/3ly6m5bqqw22x) ``` 今後、[[CSS]]を変更したら変わるかもしれませんが、実際の描画は以下。アカウント名のところはリンクになっています。 > [!bluesky] > BlueSkyの投稿が単なる引用やコードブロック/Calloutだと格好悪いので、少し特殊な装飾をしてみた。 > > 画像の背景が透過されていないので、バランス的にこの辺が限界。 > >  > > [tadashi-aikawa (@tadashi-aikawa.bsky.social)](https://bsky.app/profile/tadashi-aikawa.bsky.social/post/3ly6m5bqqw22x) 画像の[[CSS]]はもう少し整備の余地あります。[[CSS]]は以下のとおり。 ```css /* Bluesky */ .callout[data-callout="bluesky"] { display: flex; border: solid 2px var(--bluesky); padding: 0; margin: 2.25em 0; background-color: inherit; } .callout[data-callout="bluesky"] > .callout-title { width: 48px; color: transparent; border-right: dotted 2px lightblue; flex-shrink: 0; padding-left: 8px; padding-right: 8px; background-color: var(--bluesky); content: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzNjAgMzIwIj48cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNMTgwIDE0MmMtMTYuMy0zMS43LTYwLjctOTAuOC0xMDItMTIwQzM4LjUtNS45IDIzLjQtMSAxMy41IDMuNCAyLjEgOC42IDAgMjYuMiAwIDM2LjVjMCAxMC40IDUuNyA4NC44IDkuNCA5Ny4yIDEyLjIgNDEgNTUuNyA1NSA5NS43IDUwLjUtNTguNyA4LjYtMTEwLjggMzAtNDIuNCAxMDYuMSA3NS4xIDc3LjkgMTAzLTE2LjcgMTE3LjMtNjQuNiAxNC4zIDQ4IDMwLjggMTM5IDExNiA2NC42IDY0LTY0LjYgMTcuNi05Ny41LTQxLjEtMTA2LjEgNDAgNC40IDgzLjUtOS41IDk1LjctNTAuNSAzLjctMTIuNCA5LjQtODYuOCA5LjQtOTcuMiAwLTEwLjMtMi0yNy45LTEzLjUtMzNDMzM2LjUtMSAzMjEuNS02IDI4MiAyMmMtNDEuMyAyOS4yLTg1LjcgODguMy0xMDIgMTIwWiIvPjwvc3ZnPgo="); } .callout[data-callout="bluesky"] > .callout-title > .callout-icon { display: none; } .callout[data-callout="bluesky"] > .callout-content { color: white; background-color: var(--bluesky); padding: 0 12px; flex-grow: 1; } .callout[data-callout="bluesky"] > .callout-content a { display: flex; color: lightcyan; justify-content: end; line-break: anywhere; } .callout[data-callout="bluesky"] > .callout-content a::before { filter: none; content: ""; background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNlMGZmZmYiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1jaXJjbGUtdXNlci1yb3VuZC1pY29uIGx1Y2lkZS1jaXJjbGUtdXNlci1yb3VuZCI+PHBhdGggZD0iTTE4IDIwYTYgNiAwIDAgMC0xMiAwIi8+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMCIgcj0iNCIvPjxjaXJjbGUgY3g9IjEyIiBjeT0iMTIiIHI9IjEwIi8+PC9zdmc+IAo="); background-size: 20px 20px; background-repeat: no-repeat; min-width: 20px; height: 20px; margin-right: 2px; margin-top: 1px; } /* モバイル調整 */ @media screen and (max-width: 800px) { .callout[data-callout="bluesky"] { font-size: 85%; } .callout[data-callout="bluesky"] > .callout-title { width: 36px; padding-left: 6px; padding-right: 6px; } } ``` ## ObsidianのVault戦略に関する投稿 [[Bluesky]]で以下の投稿をしました。 > [!bluesky] > ObsidianのVault戦略、インプット型とアウトプット型があると思ってる。 > > インプット型は自分の脳内にない情報を広くストックしておき、必要なときにスコープを絞って利用する。 > > アウトプット型は自分の脳内にある情報のみをストックしてとき、必要なときにスコープを絞って利用する。(インプットに見える情報も、インプットしたことのアウトプットという形) > > 自分は後者だけど、世間的には前者の方が多数派で、Web ClipやBasesいらんでしょって意見があわないのはその辺なのかもと分析した。 > > [tadashi-aikawa (@tadashi-aikawa.bsky.social)](https://bsky.app/profile/tadashi-aikawa.bsky.social/post/3lxxx2v7qbk2q) そうしたら20近い『いいね』をいただけた(過去最高?)のもあり、せっかくなので関連投稿を[[Brain note]]として軽くまとめてみました。 <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"> 🧠ObsidianのVault戦略には2パターンあるのかもしれない </div> <div class="link-card-v2-content">Blueskyに投稿したらかなり反応いただけたのでまとめてみた。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/brain.webp" /> <a data-href="🧠ObsidianのVault戦略には2パターンあるのかもしれない" class="internal-link"></a> </div> %%[[🧠ObsidianのVault戦略には2パターンあるのかもしれない]]%% ## Bun 1.2.21のキャッチアップ [[Bun]] 1.2.21で気になる新機能がいくつかあったので久々にキャッチアップしてみました。 <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-09-03 Bunを1.2.21にアップデートする </div> <div class="link-card-v2-content">Bun 1.2.21でMySQLやSQLite対応などの新機能が追加されたため、miseでアップデートを実施した。Bun.SQLのAPI変更やBulk Insert方法の違い、YAMLファイルのネイティブサポート、Bun.secretsによるmacOS Keychain連携を検証し、セキュリティ面の注意点も確認した。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/activity.webp" /> <a data-href="📜2025-09-03 Bunを1.2.21にアップデートする" class="internal-link"></a> </div> %%[[📜2025-09-03 Bunを1.2.21にアップデートする]]%% ついでに新しいキャラとして[[チャッピー]]もつくりました。 また、キャラクターフキダシ表示を、モバイル版では画像と文字を今より小さく表示するようにもしています。スマホだとフキダシが狭くなるのを少しでも防止するためです。 # 👀Reading ## Neovim 0.12（開発版）でcopilot-language-serverを設定してみたぞ（脱copilot.lua） <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"> Neovim 0.12（開発版）でcopilot-language-serverを設定してみたぞ（脱copilot.lua） </div> <img class="link-card-v2-image" src="https://res.cloudinary.com/zenn/image/upload/s--GET8a-oY--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:Neovim%25200.12%25EF%25BC%2588%25E9%2596%258B%25E7%2599%25BA%25E7%2589%2588%25EF%25BC%2589%25E3%2581%25A7copilot-language-server%25E3%2582%2592%25E8%25A8%25AD%25E5%25AE%259A%25E3%2581%2597%25E3%2581%25A6%25E3%2581%25BF%25E3%2581%259F%25E3%2581%259E%25EF%25BC%2588%25E8%2584%25B1copilot...%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_34:kawarimidoll%2Cx_220%2Cy_108/bo_3px_solid_rgb:d6e3ed%2Cg_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzU1YzllYzNiYzAuanBlZw==%2Cr_20%2Cw_90%2Cx_92%2Cy_102/co_rgb:6e7b85%2Cg_south_west%2Cl_text:notosansjp-medium.otf_30:vim-jp%2Cx_220%2Cy_160/bo_4px_solid_white%2Cg_south_west%2Ch_50%2Cl_fetch:aHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2QxNjFiNWRjZTUuanBlZw==%2Cr_max%2Cw_50%2Cx_139%2Cy_84/v1627283836/default/og-base-w1200-v2.png" /> <a href="https://zenn.dev/vim_jp/articles/a6839f7204a611"></a> </div> ~~~ 0.12が出たら試してみたい。 ~~~ ## Obsidian Canvasは「雑」に使える <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_!J7E4!,f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F3c629acd-498c-4755-8099-7dce204416c4%2Ffavicon-16x16.png" /> <span class="link-card-v2-site-name">tunnellingchannel.substack.com</span> </div> <div class="link-card-v2-title"> Obsidian Canvasは「雑」に使える </div> <div class="link-card-v2-content"> なぜ今Obsidian Canvasなのか </div> <img class="link-card-v2-image" src="https://substackcdn.com/image/fetch/$s_!SXDI!,w_1200,h_600,c_fill,f_jpg,q_auto:good,fl_progressive:steep,g_auto/https%3A%2F%2Fsubstack-post-media.s3.amazonaws.com%2Fpublic%2Fimages%2F4ceaa298-3938-4e12-b0eb-f2169eca9815_7840x8132.png" /> <a href="https://tunnellingchannel.substack.com/p/obsidian-canvas?r=bc8zk&triedRedirect=true"></a> </div> ~~~ 自由な座標にノートを配置して編集したい欲には駆られるので、ユースケースとしてとても分かるし、何回か使ったことがある。 ただ、以下の理由から最近は使わなくなってしまった気がする。 ・Canvas上ではノートに対する機能や操作性が落ちる (特にVimモードがONだと) ・Neovimを公私共に使っているので、タブと2方向分割だけでなんとかすることに慣れてしまった (なんとかなってしまう) 両方の条件が揃わない場合は良さそう。 ~~~ ## 2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について <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"> 2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について </div> <div class="link-card-v2-content"> 2025年現在、開発現場では「コードを書く」から「AIと協働する」への大転換が起きています。GitHub Copilotのような補完型から始まったAI支援は、今や自律的にタスクを遂行するエージェントへと進化しました。2025 ... </div> <img class="link-card-v2-image" src="https://files.speakerdeck.com/presentations/ca092a1de4f6480e9990cf94644d62a8/slide_0.jpg?36495906" /> <a href="https://speakerdeck.com/azukiazusa1/2025-nian-nokodeinguezientonoxian-zai-di-toenzinianoshi-shi-nobian-hua-nituite"></a> </div> ~~~ 良い。AIを作業を始めるためのハードル超え(特にやる気)として使うというのはメチャクチャ分かる。AQSのハイライト機能もそのおかげで実装できた。(フォローも大変だったけど、きっかけになったのは事実) MTG中に投げるって戦略はもう少し真面目に取り組んでもいいかも。幸い今はMTG削ることできてるからそこまででもないけど。 ~~~ # 📚New Notes - [[Bun.SQL]] - [[Bun.YAML.parse()]] - [[Bun.secrets]] - [[Dynamic import (ESM)]] - [[Git LFSの対象ファイルを差分確認]] - [[Keychain]] - [[MariaDB]] - [[YAMLファイルをロード (Bun)]] - [[bunny.yaziのプライベート設定]] - [[lazygit.yazi]] - [[starship.yazi]] - [[シークレットマネージャー]] - [[チャッピー]] - [[テキストファイルをロード (Bun)]] - [[ポインタ (Git LFS)]] - [[📜2025-09-03 Bunを1.2.21にアップデートする]] - [[📝Vimrc Support Pluginのobscommandで指定したvisual modeの範囲が最後だけになる]] - [[📝macOSのデフォルト英語入力『ABC』を使うとバックスラッシュが入力できない]] - [[📰2025年35週 Weekly Report]] - [[🦉Stable Diffusionでよく使うプロンプト]] - [[🧠ObsidianのVault戦略には2パターンあるのかもしれない]]