# 📰Impression
アウトプットもインプットも膨大な1週間だった。
## [[🦉Shukuchi]]の公開
新しい[[Obsidianプラグイン]]として[[🦉Shukuchi]]を公開した。
<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">GitHub - tadashi-aikawa/shukuchi</p>
</div>
<div class="link-card-description">
Shukuchi is an Obsidian plugin that enables you to teleport to links (URL or internal link). - GitHu...
</div>
</div>
<img src="https://opengraph.githubassets.com/de12a2ae0c21bbaed443be9799bbcb5668d84f1967393a7c5a18dc7a955dd2c8/tadashi-aikawa/shukuchi" class="link-card-image" />
</div>
<a href="https://github.com/tadashi-aikawa/shukuchi"></a>
</div>
[[🦉Shukuchi]]はカーソル配下にリンク ([[URL]]や[[内部リンク]]のこと) がなくても、近くのそれに瞬間移動した上でリンク先にジャンプする機能をもつ。少し分かりにくいが、以下がデモ動画だ。
<video autoplay muted controls src="https://user-images.githubusercontent.com/9500018/235339189-70bfef2b-2425-49aa-a35b-9fe30a1a6c4a.mp4"></video>
v0.1.2時点で、[[🦉Shukuchi]]がジャンプ対象を決定するロジックは以下の通りだ。
1. 同一行のカーソルと距離が近いリンク
2. 同一行ではないカーソルと距離が近いリンク
もし、カーソルより前方のリンクだけを対象にしたければ、オプションを`forward`に変更すればOKだ。
![[Pasted image 20230223182019.png|frame]]
これが必要な経緯は [[📗カーソル後方の最も近いURLやInternal linkをワンコマンドで開きたい]] を参照してほしい。
## [[🦉side-by-side-diff]]
[[Rust]]の[[クレート]]を[[crates.io]]に公開する実績を解除した。その名も[[🦉side-by-side-diff]]。
<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">GitHub - tadashi-aikawa/side-by-side-diff</p>
</div>
<div class="link-card-description">
Create side-by-side diff text. Contribute to tadashi-aikawa/side-by-side-diff development by creatin...
</div>
</div>
<img src="https://opengraph.githubassets.com/c615d40f7f6d6fabd3aed4035e2a58b2b4ca08f58333ed712aefd3d05c83b146/tadashi-aikawa/side-by-side-diff" class="link-card-image" />
</div>
<a href="https://github.com/tadashi-aikawa/side-by-side-diff"></a>
</div>
2つの文字列を入力し、横並びのdiff形式文字列を出力できる。[[crates.io]]に公開するという体験をしたかっただけなので積極的にアップデートしていくつもりはないが、不具合報告や要望があれば適宜対応するつもりだ。
## [[🦉Various Complements]]のファジーマッチ対応
9ヶ月前から要望されていたファジーマッチにようやく対応した。発端は以下のIssueだ。
<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">support fuzzy matching · Issue #127 · tadashi-aikawa/obsidian-various-complements-plugin</p>
</div>
<div class="link-card-description">
awesome plugin!!! This plug-in not only helps me complete words quickly, but also can input variable...
</div>
</div>
<img src="https://opengraph.githubassets.com/03075253492fb9c67ffe4ccc99dc8f86ec188780b8cf7614b133c088c9dbd34c/tadashi-aikawa/obsidian-various-complements-plugin/issues/127" class="link-card-image" />
</div>
<a href="https://github.com/tadashi-aikawa/obsidian-various-complements-plugin/issues/127"></a>
</div>
[[fast-fuzzy]]のように高速な[[ファジー検索]]ライブラリを使っても、パフォーマンス劣化がネックとなり導入に踏み切れなかった。そこで、発想を変えて本当に必要な機能のみを自前で実装したところ、パフォーマンスに影響ないよう実装することに成功した。比較内容や実装は [[📰TypeScript(JavaScript)でファジー検索の速度比較]] を参照。
<video autoplay muted controls src="https://user-images.githubusercontent.com/9500018/219951893-7e5cddee-5f69-4546-b4e9-19a181406079.mp4"></video>
しばらく使ってみて大きな問題はないが、ファジーヒットした候補がファジーでないヒットの候補より上に上がってくるのが気になる。ファジースコアを考慮する必要はないが、少なくともファジーでないものよりは下になるべきだろう。
![[Pasted image 20230223183445.png|frame]]
この場合、JavaScriptやJavaの方が上に来るほうが自然
8.0.0の正式リリース前にこの辺のチューニングをしておきたい。もうベータ版リリースから3ヶ月が経とうとしているが、ここは妥協すべきところではないだろう。
## [[🧊Obsidian Templater Insert link card]]の改良
[[🧊Obsidian Templater Insert link card]]は、[[URL]]からカード型リンクの[[HTML]]を生成する[[Templater]]コマンドをリポジトリ化したものだ。
<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">GitHub - tadashi-aikawa/obsidian-templater-insert-link-card</p>
</div>
<div class="link-card-description">
Snippets that enable inserting a link as a card using Templater Obsidian plugin - GitHub - tadashi-a...
</div>
</div>
<img src="https://opengraph.githubassets.com/a23bae76081d1375a61a08a9cdae14c4d094f80d4152411b7f52beead309ac40/tadashi-aikawa/obsidian-templater-insert-link-card" class="link-card-image" />
</div>
<a href="https://github.com/tadashi-aikawa/obsidian-templater-insert-link-card"></a>
</div>
このリポジトリに2つの改良を加えた。1つは[[favicon]]の[[URL]]を取得する[[メソッド]]のテストコードの追加だ。
今までこのリポジトリにテストはなかったが、[[Jest]]を導入してテストできるようにした。はじめは[[HTML]]の文字列を入力にしようかと考えていたが、入力は[[URL]]にした。[[テストダブル]]は利用せず、実際に[[URL]]へアクセスして得たレスポンス([[HTML]])を利用している。
また、[[Jest]]を用いてはいるものの、[[ユニットテスト]]ではなく[[E2Eテスト]]を書くことにした。以下の理由からこの選択肢がベストだと思っている。
- 可読性が高く、メンテナンスも楽
- リアルの[[URL]]で取得できなくなった場合はテストが失敗するため、問題を早期発見できる
- テスト実行速度は落ちるが全並列で行えば一瞬で終わる
- テストケースごとに別のサイトへアクセスしているため、相手に負荷はかからない
もう1つの改良は[[📰faviconの取得ロジック]]のリプレイスだ。以前のコードは無駄な分岐が多く、対応しきれないサイトがあったため、色々調べて最善と思われる実装に変えた。詳しくは以下を参照してほしい。
<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">📰faviconの取得ロジック - Minerva</p>
</div>
<div class="link-card-description">
faviconがどのように取得されるかについて、実際に動作を確認した事実を記録していく。
</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="📰faviconの取得ロジック"
></a>
</div>
[[E2Eテスト]]を書いてなければこの変更はできなかったので、良い判断だったと思う。
## [[Mond]]を開始
[[Mond]]という匿名でコミュニケーション、主に質問に対する回答を行うサービスをはじめた。
<div class="link-card">
<div class="link-card-header">
<img src="https://mond.how/favicon.ico" class="link-card-site-icon"/>
<span class="link-card-site-name">Mond</span>
</div>
<div class="link-card-body">
<div class="link-card-content">
<div>
<p class="link-card-title">おすすめ | Mond</p>
</div>
<div class="link-card-description">
Questionで向かえる新世界。Mondは「問い」という根源的なコミュニケーションを通じて、世界の可能性を広げていきます
</div>
</div>
<img src="https://mond.how/images/default-ogp-image.png" class="link-card-image" />
</div>
<a href="https://mond.how/ja"></a>
</div>
以前から気になってはいたものの、類似の別サービスが[[Twitter]]連携に失敗して登録できなかったのであきらめていた。[[Mond]]ではそのような問題もなく、使い勝手も快適だ。
質問は以下で受け付けているので、何か聞きたいことがある方いらっしゃれば、是非質問してほしい。なるべく2～3日以内に回答していこうと思う。
<div class="link-card">
<div class="link-card-header">
<img src="https://mond.how/favicon.ico" class="link-card-site-icon"/>
<span class="link-card-site-name">Mond</span>
</div>
<div class="link-card-body">
<div class="link-card-content">
<div>
<p class="link-card-title">tadashi-aikawa | Mond</p>
</div>
<div class="link-card-description">
Obsidianに関する質問を受け付けています。具体的には『Obsidianの使い方』『Minerva』『Obsidianプラグイン開発』『開発中のObsidianプラグインに関する質問・要望・バグ報...
</div>
</div>
<img src="https://asia-northeast1-pjt-knowledge.cloudfunctions.net/ogp_image?q=u:8ESXTNAp4RPF650SmbdtzcwpCn62:e207af4a4b097a61f53df75d5e4050dfc2918f74" class="link-card-image" />
</div>
<a href="https://mond.how/ja/Tadashi_MAMAN"></a>
</div>
# 🎇Shiny Outputs
## 🦉My products
- [[🦉Shukuchi]]
- [Shukuchi v0.1.2リリース](https://github.com/tadashi-aikawa/shukuchi/releases/tag/0.1.2)
- [[🦉Various Complements]]
- [Various Complements v8.0.0-beta9リリース](https://github.com/tadashi-aikawa/obsidian-various-complements-plugin/releases/tag/8.0.0-beta9)
- [Various Complements v8.0.0-beta10リリース](https://github.com/tadashi-aikawa/obsidian-various-complements-plugin/releases/tag/8.0.0-beta10)
- [[🦉side-by-side-diff]]
- [side-by-side-diff v0.1.2リリース](https://github.com/tadashi-aikawa/side-by-side-diff/releases/tag/v0.1.2)
- [[🧊Obsidian Templater Insert link card]]
- [[📰faviconの取得ロジック]]を改善
## 📖Publish
- [[💿MIN-0020 曖昧さ回避ページにはタグごとにコンテンツを書く]]
- [[💿MIN-0021 異なるコンテキストで同じ名前のノートはsuffixをつける]]
- [[📕よく使うESLintルール]]
- [[📜Rustでside-by-side diffをテキスト表示するクレートを公開してみる]]
- [[📝mockitoがimportできない]]
- [[📝npm publishすると不要なファイルまでパッケージングされてしまう]]
- [[📝tsconfig.jsonが読み込まれない]]
- [[📝TypeScriptで集合(Set)の等価判定がしたい]]
- [[📝TypeScriptで配列(Array)の等価判定がしたい]]
- [[📰2023年6週 Weekly Report]]
- [[📰TypeScript(JavaScript)でファジー検索の速度比較]]
# 👀Medias
## コンテナクエリ [[@container]] が全ブラウザ対応。新時代のレスポンシブ対応を完全理解する
[[@media]]を使っていたが、[[モダンブラウザ]]に対応された[[@container]]を使った方がいいよ...ということで[[@container]]について説明された記事。
<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">コンテナクエリ @container が全ブラウザ対応。新時代のレスポンシブ対応を完全理解する</p>
</div>
<div class="link-card-description">
</div>
</div>
<img src="https://res.cloudinary.com/zenn/image/upload/s--SY1VHetp--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:%25E3%2582%25B3%25E3%2583%25B3%25E3%2583%2586%25E3%2583%258A%25E3%2582%25AF%25E3%2582%25A8%25E3%2583%25AA%2520%2540container%2520%25E3%2581%258C%25E5%2585%25A8%25E3%2583%2596%25E3%2583%25A9%25E3%2582%25A6%25E3%2582%25B6%25E5%25AF%25BE%25E5%25BF%259C%25E3%2580%2582%25E6%2596%25B0%25E6%2599%2582%25E4%25BB%25A3%25E3%2581%25AE%25E3%2583%25AC%25E3%2582%25B9%25E3%2583%259D%25E3%2583%25B3%25E3%2582%25B7%25E3%2583%2596%25E5%25AF%25BE%25E5%25BF%259C%25E3%2582%2592%25E5%25AE%258C%25E5%2585%25A8%25E7%2590%2586%25E8%25A7%25A3%25E3%2581%2599%25E3%2582%258B%2Cw_1010%2Cx_90%2Cy_100/co_rgb:6e7b85%2Cg_south_west%2Cl_text:notosansjp-medium.otf_30:Money%20Forward%20Developers%2Cx_220%2Cy_135/g_south_west%2Cl_text:notosansjp-medium.otf_34:%25E9%25B9%25BF%25E9%2587%258E%2520%25E5%25A3%25AE%2Cx_220%2Cy_84/bo_3px_solid_rgb:d6e3ed%2Cg_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzUwOTQ4MTI2ZjguanBlZw==%2Cr_20%2Cw_90%2Cx_92%2Cy_82/bo_4px_solid_white%2Cg_south_west%2Ch_50%2Cl_fetch:aHR0cHM6Ly9saDMuZ29vZ2xldXNlcmNvbnRlbnQuY29tL2EtL0FPaDE0R2hwRUMxbUtjVjZsX01lT2R6N1Nsejk1SXR4WUZoYjB2LTNOdzNjV3c9czI1MC1j%2Cr_max%2Cw_50%2Cx_139%2Cy_64/og-base.png" class="link-card-image" />
</div>
<a href="https://zenn.dev/moneyforward/articles/css-container-query"></a>
</div>
ウィンドウサイズではなく、親要素のサイズで[[レスポンシブ]]なレイアウトが組めるので便利。試しにサンプルを作ってみた。
<div class="link-card">
<div class="link-card-header">
<img src="https://cpwebassets.codepen.io/assets/favicon/favicon-aec34940fbc1a6e787974dcd360f2c6b63348d4b1f4e06c77743096d55480f33.ico" class="link-card-site-icon"/>
<span class="link-card-site-name">CodePen</span>
</div>
<div class="link-card-body">
<div class="link-card-content">
<div>
<p class="link-card-title">コンテナクエリ @container</p>
</div>
<div class="link-card-description">
...
</div>
</div>
<img src="https://shots.codepen.io/tadashi-aikawa/pen/Exeyyxw-800.jpg?version=1677140243" class="link-card-image" />
</div>
<a href="https://codepen.io/tadashi-aikawa/pen/Exeyyxw"></a>
</div>
## 5つの第一弾機能を公開！チャットAIによる創作支援「note AIアシスタント(β)」スタート
[[note]]の執筆用に、記事の切り口やタイトルなどを提案してくれる新機能のベータ版。
<div class="link-card">
<div class="link-card-header">
<img src="https://prtimes.jp/common/v4.1/images/html/favicon/favicon-192x192.png" class="link-card-site-icon"/>
<span class="link-card-site-name">プレスリリース・ニュースリリース配信シェアNo.1｜PR TIMES</span>
</div>
<div class="link-card-body">
<div class="link-card-content">
<div>
<p class="link-card-title">5つの第一弾機能を公開！チャットAIによる創作支援「note AIアシスタント(β)」スタート</p>
</div>
<div class="link-card-description">
note株式会社のプレスリリース（2023年2月16日 14時00分）5つの第一弾機能を公開！チャットAIによる創作支援[note AIアシスタント(β)]スタート
</div>
</div>
<img src="https://prtimes.jp/i/17890/165/ogp/d17890-165-df0f2e04804689c456e5-5.png" class="link-card-image" />
</div>
<a href="https://prtimes.jp/main/html/rd/p/000000165.000017890.html"></a>
</div>
AIが自動で記事を書くだけなら『つまらないな』と思ったが、執筆の後押しをしてくれる機能のようで少し気になる。
## 斜にかまえる、かまえないを1分ごとに切り替えるとどうなるか :: デイリーポータルZ
ある物事を『徹底的に否定的』『徹底的に肯定的』それぞれの見方をするとどうなるか...という記事。
<div class="link-card">
<div class="link-card-header">
<img src="https://dailyportalz.jp/application/files/1215/3733/5667/favicon.ico" class="link-card-site-icon"/>
<span class="link-card-site-name">デイリーポータルZ</span>
</div>
<div class="link-card-body">
<div class="link-card-content">
<div>
<p class="link-card-title">斜にかまえる、かまえないを1分ごとに切り替えるとどうなるか</p>
</div>
<div class="link-card-description">
「斜にかまえる」「かまえない」を意識的に切り替えるとどういう感情になるのか実験してみた。 (與座ひかる)
</div>
</div>
<img src="https://img.dailyportalz.jp/8515/5311/6228/top.jpg" class="link-card-image" />
</div>
<a href="https://dailyportalz.jp/kiji/sya_ni_kamaeru-kamaenai"></a>
</div>
私も、特に仕事では初めに斜にかまえてから、後で斜に構えないように見ることが多い。人間、先入観には勝てないので、意識的に切り替えることが大事だと改めて思った。
## 技術をわかりやすく伝えるためのテクニカルライティング
[[Developers Summit 2023]]で登壇された[[テクニカルライティング]]に関するスライド。
<div class="link-card">
<div class="link-card-header">
<img src="https://d1eu30co0ohy4w.cloudfront.net/assets/favicon-bdd5839d46040a50edf189174e6f7aacc8abb3aaecd56a4711cf00d820883f47.png" class="link-card-site-icon"/>
<span class="link-card-site-name">Speaker Deck</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">
技術をわかりやすく伝えるためのテクニックとしての「テクニカルライティング」を学べます。Developers Summit 2023の登壇資料。開発者・エンジニアの方向け。https://twitte...
</div>
</div>
<img src="https://files.speakerdeck.com/presentations/d0be189ad7454885ad5c99657ad336a2/slide_0.jpg?24445424" class="link-card-image" />
</div>
<a href="https://speakerdeck.com/naohiro_nakata/technicalwritingfordeveloper"></a>
</div>
どこかで見たような気がしたが、以前に見つけた[[📚テクニカルライティングの基本]]の作成者である[[👤仲田 尚央]]さんだった。
## BC057『人を賢くする道具』とセカンドブレイン
第2の脳とそれに必要なコト・モノについて語られている[[ブックカタリスト]]会。
<div class="link-card">
<div class="link-card-header">
<img src="https://substackcdn.com/image/fetch/f_auto,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2Fa1fdfb12-6544-43b3-8196-04702759ff09%2Ffavicon-16x16.png" class="link-card-site-icon"/>
<span class="link-card-site-name">bookcatalyst.substack.com</span>
</div>
<div class="link-card-body">
<div class="link-card-content">
<div>
<p class="link-card-title">BC057『人を賢くする道具』とセカンドブレイン</p>
</div>
<div class="link-card-description">
Listen now (83 min) | 収録前の準備として読書メモを作るのが常なのですが、それをやるまではちょっと気楽に構えていました。面白いことはいっぱいあるし、いくつか拾えばOKだろう、くらい...
</div>
</div>
<img src="https://substackcdn.com/image/fetch/w_1200,h_600,c_limit,f_jpg,q_auto:good,fl_progressive:steep/https%3A%2F%2Fbucketeer-e05bbc84-baa3-437e-9518-adb32be77984.s3.amazonaws.com%2Fpublic%2Fimages%2F50aae5c2-98f4-44f2-bf8c-5d03da492ba7_3000x3000.png" class="link-card-image" />
</div>
<a href="https://bookcatalyst.substack.com/p/bc057-912#details"></a>
</div>
[[Obsidian]]で[[PKM]]を極めようと日々精進している私にとっては非常に興味深いテーマだったが、期待通り内容も面白かった。オススメ。
## Vue経験者向け Vue3 スタートガイド [実行環境付き]
[[Vue2]]から[[Vue3]]へ移行するにあたり、仕様差分が何であり、どうやって対応していけばよいか、を実行環境付きで学べる記事。
<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経験者向け Vue3 スタートガイド [実行環境付き]</p>
</div>
<div class="link-card-description">
</div>
</div>
<img src="https://res.cloudinary.com/zenn/image/upload/s--cAJpZtfA--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:Vue%25E7%25B5%258C%25E9%25A8%2593%25E8%2580%2585%25E5%2590%2591%25E3%2581%2591%2520Vue3%2520%25E3%2582%25B9%25E3%2582%25BF%25E3%2583%25BC%25E3%2583%2588%25E3%2582%25AC%25E3%2582%25A4%25E3%2583%2589%2520%255B%25E5%25AE%259F%25E8%25A1%258C%25E7%2592%25B0%25E5%25A2%2583%25E4%25BB%2598%25E3%2581%258D%255D%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:ryo_kawamata%2Cx_203%2Cy_98/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyLzU2N2NiMTI0ZWYuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_72/og-base.png" class="link-card-image" />
</div>
<a href="https://zenn.dev/ryo_kawamata/articles/vue3-upgrade-guide"></a>
</div>
個人的に、1問目の実行環境が面白かった。是非やってみてほしい。
## 自分のブログを持つということ
[[note]]と個人ブログの違いについて、色々語られた記事。
<div class="link-card">
<div class="link-card-header">
<img src="https://noratetsu.blogspot.com/favicon.ico" class="link-card-site-icon"/>
<span class="link-card-site-name">noratetsu.blogspot.com</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">
こちらのオンライン対談を拝聴しました。 【編集版】ライフハック研究会Online第9回「今個人がBlogで情報発信を行う意義」
</div>
</div>
<img src="https://lh3.googleusercontent.com/blogger_img_proxy/AHs97-mOeMoL6hMyN8tIWjTgyO0uXLrRaf8BvTSop6jsm7ZCXQqmLXUE1Y5lG9x44Y-x8KUaOT8MsypB4xBZ73QLXbjoszGHOZfymFLP-8XE6RR43oh8pQ=w1200-h630-n-k-no-nu" class="link-card-image" />
</div>
<a href="https://noratetsu.blogspot.com/2023/02/RunningOwnBlog.html"></a>
</div>
自分は[[note]]や[[Zenn]]、[[Qiita]]のような第3者が実体を持つサービスで文章を書きたいと思ったことはない。一度だけ[[Qiita]]の記事を書いたが、『ｺﾚｼﾞｬﾅｲ』感があってやめた。
## 今この時代だからこそ敢えてブログで情報発信をしたい
[[#自分のブログを持つということ]] と同じようなテーマで述べられている記事。
<div class="link-card">
<div class="link-card-header">
<img src="https://hacks.beck1240.com/wp-content/uploads/fbrfg/favicon-32x32.png" class="link-card-site-icon"/>
<span class="link-card-site-name">Hacks for Creative Life!</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">
倉下さんとの「ライフハック研究会Online」でのブログ対談は話している本人としてはとても楽しいものでした。音声や映像がかなり乱れてしまったり、思いつくがままに喋ってしまってまとまりもなかったのでライ...
</div>
</div>
<img src="https://hacks.beck1240.com/wp-content/uploads/181691228_l.jpg?v=1676429795" class="link-card-image" />
</div>
<a href="https://hacks.beck1240.com/lifehack/broadcasting/blog/10614/"></a>
</div>
私は2000年頃から (複数回移転やリプレイスを経てはいるが) ブログを続けているが、その理由について、本気で言語化したことはなかった。この記事は、私の代わりにその想いを言語化してくれたような気がしている。
## How to Inspect Interactions in the Browser
オートコンプリートのように、UIに変化があってから[[Chrome devtools]]を触っても手遅れなケースでどうデバッグするか? という記事。
<div class="link-card">
<div class="link-card-header">
<img src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F470aa2bd45fb4ff5b77c91a394a957e6?width=480" class="link-card-site-icon"/>
<span class="link-card-site-name">Builder.io</span>
</div>
<div class="link-card-body">
<div class="link-card-content">
<div>
<p class="link-card-title">How to Inspect Interactions in the Browser</p>
</div>
<div class="link-card-description">
When trying to debug elements that have popovers, trying to inspect it does not work.This post will...
</div>
</div>
<img src="https://cdn.builder.io/api/v1/image/assets%2FYJIGb4i01jvw0SRdL5Bt%2F79f81425928a4903b701dd57a292fdea?width=1200" class="link-card-image" />
</div>
<a href="https://www.builder.io/blog/inspect-interactions-in-the-browser"></a>
</div>
方法の1つに、[[DOM]]にブレークポイントを貼り、変更があったときに停止させる機能、[[DOM change breakpoints]]を使った例が紹介されている。使ってことがなかったので今後の開発で役立てそうだ。
## 『笑顔の合意』のテクニック
エモそうなタイトルとは裏腹に、論理的かつ現実的なテクニックが詰め込まれた大変実用的なスライド。
<div class="link-card">
<div class="link-card-header">
<img src="https://d1eu30co0ohy4w.cloudfront.net/assets/favicon-bdd5839d46040a50edf189174e6f7aacc8abb3aaecd56a4711cf00d820883f47.png" class="link-card-site-icon"/>
<span class="link-card-site-name">Speaker Deck</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">
2023年1月12日（木）のRegional Scrum Gathering Tok...
</div>
</div>
<img src="https://files.speakerdeck.com/presentations/dbe91d1c3f264ac1af6bf2c3613e6319/slide_0.jpg?24036181" class="link-card-image" />
</div>
<a href="https://speakerdeck.com/hageyahhoo/xiao-yan-nohe-yi-notekunituku-nie-mihe-wanaihui-hua-todui-li-woke-fu-surutameno-emosawopai-sitashi-jian-de-nasukirutoji-fa"></a>
</div>
私は感情的になることが多いので、[[アンガーマネジメント]]のスキルは今後も活用していきたいと思っている。『感情的になりやすい自覚を失わず、気づいたときには意識的に時間をおく』だけでもかなり効果はあるかなと。
# 📚Inputs
- [[cargo login]]
- [[cargo publish]]
- [[cargo publishでAPIトークンを指定]]
- [[cargo-release]]
- [[cargo test]]
- [[Cargoでクレートを公開]]
- [[curly]]
- [[describe.each]]
- [[Enum (Rust)]]
- [[Enum (TypeScript)]]
- [[files (npm)]]
- [[安全にforce push (Git)]]
- [[URLをいい感じに構築する (JavaScript)]]
- [[JestのParameterized Testを並列で実行]]
- [[masterブランチをmainブランチに変更]]
- [[npm publish]]
- [[suppressImplicitAnyIndexErrors]]
- [[test.concurrent.each]]
- [[tsconfig libのデフォルト値]]
- [[tsc --showConfig]]
- [[unicode-diff]]
- [[ファジー検索]]
- [[レジストリ]]
- [[最終的なtsconfigの設定を表示]]
- [[未解決リンク (Obsidian)]]