はてなブックマーク

はじめに vscode にて、見出し (Heading) の内容に基づく目次(TOC, Table Of Contents)の作成方法を紹介します。 目次の作成には、Markdown All in Oneという拡張機能のTable of contentsを使います。 この目次は、見出しの変更に伴い自動で更新されます。 デモ コマンドパレットでMarkdown All in One: Create Table of Contentsを実行すると、見出しの内容から目次が作成される 見出し更新後にctrl+sで保存すると、目次も更新される インストール ctrl+p -> ext install Markdown All in One Markdown All in Oneをインストール 機能 目次の作成 ctrl+shift+p -> Markdown All in One: Create T

git log --oneline # 0caea04 (HEAD -> master) 4th commit # e4077ab 3rd commit # db8f5e9 2nd commit # 3c98dc7 1st commit git rebase -iで作業中のコミットを全て一つのコミットに squash する GitlensのInteractive Rebase Editorを使用します。 コマンドパレットから行う Ctrl+Shift+Pでコマンドパレットを開く GitLens: Git Rebase... をクリック Rebaseを行うブランチを選択 (↑↓ で選択可能) Rebaseを行うコミットを選択 こちらにあるように、リベースしたいコミットの 1 つ前を選択する必要がある 今回は1st commitを選択 Rebaseの方法を選択する。今回はgit rebase

はじめに Cypress の勉強のため、公式ドキュメントの概要～入門を簡単にまとめました。 皆様の参考になれば幸いです。 この記事で分かること Cypress の概要 Selenium との比較 入門 (サンプルアプリの作成) Next.js + TypeScript + Cypress の簡単なサンプルアプリの作成 環境 1. Cypress とは Github: cypress-io/cypress: Fast, easy and reliable testing for anything that runs in a browser. 公式 Doc: Why Cypress? | Cypress Documentation Cypress はフロントエンドのテストツールであり、以下のすべてのを作成・テストできる。 エンドツーエンド(E2E)テスト 統合(インテグレーション)テスト ユ

はじめに gitlab 謹製の VSCode の拡張機能 GitLab Workflow が便利だったので、紹介します。 この拡張を使うと、VSCode と Gitlab がシームレスに繋がります。 機能紹介 この拡張機能では、以下のようなことが可能です。 ※こちらに挙げたのは一部です。詳細はこちら。 VSCode で、自分にアサインされている Issue や MR の一覧や詳細を閲覧できる MR は、description とファイル差分もそれぞれ閲覧可能 デフォルトのビューは以下の 5 つだが、表示したい Issue や MR はカスタム可能 Issues assigned to me: assignee が自分の Issue Issues created by me: author が自分の Issue Merge Requests assigned to me : assignee

はじめに TypeScript のオーバーロードには、大きく分けて以下の 2 つの書き方があります。 function を利用する interface や type に呼び出し可能オブジェクト(Callable)を定義する それぞれの使い方についてまとめてみました。 また、オーバーロード使用時の注意点もまとめてみたので、見ていただけると嬉しいです! 【TypeScript】オーバーロードを使用する上での注意点 【TypeScript】返り値の異なるオーバーロードを定義する場合、返り値の型をanyにする必要がある 環境 TypeScript: v4.1.3 オーバーロードについて 最初に、TypeScript におけるオーバーロードについて軽く触れておきます。 既にご存知の方は読み飛ばしてください。 TypeScript は JavaScript のスーパーセットですが、元々の Javasc

はじめに Q. let h = nullについて、TypeScriptはどのような型を推論するでしょうか？ (▶ をクリックすると回答が表示されます) A. any 型 (let h: any) となる1 こちらの問いは、プログラミング TypeScript ――スケールする JavaScript アプリケーション開発に記載されていた問いになります。 皆さんは正解しましたか？ (ちなみに、const h = nullとした場合、hは null 型となります) 本記事では、なぜこのような結果になるのか解説したいと思います。 前提 バージョン

はじめに 先日、t_wada さんが弊社に公演に来てくださいました。 それに触発され、t_wada さんが訳されたテスト駆動開発を、現在学習中の Go 言語で取り組んでみました。 本記事中の引用は、特に断りがない限りこの本の引用になります。 ※第Ⅰ部まで終了 リポジトリ 前提 筆者の Go の習熟度はA Tour of Goを終了したくらいです。 バージョン go version go1.15.6 windows/amd64 テスト方法について 今回は、Go の標準の testing パッケージと、こちらサードパーティのassertパッケージを使用しています。 Go の標準の testing パッケージには、Assert が含まれておらず、推奨もされていません。 理由については、以下の記事が詳しいです。 ただ、今回は testing としてのテストではなく、checking としてのテスト

はじめに Go の勉強のため、A Tour of Goに取り組んでいる 今回はMore types: structs, slices, and maps章について、学んだことを記していく まとめ記事はこちら 使えそうなスニペット ※筆者は VSCode を使用 tys 名前、フィールドの順にカーソルが移動する