notebook

都内でWEB系エンジニアやってます。

GitHub ActionsでBigQueryのbqコマンドの初回実行時のメッセージ

初回のbqコマンド実行時やCI/CDでbqコマンドを使用する際、初回実行時に.bigqueryrcが存在しない場合に自動で生成してくれる このとき、標準出力には以下のようなメッセージが出力される Welcome to BigQuery! This script will walk you through the proces…

GitHubActionsでBigQueryへクエリしたテーブル表示の結果をそのままSlackに流す

プライベートでTogglのデータやブログのデータなどさまざまなデータを収集してBigQueryに入れている LookerStudioを使って可視化して定期的に見に行くというのも悪くはないが 毎日特定の数値だけ進捗を確認、把握したい場合だと自分はSlackに通知してそれを…

じぶん Release Notes (ver 0.35.4)

swfz (ver 0.35.4) がリリースされました、更新内容は次のとおりです 技術 やったこと CircleCIの対応 個人プロジェクトの精査 hatenablog_publisherのサンプル作成 swfz/hatenablog_publisher_sample1: using frontmatter configuration LookerStudioのGoog…

GitHub Actionsで条件によってステップ中のコマンドオプションを切り替える

三項演算子のように特定の条件の場合は特定のオプションを付ける、それ以外の場合はつけないといった分岐をちょっとだけ入れたいみたいなケースがあった そのときのメモ 実例 ブログへの記事投稿用のCLIツールをActions経由で使いたい (記事内ではわかりや…

SVGで図形を再利用する

よく見る「~~ジェネレータ」など いくつかフォームの値を利用して動的にSVGを生成するといったようなことをやってみたいなと思い立ったのでやってみた あまり知らなかったので学んだことをつらつら書いていく 以降Reactでインライン埋め込みしてレンダリン…

じぶん Release Notes (ver 0.35.3)

swfz (ver 0.35.3) がリリースされました、更新内容は次のとおりです 技術 やったこと swfz/chrome-extension-copy-markdown-and-hatenablog-embed-link にビルドチェックを追加 swfz/chrome-extension-google-slide-usertool-comment-stream にビルドのチェ…

2022年ブログの振り返り

2022年も終わったのでデータを色々出してみてブログの振り返りをする 文字数、記事数 2022年は52記事を書いた 文字数は10万文字ちょい ほぼ週1ペースを保つことができたもののそれ以上のペースは出せなかった アドベントカレンダーは例年より少なく2記事しか…

2022年の振り返り

全体的な総括のための振り返り 2021年と同じような形で思い付くままに書いていく 2021年の振り返り - notebook 技術 定形コンテンツの自動化を色々進めた リリースノートで毎回出しているものなどは毎月1日時点で計算して自動Commitするなど、省力化した 主…

GitHub ActionsのAnnotationリストを取得するCLI拡張を作った

背景、目的 少し前の話になるが、GitHub ActionsでNodeのバージョン12を使っているActionがあるとDeprecatedになるよというWarningがAnnotationへ出るようになった しっかりメンテナンスしているリポジトリだったら気付いて対応って感じでよいが漏れているも…

Spreadsheetの条件付き書式を使ってガントチャートの期限過ぎた未完了タスクを目立たせる

条件付き書式で色々できるのは知っていたがカスタム数式の感覚がなんとなくわかったためメモ書き程度に残しておく サンプルとしてガントチャート的なものを作ってみた ガントチャートのサンプル - Google スプレッドシート 題材としてこのシートをもとに行や…

GitHub Projects(ProjectV2)にIssueやPullRequestを追加するGitHub CLIの拡張を作った

この記事は「Go Advent Calendar 2022 3」の12日の記事です! Goのカレンダー | Advent Calendar 2022 - Qiita 背景・目的 自分は個人のタスク管理にGitHub Projects(ProjectV2)を使っていて、プライベート、個人で開発しているリポジトリのIssueやPullReque…

じぶん Release Notes (ver 0.35.2)

swfz (ver 0.35.2) がリリースされました、更新内容は次のとおりです 技術 やったこと OSS貢献した slack incomming webhook node version to 16 gh extension createのテンプレートのActions更新 日々の作業時間の内訳の移動平均をSlackに通知するようした…

Jestの並列実行をGitLab-CIで行う

Jestの並列実行オプション Jestのv28から分割して実行できるオプションが追加された Jest CLI オプション · Jest jestjs.io --shard 1/3といった形式で実行できる 3分割する場合 --shard 1/3 --shard 2/3 --shard 3/3 というように3つコマンドを実行するとそ…

スプレッドシートでIMPORTRANGEの結果をつなげる

各所で集めたデータをもとにまとめたサマリーを作ることがあったのでメモ 複数のスプレッドシートや複数のシートのデータをつなげたい、その後集計などをしたい場合に使う IMPORTRANGEで他のシートや他のスプレッドシートのデータを取得してさらにつなげる …

最初と最後の数行を指定して除いた中身を表示する

よくあるやつだがたまにやろうとするとぱっと出てこなかったので残しておく たとえば lintの結果のテキストファイルをさっと集計したいとかそういった場合 最初の3行は警告とは関係ない説明とかコマンド詳細などが表示されていて 最後の3行はSummaryが表示さ…

じぶん Release Notes (ver 0.35.1)

swfz (ver 0.35.1) がリリースされました、更新内容は次のとおりです 技術 やったこと toolsの更新 `>>>` みたいなやつをSVGで出力できるようにする storybook導入 vercel/ogを使ってみた OGPを簡単に生成できるというのでとりあえず触りだけ gh-apというGit…

Chromeを起動して手動操作した状態からPuppeteerを実行する

Puppeteerで操作する前に手動で何かしらの操作をしてから操作したいというパターンのためのメモ Chromeの起動 コマンドラインからChromeを立ち上げる "C:\Program Files\Google\Chrome\Application\chrome.exe" --remote-debugging-port=9222 --user-data-di…

Notionで習慣化のチェックリストと達成率を扱う

Notionで月ごとの習慣化チェックを行っている 毎日の振り返りやToDoなどもNotionで管理しているのでおのずと習慣化の管理も毎日見るしNotionでやるかという感じでやろうと試みた その中で、平日だけこれやるみたいなパターンがあってそういう場合に、Notion…

GitHub CLIで自身のリポジトリのPullRequest一覧を取得する

プライベートなリポジトリも含め自身が管理しているリポジトリにおいて、RenovateやDependabotなどを用いて自動的にPullRequestを出してもらうリポジトリが増えてきた 今までだと定期的にリポジトリのページに行って確認してたりしていたが、リポジトリの量…

じぶん Release Notes (ver 0.35.0)

swfz (ver 0.35.0) がリリースされました、更新内容は次のとおりです 技術 やったこと プライベートのブログ環境のmkdocs更新 kusa関連 Renovate,dependabot系のアクティビティを除けるようにした octiconを入れた コメント系イベントを表示できるようにした…

Cloudflare Access + Pagesで自分のみアクセスできるようにする

自分用のツールなどはいつもローカルでサーバを起動しているが、PCの電源をつけるたびにサーバを起動するのも面倒だな…と思っていた どこかにホストして自分だけアクセスできるようにしたい ということで、今回はCloudflare Pagesに自分用のWebアプリケーシ…

VS Code Markdown CheckboxプラグインでToDo管理

最近自分の中での仕事のToDo管理はまずVS Codeで開いたMarkdownファイルを見る習慣がついている 理由としては次のような感じ すでに仕事中のメモ用途にVS Codeを開いていて、だいたいのことはMarkdownにメモとして残しているので常にVS Codeを開いている、開…

BigQueryにAPIのデータを定期的に同期して、削除されたレコードを検出する

パターンとしてありそうなケースの備忘録 たとえば何かしらのAPIのデータを定期的にBigQueryに同期している機能において API側でレコードが削除された場合、ものによっては削除フラグがあったりするが、ない場合はレスポンスからレコードがなくなる ある時点…

じぶん Release Notes (ver 0.34.11)

swfz (ver 0.34.11) がリリースされました、更新内容は次のとおりです 技術 やったこと tools/kusaの改修 主に画面上に表示するデータを追加した(以下IssueやPR) Contributionの内容を表示できるようにする RecentEventsのPRリストに情報を追加 RecentEven…

はてなブログの埋め込みリンクとMarkdownリンクをクリップボードにコピーするChrome拡張を作った

はてなブログで記事を書いていて参考リンクを貼る場合 基本的には埋め込みカード式のリンクと通常のMarkdownリンクの両方含めて記事を書いている 下記のような感じ GitHubのページをリンクした場合の例 [swfz (swfz)](https://github.com/swfz) [https://git…

GitHub Actionsのruby/setup-rubyで.ruby-versionのバージョンを指定する

下記の記事を読んで GitHub Actions の setup-go や setup-node で指定されるバージョンを go.mod や .node-version から取ってくる - stefafafan の fa は3つです blog.stenyan.jp これは便利だ!と手元のsetup-xxxを上記記事での指定方法にしようとしたらRu…

AlgoliaのInstantsearchで検索文字入力が終わったと判断してからリクエストを送るようにする

AlgoliaのInstantsearchを用いて検索UIを作っていたが、検索文字列に変化があるたびにリクエストを送る仕様になっていた なのである程度入力が終わったと判断できるタイミングでリクエストを送るようにしたいということで調べて対応してみた Algoliaの料金体…

じぶん Release Notes (ver 0.34.10)

swfz (ver 0.34.10) がリリースされました、更新内容は次のとおりです 技術 やったこと tilの画面変更、内部改善 gatsby-*.jsのTypeScript化 TypeScriptでの型チェック有効化 全文検索のUIをinstantsearch-dom -> instantsearch-hooks-webへ変更 ESLint導入…

AlgoliaのInstantsearchでページ読み込み時の初回リクエストを送らないようにする

AlgoliaのInstantsearchを用いて検索UIを作っていたがページ読み込み時に空のリクエストが発生するらしくリクエストを消費させたくないと思ったので調べて対応してみた Algoliaの料金体系 自分はFreeプランしか使っていないが 10000req/月もしくは10000Recor…

BigQueryで特定の規則に沿った文字列から日付を取得する

はてなブログで特に設定せずに記事を書いているとURLが次のような形式になる /entry/年/月/日/時分秒 この規則的な文字列から日付の情報を取り出すというのをBigQueryのSQLで行う 具体的な例としてはURLのパス/entry/2022/07/22/120000から2022-07-22を取り…