📰2023年35週 Weekly Report

# 📰Impression ## Obsidian 1.4の正式リリース [[📰Obsidian v1.4]]が正式リリースされた。 <div class="link-card"> <div class="link-card-header"> <img src="https://obsidian.md/favicon.ico" class="link-card-site-icon"/> <span class="link-card-site-name">obsidian.md</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">Obsidian 1.4 Desktop (Public)</p> </div> <div class="link-card-description"> This update introduces Properties, a simple and durable way to add tags, links, dates, and other met... </div> </div> <img src="https://obsidian.md/images/banner.png" class="link-card-image" /> </div> <a href="https://obsidian.md/changelog/2023-08-31-desktop-v1.4.5/"></a> </div> 目玉機能は[[プロパティ (Obsidian)|プロパティ]]。[[Insider builds]]がリリースされた直後は、破壊的変更に対する不満や細かなバグが目についたものの、なんとか仕上げてきたという感じ。さすが[[Obsidian]]。自分も最初は[[プロパティ (Obsidian)|プロパティ]]の新しいUIに懐疑的だったが、[[Live Preview]]やタブと同じように、新しいものを受け入れ慣れていくことにした。今までそれで結果的には満足してきたのだから。 ## Another Quick Switcher 9.0.0の正式リリース 6月25日から2ヶ月以上にわたりベータ版リリースを繰り返してきた[[🦉Another Quick Switcher]] 9.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 9.0.0 · tadashi-aikawa/obsidian-another-quick-switcher</p> </div> <div class="link-card-description"> 🎇 Shiny New ThingsBacklink search (#177 )The new Backlink search enables displaying all occurrenc... </div> </div> <img src="https://opengraph.githubassets.com/46024023c521d815e63ef9f07034bf41d6487160dfeac2695e4eee2b7ac151ec/tadashi-aikawa/obsidian-another-quick-switcher/releases/tag/9.0.0" class="link-card-image" /> </div> <a href="https://github.com/tadashi-aikawa/obsidian-another-quick-switcher/releases/tag/9.0.0"></a> </div> 大きな変更点は[[Link search]]と[[Backlink search]]。詳細はリリースノートの動画を参照してもらいたい。 ## [[HHKB]]周りの環境fix 最近、外でノートパソコンと一緒に[[HHKB]]を使う習慣ができてきたので、その環境整備を行っていたが、遂にそれがfixした。具体的には以下のような感じ。 - [[HHKB]]は無刻印キートップを使う - 家用の[[HHKB Professional HYBRID Type-S 日本語配列／墨]]も無刻印化 - パームレストは[[FITTIO MOH-FTR]]を使う - トラックパッドの左右に配置 - 接続は有線でケーブルは[[U2C-CCL05NBK]]を使うここ1～2週間の変化は無刻印化とケーブルの変更だ。このあたりについては[[📒Articles]]を書いており、来週には公開する予定だ。 # 🎇Shiny Outputs ## 🦉My products - [[🦉Various Complements]] - [Various Complements v9.0.0-beta5リリース](https://github.com/tadashi-aikawa/obsidian-various-complements-plugin/releases/tag/9.0.0-beta5) - [[🦉Another Quick Switcher]] - [Another Quick Switcher v9.0.0リリース](https://github.com/tadashi-aikawa/obsidian-another-quick-switcher/releases/tag/9.0.0) - [[🦉Mobile First Daily Interface]] - [Mobile First Daily Interface v1.3.2リリース](https://github.com/tadashi-aikawa/mobile-first-daily-interface/releases/tag/1.3.2) ## 📖Publish - [[📕Slack Incoming Webhookの作成]] - [[📗現在行のタグをプロパティ(フロントマター)に移動したい]] - [[📜2023-08-28 MFDIで投稿してもタイムラインが更新されない]] - [[📜2023-09-03 DenoでCliffyを使ってCLIツールをつくってみる]] - [[📜TypeScript5.2でDecorator Metadataを試す]] - [[📝Axiosでssl3_get_record wrong version numberエラー]] - [[📝NeovimでシェルをPowershellにしてexコマンドから!コマンド実行するとshell returned 4000エラーになる]] - [[📝TypeScript Playgroundでlibを指定したい]] - [[📰2023年34週 Weekly Report]] - [[🧠ストレスを感じるとき]] # 👀Medias ## Vue3をアゲアゲ↑↑する記事 [[Vue3]]の良さを深く説明している記事。 <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">Vue3をアゲアゲ↑↑する記事 - Qiita</p> </div> <div class="link-card-description"> はじめにこんにちは、フロント歴7年目のエンジニアになります🙂今回は日頃仕事でお世話になっているVue.jsに感謝の意を込めて、Vueの素晴らしさを皆さんに少しでも感じて貰えたらと思い、この記事… </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-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZ0eHQ9VnVlMyVFMyU4MiU5MiVFMyU4MiVBMiVFMyU4MiVCMiVFMyU4MiVBMiVFMyU4MiVCMiVFMiU4NiU5MSVFMiU4NiU5MSVFMyU4MSU5OSVFMyU4MiU4QiVFOCVBOCU5OCVFNCVCQSU4QiZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9YWQ0ZDFhMGE5MTQ2N2NjNDgwY2YxM2NjMmJkYmQzNjA&mark-x=142&mark-y=112&blend64=aHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwS2VudGFZb2tveWFtYSZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9NzE2Mjc2OWJjNTJhYWYwZjUzNzc5YWZiM2E1MjhmZDg&blend-x=142&blend-y=491&blend-mode=normal&s=084e325262b8468b546c029f6b3f0910" class="link-card-image" /> </div> <a href="https://qiita.com/KentaYokoyama/items/9a4f8b0a3230708a1987"></a> </div> よくある表面上の話だけではなく、実際に長期間色々なモノを作ってみて感じた知見がまとめられており、大変素晴らしい記事だった。あと文中に登場する『クソコラ』、超分かりみで大好きです🤣 ## JavaScriptランタイム「Bun」がバージョン1.0に到達へ、9月7日にローンチイベント開催 [[Bun]]がバージョン1.0になるのでイベントが開催されるとのこと。 <div class="link-card"> <div class="link-card-header"> <img src="https://www.publickey1.jp/favicon.ico" class="link-card-site-icon"/> <span class="link-card-site-name">www.publickey1.jp</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">JavaScriptランタイム「Bun」がバージョン1.0に到達へ、9月7日にローンチイベント開催</p> </div> <div class="link-card-description"> サーバサイドで実行可能なJavaScriptランタイム「Bun」が9月7日（日本時間9月8日）にバージョン1.0に到達することが分かりました。公式サイトで「Bun 1.0」のローンチイベントへの申し... </div> </div> <img src="https://www.publickey1.jp/2023/-EUYdcJf.png" class="link-card-image" /> </div> <a href="https://www.publickey1.jp/blog/23/javascriptbun1097.html"></a> </div> [[Zig]]と共に[[Bun]]は一時期話題になったけど、ここまで早く1.0になるとは思っていなかった。個人的にはまず[[Deno]]をキャッチアップして、[[Deno]]が一般に浸透するフェーズが来たら、[[Bun]]を気にし始めるくらいでいいかなと思っている。なぜなら... > Supported on macOS, Linux, and WSL [[Windows]]に対応していない。[[WSL]]は違う。1.0になったら流石に対応されるのだろうか...🤔 ## コミットメッセージを書く時にgitmojiを使うのをやめた話 [[gitmoji]]を使ってコミットメッセージの先頭に絵文字を入れるのをやめたという話。 <div class="link-card"> <div class="link-card-header"> <img src="https://tech.pepabo.com/images/favicon.ico" class="link-card-site-icon"/> <span class="link-card-site-name">tech.pepabo.com</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">コミットメッセージを書く時にgitmojiを使うのをやめた話 - Pepabo Tech Portal</p> </div> <div class="link-card-description"> はじめにこんにちは、minne事業部でwebアプリケーションエンジニアをしているkazuです。今回の記事は、コミットメッセージを書く時に、自分がこれまで愛用してきたgitmojiをやめた話をします... </div> </div> <img src="https://tech.pepabo.com/blog/2023/08/28/stopped-to-use-gitmoji/images/stop-using-gitmoji.png" class="link-card-image" /> </div> <a href="https://tech.pepabo.com/2023/08/28/stopped-to-use-gitmoji/"></a> </div> 自分も以前はコミットメッセージに絵文字を入れている時期があったものの、以下の理由でやめたのでとても共感できた。 - 絵文字はターミナル環境によっては未対応のケースがある - `:bug:`のようにテキスト表記にするとターミナルなど未対応のシーンでコミットメッセージが読みにくくなる - 絵文字の入力や定義の確認が面倒 - 絵文字が役に立った記憶はほぼないターミナルなどの環境は[[Windows Terminal]]が対応してから困ることはなくなったけど、相手がそうとは限らないし、費用対効果として割が合わないと感じたのが大きい。 ## HHKBは生産性と快適性を兼ね備える人気のキーボード！～従業員選択制（CYOD）と社員みなさんのこだわりとは？（サイボウズ株式会社）～ [[サイボウズ]]の従業員選択制（CYOD）という制度の紹介と、それに関するキーボードの人気について書かれた記事。 <div class="link-card"> <div class="link-card-header"> <img src="https://happyhackingkb.com/favicon.ico" class="link-card-site-icon"/> <span class="link-card-site-name">Happy Hacking Keyboard</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">HHKBは生産性と快適性を兼ね備える人気のキーボード！～従業員選択制（CYOD）と社員みなさんのこだわりとは？（サイボウズ株式会社）～｜PFU</p> </div> <div class="link-card-description"> 仕事で使用するデバイスを従業員自身が選択できるサイボウズ株式会社。そこで人気のデバイスHHKBについて、社員みなさんのインタビューをお届けします。 </div> </div> <img src="https://happyhackingkb.com/jp/life/images/ogp-40.png" class="link-card-image" /> </div> <a href="https://happyhackingkb.com/jp/life/hhkb_life40.html"></a> </div> [[CYOD]]は『業務用のデバイスや周辺機器を社員へ貸与する制度』のこと。PCはもちろんのこと、[[ポインティングデバイス]]やモニタなども自由に選択可能。自分も個人的に購入したデバイスを仕事で利用することはあるが、会社からそれらを自由に選択できるという制度の恩恵を受けたことはない。興味がある人でなければ、わざわざ高いお金を払って良いデバイスを買おうとは思わないだろう。なぜなら、その良さを経験したことがないから。[[CYOD]]のような会社の制度を起点に、高いデバイスの良さを体感することができたなら、今後はそちらに投資してみようと思えるかもしれない。 ## 手を動かさないマネージャーを試している元バリバリの開発者が、開発(コードリーディング含む)をしないでマネージャーを試してみたという話。 <div class="link-card"> <div class="link-card-header"> <img src="https://onk.hatenablog.jp/icon/link" class="link-card-site-icon"/> <span class="link-card-site-name">id:onk のはてなブログ</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">手を動かさないマネージャーを試している - id:onk のはてなブログ</p> </div> <div class="link-card-description"> 2 月から、Mackerel チームの所属になった。今日から異動して Mackerel チームです。非正規ルートでの要望でもいい感じにやるので何でもください！— Takafumi ONAKA (@o... </div> </div> <img src="https://ogimage.blog.st-hatena.com/17391345971631172524/820878482963522898/1693503357" class="link-card-image" /> </div> <a href="https://onk.hatenablog.jp/entry/2023/08/31/235920"></a> </div> 少し脱線した部分ではあるけど、個人的には以下の部分に非常に共感した。 > 異動後に、以前のチームにも引き続き同じように顔を出す、というのをやっていた。どうせ当面のアクションは「観察」なので、言うて社内異動だしある程度知っていることもあるだろうから、片手間っぽくても成立すると油断していたのだ。異動をしても古い組織に対するしがらみを残したくなる。厄介なことに、これは自分のためではなく組織のためであると本人が信じていることだ。実際には **新しい風を吹かせたり、残された人たちの成長や変化を期待するため** 異動させることも多い。結果的に、この期待に真っ向から歯向かっていることになり、誰かのためを思ってやったことが自分の不幸という形でリターンされてしまう。もし、本当に組織のためを思うなら... 相談されたときにミニマムでそれに対して受け答えするくらいの温度感がいいと思う。 ## Vimを1ヶ月使ってみた振り返り表題の通り、[[Vim]]を使い始めて1ヶ月の振り返り。 <div class="link-card"> <div class="link-card-header"> <img src="https://blog.okaryo.io/favicon-32x32.png?v=bd0dd2f93a2075f8485b954271e3c979" class="link-card-site-icon"/> <span class="link-card-site-name">blog.okaryo.io</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">Vimを1ヶ月使ってみた振り返り</p> </div> <div class="link-card-description"> 会社の先輩にエディタを無理矢理変えられたことで始まったVim生活。果たして俺は日々のプログラミングを乗り越えていくことができるのか!? </div> </div> <img src="https://blog.okaryo.io/static/f31dbda3b94f9ca14586f9e7949f9813/f31dbda3b94f9ca14586f9e7949f9813.png" class="link-card-image" /> </div> <a href="https://blog.okaryo.io/20210529-reflection-on-one-month-learning-vim"></a> </div> よくあるタイトルだが『会社の先輩にエディタを無理やり変えられた...』といったパワーワードのdescriptionから始まり、序盤から最高にキレのある導入。 > 出会いは突然だった。会社でお世話になっていた先輩が退職される最終出社日の夕方、IDEとして使っていたAndroidStudioのプラグインにVimを入れられた。正直、ボリュームは全然だけど、普通に読み物として面白かった。 ## 開発ライブ実況 #1 Vim編 (メルペイ Architectチーム Backendエンジニア) [[Vim]]を使った開発ライブ実況動画。 ![](https://www.youtube.com/watch?v=cWvAhmfZJZg) [[Go]]の実装をリアルタイムで行っているが、[[Vimmer]]から見ると何やっているか分からない部分があるくらい凄い。この実況動画を見たら[[Vim]]で開発したくなったので、この日は[[IntelliJ IDEA]]の使用を控えて[[Neovim]]を使うようにしてた。[[尊師スタイル]]だと特に気分があうんですよね。 ## 先送りの根本的な原因とは何なのか？（ゲスト：佐々木正悟さん）先送りについて触れた[[10分で集中力アップラジオ]]の会。 <div class="link-card"> <div class="link-card-header"> <img src="https://voicy.jp/favicon.ico" class="link-card-site-icon"/> <span class="link-card-site-name">Voicy - 音声プラットフォーム</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">先送りの根本的な原因とは何なのか？（ゲスト：佐々木正悟さん） | jMatsuzaki | ドイツ在住・経営者「10分で集中力アップラジオ」/ Voicy - 音声プラットフォーム</p> </div> <div class="link-card-description"> 佐々木正悟さんをゲストに招き、先送りの根本的な原因について語ります。なぜ「やるべきこと」や「やったほうが良いこと」になかなか手をつけられず先送りしてしまうのでしょうか？実はその答えはシンプルです。いま... </div> </div> <img src="https://ogp-image.voicy.jp/ogp-image/story/0/1380/603859" class="link-card-image" /> </div> <a href="https://voicy.jp/channel/1380/603859"></a> </div> 『やりたいこと』や『やった方が良いこと』というのは一種のまやかしかもと思った。実際は『やるべきこと』であり、それを『やりたい』『やるのが良い』と変換しているだけではないかと。その観点に立ち戻り、『仕事でやりたいことってなんだろう?』ということを考えてみたら、『特にない』という結論に至った。仕事は基本的に『やるべきこと』なんだなあ...。 ## TypeScript5で導入されたStage 3のDecoratorを眺めてみる [[TypeScript]]の[[デコレーター (TypeScript)|デコレーター]]について、歴史的な経緯や仕様を踏まえたうえで、[[TypeScript 5.0]]から導入された新しい仕様を簡潔に分かりやすく説明してくれている記事。 <div class="link-card"> <div class="link-card-header"> <img src="https://developer.mamezou-tech.com/img/favicon-32x32.png" class="link-card-site-icon"/> <span class="link-card-site-name">developer.mamezou-tech.com</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">TypeScript5で導入されたStage 3のDecoratorを眺めてみる | 豆蔵デベロッパーサイト</p> </div> <div class="link-card-description"> TypeScriptでDecoratorって使っていますか？DecoratorはJava等のオブジェクト指向言語ではお馴染みのアノテーションです。DI/AOP等のメタプログラミングでよく使われているも... </div> </div> <img src="https://developer.mamezou-tech.com/previews/typescript5で導入されたstage-3のdecoratorを眺めてみる.png" class="link-card-image" /> </div> <a href="https://developer.mamezou-tech.com/blogs/2023/02/15/typescript5-decorator-intro/"></a> </div> [[デコレーター (TypeScript)|デコレーター]]は[[Angular]]が初めて出たv2のときからお世話になっているが、基本的に使う側だったため、今まではなんとなく使ってきただけだった。最近になって、[[TypeScript 5.2]]のリリース内容を整理しようと調べたときに色々知った。 ## 「助けてくれ」とはっきり言う人しか、助けないほうがいい。表題のような内容について、なぜそうなのかを説明した記事。 <div class="link-card"> <div class="link-card-header"> <img src="https://blog.tinect.jp/wp-content/themes/books-apps-pc/images/favicon.ico" class="link-card-site-icon"/> <span class="link-card-site-name">Books&Apps</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">「助けてくれ」とはっきり言う人しか、助けないほうがいい。</p> </div> <div class="link-card-description"> 仕事においては、「人を助ける」という行為は、美徳に見えますが、意外にもそれなりの思慮を必要とします。場合によっては、せっかくの行為が、単なる自己満足になることも。というのも、「助けないこと」と... </div> </div> <img src="https://blog.tinect.jp/wp-content/uploads/2023/08/cadb0f3ca206579d29054750bcfeaff3.jpg" class="link-card-image" /> </div> <a href="https://blog.tinect.jp/?p=83238"></a> </div> これは声や文字に出すことだけでなく、where(どこで)も重要だと思う。たとえば、[[Slack]]のケース。本来なら別のところで聞くべきことを、そのことを本人も確実に把握しているにも関わらず、timesで困っているアピールだけしていた場合、それに手を差し伸べるのは違うかなと。一度このような方法で成功体験を積んでしまうと、ほぼ必ず次回以降も同じ手段をとる。それは組織として最適ではないだろう。 ## A quick comparison of JavaScript and Go executables [[Bun]]、[[Deno]]、[[Go]]の実行バイナリについて、サイズと実行時間の比較をした記事。 <div class="link-card"> <div class="link-card-header"> <img src="https://www.seanmcp.com/favicon.png" class="link-card-site-icon"/> <span class="link-card-site-name">SeanMcP.com</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">A quick comparison of JavaScript and Go executables</p> </div> <div class="link-card-description"> Go is the superior for executables based file size and execution time, but Bun and Deno offer a comp... </div> </div> <img src="https://seanmcp.com/img/og-image.png" class="link-card-image" /> </div> <a href="https://www.seanmcp.com/articles/quick-comparison-of-javascript-and-go-executables/"></a> </div> やっぱ[[Go]]はバイナリサイズが小さくて実行も速いなぁと思った。本当に[[Go]]は欲望を捨てて実用性に振り切った言語だと思う。その一貫性と意志は尊敬する。 # 📚Inputs - [[Array.prototype.toReversed (JavaScript)]] - [[Array.prototype.toSorted (JavaScript)]] - [[Array.prototype.toSpliced (JavaScript)]] - [[Array.prototype.with (JavaScript)]] - [[Change Array by copy]] - [[Chrome Extensionの開発でiframeの内側のDOMを取得]] - [[Cliffy (Deno)]] - [[Decorator Metadata]] - [[HHKB HYBRID Type-S]] - [[HHKB Professional JP]] - [[HHKB Professional2]] - [[Platio]] - [[Templateの処理をREPLでデバッグ]] - [[Triple-Slash Directives]] - [[TypeScriptのクラスデコレーターを使ってStaticメソッドを追加したい]] - [[U2C-CCL05NBK]] - [[Ultisnips]] - [[VSCodeでTypeScriptのバージョン指定]] - [[axiosでproxyを使う]] - [[coc-deno]] - [[coc.nvim extensionsをすべて最新化(アップデート)]] - [[manifest.json (Chrome Extension)]] - [[oladance OWS Pro]] - [[slicesパッケージ]] - [[アクセサー (JavaScript)]] - [[クラス (JavaScript)]] - [[クラスアクセサデコレーター (JavaScript)]] - [[クラスデコレーター (JavaScript)]] - [[クラスフィールドデコレーター (JavaScript)]] - [[クラスフィールドデコレーター (TypeScript)]] - [[クラスメソッドデコレーター (JavaScript)]] - [[クラスメソッドデコレーター (TypeScript)]] - [[クラス宣言 (JavaScript)]] - [[デコレーター (TypeScript)]] - [[パブリッククラスフィールド (JavaScript)]] - [[フィールド (JavaScript)]] - [[プロトタイプ]] - [[プロパティアクセサー (JavaScript)]] - [[メソッド (JavaScript)]] - [[巻き上げ (JavaScript)]]