エディタ内でテスト結果が表示される開発体験を、エディタに依存せず実現するツールを作った
エディタ上でテストのエラーを表示することができるLSPサーバとその周辺ツールを作りました。 ⚠️ Notice この記事に記載したツールの使用方法はアップデートに追従しておらず古くなっているため、使用する場合は適宜リポジトリのREADMEを参考にしたりIssueを立ててください。 動機 数ヶ月前にこの記事を見ました。 Wallaby.jsを使ってフロントエンド開発のテストを効率化しよう - Findy Tech Blog https://tech.findy.co.jp/entry/2024/04/15/100523 エディタ上でリアルタイムにテスト結果が反映される開発体験が大変魅力的に見えます。 私は普段Neovimを使用しているので、この記事を見てすぐ、Neovimでも同じようなことがやりたい、と考えました。Wallaby.jsはNeovim用の拡張は用意していないようだったので、その
VSCodeで始めるPlantUML生活 - GMOインターネットグループ グループ研究開発本部
こんにちは。次世代システム研究室のS.Iです。 今回は、最近Visual Studio CodeとPlantUMLを使用して設計によく利用しているので、メリットや私がよく利用している便利な機能やコマンドについて紹介したいと思います。 利用するツール macOS 10 Visual Studio Code 1.45 Visual Studio Code Plugin PlantUML 2.13 UML作図ツールの課題 これまで、excelやvisio、astah、cacooなどで設計してきましたが、一番困るのが設計した後の変更です。仕様の変更などで別の担当者が修正を行う際、どのツールも変更が困難だったり画像で共有されたものは変更が出来ないような状況になってしまいます。 これまでの課題 修正した時に差分がわかりにくい レビュー時にフィードバックしづらい ツールに依存するため編集が困難 バージョ
Infrastructure as Codeにおける理想のドキュメント管理を目指して #infrastudy | DevelopersIO
インフラをコードで管理するInfrastructure as Codeだからこそ、必要なドキュメントについての考察とそれの管理方法についてLTした様子です。 「なんや、この視聴者数… 震えが来るぜ・・・」 先日開催されたInfra Study Meetup #2「VM時代の開発とCloud Native時代の開発」 - connpassにおいて、「IaCにおける理想のドキュメント管理を目指す」という内容でLTしてきましたので、その内容をお届けします。 当日は、イベント内容も登壇者も超絶豪華で、なんとリアルタイム視聴者数1000人超えということで、さすがに自分も緊張しました。まじで。 青山さんのメインテーマがKubernetesの話であり、前後それに関わるテーマが中心の中、Kubernetesもコンテナも1ミリもでてこない発表にしたのですが、IaCに関わる普遍的な考慮ポイントについて喋れたの
VSCodeでPHP+Vagrantのデバッグ環境を構築する - Qiita
背景・動機 デバッグ作業をする際にvar_dumpなどを使って出力していた。 場合によっては20個くらいvar_dumpするので、かなり非効率。 マスターのソースコードに消し忘れたvar_dumpが混入している。 XDebug使えば？と言われて使ってみたらかなり便利で世界が変わったので、共有したいと思い投稿しました。 前提 Vagrantで起動されたPHP環境がある。 XDebugはインストール済み。 VSCodeにPHP Debugプラグインがインストール済み。 手順 Vagrantのphp.iniファイルでXDebugを有効化 VSCodeのlaunch.jsonにデバッガの設定を追加 Chrome拡張をインストール ブレークポイントをはる デバッグモードにする アプリケーションを起動 1. Vagrantのphp.iniファイルでXDebugを有効化 php.iniファイルに以下の設
UMLの爆速プレビュー環境をVisual Studio Code + PlantUML Server on Dockerで簡単に構築する | DevelopersIO
以上で設定完了です。 プレビューする それでは試してみましょう。新しいファイルを作成し、試しに以下のように記述し sample.pu として保存します。 @startuml "Visual Studio Code" -> "PlantUML Extension" : プレビュー命令 "PlantUML Extension" -> "PlantUMLServer (on Docker)" : レンダリングリクエスト "PlantUMLServer (on Docker)" -> "PlantUML Extension" : 画像データレスポンス "PlantUML Extension" -> "Visual Studio Code" : プレビュー画像をレンダリング∂ @enduml macOSの場合は Option + D を押すとプレビューが表示されます。 画像ファイルとして書き出す 画
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
