くらげになりたい。

くらげのようにふわふわ生きたい日曜プログラマなブログ。趣味の備忘録です。

Chrome拡張機能を作ってみる | 2. 登場人物編

とりあえず、Hello Worldできたので、 登場人物やディレクトリ構成とかを調べてみる(*´ω`*) Architecture overview - Chrome Developers 前回の記事はこちら。 www.memory-lovers.blog 最小は2つのファイル ./ popup.html ... 拡張機能をクリックしたときに…

vite/vueでChrome拡張機能を作ってみる|1. Hello World編

なにかChrome拡張を作ってみたいなと思い、 viteとvueでHello Worldしてみたときの備忘録(*´ω`*) 思いの外、簡単にHello Worldできた(*´ω`*) Welcome - Chrome Developers Vite | 次世代フロントエンドツール Introduction | CRXJS Vite Plugin プラグイン…

PayPay銀行/楽天銀行ではGitHub Sponsorsを登録できない

GitHubでハートマークがついているひとがいて、いいなと思ったので つけてみようと思ったけど、うまく行かなかったときの備忘録 GitHub Sponsors GitHub SponsorsはStripe Connectを利用している GitHub SponsorsではStripe Connectを使って入金を受け取るよ…

github-actionsボットが作ったタグではon:crete:tagがトリガーされないのでworkflow_runをつかう

GitHub Actionsでタグ付とリリースを自動化できないかな? と思ったら、かなりハマったので、いろいろ調べたときの備忘録(*´ω`*) やりたかったこと 2つのymlを使って以下のようなことがしたかった。 mainにPRがマージされたらタグを付け(add-tag.yml) tagが…

githookで直push/直commitを禁止にするなど

githooksを試してみたときのメモ(*´ω`*) いつもミスるので教えてくれるのありがたい。。(*´ω`*) Git - githooks Documentation Git - Git フック huskyを使っているので.husky/配下にファイルを配置。 - Husky - Git hooks 特定ブランチへのcommitを禁止す…

githubのPULL_REQUEST_TEMPLATE.mdを用意してみる

いろいろ見ていると、PRのテンプレートを用意できるっぽく、 試してみたいなと思い、いろいろ調べたときの備忘録(*´ω`*) リポジトリ用のプルリクエストテンプレートの作成 - GitHub Docs 割と.github/PULL_REQUEST_TEMPLATE.mdの形式が多い感じ (ガイドだと…

githubのISSUE_TEMPLATEを用意してみる

いろいろ見ていると、issueのテンプレートをみんな用意しているので、 試してみたいなと思い、いろいろ調べたときの備忘録(*´ω`*) 割とこんな感じの構成が多い(*´ω`*) .github/ ISSUE_TEMPLATE/ config.yml bug_report.yml feature_request.yml GitHubの各…

commitlintとhuskyでConventional Commitsに従ったコミットログを強制する

いろいろ見ているとコミットメッセージの仕様なんてのがあるらしい。 Conventional Commits A specification for adding human and machine readable meaning to commit messages nuxtやvueをみていると、 それに従っているっぽいので、同じような感じででき…

リリースノートの自動生成ツールを調べてみた

いろんなOSSでリリースノートをどうしてるのかな? とおもって調べてみたときのメモ。雑多なリンク集(*´ω`*) ツールもだけど、コミットメッセージの仕様もいろいろある。。 GitHub自体の機能 自動生成リリース ノート - GitHub Docs Conventional Commits C…

VeeValidate v4&yupで日付のバリデーションをかける

VeeValidate v4の必須じゃない日付で、 date()を使ったときにハマったときの備忘録。。 date().nullable()だと空文字でエラーが出てしまう。。 transform()で処理する必要があるっぽい jquense/yup: Dead simple Object schema validation 使い方 const { me…