指定が推奨されるtypeについて fix: 型 fix: を持つコミットはコードベースのバグにパッチを当てます (これは Semantic Versioning における PATCH に相当します)。 小さなバグ修正の時に使うtype セマンティック・バージョニングの PATCH に相当する feat: 型 feat: を持つコミットはコードベースに新しい機能を追加します (これは Semantic Versioning における MINOR に相当します)。 新機能が追加される時に使うtype セマンティック・バージョニングの MINOR に相当する BREAKING CHANGE: フッター に BREAKING CHANGE: が書かれているか型/スコープの直後に ! が追加されているコミットは API の破壊的変更を導入します (Semantic Versioning における M

こんにちは 株式会社HRBrainでバックエンドエンジニアをしているみつです！ Web開発で何かとお世話になるデベロッパーツール 色々な機能があるんだとは思いながら、深堀りしたことがなかったのでドキュメントを読んでみました。 どんな機能があるのかを色々調べてみたら機能もりもりのツールだったので記事にしてみました。 目次 デベロッパーツールとは 機能1: 要素 - DOM DOMとHTMLの違い 機能2: 要素 - CSS 機能3: コンソール 機能4: ソース 機能5: ネットワーク 機能6: パフォーマンス 機能7: メモリ ヒープスナップショット タイムラインでの割り当ての計測 タイムラインでの割り当ての計測 機能8: アプリケーション 機能9: レコーダー 機能10: レンダリング まとめ 参考 PR デベロッパーツールとは Chrome DevTools は、Google Chro

こんにちは。 株式会社HRBrainでバックエンドエンジニアをしているみつです！ この春に新卒として入社し、さまざまな経験を積む中で、「sqlライブラリの移行」というタスクに立ち向かう機会がありました。 2024.05.20にししとうLTでは、時間の都合上話せなかった詳細について、この記事で補足したいと思います （ちなみに、ししとうLTは私にとって人生初のLT登壇でした 記事執筆時点では、社外LTに聞く側でしか参加したことがないので、もし誘っていただけたら嬉しいですｗ） 資料はこちら ▼ sqlxからpgxへの移行までの話 出したかったログの種類 色々なGoのSQLライブラリを検討 pqについて sqlxについて pgxについて sqlcについて ログの導入の前に大変なことが発覚 Query Insightsの導入をしつつ、ライブラリ移行は見送りに まとめ PR 資料はこちら ▼ sqlx

GoのLinterさん【calculated cyclomatic complexity】は自分のコード力が低いってこと？GoCILinterCICDQiitaEngineerFesta2024 こんにちは。 株式会社HRBrainでバックエンドエンジニアをしているみつです！ Goで実装をしていてLinterにcalculated cyclomatic complexityと怒られ、しょんぼりしながら記事を書いています //nolint:したい気持ちを一旦抑えて、「cyclomatic complexity（循環的複雑度）」について調べてCIと戦いたいと思います。 cyclomatic complexity（循環的複雑度）とは？ そもそも循環的複雑度というのは、リファクタリングが必要なコードを特定するためのコード品質指標。 独立な経路の数を数値化するもので、関数のソースコードにおける複雑さ

こんにちは。 株式会社HRBrainでエンジニアをしているみつです！ 新規プロダクトに配属されてから初のQiita投稿！（頑張るぞ） そこまで長い記事ではないですが、Query Insightsという機能、良き！と思いメモ 目次 Query Insightsとは？ Query Insightsで取得できるデータ Terraformで設定する各項目 データを見るのに必要なこと Query Insights導入後の懸念 1週間以上前のデータはどうするか 誰が実行したかを詳細に追いたい場合 Query Insightsによるインシデント対応 参考文献 PR Query Insightsとは？ Query Insights では、Cloud SQL データベースに対するクエリ パフォーマンスの問題を検出、診断、防止できます。直感的なモニタリングをサポートし、検出するだけでなくパフォーマンスの問題の

こんにちは 株式会社HRBrain でフロントエンドエンジニアをしているみつです。 TypeScript への理解を少しずつ深めているつもりなのですが、コードジャンプを続けてると、大体 Generics が出てきて「うーん。」となることが多い気がする最近。 あとは、せっかく TypeScript を書いてるのに JavaScript 的にしか使えてないのも寂しいなという気持ちから記事を書きながら理解を深めることにしてみました。 目次 目次 Generics とは extends とは TypeScript 解読アシスタントって知ってる！？ ツール使い方 TypeScript Deep Dive から Generics を学ぶ React.useState の定義にコードジャンプ。 Generics は、ChatGPT に質問 React.useCallback の定義にコードジャンプ。 G

Dockerが8080:8080とか、ポート3000番で接続を待つとかのもっと前のところで分かってなかったじゃん。Express初心者Docker通信AdventCalendar2023 こんにちは。 フロントエンドエンジニアでバックエンドも頑張りたいみつです 最近、 「Dockerを操作する時、8080:8080でポートを繋いであげる」 「フロントエンドで3000番ポートに接続をしてあげる」 などポートという単語が色々なところで出現し、もやもやが晴れない感覚がありました。 神出鬼没なポート。どんなものなの？？って疑問が湧くよね・・・・？？ そこで、ポート自体の理解が足りないということに気がついたので、記事にしました。 出てくるキーワードは下記です。 ポート Docker Express Dockerの使い方やExpressについてではなく、前段階のポートに繋いでる（それぞれの関係性が）イ

こんにちは。 フロントエンドエンジニアでバックエンドも頑張りたいみつです GoをVS Codeで書いているのですが、直接的な問題もなく見て見ぬふりをしていた下記のエラー。 赤い線が多すぎてついに、VS Codeでエラータブでエラー数が10kに到達したのでそろそろやばいでしょ...という焦りと何が起きていたんだろうを記事にしたものです。 ちなみに、自分の場合は、Goのインストールも出来ているのと、ターミナルでGoを認識もしていたので、go.modファイルがあるディレクトリでワークスペースを開くだけでエラーの文言は消えました。 目次 最近起きてた嫌なこと BrokenImportってなんだろう？ GOROOTとかGOPATHってなんだろう？ 「Using Go Modules」ドキュメントを読む VS Codeのエラーに対応する。 まとめ 最近起きてた嫌なこと terminalでgo vers

こんにちは。 フロントエンドエンジニアのみつです。 チームに入って開発をして、やっと1年目。 でも、個人開発とは違って、チーム開発だからこそ必要な視点。 アドバイスの中で、個人的に今後も大事にしたいなと思ったポイントを集めました。 目次 GitHubとSlackの連携 具体的に何をするか CIが通るまで、レビュー依頼は待つ 具体的に何をするか PRを閉じる時は、コメント付き。 具体的に何をするか 自分がresolveボタンを押さない。 具体的に何をするか レビュー返信に、コミットIDを含める。 具体的に何をするか HEADを意識しないと事故るかも。 具体的に何をするか 最後に 参考 GitHubとSlackの連携 レビュワーとのコミュニケーションコストを下げる！ メンション、コメント、コンフリクトにパッと気が付けるように！ 具体的に何をするか https://github.com/sett

こんにちは。 フロントエンドエンジニアのみつです。 先日、Cloud Runを利用するためTerraformを初めて書きました。 権限を付与しようとしたんですが、.tfファイルなんてそもそも作ったことはなく、google_project_iamのページを読んで色々と学びになったので残します。 目次 今回追加したコード(.tfファイル) そもそも、Google CloudのIAMって?? そもそも、Terraformって?? Terraformでresourceに指定できる4つ 今回付与したrole conditionでは条件が指定できるみたい 最後に 参考 今回追加したコード(.tfファイル) resource "google_project_iam_member" "何かしら権限の任意名" { project = PROJECT_ID role = "roles/run.develope

brew updateでcouldn't find remote ref refs/heads/masterってエラー。Homebrewも万能じゃないんだね。homebrewAdventCalendar2023 こんにちは。 フロントエンドエンジニアのみつです。 先日、朝イチでbrew updateがこけてしまって悩み、その解決までの日記です。 目次 起きたこと tap, untapって何 brew tap means... brew tap --repair means... brew untap means... 言われた通り対応してみる まとめ 起きたこと This is happening because the remote branch was renamed or deleted. brew updateをしたところ、couldn't find remote ref refs

こんにちは。 フロントエンドエンジニアのみつです。 少し前なんですが、 DockerでBuildをする時に、Noto_Sans_JPフォントの展開に失敗し、 フォントの種類にも色々あるんだなということを知ったのでそのメモ。 RUN wget "https://fonts.google.com/download?family=Noto%20Sans%20JP" -O zip/Noto_Sans_JP.zip RUN unzip -o 'zip/*.zip' -d zip RUN mkdir -p /usr/share/fonts/truetype/google-fonts \ && cp zip/*.otf /usr/share/fonts/truetype/google-fonts \ && rm -rf zip RUN wget "https://fonts.google.com/dow

こんにちは フロントエンドエンジニアのみつです。 先日、権限管理に関する実装の中でバリデーションについてとても悩みました。 その中で、「フロントエンドのバリデーションは最低限の方がいいらしい。」ということを学んだので、簡単なものに例えながら、理解を深めるための備忘メモです。 今日は、八百屋さんで果物を管理したいと思っています。 ：りんご ：桃 ：メロン ：さくらんぼ ：パイナップル の5種類があり、商品の種類をまずは登録していきたいです。 既に登録された果物の種類は、新たにDBに登録しなくて良いので重複チェックは入れたいところです。 ただどこまでの「バリデーション」を、フロントエンドで実装し、バックエンドで実装するのかで迷いました。 ⇓ バリデーションについては、テックリードにも相談し、 複雑な判断が必要になるケースはバックエンド側で実装するのが良さそう また、今回のようなケースでは、値を

こんにちは。 フロントエンドエンジニアのみつです。 GAS(Google Apps Script)からBigQueryを実行したい時の自分用チートシート。 SQLをBigQueryの管理画面で書いて実行の確認が取れたら、これを使うのみ！！ という関数がなにやら出来たっぽいのでそのメモです。 GASエディタで、BigQuery APIをONにしている必要があります。 基本的に、スプレッドシートに紐づくGASを操作するためのコード（コンテナバインド型）を想定しています。 const getBigQueryVariables = () => { const jobDetailsTemplate = { status: "", statusMessage: "", errorMessage: "", result: null, }; return { jobDetailsTemplate, };

こんにちは。 フロントエンドエンジニアのみつです。 GAS(Google Apps Script)からSlackに通知したい時に使う自分用チートシート。 なんか、Slackに通知したいなぁと思ったら、これを使う〜！！ みたいな関数がなにやら出来たのでそのメモです。 目次 通知例 コード まとめ 参考URL incoming webhook 通知例 userNameとslackUrlを設定すれば下記のような通知がすぐ送れます。 コード userName : 通知する時のBotの名前 slackUrl : 通知先チャンネルに設定したWebhookURL それぞれで使用したいものを設定してあげる必要がありそうです！ 下記コードを全部貼り付けて、呼び出したいところにsendSlack()と書いてあげるだけで いい感じのおしゃれな(？)通知が出せます const getSlackVariables

こんにちは フロントエンドエンジニアのみつです。 株式会社HRBrainではアドベントカレンダーに参加していて、本記事は5日目になります！ つい先日のことなんですが、サーバーにSSHで接続していて… ユーザー名が表示されない 加えて、タブ補完も効かない 問題に一生悩まされていました。 と言っても、/bin/shとなっていたシェルを/bin/bashに変更するだけ、でいつも通りのターミナル環境が再現できたんですが…。 その際に色々調べて学びになったので、その日記です。 目次 コマンドとかLinuxへのぷち理解 echo chsh 環境変数 PS1 起きたこと 調査1: 現在の環境変数をチェック 調査2: 環境変数を変更してみる 最終的にやったこと 参考URL コマンドとかLinuxへのぷち理解 echo 通常のテキストを出力するコマンド。 echo "$環境変数"で設定された値を確認できたり

こんにちは。 株式会社HRBrainでフロントエンドエンジニアをしているみつです。 GAS(Google Apps Script)と2年間ほど向き合ってみて・・ ふと、 スプレッドシートの操作に必要な処理って意外と限られるのでは・・・？ ただ、 もちろんなんでもこれだけで・・・という感じではない・・・ みたいな気持ちがありつつ。 誰かの開発スピードもUPするといいなぁと思ってまとめてみました。

こんにちは。 株式会社HRBrainでフロントエンドエンジニアをしているみつです。 とはいえ、技術が足らないなぁとか、 無理やりコーディングしているなぁとか、感じている日々 先日、そんな無理やりコーディングの最中、 「念のためString使って文字列だよってしとこ〜」と軽い気持ちで使っただけなのにね・・・ new String()になんか怒られたのでその共有です 目次 ★先に結論 ★これが、エラー ★これは、エラーじゃない String（MDNより） string（サバイバルTypeScriptより） ★何のエラーだった？ ★さらに言うと・・・ ★まとめ 参考URL ★先に結論 Stringは、オブジェクトだからstring型とは同じものではない。 ★これが、エラー const something = '何かしらの値' const text: string = new String(som