とことんDevOps | 日本仮想化技術のDevOps技術情報メディア

DevOpsに関連する技術情報を幅広く提供していきます。

日本仮想化技術がお届けする「とことんDevOps」では、DevOpsに関する技術情報や、日々のDevOps業務の中での検証結果、TipsなどDevOpsのお役立ち情報をお届けします。
主なテーマ: DevOps、CI/CD、コンテナ開発、IaCなど
各種SNSのフォローもよろしくお願いいたします。

Visual Studio Code

月刊VS Code通信(2024/02月号)

こんにちは。 気づいたらあっという間に2月ですね。遠くに春が見えたり見えなかったりと、今年の冬もそろそろ終盤戦でしょうか。 月刊VS Code通信はVisual Studio Codeのリリースに合わせてほぼ毎月執筆しています。毎年1月はリリースがないため、執筆もお休…

VSCodeの地味だけど気に入っている設定(ブランチプレフィックス編)

こんにちは。 週末向けに少しゆったりした内容でお送りします。 アドベントカレンダー17日目です。 今年はフロントエンドまわりであれこれ開発することが多かったので、振り返りを兼ねてこれからフロントエンド開発を始める方向けに入門編としてお送りしてい…

VSCodeの地味だけど気に入っている設定(ブランチプロテクション編)

こんにちは。 週末向けに少しゆったりした内容でお送りします。 アドベントカレンダー16日目です。 今年はフロントエンドまわりであれこれ開発することが多かったので、振り返りを兼ねてこれからフロントエンド開発を始める方向けに入門編としてお送りしてい…

Playwrightを使ってE2EテストやUI操作の自動化をやってみよう(VS Code拡張機能編)

こんにちは。 アドベントカレンダー14日目です。 今年はフロントエンドまわりであれこれ開発することが多かったので、振り返りを兼ねてこれからフロントエンド開発を始める方向けに入門編としてお送りしています。 最終日の25日には何かアプリケーションがで…

月刊VS Code通信(12月号)

こんにちは。 あちこちで「年内最後」という言葉が飛び交うようになってきて、少しずつ年末感が出てきましたね。 そして、年内最後のVS Code通信12月号をお届けします。 目次 目次 2024年1月号の配信について Visual Studio Code ニューリリース 主なリリー…

VSCodeの地味だけど気に入っている設定(ランダムなブランチ名編)

こんにちは。 週末向けに少しゆったりした内容でお送りします。 アドベントカレンダー10日目です。 今年はフロントエンドまわりであれこれ開発することが多かったので、振り返りを兼ねてこれからフロントエンド開発を始める方向けに入門編としてお送りしてい…

VSCodeの地味だけど気に入っている設定(ルーラー線編)

こんにちは。 週末向けに少しゆったりした内容でお送りします。 アドベントカレンダー9日目です。 今年はフロントエンドまわりであれこれ開発することが多かったので、振り返りを兼ねてこれからフロントエンド開発を始める方向けに入門編としてお送りしてい…

来年こそはと思って年末を迎えている人のためバージョン管理(Git/GitHub)入門 with VSCode

こんにちは。 アドベントカレンダー6日目です。 今年はフロントエンドまわりであれこれ開発することが多かったので、振り返りを兼ねてこれからフロントエンド開発を始める方向けに入門編としてお送りしています。 最終日の25日には何かアプリケーションがで…

Visual Studio Codeで翻訳

ブラウザーで母国語じゃないニュースソースを見るとき、ブラウザーの翻訳機能を使ったり、翻訳用のアドオンをインストールして使ったりするのは誰しも経験したことがあると思います。 VSCodeをソースコードエディターとして使っていると、VSCodeでも翻訳した…

Visual Studio CodeでLinterを使ってみよう(JavaScript/TypeScript編)

こんにちは。 アドベントカレンダー5日目です。 今年はフロントエンドまわりであれこれ開発することが多かったので、振り返りを兼ねてこれからフロントエンド開発を始める方向けに入門編としてお送りしています。 最終日の25日には何かアプリケーションがで…

Visual Studio Codeでフォーマッターを使ってみよう(JavaScript/TypeScript編)

こんにちは。もう12月が始まって4日目になりました。11月最終日までアドベントカレンダーを書くつもりはありませんでしたが、急に「よし、書こう」という気持ちになり、書き始めました。今年はフロントエンドの開発が多かったので、1年の振り返りを兼ねて知…

月刊VS Code通信(11月号)

こんにちは。 街中でクリスマスソングが聞こえるようになり、今年も残り少なくなってきていることを実感します。 秋の便りとして11月号をお届けします。 目次 目次 Visual Studio Code ニューリリース 主なリリース アクティビティバーの位置 エディタタブの…

Docker DesktopのVS Code for the Web拡張を触ってみる

小ネタです。 気になっていたVS Code for the Web拡張をインストールしてみました。 インストールすると、左側のEsxtensionに「VS Code for the Web」という項目が現れます。 初めてアクセスするとワークスペースがないから作れと言われるので、指示に従って…

月刊VS Code通信(10月号)

こんにちは。 春秋は過ごしやすくていいといっていた日が恋しくなるような寒暖差が激しい日々が続きますが、いかがお過ごしでしょうか。 第3回目となるVS Code通信10月号になります。 目次 目次 Visual Studio Code ニューリリース 主なリリース コマンドパ…

月刊 VS Code通信(9月号)

こんにちは。 8月から新しい試みとしてVisual Studio Codeに関する情報などを毎月まとめて、新しいバージョンが配信された頃に定期的に配信を始めました。VS CodeユーザーによるVS Codeユーザーのための情報としてお役に立てばと思います。 目次 目次 Visual…

Visual Studio Codeの拡張機能を使ってGitHub Actionsの使いこなしたい人のための基本の「キ」

こんにちは。 CI系のツールの中で1番手軽に始めやすいのが、GitHub Actionsではないでしょうか。 これまでCircleCIやGitLab CI/CDなどを使ってきましたが、GitHub Actionsもしばらく使っていく中で理解が進んできたので、知識の整理も兼ねてこれから初めてみ…

Visual Studio Codeにポート転送機能がサポートされたから触ってみた

こんにちは。 9月に入り朝晩の暑さが少し和らいできたように思います。 月が変わったらそろそろかな?と思うのがVisual Studio Codeの新バージョンリリースです。 毎月第一金曜あたりにリリースされたらリリースノートを定期的にチェックしています。 リリー…

Visual Studio CodeでGitLab Workflow拡張機能を使ってみた

こんにちは。 とあるきっかけでGitLabを人生で初めて触ることになったのですが、何もかもが初めてすぎてさっぱりなので 自分の備忘録とこれから触り始める人に向けて入門編としてまとめてみました。 目次 目次 GitLabとは 前提 リポジトリ作成 クローンとVS …

Remote SSHとDev Containersでリモートサーバーに接続する

VSCodeでRemote SSHとDev Containers を使う場合、VSCodeを実行するクライアントの~/.ssh/configに予めサーバーの情報を書いておくと便利です。 これはVSCodeからも設定できるのですが、多分こっちで書いたほうがラクだと思います。 必要な情報としては、IP…

イベントレポート 第15回とことんDevOps勉強会「【ライブデモ】Visual Studio CodeのDev Containersを使って開発環境構築してみるよ」

今回のとことんDevOps勉強会は「【ライブデモ】Visual Studio CodeのDev Containersを使って開発環境構築してみるよ」と題して、Visual Studio Codeの拡張技術であるDev Containersを使用した開発環境の構築方法をライブデモでお届けしました。途中、GitHub…

Visual Studio CodeのDev Containersで用途ごとにdevcontainer.jsonファイルを使い分ける方法

「ローカル環境を汚さない開発環境作り」や「チームメンバー間での開発環境の配布を簡単にする」ために、Visual Studio CodeのDev Containersを使った開発環境作りを試行錯誤しています。 5月末くらいから本格的に社内の小さい開発プロジェクトで導入し始め…

月刊 VS Code通信(8月号)

こんにちは。 今月から新しい試みとしてVisual Studio Codeに関する情報などを毎月まとめて、新しいバージョンが配信された頃に定期的に配信していこうと思います。VS CodeユーザーによるVS Codeユーザーのための情報としてお役に立てばと思います。 目次 目…

Visual Studio CodeのDev containersを使い始めて2ヶ月経ったので使い勝手をまとめてみた

5/20(土)に開催されたOpen Source Conference 2023 Online/NagoyaでVisual Studio Codeで始めるリモート開発入門というタイトルでセミナー登壇した際に、「割と使い勝手良さそうなので、プレビュー版だけど社内の内製化プロジェクトで使ってみる」的なことを…

イベントレポート 第13回とことんDevOps勉強会 「Visual Studio CodeとGitHub Codespacesで始めるクリーン開発環境」

今回のとことんDevOpsでは「Visual Studio CodeとGitHub Codespacesで始めるクリーン開発環境」と題しまして、ローカル環境を汚すことなく、効率的にさまざまな環境に対応する方法を紹介しました。短期間でさまざまなプロジェクトを転々としたり、複数のプロ…

ローカルを汚さない開発ができるDevbox(≠Dev Box)を触ってみた

ローカルを汚さない開発してますか? 弊社でもVisual Studio Codeのリモート開発機能を使った検証を行っています。ある程度使いこなせるようになってきたので、他ツールにも手を出しながら比較検討もやり始めました。 次なるツールは、Devboxです。 チュート…

Podman Desktop利用環境でDocker CLIも使えるようにする

Podman DesktopとPodmanの組み合わせを使うと、Dockerの代わりにPodmanを使えて良いのですが、Linux版Podmanのようにpodman-dockerのようなパッケージはWindowsやmacOS向けには用意されていないため、そのままではDockerコマンドを使うことができません(Doc…

Visual Studio Codeの1.79がリリースされたのでリリースノートを眺めてみた

こんにちは。 徐々に各地が梅雨入りし始めて、今年も雨の日の過ごし方を考え始める時期ですね。 さて、Visual Studio Codeの新しいバージョン1.79がリリースされました。 自分の中で毎月恒例になりつつある、リリースノートを眺めながら気になった機能を触っ…

Visual Studio Codeでターミナル領域を広く使う3つの方法

こんにちは。 先日のOSC名古屋は、オフライン展示のデビュー戦でした。 普段慣れないことだったので、説明などお聞き苦しいところなどあったと思いますが、たくさんの方とお話できて楽しかったです。 さて、とある方からVS Codeは興味があるけどターミナルが…

Visual Studio Codeのv1.78で設定プロファイル作成時にテンプレートを指定できるようになったので触ってみた

Visual Studio Codeの1.78がリリースされました。 特に気になったプロァイル作成時にテンプレートを選択する機能について触ってみたいと思います。 code.visualstudio.com プロファイルの作成 左下にある歯車マークをクリックして、プロファイル>プロファイ…

Visual Studio CodeでCircleCIの拡張機能が公開されてたので触ってみた

社内のSlackで流れてきて知ったのですが、Visual Studio Codeの拡張機能にCircleCIが追加されていたので、早速触ってみました。 リリース日を見てみると2022/11に公開されていたみたいです。 CircleCIとは CircleCIは、クラウドベースの継続的インテグレーシ…