📰2022年22週 Weekly Report

## 📰Impression ### Obsidian利用方法のブログ記事 [[📘VimmerエンジニアのObsidian利用方法～1年半使ってみて～]] を執筆した。 <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"> 📘VimmerエンジニアのObsidian利用方法～1年半使ってみて～ </div> <div class="link-card-v2-content">VimキーバインドやObsidianプラグイン、デイリーノート、タグ管理、ファイル名の工夫、検索・補完機能など、エンジニア視点でのObsidian活用法を1年半の実体験をもとに詳しく解説しています。Obsidianの効率的な使い方や設定例を知りたい方はぜひご覧ください。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2022-06-05.jpg" /> <a data-href="📘VimmerエンジニアのObsidian利用方法～1年半使ってみて～" class="internal-link"></a> </div> %%[[📘VimmerエンジニアのObsidian利用方法～1年半使ってみて～]]%% 今まで個別のユースケースや[[PKM]]論、[[Obsidian Publish]]/[[Minerva]]の運営についての記事はいくつか書いてきたが、使い方のまとめはしていなかったためだ。きっかけは以下のイベントで[[Obsidian]]の使われ方に対して需要がありそうだと感じたことから。 <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://connpass.com/static/20260128.60f5826/img/favicon.ico" /> <span class="link-card-v2-site-name">connpass</span> </div> <div class="link-card-v2-title"> #Obsidian 使っているんでちょっと話します (2022/06/02 20:30〜) </div> <div class="link-card-v2-content"> # #Obsidian 使っているんでちょっと話します ObsidianというMarkdownを基本としたドキュメンテーションツールが最近一部で話題になっています。今回はそんなツールをちょっと使っている人たちがあつまってわ ... </div> <img class="link-card-v2-image" src="https://media.connpass.com/thumbs/ec/01/ec013a5b3e332daff39833d33b4a8388.png" /> <a href="https://distributed-agile-team.connpass.com/event/247156/"></a> </div> 上記イベント主催者の[[👤kyon_mm]]さんにリツイートいただいたこともあり、恐らく過去最高の♡をもらった。ややマニアックなターゲットの記事だが、それが響く方々に見てもらえたようで嬉しく思う。2週間近くかけた甲斐があった。(実作業時間は数日) ![](https://twitter.com/Tadashi_MAMAN/status/1533303134151671809?s=20&t=RHg0KQ1_AW-PjnFznNgJmQ) ### [[🦉Various Complements]] v7.0.0リリース 9回のbetaリリースを経てv7.0.0の正規版をリリースした。 <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 7.0.0 · tadashi-aikawa/obsidian-various-complements-plugin </div> <div class="link-card-v2-content"> 🎇 Shiny New ThingsChinese strategy (#7)cedictts.u8 is required 2022-05-2821h12_56.mp4 Man ... </div> <img class="link-card-v2-image" src="https://opengraph.githubassets.com/25f91cc54bcd3f145621d842532061f16a40999a324c5098317e50af12ecbde9/tadashi-aikawa/obsidian-various-complements-plugin/releases/tag/7.0.0" /> <a href="https://github.com/tadashi-aikawa/obsidian-various-complements-plugin/releases/tag/7.0.0"></a> </div> このバージョンの目玉機能は中国語対応だ。昨年8月に起票されたIssueが1年近くの時を経てようやくリリースされた。 <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"> Request to add support for Chinese · Issue #7 · tadashi-aikawa/obsidian-various-complements-plugin </div> <div class="link-card-v2-content"> Great plugin. Have you considered adding support for Chinese? Thank you! </div> <img class="link-card-v2-image" src="https://opengraph.githubassets.com/94b3cabb540bbc1c80ccbddb9068132875d16279030b25d6af23b4d46b8f0546/tadashi-aikawa/obsidian-various-complements-plugin/issues/7" /> <a href="https://github.com/tadashi-aikawa/obsidian-various-complements-plugin/issues/7"></a> </div> 他にも痒いところに手が届くような仕様変更やオプションをいくつか追加している。詳細はリリースノートをご覧いただきたい。 ### [[Electron]]のメジャーバージョンを12アップ [[Nuxt2]] x [[Electron]] x [[TypeScript]]という4年前は動かすだけでも難しかった組み合わせのツールについて、[[Electron]]のバージョンをv7からv12までバージョンアップした。[[Node.js]]もv12からv16になった。ただ、このバージョンアップは様々な破壊的変更があり非常に大変だった。私の周辺には[[Electron]]のアプリケーションを似たような構成で開発している人が居なかったため、1つ1つ調べながら潰していった。セキュリティ面で好ましくない設定もいくつかあるが、ツールの性質もあり多少は目を瞑っている。同じように苦しんでいる同胞がいるかもしれないので、[[📝Nuxt2 x TypeScript x SQLiteのプロジェクトでElectronをv7からv19へメジャーバージョンアップした際のハマリポイント]] という形でまとめて見た。周囲に頼れる人がいない方の助けに少しでもなれば幸いだ。 <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"> 📝Nuxt2 x TypeScript x SQLiteのプロジェクトでElectronをv7からv19へメジャーバージョンアップした際のハマリポイント </div> <div class="link-card-v2-content">Electronバージョンアップの際に、webpackなどで発生するエラーのハマリポイントと対処方法について。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/troubleshooting.webp" /> <a data-href="📝Nuxt2 x TypeScript x SQLiteのプロジェクトでElectronをv7からv19へメジャーバージョンアップした際のハマリポイント" class="internal-link"></a> </div> %%[[📝Nuxt2 x TypeScript x SQLiteのプロジェクトでElectronをv7からv19へメジャーバージョンアップした際のハマリポイント]]%% ## 🎇Shiny Outputs ### 🦉My products - [[🦉Various Complements]] - [Various Complements v7.0.0リリース](https://github.com/tadashi-aikawa/obsidian-various-complements-plugin/releases/tag/7.0.0) - [Various Complements v7.0.0-beta6リリース](https://github.com/tadashi-aikawa/obsidian-various-complements-plugin/discussions/133) - [Various Complements v7.0.0-beta7リリース](https://github.com/tadashi-aikawa/obsidian-various-complements-plugin/discussions/133) - [Various Complements v7.0.0-beta8リリース](https://github.com/tadashi-aikawa/obsidian-various-complements-plugin/discussions/133) - [Various Complements v7.0.0-beta9リリース](https://github.com/tadashi-aikawa/obsidian-various-complements-plugin/discussions/133) ### 📘Articles - [[📘VimmerエンジニアのObsidian利用方法～1年半使ってみて～]] ### 📖Publish - [[📝Nuxt2 x TypeScript x SQLiteのプロジェクトでElectronをv7からv19へメジャーバージョンアップした際のハマリポイント]] - [[📝VSCodeVimのCamelCaseMotionがchange operatorのときだけ動作しない]] ## 👀Medias ### 速さとクオリティを保つテクニック 90歳オーバーの玉置さんがスピードとクオリティを両立するための秘訣について語られている記事。そこには普段意識している[[プロダクティビティ]]アップの秘訣が凝縮されていて、世代に関わらず基本が大事であることを思い知らされた。 <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://president.ismcdn.jp/common/icons/favicon.ico" /> <span class="link-card-v2-site-name">PRESIDENT Online（プレジデントオンライン）</span> </div> <div class="link-card-v2-title"> ミス無く高速処理｢総務部勤務･92歳エクセルの達人｣が机に向かうとき絶対にしないこと速さとクオリティの高さを同時に実現するスゴイ技 </div> <div class="link-card-v2-content"> 世界最高齢の総務部員、玉置泰子さんは、現在もエクセルやパワポを使いこなし、働き続けている。複数の業務を同時に抱える玉置さんが、速さと正確さを両立するための仕事術とは――。 ... </div> <img class="link-card-v2-image" src="https://president.ismcdn.jp/mwimgs/4/5/1200wm/img_45c3ac81a9025f7399514f9edf70dd00978591.jpg" /> <a href="https://president.jp/articles/-/57778?page=1"></a> </div> ### [[TypeScript]]と[[webpack]]、[[Babel]]の必要性タイトルとは逸れるが、単純にフロントエンドの歴史が分かりやすく丁寧に書かれていて勉強になる。 <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://cdn.qiita.com/assets/favicons/public/production-c620d3e403342b1022967ba5e3db1aaa.ico" /> <span class="link-card-v2-site-name">Qiita</span> </div> <div class="link-card-v2-title"> 歴史から見るTypeScriptにおけるwebpackとBabelの必要性 - Qiita </div> <div class="link-card-v2-content"> はじめに今回はwebpackやBabelについて学習したことを理解を深めるために文章としてアウトプットしていこうと思う。そもそもなぜwebpackやBabelに関して学習しようと思ったかは、これまでTypeScript、 ... </div> <img class="link-card-v2-image" src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRmF2YXRhcnMuZ2l0aHVidXNlcmNvbnRlbnQuY29tJTJGdSUyRjkzNjkwOTcwJTNGdiUzRDQ_aXhsaWI9cmItNC4wLjAmYXI9MSUzQTEmZml0PWNyb3AmbWFzaz1lbGxpcHNlJmJnPUZGRkZGRiZmbT1wbmczMiZzPThlMGQyMzNhMGY5ZDNiMDQ4NDUwY2ExOTUyMWI5ZGFk%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3D40cfe622cbdf0482fb6d11a08b7723b9?ixlib=rb-4.0.0&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9JUU2JUFEJUI0JUU1JThGJUIyJUUzJTgxJThCJUUzJTgyJTg5JUU4JUE2JThCJUUzJTgyJThCVHlwZVNjcmlwdCVFMyU4MSVBQiVFMyU4MSU4QSVFMyU4MSU5MSVFMyU4MiU4QndlYnBhY2slRTMlODElQThCYWJlbCVFMyU4MSVBRSVFNSVCRiU4NSVFOCVBNiU4MSVFNiU4MCVBNyZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZ0eHQtY29sb3I9JTIzMUUyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1wYWQ9MCZzPTFiZTYxY2FjMWUxNTI5MjhlNTNlNjIyODU0OWYzNWUx&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBoaXJva2kteWFtYS0xMTE4JnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LXBhZD0wJnM9MDIwYjE1MjE4MDllODU1NDFhNTNlNDdiMTg1NGQ2YjU&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=31e49a830859cec99434ba14b0192ef6" /> <a href="https://qiita.com/hiroki-yama-1118/items/382f38054a9e7d31e455"></a> </div> ### [[React]]使いから見た[[SolidJS]] [[React]]とほぼ同じ記述だが、[[Virtual DOM]]を使用せずパフォーマンスは[[React]]の2倍([[Svelte]]よりも速い)とのこと。私は[[Svelte]]や[[Vue]]の構文が好き ([[JSX]]があまり好きでない) なので、一旦は様子見。 <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://cdn.qiita.com/assets/favicons/public/production-c620d3e403342b1022967ba5e3db1aaa.ico" /> <span class="link-card-v2-site-name">Qiita</span> </div> <div class="link-card-v2-title"> React大好き侍が、「もうSolidJSでいいじゃん...//」ってなったワケ。 - Qiita </div> <div class="link-card-v2-content"> Reactが好きです。 Reactが好きです。コンポーネントを関数として扱うのが好きです。 SolidJSはReactそっくりの書き心地(DX)を保ちつつ、Reactに足りない要素を兼ね備えた期待の新人です。コードの比較 ... </div> <img class="link-card-v2-image" src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-afbab5eb44e0b055cce1258705637a91.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLXByb2ZpbGUtaW1hZ2VzLmltZ2l4Lm5ldC9odHRwcyUzQSUyRiUyRnBicy50d2ltZy5jb20lMkZwcm9maWxlX2ltYWdlcyUyRjEwMTEyNjkzMjc4NDMyMDEwMjQlMkZPQXVwWENlUl9iaWdnZXIuanBnP2l4bGliPXJiLTQuMC4wJmFyPTElM0ExJmZpdD1jcm9wJm1hc2s9ZWxsaXBzZSZiZz1GRkZGRkYmZm09cG5nMzImcz03NzgxMzc2NjRjMTA5MDFiZWFhNzIwMWQ3MjIzMjAyNA%26blend-x%3D120%26blend-y%3D467%26blend-w%3D82%26blend-h%3D82%26blend-mode%3Dnormal%26s%3D8e229874b182a45164faa06ab392385f?ixlib=rb-4.0.0&w=1200&fm=jpg&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTk2MCZoPTMyNCZ0eHQ9UmVhY3QlRTUlQTQlQTclRTUlQTUlQkQlRTMlODElOEQlRTQlQkUlOEQlRTMlODElOEMlRTMlODAlODElRTMlODAlOEMlRTMlODIlODIlRTMlODElODZTb2xpZEpTJUUzJTgxJUE3JUUzJTgxJTg0JUUzJTgxJTg0JUUzJTgxJTk4JUUzJTgyJTgzJUUzJTgyJTkzLi4uJTJGJTJGJUUzJTgwJThEJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgxJUFBJUUzJTgxJUEzJUUzJTgxJTlGJUUzJTgzJUFGJUUzJTgyJUIxJUUzJTgwJTgyJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnR4dC1jb2xvcj0lMjMxRTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LXBhZD0wJnM9ZWRmNTdlMzQyNzQ1MmRhNDE1ZDhlMDg3NTgyNjY3NzU&mark-x=120&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTgzOCZoPTU4JnR4dD0lNDBzaGFkb3dUYW5ha2EmdHh0LWNvbG9yPSUyMzFFMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtcGFkPTAmcz00NmU0NmUxODQ4NGUzM2M0OTI3ZWM3YzRmODYzMjNmMA&blend-x=242&blend-y=480&blend-w=838&blend-h=46&blend-fit=crop&blend-crop=left%2Cbottom&blend-mode=normal&s=440600046f09a841a55c32055c49506f" /> <a href="https://qiita.com/shadowTanaka/items/b6d00863a8d6bff37de6"></a> </div> ### [[Vite]]製の[[Storybook]]こと[[Histoire]] 普段[[Vue]]を使っているが、特に[[Vue3]]で[[Storybook]]を導入するのは色々面倒そうなイメージがあったので、今度試してみたい。 <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"> Vue 向けの Vite 製の UI コンポーネントカタログツール Histoire </div> <img class="link-card-v2-image" src="https://res.cloudinary.com/zenn/image/upload/s--_-yGSJdQ--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:Vue%2520%25E5%2590%2591%25E3%2581%2591%25E3%2581%25AE%2520Vite%2520%25E8%25A3%25BD%25E3%2581%25AE%2520UI%2520%25E3%2582%25B3%25E3%2583%25B3%25E3%2583%259D%25E3%2583%25BC%25E3%2583%258D%25E3%2583%25B3%25E3%2583%2588%25E3%2582%25AB%25E3%2582%25BF%25E3%2583%25AD%25E3%2582%25B0%25E3%2583%2584%25E3%2583%25BC%25E3%2583%25AB%2520Histoire%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:azukiazusa%2Cx_203%2Cy_121/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzBlZDk2NGM2M2YuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_95/v1627283836/default/og-base-w1200-v2.png?_a=BACAGSGT" /> <a href="https://zenn.dev/azukiazusa/articles/histoire-vite-ui-component-cataloging-tool-for-vue"></a> </div> ### [[Backlinks]]のメリット [[Backlinks]]のメリットがまとめられている。『[[デイリーノート]]の[[Backlinks]]はいつどこで何が起こったかを教えてくれる』はまさしく私が[[デイリーノート]]をとるモチベの1つだ。 <div class="link-card-v2"> <div class="link-card-v2-site"> <img class="link-card-v2-site-icon" src="https://miro.medium.com/v2/5d8de952517e8160e40ef9841c781cdc14a5db313057fa3c3de41c6f5b494b19" /> <span class="link-card-v2-site-name">Medium</span> </div> <div class="link-card-v2-title"> What—exactly—are backlinks? </div> <div class="link-card-v2-content"> A brief introduction to the secret weapon of networked note-taking applications </div> <img class="link-card-v2-image" src="https://miro.medium.com/v2/resize:fit:1200/1*aC54n7t7xiAY0gNV__KHCg.png" /> <a href="https://austingovella.medium.com/what-exactly-are-backlinks-891a7db6d9bc"></a> </div> ### [[Obsidian]]と[[Todoist]]はイイゾ [[Joplin]]と[[TickTick]]を使っていたけど、[[Obsidian]]と[[Todoist]]に乗り換えた(戻した)という話。私もそれぞれ気になっていたけど、結局試さずに[[Obsidian]]と[[Todoist]]([[🧊Togowl]])を使っている。 <div class="link-card"> <div class="link-card-header"> <img src="https://shunyaueta.com/favicon.ico" class="link-card-site-icon"/> <span class="link-card-site-name">Shunya Ueta</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">愛用しているツールを更新: Joplin→Obsidian & TickTick → Todoist</p> </div> <div class="link-card-description"> ノートアプリを Joplin から Obsidian へ 2021-03-13 に notion から joplin に乗り換えた。理由としては notion をマークダウンのメモ帳としか使わな... </div> </div> <img src="https://shunyaueta.com/ogp.jpg" class="link-card-image" /> </div> <a href="https://shunyaueta.com/posts/2022-06-03-2133/"></a> </div> ## 📚Inputs - [[📜Electron x Nuxt Bridge x TypeScript x Element UI x Sqliteなプロジェクトベースを作ってみる]] - [[📜Nuxt Bridgeを使わずunplugin-vue2-script-setupを使ってscript setupを実現]] - [[AG Gridでデータが存在しない場合の文字列を指定]] - [[AG Gridで特定のカラムを初期状態で非表示]] - [[AG Gridのカラムグループが開閉されたときに処理をする]] - [[Auto Card Link]] - [[CamelCaseMotion (Vim)]] - [[Command palette]] - [[conf]] - [[electron-builder]] - [[electron-nuxt]] - [[@electron-remote]] - [[electron-store]] - [[Filename Recent Search]] - [[Gather]] - [[グラフビュー]] - [[node-sqlite3]] - [[Normal Search]] - [[npm-check]] - [[Nuxt TypeScript]] - [[Outgoing links]] - [[QuickAdd]] - [[Recent search]] - [[unplugin-vue2-script-setup]] - [[Visual Studio 2019 C++ build toolsのインストール]] - [[アトミックノート]] - [[ストーリーポイント]]