📰2024年17週 Weekly Report

# 🏆MVP ## Weekly Reportの形式を少し変更先日、[[📰Weekly Report]]の形式を変更したばかりだったが、また少し変更した。先日変更した理由は以下の通り。 <div class="link-card"> <div class="link-card-header"> <img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/favicon-64.png" class="link-card-site-icon"/> <span class="link-card-site-name">minerva.mamansoft.net</span> </div> <div class="link-card-body"> <div class="link-card-content"> <p class="link-card-title">💿MIN-0034 Weekly Reportを書いてて楽しい内容にする</p> <p class="link-card-description">マンネリ化もしていたのでとりあえずやってみる。</p> </div> <img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%92%BFADR/attachments/owl.webp" class="link-card-image" /> </div> <a class="internal-link" data-href="💿ADR/💿MIN-0034 Weekly Reportを書いてて楽しい内容にする.md"></a> </div> %%[[💿MIN-0034 Weekly Reportを書いてて楽しい内容にする]]%% 察しはついているかもしれないが、新しいフォーマットで少し書いてみて、あまり楽しくなく、むしろ苦痛を感じてしまったからだ。正規の手順では[[ADR]]でその辺の検討をしてから変更することになるが、取り急ぎ直近の[[📰Weekly Report]]を書くため、直感的に思いついた変更を加えてみた。新しいコンテンツは以下のとおり。 | コンテンツ | 説明 | | ---------------- | -------------------------------------------------------- | | 🏆MVP | 以前と同じ | | ✨Highlights | 以前と基本は同じだが、内容を絞り、成長意外の内容も含める | | 🚀Releases | 以前と基本は同じだが、リリース内容の概要も追加 | | 👑Page Ranking | 以前は1位の紹介だけだったが、5位までを結果だけ紹介 | | 👀Reading | 読んで[[Bluesky]]で共有したコンテンツをそのまま掲載 | | 📚New Notes | 以前と同じ | そこまで大きくは変わってない。`👀Reading`が新たに追加されたのと、コンテンツによって情報の増減が発生したくらいだ。正直なところ、[[📰Weekly Report]]にかかる時間は変更前より増えたかもしれない。だが、自分にとって興味深い内容... つまり楽しめる内容を増やしたので、モチベは上がると信じている。 > [!note] > 今週のMVPは[[🦉Fenice]]にしたかったが、何週も連続だとマンネリ化するし、[[#🚀Releases]]の方で概要は紹介できている & スクショは諸事情で載せにくいので本話題にした。 # ✨Highlights - [[📚Tailwind CSSをカオスにしないための5つのベストプラクティス(翻訳)]] - [[Tailwind CSS]]をこれから仕事で本格導入しようとしていたので非常に参考になった - [[📜2024-04-27 vue-mentionを使ってtextareaのオートコンプリートを実行してみる]] - [[Vue3]]で入力補完ならこれ一択. 案外選択肢が少ないし、ドキュメントが発展途上なのでいくつか罠がある. 参考になれば - [[📜2024-04-28 Nuxt3 x TypeScript x shadcn-vue x TailwindCSS x Pinia x Zod x Bunで最強のSPAベースをつくってみる]] - GWの宿題. これから仕事で使うベースを作る. [[shadcn-ui]]や[[Tailwind CSS]]の思想も面白かった - [[📜2024-04-28 OwlMixinをリリースする]] - [[🦉Jumeaux]]の[[Python 3.7]]サポート終了対応のため、依存している[[🦉OwlMixin]]の対応も必要だった - [[📝$attrsで表示されないフォールスルー属性がある]] - `$attrs`は思ったより奥が深いしハマリポイントもあるので注意 - [[📝Nuxt3でfaviconのパスを指定しても404エラーになる]] - 地味に30分くらいハマった... - [[📝TypeScriptの関数でObject型の引数に含まれるoptionalなプロパティが指定された場合とそうでない場合で戻り値の型を変更できない]] - [[🦉Fenice]]で[[Slack]]のレンダリング用Objectを解析するときに必要な要件だったが、人間の直感には若干反するハマリポイントかなと - [[📝Vueのイベントハンドラ(@clickなど)が設定されているかどうかをコンポーネント側で判断したい]] - 結論、副作用ナシでは無理. 特定条件を許容できれば使えるので参考になれば - [[📝WXTでbunのテストコード内でimportしたファイルがstorageを解決できない]] - これも未解決のまま... そもそもコードの設計が悪いことに気づいたので深追いしなかった # 🚀Releases - [[🦉Fenice]] - [Fenice v0.6.0リリース](https://github.com/tadashi-aikawa/fenice/releases/tag/v0.6.0) - 返信機能や絵文字サジェスト機能、重要メッセージストック機能、メンション表記・パフォーマンス向上 - [Fenice v0.5.0リリース](https://github.com/tadashi-aikawa/fenice/releases/tag/v0.5.0) - ユーザーメンションサジェスト機能、captionを含めない投稿 - [Fenice v0.4.0リリース](https://github.com/tadashi-aikawa/fenice/releases/tag/v0.4.0) - スレッドフォーカス機能 - 連投先をchannelではなくメッセージのスレッドにする機能 - [Fenice v0.3.0リリース](https://github.com/tadashi-aikawa/fenice/releases/tag/v0.3.0) - [[リフレッシュトークン (OAuth 2.0)|リフレッシュトークン]]対応 (12時間でなぜかアクセストークンエラーになるけど...) - メッセージ検索コンテナ機能 - Slackメッセージ検索のようなもの - メッセージカードのサポート描画形式やUIの大幅改善 - [[🦉Jumeaux]] - [Jumeaux v5.0.0リリース](https://tadashi-aikawa.github.io/jumeaux/ja/releases/v5/#500) - [[Python 3.7]]のサポート終了 - [[🦉OwlMixin]] - [OwlMixin v6.2.0リリース](https://github.com/tadashi-aikawa/owlmixin/releases/tag/v6.2.0) - [[Python 3.7]]のサポート終了 - [OwlMixin v6.2.1リリース](https://github.com/tadashi-aikawa/owlmixin/releases/tag/v6.2.1) # 👑Page Ranking | 位 | ノート | 閲覧数 | 前週 | | --------- | --------------------------------------------------------------------- | ------ | ---- | | ↗️**1** | [[📝pip installするとexternally-managed-environmentエラーが出る]] | 85 | 4 | | ↗️**2** | [[📘丸3年Obsidianを利用して培ったノート戦略を体系化してみた]] | 82 | 7 | | ↘**3** | [[📘果てなきデイリーノートの旅路 with Obsidian]] | 80 | 1 | | ↘️4 | [[📘あまり紹介されていないけどかけがえのないNeovimプラグインたち]] | 74 | 3 | | ↗️5 | [[📘VimmerエンジニアのObsidian利用方法～1年半使ってみて～]] | 55 | 9 | # 👀Reading ## shadcn/ui の内部構造を探る <div class="link-card"> <div class="link-card-header"> <img src="https://static.zenn.studio/images/logo-transparent.png" class="link-card-site-icon"/> <span class="link-card-site-name">Zenn</span> </div> <div class="link-card-body"> <div class="link-card-content"> <p class="link-card-title">shadcn/ui の内部構造を探る</p> </div> <img src="https://res.cloudinary.com/zenn/image/upload/s--pDNXfo8_--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:shadcn%252Fui%2520%25E3%2581%25AE%25E5%2586%2585%25E9%2583%25A8%25E6%25A7%258B%25E9%2580%25A0%25E3%2582%2592%25E6%258E%25A2%25E3%2582%258B%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:Shinya%2520Fujino%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzA3M2I4Njg0NTMuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png" class="link-card-image" /> </div> <a href="https://zenn.dev/morinokami/articles/anatomy-of-shadcn-ui"></a> </div> ~~~ 良き。 https://zenn.dev/morinokami/articles/anatomy-of-shadcn-ui ~~~ # 📚New Notes - [[Auto-imports (WTX)]] - [[baseURL (Nuxt)]] - [[inheritAttrs (Vue)]] - [[textareaタグ]] - [[vue-mention]] - [[コードを変更せずログを出力 (Chrome devtools)]] - [[フォールスルー属性 (Vue)]] - [[ログ行コードブレークポイント (Chrome devtools)]] - [[最新のバージョンタグを取得 (Git)]] - [[📚Tailwind CSSをカオスにしないための5つのベストプラクティス(翻訳)]] - [[📜2024-04-27 vue-mentionを使ってtextareaのオートコンプリートを実行してみる]] - [[📜2024-04-28 Nuxt3 x TypeScript x shadcn-vue x TailwindCSS x Pinia x Zod x Bunで最強のSPAベースをつくってみる]] - [[📜2024-04-28 OwlMixinをリリースする]] - [[📝$attrsで表示されないフォールスルー属性がある]] - [[📝Nuxt3でfaviconのパスを指定しても404エラーになる]] - [[📝TypeScriptの関数でObject型の引数に含まれるoptionalなプロパティが指定された場合とそうでない場合で戻り値の型を変更できない]] - [[📝Vueのイベントハンドラ(@clickなど)が設定されているかどうかをコンポーネント側で判断したい]] - [[📝WXTでbunのテストコード内でimportしたファイルがstorageを解決できない]] - [[📰2024年16週 Weekly Report]]