202505のブックマーク
202505付近のブラウザタブをサルベージ。
202504のブックマークは 202504のブックマーク にあります。
202506のブックマークは 202506のブックマーク にあります。
localstack/awscli-local: 💲 "awslocal" - Thin wrapper around the "aws" command line interface for use with LocalStack
ふうん便利じゃん???( aws コマンドを awslocal に置き換えるだけでlocalstackに向いてくれる)
99designs/aws-vault: A vault for securely storing and accessing AWS credentials in development environments | github.com
これ以外にカジュアルにAWSアクセスキーを管理するツール見当たらなかったので、引き続き使ってる
任意のディレクトリ移動時にコマンドを実行する(zsh) | zenn.dev
zshでhook関数を登録する #Zsh - Qiita
特定のディレクトリのみでmiseをactivateさせるzsh hookを整備するときに参照した
【Docker / php-fpm】docker-php-entrypointの動作 #PHP - Qiita
ENTRYPOINT と CMD の違いを理解しようと思って読んでた
LocalStack/MinIO を導入して開発者体験が捗った話 - BASEプロダクトチームブログ
minio というS3との互換性も持つストレージソフトがあるようで、自前でストレージサーバー組む用途でも便利だし、localでDockerコンテナなどに立てて擬似環境として扱うこともできるっぽい
svenstaro/miniserve: 🌟 For when you really just want to serve some files over HTTP right now! | github.com
カジュアルに端末のローカルディレクトリをWebページとして公開できるやつ(場合によっては便利そう)
Minisign by Frank Denis | jedisct1.github.io
cf. Minisignでファイルへの署名や検証を行う #minisign - Qiita
jsha/minica: minica is a small, simple CA intended for use in situations where the CA operator also operates each host where a certificate will be used. | github.com
cf. 自己署名証明書(CA 含む)を簡単に作成する方法 #HTTPS - Qiita
カジュアルにCA付き証明書を発行できるの便利そう
Reactコンポーネントが「純粋である」とはどういうことか? 丁寧な解説 | zenn.dev
これちゃんと #あとで読む
どこまでがReactが求めている純粋関数を保てる範囲か?を丁寧に解説されてるの、めちゃよい
ACD について公開情報をまとめる | zenn.dev
ニュースでACD(Active Cyber Defence, 能動的サイバー防御)のお話を見かけて、このへん全然知らんかったので調べたら先人がすでにまとめてくれてた
エントリ内で述べられていた「これ闇バイトおよびトクリュウ対策でもある??」みたいなのを見て、たしかにトクリュウ含めた詐欺行為って人的サービスのハッキングというか、つまりはソーシャルエンジニアリングみたいなもんだもんな、と納得していた
社内のDockerfileのベストプラクティスを公開します | zenn.dev
Dockerコンテナで実行ユーザーつくる意味ってなんだろ?と思って、これ参照してた
実際、rootユーザーで実行させるの危うくて、コンテナに注入されるコマンドを差し替えられたなら割と自由にできちゃう
Dockerイメージレジストリにアクセスできて、イメージを使って起動したコンテナに別のコマンドを注入して実行するタスク定義が書けて、みたいな状況があると成立するお話かな
sudoers覚え書き #sudo - Qiita
不審なsudoersファイルの記述を見つけたので、学び直し(不審というかルーズな設定)
cf. sudoで特定のコマンドだけ許可する方法 – DACELO SPACE | dacelo.space
PHPUnitとLaravel `php artisan test` の違い | zenn.dev
paratestの導入とかを考えてる途中に読んでた。 php artisan test -p ってかんじで並列実行をオーダーするとArtisan経由じゃなくてparatestで実行されるっぽいんだよねえ実行された際の見た目から勘繰ると
React デザインパターン | zenn.dev
#あとで読む
【inshellisense】ModuleNotFoundError: No module named 'distutils' の対処法 #error - Qiita
npm ciに相当するyarnのコマンド – Tech Blog | techblg.app
\# yarn install --ignore-engines - yarn install | Yarn
2024年APIテストツールベストおすすめ:トップ10の選択 #負荷試験 - Qiita
PostmanとPawくらいしか知らなくて......なんか別なの使ってみたいな!って気分だった
VSCode内でAPIをテストするためにThunder Clientを使用する方法 | blog.future.ad.jp
よさそうなので使ってみてる
Thunder Clientを使ってログイン後トークンを環境変数に保存して利用する | zenn.dev
Thunder Clientよいけど、 global Env がfreeプランだとちょっとでも使えないのがかなしみ
LaravelのactingAsは何をしているのか? | zenn.dev
こういうテストコード周りも手厚いLaravelすごいわね
まあCakePHPでもできるはずやけどね(ただ割とエミュレートしないといけない雰囲気だったはずだけど)
VSCode で 定義へ移動などしたあとに 戻る には Ctrl + - (Mac) だ
これ忘れがちなんだが......
PHP: match - Manual
match文、あんまり使ったことなかったかも......(諸々見た感じswitch文より適切だとは思う)
MailhogとLaravel Expected response code 220 but got code "500"のエラー解決方法 #PHP - Qiita
Mailhogを用いてメール送信をモックする場合、別にlocalでインターセプトするだけなんだからTLS暗号化しなくてもええやん??みたいなお話だったっぽい(たまたま触ってたアプリで MAIL_ENCRYPTION=tls ってなってる .env.example を持っていたのでMailhogが「TLSハンドラーないやん」ってエラー吐いてた)
cf. 500 Unrecognised command · Issue #294 · mailhog/MailHog | github.com
cf. 【Mailable】Laravelでメール送信する最適解【2024年夏最新版】 #mail - Qiita
MailHogの起動|TraefikとDnsmasqでDockerのWeb開発環境(TLSとSMTPもあるよ)もうポート番号割り当てで悩まない | zenn.dev
Documentation for TLS · Issue #84 · mailhog/MailHog | github.com
サクッとTLS暗号化するようにlocalに組み込めないかな??とあまり知らない中調べてて、stunnelとかSTARTTLSとかを使う、的なキーワードは拾えたけどよくわからんかった
Homebrewでstunnel を導入すればいけるんかなあ。時間あるときに試してみよ
Laravel Sail9から導入されたMailhogの後継Fake SMTP/mailpitを使ってみた | zenn.dev
Mailhogは処理が重めらしく、mailpitが推奨になった様子
Laravel v9からみたいだけど、古くても使えるんかな(まあMailhogでそんな困ってないから別にいいかバージョン上げてからで)
\#alerts - Basic writing and formatting syntax - GitHub Docs
GitHub Flavored Markdownでのcalloutの書き方を改めて参照してた
cf. Markdown の書き方 - MDN Web Docs | MDN
MDNはGFMベースでカスタマイズした記法をdocsのフォーマットに応用してるんだね〜〜
VSCodeで絵文字のオートコンプリート&プレビュー #emoji - Qiita
これめちゃ便利だった
cf. Markdown Emoji - Visual Studio Marketplace
cf. :emojisense: - Visual Studio Marketplace
シーケンス図とは? 書き方のポイントや例、作成に便利なツール | product.strap.app
割と忘れるのよね......シーケンス図の細かい意味のやつ
WindsurfでVibe Coding体験 | zenn.dev
cf. Windsurf (formerly Codeium) - The most powerful AI Code Editor
@itosho さんも使ってるらしいので、興味持った(Twitter見る限りだと、jaコミュニティに関わってるかも?)
MySQL :: MySQL 8.0 リファレンスマニュアル :: 8.3.9 B ツリーインデックスとハッシュインデックスの比較 | dev.mysql.com
普通にMySQLに任せればよい気がするけど、b-tree/hashを指定した方がよいケースってあるんだろうか
Vim ( & ideavim ) キーマップ設定ガイド #作業効率化 - Qiita
Vim インデントという概念がある #Vim - Qiita
git commit でコミットメッセージ書くときのindent設定がなんか崩れてたので、改めて復習して整備し直してた
Git submodule の基礎 #AdventCalendar - Qiita
submoduleの更新方法、毎度忘れるのよね......(submoduleのディレクトリにいってrevisionを差し替えて、元のrepo rootに戻ってrevisionをcommitするかんじ)
【VS Code】エディター(タブ)を左右に移動するショートカットを設定する | zenn.dev
php-runtime/runtime: A home for runtimes. | github.com
cf. 実行環境を切り替える、"Runtime" #PHP - Qiita
これ、RoadRunnerのworkerスクリプトみたいなランタイム向けの実行スクリプトを直に書くんじゃなくて、複数のランタイム向けにクラス書いてシュッと呼べるかんじに隠蔽できるようになるじゃん??ってことよね
localと公開時でランタイム差し替える、みたいなのができるだろうし
何よりRuntimeってインタフェースがあるだけで小さなスクリプト/functionもアプリケーションにしやすくなるわね
要は、リクエストを引数にレスポンスを返すfunctionを書けば、何でもアプリケーションになる
もっと言うと、その実行環境に関するAPIがPHPでミニマムでカジュアルに立てられるね
そしてそれをSymponyやLaravelなどのフレームワークで組織化する、みたいな方向にも向けやすい
何ならインタフェースを揃えておけば別のアプリケーションを差し替えるのもカジュアルにできる
https://github.com/php-runtime/laravel とかは公開されてるけど、CakePHPはないのね......
そういや過去にRoadRunnerのworkerスクリプト書いたことあるし、それ参考にしながら独自なの必要なのか確認するかいずれ
TypeScriptの不要なexportを自動で削除するOSS「ts-remove-unused」を開発しました | techblog.lycorp.co.jp
cf. VSCodeでJavaScript / TypeScirptの未使用import文を自動で削除する | zenn.dev
便利そう!だけど、直近求めてたものとは違った(削除しようとしているexport typeが他のファイルで参照されてるかを探りたかった)
docker-compose api mock - Google 検索
外部APIをlocalで参照しないように、モックサーバーを整備しようと思って昨今のソリューションを調べてた
まあ別にOpenAPIじゃなくてもよいし〜〜みたいな感覚はある(後方互換的に定義を流用できるなら便利だけどさ)
てか、こういう開発用のモックサーバーをDockerイメージで配布しておくと便利そうよね
それをdocker-compose.ymlで好きなレイアウトにすればよいんだし
cf. docker で外部連携 API をモックで構築する | zenn.dev
OpenAPI互換のPrismとGUIで構築できるMockoonが紹介されてた
cf. モックサーバ WireMockについて - asken テックブログ
モックサーバーが定義するエンドポイントの振る舞いが結構柔軟に書けるっぽい
PrismはOpenAPIフォーマットなのでそこまで表現力ない?
Mockoonもレスポンス切り替えたりできるかもしれないように見えるけど、斜め読みしただけだとよくわからん
【Git】自分が今いるブランチを確認する | zenn.dev
gh browse -b $(git branch --contains HEAD | sed 's/^\*\s//') みたいなのでGitHubのURLをサクッと取得したかった
そのdocker-compose.yaml、正しいですか? #Docker - Qiita
compose.yamlに移行しようね、ってお話
個人的にはcompose.ymlで定義しておいて、テンポラリに上書きしたいならcompose.yamlを定義する、みたいなのでもよいかな〜〜って勝手に思ってた
Docker Desktop for Macの裏で動いている仮想マシン(Linux)に直接アクセスする方法 #screen - Qiita
これ地味に便利なお話(Docker for Macとかってホスト側のDockerもイメージで管理して隠蔽してるから、macOSのファイルシステムからは参照できないのよね)
nsenter - Google 検索
Docker / Linux namespace にアクセスするためのコマンドらしい("ns enter"ってことか)
⑦1日10分で理解するコンテナ技術入門 - Docker Composeのボリュームについて - #docker-compose - Qiita
docker volume をちゃんと理解してなかったけど、こうやってnamed volumeを管理してくれるのね
repo内に docker/mysql/data/ みたいなディレクトリを用意しておく必要がないのね現代は
cf. volumesトップレベル定義 - Compose Specification(仕様) — Docker-docs-ja 24.0 ドキュメント | docs.docker.jp
docker-compose.ymlのcommandで複数コマンドを使うときにハマった | zenn.dev
ハマってました
vscode editorconfig 効かない - Google 検索
なんか効かないんですよね......プロジェクトrootに.editorconfigいるのにVSCodeで反映されてなかったり
TSDoc - Wikibooks
#あとで読む
Server-Sent Events を複数パターンで実装して理解を試みる | zenn.dev
直近取り組んでる実装に採用しようかな?と思って調べてた
cf. サーバー送信イベントの使用 - Web API | MDN
Web Streams APIの概要と仕組み #React - Qiita
Stream API | zenn.dev
そもそものStreamを返すAPIの取り扱いってどんなかんじかを復習してた
Laravel の response()->stream() について - コードを書く日々:フリーランスエンジニアの技術メモ
Laravelはカジュアルにstreamを返すエンドポイントを書けるっぽい
EventSource.close() - Web API | MDN
EventSourceはコネクションを持つやつだから close() もあるよねやっぱり
qruto/laravel-wave: Painless Laravel Broadcasting with SSE | github.com
LaravelでServer-Sent Event対応のエンドポイントを実装するときに使えそうなやつ
Redisか Laravel Echo をバックエンドに持つ必要があるっぽいけどね
Bento | Fancy stream processing made operationally mundane | Bento | Fancy stream processing made operationally mundane
便利そう。ストリームデータにパイプライン処理を通したり、それを狙った配信先に投げたり、みたいなのがyamlファイルでサクッと記述できるっぽい
しかも単体テストもyaml形式で書けるっぽい
Compose 設定をファイルとプロジェクト間で共有 — Docker-docs-ja 24.0 ドキュメント | docs.docker.jp
あー services.__SERVICE_NAME__.extends ってプロパティでfileとserviceを指定すれば他のファイルのサービスを引用して書けるのか
useSelector 'state'は 'unknown' 型です | zenn.dev
export const useSelector: TypedUseSelectorHook<RootState> = rawUseSelector とするのね。なるほどなあ
Window: getComputedStyle() メソッド - Web API | MDN
まあDevToolsとかで見れるんだけど、コンソールから確認したい場合に使えるAPIですね
Component definition is missing display name を解決する #React - Qiita
だいたい JSX がいるのに .ts のままだったりするよね(それで少しハマった)
grid-template-areas - CSS: カスケーディングスタイルシート | MDN
愚直に指定するんやね......まあ便利だったけども😇
cf. grid-template-columns - CSS: カスケーディングスタイルシート | MDN
cf. グリッドレイアウトのボックス配置 - CSS: カスケーディングスタイルシート | MDN
cf. 【CSS】gridでできるこんなレイアウト10選(grid関連プロパティ総ざらい) | zenn.dev
cf. gapの余白指定が便利! gridとflexでできる新しいCSSレイアウト手法 - ICS MEDIA
分割代入引数 (destructuring assignment parameter) | TypeScript入門『サバイバルTypeScript』
分割代入に as 句で型キャストするには const { value } = props as { value?: string | name } みたいなかんじで参照元の変数をキャストする必要があるのよ( ˘ω˘)
display:contents;って何?どんな時に使うと便利なの? #HTML - Qiita
マークアップしてある要素のガワが存在しないように表示できる、ってことかな?
CSS Modules-in-TypeScript派に俺はなる | zenn.dev
styled-componentとvanilla-extractってどっちがよいんだろうなあ(あとCSS埋め込みとCSS Modulesも)
Reactのトランジションで世界を分岐させるハンズオン | zenn.dev
どっかで #あとで読む
Reactを使うならReact Developer Toolsの再レンダリング時ハイライトくらい設定してくれ | zenn.dev
常に表示してるとしんどいので、都度チェックするようにしたい
Reactのアニメーションに関する困ったこと | zenn.dev
ぼくの場合、コンポーネントの再レンダリング、というかHOC(Higher-Order Component: 高階コンポーネント)内で都度再マウントされてる?っぽい挙動で苦しんでた
要はHOCがstateを持っていてHOC内部のコンポーネントにstateを注入している場合、HOC stateの更新時に内部コンポーネントを含めたReactNodeのツリーが再計算されてre-renderingされるので、その際にre-mountされる、みたいなニュアンスだと思う
もしかしたら上手く useCallback() を効かせると回避できた可能性はあるかも?
cf. そのuseCallbackちゃんと効いていますか | zenn.dev
Beyond the render hooks (return component from hooks) pattern. ~それでもReactでReact.FCを返すカスタムフックを作りたい!!~ : ビジネスとIT活用に役立つ情報(株式会社アーティス) | www.asobou.co.jp
#あとで読む
react-hooks-use-modalを使ってみる #React - Qiita
結局自前で車輪の再実装をしてしまったけど、実装してみて差異を理解したいので #あとで読む
cf. 過去に実装したコードを振り返ってみた(Modal編) | zenn.dev
cf. react-hooks-use-modal/src/index.tsx at master · microcmsio/react-hooks-use-modal | github.com
真偽値カラムのデータ型は何を選択するのが正解なのか? | zenn.dev
Laravel (Eloquent) だと、フィールドをBooleanで指定すると tinyint(1) になってる
なんとなく覚えてたんだけど、このへん毎回忘れるんよなあ......仕組みを理解しておくと少しは記憶に残るかなあ
ObsidianとZettelkastenを使っている話 - Don't Repeat Yourself
20250508#681c0ecd00000000000e7e53 であれこれ考えてたときに見かけたエントリ
ここで紹介されてる Zettelkasten (ツェッテルカステン)っての、割とぼくがこのScrapboxでやってるのと近しいじゃん??とか思った
てかこれ、要は梅棹忠夫のカード法みたいなのにも共通項を感じるしねえ
抽出方法 | ONIBUS COFFEE
今月の頭くらい?に気づいたんだけど、オニバスのブリューガイドが更新されてた
オリジナルブレンド コーヒー ミディアムテイスト 豆 | 無印良品
ネットでバズったので人気。うちの近所だと割と在庫はあるよ
ReactでQRCodeを生成 | zenn.dev
そういえば qrcode.react使ったことなかったんだけど、普通に便利でした
Conventional Commits | www.conventionalcommits.org
コミットメッセージ、個人的なのが少し癖あるから標準化しよかな、と思って改めて眺めてた
cf. 10行のVim scriptで実現する快適?Conventional Commits | zenn.dev
Design Docの書き方 | zenn.dev
改めて。参画先でドキュメントの標準化をしようかな〜〜と思って眺めてた
cf. designdoc alternatives - Google 検索
Cline開発に設計図を!Design Doc生成ステップを挟んでみる | zenn.dev
たしかにAI用にフォーマットさせたい狙いもあるんよね〜〜
Laravel10.xのアクセサの記述がlaravel-ide-helperで補完可能なプロパティとして生えない件について備忘録 #PHP - Qiita
JWTとJWSとは何か #JSON - Qiita
あーJWTに検証のためのシグネチャを付与する仕組みがJWSなのね
JWSを用いて検証すればJWTが改竄されていないことが保証できる、的なね
gamegos/php-jws: JSON Web Signature (JWS) PHP implementation | github.com
honduras la fortuna pacas - Google 検索
COFFEEMAN goodさんで購入した豆を調べてた
cf. 〈FRUITY〉 LA FORTUNA / PACAS WASHED HONDURAS | COFFEEMAN good
#ブックマーク #links