# 📰Impression ## 理想のワイヤレスイヤホン [[Twitter]]のとあるツイートに何気なくレスしたのがすべての始まり。  2021年頃、耳掛けスピーカーでまともに動くものを調べたことはあったが、そのときはいいものが見つからなかった。だが、あれから2年...今なら何かあるかもと思って念のため調べてみたのが功を得た。 <div class="link-card"> <div class="link-card-header"> <img src="https://img.staticdj.com/cdd1a1aec8c65906252b2a92de2191e4.png" class="link-card-site-icon"/> <span class="link-card-site-name">oladancedirectstore</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">Oladanceウェアラブルステレオ</p> </div> <div class="link-card-description"> oladancedirectstore </div> </div> <img src="https://img.staticdj.com/d320e8bdfca12effecdb8b24b4e6cb05.png" class="link-card-image" /> </div> <a href="https://www.oladance.jp/products/oladance%E3%82%A6%E3%82%A7%E3%82%A2%E3%83%A9%E3%83%96%E3%83%AB%E3%82%B9%E3%83%86%E3%83%AC%E3%82%AA?spm=..collection_1a7db82b-6cdf-4cd6-b02b-6e282bbbda63.collection_1013_1.1&spm_prev=..index.header_1.1&variant=50dac649-65ea-463a-84db-77ea36466a5d"></a> </div> [[Oladanceウェアラブルステレオ]]。こちらを購入した。クチコミの評価はかなり最高レベルであり、期待以上で満足している。詳細は [[📰Oladanceウェアラブルステレオを使ってみた感想]] に記載しているし、[[📒Articles]]も近々公開予定だ。 ## [[Playwright]]のヤバイ新機能 [[UIモード (Playwright)]] [[Playwright]]は1年に1回くらいキャッチアップして[[📒Articles]]にも書いている。直近だと以下の記事がそれだ。 <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"> 📘3年目、3回目のPlaywright記事を書く </div> <div class="link-card-v2-content">PlaywrightによるWebフロントエンドのE2Eテストの最新手法や設定、Locatorの使い方、APIレスポンスのモック、Page Object Model、DockerやCIでの実行方法まで、TypeScriptやSvelte、Jest、VSCode、Cypress、Seleniumとの比較も交え詳しく解説しています。実践的なノウハウを知りたい方はぜひご覧ください。</div> <img class="link-card-v2-image" src="https://publish-01.obsidian.md/access/35d05cd1bf5cc500e11cc8ba57daaf88/%F0%9F%93%98Articles/attachments/2022-10-30.jpg" /> <a data-href="📘3年目、3回目のPlaywright記事を書く" class="internal-link"></a> </div> %%[[📘3年目、3回目のPlaywright記事を書く]]%% ただ先日、なんとなく[[Playwright]]を見てみたら、新たに[[UIモード (Playwright)]]という機能が追加されていた。 <div class="link-card"> <div class="link-card-header"> <img src="https://playwright.dev/img/playwright-logo.svg" class="link-card-site-icon"/> <span class="link-card-site-name">playwright.dev</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">Release notes | Playwright</p> </div> <div class="link-card-description"> Version 1.32 </div> </div> <img src="https://repository-images.githubusercontent.com/221981891/8c5c6942-c91f-4df1-825f-4cf474056bd7" class="link-card-image" /> </div> <a href="https://playwright.dev/docs/release-notes#version-132"></a> </div> これが良い意味でなかなかやばい機能。感動したのでひとまずキャッチアップしてみることに。 <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">📜2023-04-07 PlaywrightのUIモードを含めてキャッチアップ</p> <p class="link-card-description">半年前に📜Playwrightのプレゼン作るために公式ドキュメントを読み込んで試したメモを書いて、📘3年目、3回目のPlaywright記事を書く という記事を執筆した。</p> </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="Notes/📜2023-04-07 PlaywrightのUIモードを含めてキャッチアップ.md"></a> </div> %%[[📜2023-04-07 PlaywrightのUIモードを含めてキャッチアップ]]%% また、[[Playwright]]のベストプラクティスも、以前とそれなりに変わっていた。 <div class="link-card"> <div class="link-card-header"> <img src="https://playwright.dev/img/playwright-logo.svg" class="link-card-site-icon"/> <span class="link-card-site-name">playwright.dev</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">Best Practices | Playwright</p> </div> <div class="link-card-description"> This guide should help you to make sure you are following our best practices and writing tests that ... </div> </div> <img src="https://repository-images.githubusercontent.com/221981891/8c5c6942-c91f-4df1-825f-4cf474056bd7" class="link-card-image" /> </div> <a href="https://playwright.dev/docs/best-practices#best-practices"></a> </div> こちらも改めてまとめなおしたい。 ## [[🦉Another Quick Switcher]]のGrep検索結果改善 [[🦉Another Quick Switcher]]の8.9.0でGrep機能の結果表示を一新した。  今までは同一ファイルに複数結果がある場合も、すべてにファイル名が表示されていたが、今回の改修で同じファイルに出現する箇所はグルーピングされるようになった。検索結果が[[Obsidian]]の[[Search]]プラグインに近くなったので、以前よりは見やすいはずだ。 ## [[Windows]]で使い捨ての[[Linux]]環境をつくる方法 定期的に仕組みを整えているが、近年は[[Ansible]]を使って[[WSL2]]環境を整備するという方法を選んでいた。[[Windows]]との親和性がある反面、使い捨てにはやや抵抗があるという側面もあった。加えて、[[Windows 11]]に移行してから[[WSL2]]の調子が悪いので、この機会に環境を一新してみた。 <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">📕Windows11でMultipassを使って便利な仕組みが整ったUbuntu・Linux環境のsandboxを構築する方法</p> </div> <div class="link-card-description"> 開発やメイン環境ではなく、あるツールのsandbox環境を目指す。 </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="📕Windows11でMultipassを使って便利な仕組みが整ったUbuntu・Linux環境のsandboxを構築する方法" ></a> </div> %%[[📕Windows11でMultipassを使って便利な仕組みが整ったUbuntu・Linux環境のsandboxを構築する方法]]%% 方針として[[Ansible]]はやめた。久々に実行したら序盤でエラーが発生し、対応が面倒そうに感じたのと、前々からここまで真面目にやらなくても...と思っていたからだ。そして何より[[asdf]]の使い勝手が想像以上に良かったというのが大きい。 [[Mac]]を使うことはないので普段は[[Windows]]を使っている。だから[[Windows]]未対応の[[asdf]]は遠目に静観しているだけだった。しかし、[[Linux]]環境を構築するのであれば[[asdf]]が使える。ということで試してみたら気持ちよく使えたので、そのノリで色々やってしまったというわけだ。 # 🎇Shiny Outputs ## 🦉My products - [[🦉Another Quick Switcher]] - [Another Quick Switcher v8.9.0リリース](https://github.com/tadashi-aikawa/obsidian-another-quick-switcher/releases/tag/8.9.0) - [Another Quick Switcher v8.8.0リリース](https://github.com/tadashi-aikawa/obsidian-another-quick-switcher/releases/tag/8.8.0) - [[🦉nuxt2-vuetify2-playwright-sandbox]] ## 📖Publish - [[📕Windows11でMultipassを使って便利な仕組みが整ったUbuntu・Linux環境のsandboxを構築する方法]] - [[📜2023-04-08 WSL2のオレオレ環境セットアップ]] - [[📰Oladanceウェアラブルステレオを使ってみた感想]] - [[📜2023-04-07 PlaywrightのUIモードを含めてキャッチアップ]] - [[📝Playwrightでv-checkboxのチェックを操作(クリック)できない]] - [[📝Playwrightでv-text-fieldの値がとれない]] - [[📝PlaywrightのgetByTestIdでdata-test-idの要素を取得できない]] - [[📝PlaywrightのUIモードで全テストを実行すると20テストケース弱でNuxt2のWebサーバーが落ちる]] - [[📝Python3.8.16がエラーでインストールできない]] - [[📝VMのUbuntuでNeovim 0.9を起動するとレイアウトが色々壊れる]] - [[📝Vueでformの要素にフォーカスしてEnterを押したとき、デフォルトの動作ではなく任意の処理を実行したい]] - [[📰2023年13週 Weekly Report]] ## 🙋[[Mond]] - [\[\[^^\]\]という記法でブロックリンクを作成するとき、obsidianのブロックIDの検索スピードが遅いと感じるのですが、何か解決策をご存知でしょうか？ 私のワークフローは以下の流れです。 リンクしたいブロックの末尾にIDを手動入力→そのIDを選択してコピー→リンク元のノー… \| Mond](https://mond.how/ja/topics/ahkdroglycahm98/6h2cvmcgd8fek23) - [obsidian内を検索するとき、よく使っている便利なクエリはありますか？ \* 順不同でA,Bのキーワードを含む \* Aを含むがBは含まない \* AとBがX文字以内に出てくる \* 見出しのみを検索対象とする などを私は使います。 \| Mond](https://mond.how/ja/topics/gjljntflxbf0rp6/6u6b9duvf4rv3li) # 👀Medias ## 「すごい人」と「自分」を比較しない方法。または、何故オタクはリア充に憧れてしまうのか。 人生に疲れてしまったときに読むといいなと思った。 <div class="link-card"> <div class="link-card-header"> <img src="https://assets.st-note.com/poc-image/manual/note-common-images/production/svg/production.ico" class="link-card-site-icon"/> <span class="link-card-site-name">note（ノート）</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">「すごい人」と「自分」を比較しない方法。または、何故オタクはリア充に憧れてしまうのか。｜いぐぞー！！✈️ 旅するプログラマー｜note</p> </div> <div class="link-card-description"> インターネットやSNSの普及で「すごい人」と「自分」を比較することは容易くなりました。 それに伴い「あの人はすごいのに、なぜ自分は……」と劣等感を抱く人が増えています。 私はこれからの時代、劣等... </div> </div> <img src="https://assets.st-note.com/production/uploads/images/54956460/rectangle_large_type_2_fc532a6377dd5bf0879f3cc5347e90fe.jpeg?fit=bounds&quality=85&width=1280" class="link-card-image" /> </div> <a href="https://note.com/igz0/n/nf1d3a1120362"></a> </div> ## Docker一強の終焉にあたり、押さえるべきContainer事情 コンテナの歴史的な経緯などを一通り教えてくれる記事。コンテナといったら[[Docker]]くらいしかキャパシティのない私には大変勉強になった。まだ途中だけど。 <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">Docker一強の終焉にあたり、押さえるべきContainer事情</p> </div> <div class="link-card-description"> </div> </div> <img src="https://res.cloudinary.com/zenn/image/upload/s--KCZLVARh--/c_fit%2Cg_north_west%2Cl_text:notosansjp-medium.otf_55:Docker%25E4%25B8%2580%25E5%25BC%25B7%25E3%2581%25AE%25E7%25B5%2582%25E7%2584%2589%25E3%2581%25AB%25E3%2581%2582%25E3%2581%259F%25E3%2582%258A%25E3%2580%2581%25E6%258A%25BC%25E3%2581%2595%25E3%2581%2588%25E3%2582%258B%25E3%2581%25B9%25E3%2581%258DContainer%25E4%25BA%258B%25E6%2583%2585%2Cw_1010%2Cx_90%2Cy_100/g_south_west%2Cl_text:notosansjp-medium.otf_37:ttnt.1013%2Cx_203%2Cy_98/g_south_west%2Ch_90%2Cl_fetch:aHR0cHM6Ly9zdG9yYWdlLmdvb2dsZWFwaXMuY29tL3plbm4tdXNlci11cGxvYWQvYXZhdGFyL2Q5YzMxM2Y1YmEuanBlZw==%2Cr_max%2Cw_90%2Cx_87%2Cy_72/og-base.png" class="link-card-image" /> </div> <a href="https://zenn.dev/ttnt_1013/articles/f36e251a0cd24e"></a> </div> ## 【ながら聴き】耳を塞がないイヤホン総合 [[Oladanceウェアラブルステレオ]]の評価を調べるために参照したスレ。ここで高評価だったのは購入の決め手になった。 <div class="link-card"> <div class="link-card-header"> <img src="https://mevius.5ch.net/favicon.ico" class="link-card-site-icon"/> <span class="link-card-site-name">mevius.5ch.net</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> </div> <a href="https://mevius.5ch.net/test/read.cgi/av/1654255192/16-n?v=pc"></a> </div> 昔はガジェットの情報収集といえば[[2ちゃんねる]]だったけど、[[5ちゃんねる]]が台頭しはじめてからは完全にご無沙汰してた。まさかこのタイミングでお世話になるとは。。 ## 見直しを兼ねてObsidianのテンプレートを記録しておこう：デイリーノート編 [[Obsidian]]で[[デイリーノート]]のテンプレや書き方を公開している記事。 <div class="link-card"> <div class="link-card-header"> <img src="https://assets.st-note.com/poc-image/manual/note-common-images/production/svg/production.ico" class="link-card-site-icon"/> <span class="link-card-site-name">note（ノート）</span> </div> <div class="link-card-body"> <div class="link-card-content"> <div> <p class="link-card-title">見直しを兼ねてObsidianのテンプレートを記録しておこう：デイリーノート編｜a-natsuki｜note</p> </div> <div class="link-card-description"> headerImage by AI素材.com 現状のデイリーノートのテンプレート全部盛り ---title: date: {{Date:YYYY[年]MM[月]DD[日](ddd)}}da... </div> </div> <img src="https://assets.st-note.com/production/uploads/images/102061016/rectangle_large_type_2_36534c57518251c2f818d543a7fb328e.jpeg?fit=bounds&quality=85&width=1280" class="link-card-image" /> </div> <a href="https://note.com/natsuki_ass/n/n86670eeaf2c3"></a> </div> 私が開発しているタスク/時間管理の[[コミュニティプラグイン]]、[[🦉Silhouette]]もご利用いただいていて嬉しい限り。何度か[[Twitter]]経由で要望いただいた。 # 📚Inputs - [[Amazon ECR Public Gallery]] - [[asdf]] - [[asdfでNode.jsをインストール]] - [[asdfでPythonをインストール]] - [[AWS Fargate]] - [[Azure OpenAI Service]] - [[Debian]] - [[GNU／Linux]] - [[GNUプロジェクト]] - [[JenkinsfileでSlack Notificationプラグインを呼び出す仕様一覧]] - [[Jenkinsでmasterのファイルに記載された認証情報をworkerで使用]] - [[JenkinsでSlack通知]] - [[Neovimのinit.luaでWindowsかどうか条件分岐]] - [[Oladanceウェアラブルステレオ]] - [[Playwrightのテストコードテンプレート]] - [[ファイル内テストの実行並列数を指定 (Playwright)]] - [[pyenv]] - [[pyenvをUbuntuにインストール]] - [[Slack Notification プラグイン]]