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

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

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

開催予定の勉強会

各種SNSのフォローもよろしくお願いいたします。

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

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

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

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

React(Next.js)でコンポーネントを作ってみよう(3日目)

こんにちは。この時期の流行りものに片足だけ突っ込んでいるような、いないようなアドベントカレンダーをやっています。 順調に継続できています。魔の3日目です。今回はこれからあれこれ作っていくために、コンポーネント化をしながら作っていきます。 今日…

React(Next.js)でtailwindcssを使ってみよう(2日目)

こんにちは。この時期の流行りものに片足だけ突っ込んでいるような、いないようなアドベントカレンダーをやっています。 今年は、Reactを使ってフロントエンド開発をしている時間が長かったので復讐も兼ねてこれから始める方に役立つと嬉しいなと思いながら…

React(Next.js)で開発を始めるための環境構築入門(1日目)

こんにちは。12月に入ってあちこちでアドベントカレンダーが始まっていますね。今年はどうしようか前日まで迷っていたのですが、今年はReactを使ってフロントエンド開発を始めたので、個人的な振り返りも兼ねてこれからReactを始める方向けに記事を書きます…

月刊VS Code通信(11月号)

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

月刊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 …

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

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

月刊 VS Code通信(8月号)

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

知識がpip freezeのまま止まっていたのでpoetryの便利さを知らなかった人の話

FastAPIを使ったAPIサーバーを構築することになり、久々にPythonをしっかり触ることになりそうなので、古い知識のアップデートついでに調べたことを備忘録としてまとめました。 古い知識の1つにpipを使ったパッケージ管理があります。 Pythonを使い始めた当…

「動かして学ぶ!Python FastAPI開発入門」を読んだので読書レポート

とある日に書店をブラブラしていたら、技術書コーナーでこんな本を見つけました。 ある程度形にはできたものの、ところどころ使い方これでいいのかな?と迷うところがあったので、答え合わせもかねて体系的に解説されている入門書を探していたので偶然の出会…

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

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

フロントエンド初心者がテストコードを書き始めるときにまず読みたい1冊

久々に読書レビュー的なブログを書きました。 今回はフロントエンドのテストに関する書籍で、特に入門者向けにおすすめなものになります。 僕自身もそこまでフロントエンドまわりをやっていた訳ではないので、初心者目線で読ませて頂きました。 フロントエン…

Chromeにテスト専用のブラウザーが出てきたので触ってみた

気になったニュース記事をちょっと深掘りしてみる記事です。 今回は、Chromeでテスト向けのブラウザーが登場したという記事を見かけたので触ってみました。 developer.chrome.com このツールが登場して何が嬉しいのかというと、Chromeを任意のバージョンで自…

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

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

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 プロファイルの作成 左下にある歯車マークをクリックして、プロファイル>プロファイ…

GitHub ActionsやCircleCIで連続Pushした時の振る舞いをどうするべきか考えてみた

CI/CDを当たり前にした状態で開発をしていると短い時間で連続的にPushすることも時としてあるのではないでしょうか。 短い時間で複数Pushしたときは最新の状態で1回だけ実行されれば期待している効果を得ることができますが、Push単位でワークフローが実行さ…

Windowsでたーみなる?こまんどらいんしぇる?色々あるけどどれを使えばいいの?

根っからのAppleユーザーで普段メインで使用している端末もMacbookなのでWindowsはかなり縁遠い存在なのですが、 最近は、お仕事の都合でWindowsも知っている必要が出てきたのであれこれピュアな気持ちを忘れないうちにメモとしてまとめていこうと思います。…

「アポロ13号 体験会」という研修に参加したので体験レポートを書いてみた

かなり久々に技術や資格取得系じゃない研修に参加したので、振り返りも兼ねて参加レポートとしてブログに書いてみました。 きっかけ 社内の雑談チャンネルで、「こんな研修があるらしいよ」という形で情報が流れてきました。 当日はタスクが詰まっていたため…

GitHubの返信テンプレートを使ってコードレビューを効率化しよう

日々流れてくるブログを眺めていたら、「へんしんてんぷれーと?」という感じになってしまったので、使ってみることにしました 返信テンプレートとは 返信テンプレートとは、GitHub上でコードレビューやIssueに対するテンプレートのことです。テンプレートを…

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

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

Visual Studio CodeでJestを使ったテスト自動化を始めてみよう

最近はフロントエンドまわりの開発をあれこれやっている中で、テスト駆動な開発をしたいのでVisual Studio Codeでテスト環境を整えていきたいと思います。 はじめに 今回は、コンテナ内で開発方法は使用せずに進めていきますので、ホスト側にお好きな方法でN…

Visual Studio Codeでタスク機能を使ってみよう

開発サイクルを回していく中でテストや静的解析など様々なツールを活用します。その中で特定の操作をしようとしたらコマンド実行することがよくありますが、ドキュメントを探したり、スクリプトファイルを探したりするのは意外と面倒になる時がありました。 …

SwiftでiPhoneとApple Watch連携するアプリを作ってみた

Apple Watch SE2が2022/09/16(金)に発売されて早々に会社から支給してもらったので、遊んでみようと思っていたら、取り掛かり始めた頃には「今年もお世話になりました」という言葉が飛び交い、ブログにまとめて公開する頃には「明けましておめでとうございま…