📰2022年22週 Weekly Report

## 📰Impression ### Obsidian利用方法のブログ記事 [[📘VimmerエンジニアのObsidian利用方法～1年半使ってみて～]] を執筆した。 <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"> <div> <p class="link-card-title">📘VimmerエンジニアのObsidian利用方法～1年半使ってみて～ - Minerva</p> </div> <div class="link-card-description"> 私が普段どのようにObsidianを使っているかを記事にしてみました。 </div> </div> <img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2022-06-05.jpg" class="link-card-image" /> </div> <a class="internal-link" data-href="📘VimmerエンジニアのObsidian利用方法～1年半使ってみて～" ></a> </div> 今まで個別のユースケースや[[PKM]]論、[[Obsidian Publish]]/[[Minerva]]の運営についての記事はいくつか書いてきたが、使い方のまとめはしていなかったためだ。きっかけは以下のイベントで[[Obsidian]]の使われ方に対して需要がありそうだと感じたことから。 <div class="link-card"> <div class="link-card-header"> <img src="https://connpass.com/static/img/favicon.ico" class="link-card-site-icon"/> <span class="link-card-site-name">connpass</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">#Obsidian 使っているんでちょっと話します (2022/06/02 20:30〜)</p> </div> <div class="link-card-description"> # #Obsidian 使っているんでちょっと話します ObsidianというMarkdownを基本としたドキュメンテーションツールが最近一部で話題になっています。今回はそんなツールをちょっと使って... </div> </div> <img src="https://connpass-tokyo.s3.amazonaws.com/thumbs/23/8c/238c17c0c905607b0aa516abedc67fe0.png" class="link-card-image" /> </div> <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"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">Release 7.0.0 · tadashi-aikawa/obsidian-various-complements-plugin</p> </div> <div class="link-card-description"> 🎇 Shiny New Things Chinese strategy (#7) cedict_ts.u8 is required </div> </div> <img src="https://opengraph.githubassets.com/25f91cc54bcd3f145621d842532061f16a40999a324c5098317e50af12ecbde9/tadashi-aikawa/obsidian-various-complements-plugin/releases/tag/7.0.0" class="link-card-image" /> </div> <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"> <div class="link-card-header"> <img src="https://github.githubassets.com/favicons/favicon.svg" class="link-card-site-icon"/> <span class="link-card-site-name">GitHub</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">Request to add support for Chinese · Issue #7 · tadashi-aikawa/obsidian-various-complements-plugin</p> </div> <div class="link-card-description"> Great plugin. Have you considered adding support for Chinese? Thank you! </div> </div> <img src="https://opengraph.githubassets.com/94b3cabb540bbc1c80ccbddb9068132875d16279030b25d6af23b4d46b8f0546/tadashi-aikawa/obsidian-various-complements-plugin/issues/7" class="link-card-image" /> </div> <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"> <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"> <div> <p class="link-card-title">📝Nuxt2 x TypeScript x SQLiteのプロジェクトでElectronをv7からv19へメジャーバージョンアップした際のハマリポイント - Minerva</p> </div> <div class="link-card-description"> 本当はNode.jsのバージョンだけをまず上げたかったが、他がv16に対応していなかったため全てをアップデートすることになった。 </div> </div> <img src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/Notes/attachments/minerva-image.webp" class="link-card-image" /> </div> <a class="internal-link" data-href="📝Nuxt2 x TypeScript x SQLiteのプロジェクトでElectronをv7からv19へメジャーバージョンアップした際のハマリポイント" ></a> </div> ## 🎇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"> <div class="link-card-header"> <img src="https://president.ismcdn.jp/common/icons/favicon.ico" class="link-card-site-icon"/> <span class="link-card-site-name">PRESIDENT Online（プレジデントオンライン）</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">ミス無く高速処理｢総務部勤務･92歳エクセルの達人｣が机に向かうとき絶対にしないこと速さとクオリティの高さを同時に実現するスゴイ技</p> </div> <div class="link-card-description"> 世界最高齢の総務部員、玉置泰子さんは、現在もエクセルやパワポを使いこなし、働き続けている。複数の業務を同時に抱える玉置さんが、速さと正確さを両立するための仕事術とは――。 </div> </div> <img src="https://president.ismcdn.jp/mwimgs/4/5/1200wm/img_45c3ac81a9025f7399514f9edf70dd00978591.jpg" class="link-card-image" /> </div> <a href="https://president.jp/articles/-/57778?page=1"></a> </div> ### [[TypeScript]]と[[webpack]]、[[Babel]]の必要性タイトルとは逸れるが、単純にフロントエンドの歴史が分かりやすく丁寧に書かれていて勉強になる。 <div class="link-card"> <div class="link-card-header"> <img src="https://cdn.qiita.com/assets/favicons/public/production-c620d3e403342b1022967ba5e3db1aaa.ico" class="link-card-site-icon"/> <span class="link-card-site-name">Qiita</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">歴史から見るTypeScriptにおけるwebpackとBabelの必要性 - Qiita</p> </div> <div class="link-card-description"> はじめに今回はwebpackやBabelについて学習したことを理解を深めるために文章としてアウトプットしていこうと思う。そもそもなぜwebpackやBabelに関して学習しようと思ったかは、これ... </div> </div> <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9JUU2JUFEJUI0JUU1JThGJUIyJUUzJTgxJThCJUUzJTgyJTg5JUU4JUE2JThCJUUzJTgyJThCVHlwZVNjcmlwdCVFMyU4MSVBQiVFMyU4MSU4QSVFMyU4MSU5MSVFMyU4MiU4QndlYnBhY2slRTMlODElQThCYWJlbCVFMyU4MSVBRSVFNSVCRiU4NSVFOCVBNiU4MSVFNiU4MCVBNyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ODExZGYyZTA0ODM0MTRmMGI0MzIyMzZmODY5ZmQzYWQ&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaGlyb2tpLXlhbWEtMTExOCZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9ZDcxNjgyYTExMTI1YzVkODU1ZmFhMDg4OGVlNDM4ZWE&blend-x=142&blend-y=491&blend-mode=normal&s=d39fc8d07681aafde8c6b1e32cbbf13e" class="link-card-image" /> </div> <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"> <div class="link-card-header"> <img src="https://cdn.qiita.com/assets/favicons/public/production-c620d3e403342b1022967ba5e3db1aaa.ico" class="link-card-site-icon"/> <span class="link-card-site-name">Qiita</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">React大好き侍が、「もうSolidJSでいいじゃん...//」ってなったワケ。 - Qiita</p> </div> <div class="link-card-description"> Reactが好きです。 Reactが好きです。コンポーネントを関数として扱うのが好きです。 SolidJSはReactそっくりの書き心地(DX)を保ちつつ、Reactに足りない要素を兼ね備えた期待の... </div> </div> <img src="https://qiita-user-contents.imgix.net/https%3A%2F%2Fcdn.qiita.com%2Fassets%2Fpublic%2Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png?ixlib=rb-4.0.0&w=1200&mark64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9UmVhY3QlRTUlQTQlQTclRTUlQTUlQkQlRTMlODElOEQlRTQlQkUlOEQlRTMlODElOEMlRTMlODAlODElRTMlODAlOEMlRTMlODIlODIlRTMlODElODZTb2xpZEpTJUUzJTgxJUE3JUUzJTgxJTg0JUUzJTgxJTg0JUUzJTgxJTk4JUUzJTgyJTgzJUUzJTgyJTkzLi4uJTJGJTJGJUUzJTgwJThEJUUzJTgxJUEzJUUzJTgxJUE2JUUzJTgxJUFBJUUzJTgxJUEzJUUzJTgxJTlGJUUzJTgzJUFGJUUzJTgyJUIxJUUzJTgwJTgyJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz1kNmZlOTM1NGFkYjZkYzcyNzBlY2M5NjY4ZmFiYWNhYg&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwc2hhZG93VGFuYWthJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9MzYmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz0wZDQwYzU4YWU2YWZlMGNmZGI0OTMxODg2MDQyYjVjYg&blend-x=142&blend-y=491&blend-mode=normal&s=7bdf57fd7217261a6f6c1d2d58c6677e" class="link-card-image" /> </div> <a href="https://qiita.com/shadowTanaka/items/b6d00863a8d6bff37de6"></a> </div> ### [[Vite]]製の[[Storybook]]こと[[Histoire]] 普段[[Vue]]を使っているが、特に[[Vue3]]で[[Storybook]]を導入するのは色々面倒そうなイメージがあったので、今度試してみたい。 <div class="link-card"> <div class="link-card-header"> <img src="https://zenn.dev/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"> <div> <p class="link-card-title">Vue 向けの Vite 製の UI コンポーネントカタログツール Histoire</p> </div> <div class="link-card-description"> </div> </div> <img src="https://res.cloudinary.com/zenn/image/upload/s--ETEKm28W--/co_rgb:222%2Cg_south_west%2Cl_text:notosansjp-medium.otf_37_bold:azukiazusa%2Cx_203%2Cy_98/c_fit%2Cco_rgb:222%2Cg_north_west%2Cl_text:notosansjp-medium.otf_65_bold: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%2Ch_90%2Cl_fetch:aHR0cHM6Ly9yZXMuY2xvdWRpbmFyeS5jb20vemVubi9pbWFnZS9mZXRjaC9zLS10c1d3emQwQS0tL2NfbGltaXQlMkNmX2F1dG8lMkNmbF9wcm9ncmVzc2l2ZSUyQ3FfYXV0byUyQ3dfNzAvaHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzI4M2FmNDM1Y2YuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_72/v1627274783/default/og-base_z4sxah.png" class="link-card-image" /> </div> <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"> <div class="link-card-header"> <img src="https://miro.medium.com/1*m-R_BkNf1Qjr1YbyOIJY2w.png" class="link-card-site-icon"/> <span class="link-card-site-name">Medium</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">What—exactly—are backlinks?</p> </div> <div class="link-card-description"> A brief introduction to the secret weapon of networked note-taking applications </div> </div> <img src="https://miro.medium.com/max/1200/1*aC54n7t7xiAY0gNV__KHCg.png" class="link-card-image" /> </div> <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のインストール]] - [[アトミックノート]] - [[ストーリーポイント]]