WSL と VSCode を使った Python 開発環境構築 - サーバーワークスエンジニアブログ
こんにちはこんばんは！ サーバーワークスの新谷です。 日本では一般的に業務用のPCとして Windows を使われることが多いかと思いますので、WSL（Windows Subsystem for Linux）と VSCode（Visual Studio Code）を使って開発環境を作ると、Windows と Linux の良いとこ取りが出来て便利だったりします。 また、開発環境は長く使っている間に色々なものを追加してごちゃごちゃしたりするので、時には綺麗にリセットしてみるのも良いかもしれません。 というわけで、改めて手順を記載しておきたいと思います。 1. WSL環境の作成（任意） WSL上で、既存の Ubuntu を削除し、新たな Ubuntu 環境を作成します。 （この作業は、必要な場合のみ実施します） 1-1. ディストリビューションの削除 PowerShell から、現在のインスト
Windows環境でdevcontainerにほぼ引き篭れる構成を作った - Qiita
Dockerって環境を汚さないで使えて便利ですよね。 vscodeっていろんな言語の開発環境を手軽に作れて便利ですよね。 ということでRemote Developmentによる作業コンテナ(devcontainer)を使ってコンテナ側に引き篭って開発できる環境を作ってみたので、環境構成と要点をここに書き出してみようと思います。 注意事項 この記事は ホストOSがWindows環境で vscodeとDockerコンテナを使って なるべくUnix系に寄せて使えるようにする 前提での環境構築のお話になっています。 ホストOSにLinuxやMacを使っていたりコンテナを使わなかったりホストはWindows上のシェル操作で十分な場合は、この記事は適合しない内容が多分に含まれています。 また、個々のツールや環境のセットアップ操作などはほぼ書かれない予定なので、必要に応じて他の記事を参照してください。
Playwright による E2E テスト - ITANDI Engineer Blog
はじめに イタンジ株式会社の加藤です。精算管理くんというプロダクトの開発をしています。 先月は週1でサバゲーにいっていたのでずっと筋肉痛が続いていました... 精算管理くんでは機能優先で実装を進めてきたため、利便性向上の画面改修を行うことが増えてきました。そのため、変更後にも既存の機能が動作することを保証するために最近 Playwright による E2E テストを導入しました。 今回はその Playwright の紹介をしていきます。 E2E テストとは フロントエンドの E2E(end-to-end) E2E テストとは、主にブラウザ上での動作を検証するテストです。 例えば以下の項目などが検証対象となりますね。 アプリケーションを利用するときに適切なテキストが表示されているかどうか ユーザーが特定のボタンをクリックしたときにアプリケーションが期待通りの動作をするかどうか アプリケーショ
VS Codeを使いこなせ! フロントエンジニア必須の拡張機能7選 - ICS MEDIA
「Visual Studio Code（略称：VS Code）」はMicrosoftが提供している無償で高機能なエディターです。標準でも十分な機能は備わっていますが、拡張機能をインストールすることで、より使いやすく自分にあったエディターへとカスタマイズできます。 本記事では、HTMLコーダーやフロントエンドエンジニアに役立つ拡張機能を紹介します。 1. IntelliCode IntelliCodeはMicrosoft謹製の公式プラグイン。AI支援による次世代のコード補完がJavaScriptやTypeScriptで利用できるようになります。APIの一覧がアルファベット順に提示されるのではなく、利用する可能性の高いAPIがAIによって予測されます。 コード補完の様子を次のスクリーションショットでご覧ください。入力候補の「★」マークが付いているところが、補完候補になっているところです。人工知
VS Codeでマークダウンを快適に書きたい！ オススメの拡張機能と設定6選 - ICS MEDIA
ブログの文章やドキュメント作成など、さまざまなシーンで使われる記法に「マークダウン記法」があります。文字修飾の簡単さや読みやすさから使うタイミングは多々あると思いますが、みなさんは快適にマークダウンを書けていますか？ 筆者はVS Codeでドキュメントをマークダウンで書くことが多く、表の作成・編集やプレビュー表示など、めんどくさい・見づらい・使いづらいと思うことがあります。どうにか快適に書けないかと思いさまざまな拡張機能や設定を試しながら業務を行ってきました。 この記事では、筆者が試した拡張機能やVS Codeの設定の中で便利だったものを紹介します。①から⑥まではすべて無料で利用できるので気軽に試してみてください！ ①マークダウンの表をエクセルからコピペできる拡張機能 VS Codeでの表の作成に重宝しているのが「Excel to Markdown table」という拡張機能です。エクセル
vscode-jest を導入してテストの開発体験を向上させる - mizdra's blog
この記事は JavaScript Advent Calendar 2021 の 12日目です。11日目は なかがわはじめ さんの 「Array.prototype.reduce()とかのprototypeってなに？」 でした。 Jest は JavaScript のテスティングフレームワークです。Node.js で動くアプリケーションのテストや、React を使った Web アプリケーションのテストなど、様々なプロジェクトのテストをサポートしています。また、エディタ向けに拡張機能やプラグインも公開されています。 VSCode vscode-jest IntelliJ IDEA https://pleiades.io/help/idea/running-unit-tests-on-jest.html Vim test.vim (各拡張機能のサポート状況によりますが) これらの拡張機能を使うと
VS Code Remote Development、3種の違い - matsujirushi’s blog
大晦日ですが、ブログ書いてますｗ Visual Studio大好きマンなので、ArduinoのコーディングでもVisual Studioで書いて、Arduino IDEでコンパイルという使い方をしています。 VS Codeは使い慣れていないので、それほど使用しないのですが、、、VS CodeのRemote Development拡張だけは便利すぎて、メッチャ多用しています。 これ、Remote-SSH, Remote-Containers, Remote-WSLの3つがパックになった拡張なのですが、それぞれの使い分けが少しわかりにくいので図を書きました。 これがRemote Developmentの図だ！ Remote-SSHは、SSHトンネルを経由してリモートマシンの中を操作できます。 Remote-WSLは、WSLのディストリビューションの中を操作できます。これはローカルマシンの～にな
DevContainerでサクッと使える実行環境を用意しよう：Pythonを例に紹介 | SIOS Tech. Lab
◆ Live配信スケジュール ◆ サイオステクノロジーでは、Microsoft MVPの武井による「わかりみの深いシリーズ」など、定期的なLive配信を行っています。 ⇒ 詳細スケジュールはこちらから ⇒ 見逃してしまった方はYoutubeチャンネルをご覧ください 【3/22開催】テックブログを書こう！アウトプットのススメ 1年で100本ブログを出した新米エンジニアがPV数が伸びなくてもTech Blogを書き続ける理由とは？ https://tech-lab.connpass.com/event/312805/ 【4/18開催】VSCode Dev Containersで楽々開発環境構築祭り〜Python/Reactなどなど〜 Visual Studio Codeの拡張機能であるDev Containersを使ってReactとかPythonとかSpring Bootとかの開発環境をラクチ
導入がカンタンで開発効率爆上げなVisual Studio Code拡張機能のご紹介 | SIOS Tech. Lab
◆ Live配信スケジュール ◆ サイオステクノロジーでは、Microsoft MVPの武井による「わかりみの深いシリーズ」など、定期的なLive配信を行っています。 ⇒ 詳細スケジュールはこちらから ⇒ 見逃してしまった方はYoutubeチャンネルをご覧ください 【4/18開催】VSCode Dev Containersで楽々開発環境構築祭り〜Python/Reactなどなど〜 Visual Studio Codeの拡張機能であるDev Containersを使ってReactとかPythonとかSpring Bootとかの開発環境をラクチンで構築する方法を紹介するイベントです。 https://tech-lab.connpass.com/event/311864/ みなさん、こんにちは。サイオステクノロジー武井です。今回は、導入がカンタンで開発効率爆上げなVisual Studio Co
WSL2 + VScodeでWindowsから一瞬でDockerコンテナ内に引き篭もれる開発環境を整えたかった - Qiita
WSLとは？ めっちゃ簡単に言えば、Windows10内に手軽にLinux環境を作れるようになる。 現在正式リリース中のWSLではDockerが動かなかったが、プレビュー版公開中のWSL2からはそれが解消され、話題になっている。 この記事で目指したかったこと Windows立ち上げてvscode開くだけでDockerコンテナ内の開発ソースディレクトリを開けるようにする 結果的に、完全には引き篭もれなかったが、WSL2の良さは実感できた。また、今後のバージョンアップを待てば無事完全に引き篭もれる見込み。 (2019/03/08追加)引き籠もれるようになりました。 https://www.docker.com/blog/docker-desktop-for-windows-home-is-here/ WSL2 + VScode + Dockerによる開発環境構築 WSL2環境構築 Window
VSCodeのWSLを1から2に更新して運用できるようになるまでにしたこと - Qiita
前提 これは私の現在の環境で、この記事の内容を実行した時はもっと古いバージョンを使っていました。WindowsのOSが古すぎなければ大丈夫だと思います。 Version
Visual Studio CodeとGitHub Copilotでコーディング効率を革新！AIを駆使した開発ガイド | Sqripts
TOP エンジニアリング Visual Studio CodeとGitHub Copilotでコーディング効率を革新！AIを駆使した開発ガイド Visual Studio CodeとGitHub Copilotでコーディング効率を革新！AIを駆使した開発ガイド 公開：2024.01.25 こんにちは。GSです。 Visual Studio CodeとGitHub Copilotの組み合わせは非常に強力です。多くの人が「GitHub Copilotを使う＝コード自動補完を使う」と考えているかもしれませんが、Visual Studio Codeのアップデートにより、さらに便利な機能が使えるようになっています。これらの機能を駆使することで、Visual Studio Codeだけでより多くの作業が完結するようになりました。 これらの便利で強力な機能を踏まえ、AIと共に開発を行うための手順と実例を
vscodeでTypeScriptをデバッグしよう（jestもあるよ）
こんにちは、monjaです。 思った通りに動くプログラムを書き続けることができるプロ・プログラマーになりたいと日々思っていたりいなかったりしますが、残念ながら時々思った通りに動かないプログラムを書いてしまうものです。プログラムは思った通りではなく書いた通りに動きますからね。 そんなとき、思惑と現実の乖離、つまりバグの原因を見つけて直す必要があるわけですが、ソースコードを読み直したり結果を見ても原因がピンと来ないときもあるものです。 とりあえずprintfデバッグ（JavaScriptならconsole.logデバッグですね）をするのも乙ですが、仕込みが面倒であったり、必要な情報を一発で表示できなくて数回実行しなおすハメになったり、原因発見で満足してprintfを消すのを忘れてしまうこともあります。世の中にはデバッガというめちゃ便利ツールがあるので、それが利用できるときは積極的に利用していき
GitHub Copilot in VS Code で、作業内容からコミットメッセージを生成可能になりました | DevelopersIO
GitHub Copilot in VS Code で、作業内容からコミットメッセージを生成可能になりました こんにちは、CX 事業本部 Delivery 部の若槻です。 先月の GitHub Copilot in VS Code のアップデートで、コミットメッセージの生成がサポートされました。 Commit message generation using Copilot in VS Code - GitHub Copilot – November 30th Update - The GitHub Blog Copilot can now generate commit messages based on the pending changes using the new “sparkle” action in the Source Control input box. 試してみる 環境
GitHub Copilot はどのようにして空気を読むか？ - ABEJA Tech Blog
"Everything is true," he said. "Everything anybody has ever thought." この記事は ABEJAアドベントカレンダー2023 の 17 日目の記事です。 こんにちは。システム開発部の石川 (@ishikawa) です。昨年のいまごろは Objective-C ばかり書いていましたが、今年は念願の Swift で QR コードリーダーを書き直したり、React Native の C++ コードをデバッガで追いかけて不思議なバグの修正をした年でした。 react-native で 196,607 回 fetch() すると通信できなくなるバグを直した https://t.co/lvNC3PL85b— takanori_is (@takanori_is) 2023年9月21日 普段の業務では TypeScript と Go、Pyt
Dev Containersの始め方(1) : 仕組み編 | フューチャー技術ブログ
VDIでもGitHub Codespacesなんかだとエディタはローカルのブラウザで動いたり、検証用ブラウザはポートフォワードでローカルのブラウザが使えたり、というのはありDev Containersとだいぶ近いのです。 ソースコードなどもローカル側が主で、そのコピーがDockerにコピーされます。実際にエディタが編集するのはコンテナ内部にコピーされたファイルだったりする（変更はローカルに同期される）のですが、基本的に通常のローカル開発と感覚はほとんど変わりません。⌘ + JとかCtrl + Jでターミナルを開くと、Docker内部に繋がっている以外は操作感覚は変わらないです。 いくつかネットで記事を見ると、いろいろコンテナを作り込んでいる記事とかも見かけるのですが、さぞ、特別なコンテナなんだろう、といくつかMicrosoft謹製のDev Containers用のコンテナ定義を辿ってみたの
Visual Studio Codeにポート転送機能がサポートされたから触ってみた - とことんDevOps | 日本仮想化技術のDevOps技術情報メディア
こんにちは。 9月に入り朝晩の暑さが少し和らいできたように思います。 月が変わったらそろそろかな？と思うのがVisual Studio Codeの新バージョンリリースです。 毎月第一金曜あたりにリリースされたらリリースノートを定期的にチェックしています。 リリースの概要については、後日投稿予定の「VS Code通信(9月号)」をお読みください。 ポート転送機能とは？ 僕の記憶が正しければGitHub Codespacesで提供されていた機能の1つで、開発環境上で動かしているアプリケーションを外部に公開する機能です。 この機能により通常であれば、localhostでのみアクセスできるようなアプリケーションにも外部からアクセスできるようになります。 厳密に言えば、単純にパブリックアクセスを許可するというよりも、URLを知っている人のみがアクセスできる限定公開のような形です。 同時に接続できるセ
VSCode の新機能「ポート転送」が外部確認で便利！
こんにちは森田です。 VSCodeが先日アップデートされた version 1.82 にて「Built-in port forwarding」機能が追加されました。 いわゆるポート転送機能というもので、マシンの指定のポートを外部に転送（公開）する機能です。 これが、とても便利な機能が追加されたので紹介いたします。 VSCode Update version 1.82August 2023 (version 1.82) アップデート情報2023年9月上旬に version 1.82 がリリースされました。 主なアップデート内容はアクセシビリティやスティッキースクロールの改善などですが、目玉の新機能は本記事のポート転送機能ではないでしょうか。 ポート転送機能とはポート転送機能は、ローカルの指定したポートを外部に転送する機能で、ローカルで立ち上げているサーバーを外部に公開することができます。 今
VSCode拡張機能『Infracost』を使って TerraformテンプレートからAWS利用費を試算してみた | DevelopersIO
VSCode拡張機能版Infracostを利用するとTerraformテンプレートを書いているだけで簡易的なAWS利用費の見積もりができます。無料で始められるのでまずはインストールしてみてください。 あしざわです。 皆さんは、これから作成するAWS環境の利用費の見積もり、どうやっていますか？ 最近アップロードされたAWS Dev Day 2023 Tokyoのアーカイブ動画を見ていたところ、『Infracost』というIaCテンプレートベースでAM利用費の見積もりができるツールの存在を知りました。 主にTerraformユーザーの方向けになりますが、誰でも無料で始められ導入も簡単かつ便利なツールなのでぜひ皆さんにも使ってほしいと思いブログを書きました。 まとめ InfracostはTerraformテンプレート(.tfファイル)からインフラコストを試算できるツール 無料のInfracost
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VS CodeのDev Containersを活用して開発を効率化しよう