並び順

ブックマーク数

期間指定

  • から
  • まで

41 - 80 件 / 401件

新着順 人気順

デバッグの検索結果41 - 80 件 / 401件

  • Rust/WebAssemblyのトラブルに効くデバッグ&高速化テクニック

    本連載では、Webブラウザー上でJavaScriptとともに動作できるバイナリ形式のプログラムファイル「WebAssembly」を、Rustプログラミング言語で実装する方法を説明していきます。前回はRust/WebAssemblyとJavaScriptとのデータ交換について説明しました。今回は、ログ出力とファイルサイズ縮小の方法、および、成果物をパッケージにして世界に公開する方法を説明していきます。 はじめに 本連載では、Webフロントエンド開発において注目されているバイナリ形式のプログラムファイルWebAssemblyを、Rustで実装して活用する方法を説明しています。 より本格的にプログラムを開発するには、正しく動作させるまでにデバッグを行う必要があります。本記事ではデバッグ時に利用できるログ出力について説明します。また、アプリの読み込み速度をより速くできる、ファイルサイズ縮小方法につ

      Rust/WebAssemblyのトラブルに効くデバッグ&高速化テクニック
    • Microsoft、「Visual Studio Code」向け「Docker」拡張機能を正式リリース/「Python」を利用したデバッグへの対応、「WSL 2」サポートなどを拡充

        Microsoft、「Visual Studio Code」向け「Docker」拡張機能を正式リリース/「Python」を利用したデバッグへの対応、「WSL 2」サポートなどを拡充
      • VS Codeを使ってPythonコードをデバッグするための基礎知識

        連載目次 前回は、mymath.pyファイルにフィボナッチ数を求める関数を3つ定義しました。今回は、Visual Studio Code(以下、VS Code)を使って、それらのコードを実行したり、デバッグしたりする手順を見ていきましょう。 コードの説明 まずは前回記述したコードを以下に示しておきます。これはmymath.pyファイルに記述しました。 def fib(n): if n == 0: return 0 if n == 1: return 1 return fib(n - 2) + fib(n - 1) def fib_l(n): a = 0 b = 1 if n == 0: return a elif n == 1: return b for _ in range(n - 1): a, b = b, a + b return b def fib_m(n, memo=None):

          VS Codeを使ってPythonコードをデバッグするための基礎知識
        • Shota Imai@えるエル on Twitter: "MITで行われている,コンピュータサイエンスの授業の準備となるシェルやvim, git, デバッグ等,便利なツールを教える"The Missing Semester of Your CS Education"の講義ページについて,… https://t.co/NJL6xbUPmu"

          MITで行われている,コンピュータサイエンスの授業の準備となるシェルやvim, git, デバッグ等,便利なツールを教える"The Missing Semester of Your CS Education"の講義ページについて,… https://t.co/NJL6xbUPmu

            Shota Imai@えるエル on Twitter: "MITで行われている,コンピュータサイエンスの授業の準備となるシェルやvim, git, デバッグ等,便利なツールを教える"The Missing Semester of Your CS Education"の講義ページについて,… https://t.co/NJL6xbUPmu"
          • Goのデバッグ環境 on VSCode | フューチャー技術ブログ

            はじめにこんにちは。TIG/DXユニットの富山です。 私の使用するテキストエディタはVim一択でしたが、最近はVSCodeに浮気気味です(言わずもがな Vimプラグインは入れています) 今回はVSCodeでGo言語用のデバッグ環境をテーマします! 環境構築前提条件: VSCodeがインストール済であること Goがインストール済であること Step 1:プラグインのインストールGoogleが公開しているVSCode用のGoプラグインである、Go for Visual Studio Codeをインストールします(2020年6月に開発管理がMicrosoftからGoogleのGo開発チームへ移管されました)。 インストールが終わったら、Goプラグインに必要な各種ツールをインストールしていきます。 コマンドパレットを開く(Windows: Ctrl + Shift + p / Mac: Comma

              Goのデバッグ環境 on VSCode | フューチャー技術ブログ
            • Rails のブラウザテストを Playwright で動かすようにしたらデバッグが簡単になって捗った

              Omotesando.rb #91 (https://omotesandorb.connpass.com/event/299381/) で発表した資料です。

                Rails のブラウザテストを Playwright で動かすようにしたらデバッグが簡単になって捗った
              • unameコマンドから始めるデバッグ&カーネルハック入門 - φ(・・*)ゞ ウーン カーネルとか弄ったりのメモ

                この記事はLinux Advent Calendar 2019の1日目の記事です。 はじめに 環境 おことわり uname(1) uname(1)が出力する内容 strace(1) gdb(1) bpftrace systemtap Kernel Hack Livepatch おまけ RHEL 8.1 CentOS 8 まとめ はじめに 本記事ではLinuxサーバのホスト名、Linuxカーネルのバージョン、cpuアーキテクチャなどのシステム情報を表示するuname(1)を利用してLinux環境でのデバッグとカーネルハックについて説明していきます。本記事ではコマンドやツールの使い方の説明ではなくて、それらを使ってどのようにデバッグするのかというところを説明します。 環境 ディストリビューションにはFedora 31(x86_64)を利用します。動作環境はQEMUやlibvirt、Oracle

                  unameコマンドから始めるデバッグ&カーネルハック入門 - φ(・・*)ゞ ウーン カーネルとか弄ったりのメモ
                • 【React も AWS CDK も】何も考えず VS Code に全任せして TypeScript コードをステップ実行デバッグする【できるよ!】 | DevelopersIO

                  環境構築 「何もしてないのにできた」を実現するため、この記事ではインストール直後の Visual Studio Code と Node.js を使用しています。皆さんは今まで通りの環境で大丈夫です。 各ツール類のバージョンは執筆時点で最新のものを使用しています。 Visual Studio Code 1.52.1 Japanese Language Pack(任意) Node.js v14.15.3 プロジェクト作成 任意のディレクトリを作成し、初期化して必要なモジュールをインストールします。そして VS Code で開きましょう。 mkdir ts cd ts npm init -y npm install typescript ts-node -y code . ここまでいたって普通。特別なことは何もしていません。 コーディング それではステップ実行するためにプログラムを書きましょう。

                    【React も AWS CDK も】何も考えず VS Code に全任せして TypeScript コードをステップ実行デバッグする【できるよ!】 | DevelopersIO
                  • 昔の自分に教えたいLambdaのデバッグ方法

                    WebコンソールからLambdaを動かしていた時に、次のステップとしてローカルでLambdaデバッグする流れを伝えるスライドです。 セットアップ手順などは省いてますが、Webコンソールで操作する場合とSAMを使用してローカルで試験する場合の対比がわかりやすくなるように作成しています。

                      昔の自分に教えたいLambdaのデバッグ方法
                    • 開発スピードを早めるDeveloperToolでのデバッグ - iimon TECH BLOG

                      こんにちは、iimonフロントエンジニアのさいとーです。本記事はiimonアドベントカレンダー21日目の記事となります。 はじめに devtoolでデバッグをしてみる watch(監視) 条件付きブレークポイント Eventlistenerブレークポイント(click) Break on まとめ 最後に 参考 はじめに みなさんはdeveloper toolをつかってデバッグをしてますでしょうか。 elementsやsource、networkなど見れる便利なツールです。フロントエンドで開発するなら必須のツールです。 しかし、いろいろな便利な機能があるのは知っていましたが、曖昧な理解のまま使っていました。 曖昧な理解だったため、自分がデバッグのときに使っているなと思っている機能をまとめてみました。 devtoolでデバッグをしてみる サンプルコード <!DOCTYPE html> <htm

                        開発スピードを早めるDeveloperToolでのデバッグ - iimon TECH BLOG
                      • マイクロソフト、「.NET MAUI extension for Visual Studio Code」リリース。VSCodeからiOSやAndroidの実機やエミュレータでのデバッグなど可能に

                        マイクロソフトは、Visual Studio Codeでクロスプラットフォーム対応のUIライブラリである.NET MAUIを用いたアプリケーション開発を容易にする拡張機能「.NET MAUI extension for Visual Studio Code」(以下、.NET MAUI extension)をリリースしました。 .NET MAUIは、.NETアプリケーションにおいて単一コードでクロスプラットフォーム対応のユーザーインターフェイスを構成できるライブラリとして開発が行われ、昨年(2022年)5月に正式バージョンが登場し、11月に登場した.NET 7にバンドルされた「.NET MAUI for .NET 7」となりました。 今後.NET MAUIは.NET本体と同時にアップデートされる予定です。 Visual Studio Codeの拡張機能として公開 .NET MAUI exte

                          マイクロソフト、「.NET MAUI extension for Visual Studio Code」リリース。VSCodeからiOSやAndroidの実機やエミュレータでのデバッグなど可能に
                        • コンテナで動くGoアプリをデバッグする方法

                          初めに 最近開発環境を整備していて、コンテナでGoアプリケーションをリモートでデバッグするのにちょっと面倒だったので、自分のメモも兼ねてやり方を残しておきます。 要件 プロジェクトによりますが、今の現場では主要エディタがVSCodeです。 もちろんVimユーザー(うち一人はぼく)がいるので、ターミナルでもデバッグできるように対応する必要があります。 また、コード変更を反映させるために都度イメージをビルドしてコンテナを再作成するは開発スピードが落ちるため、コンテナ再起動だけで反映されるようにする必要があります。 デバッガのしくみ Goにはdelveというデバッガがあります。 delveはClient-Serverモデルになっていて、次の2つのプロトコルで通信が可能になります。 JSON-RPC DAP JSON-RPCはdelveのCLIに使われています。 DAPはMicrosoftが策定し

                            コンテナで動くGoアプリをデバッグする方法
                          • Ansible の SSH の通信をデバッグする - 赤帽エンジニアブログ

                            レッドハットの杉村です。Ansible のテクニカルサポートをしています。 今回は以前のお問い合わせいただいた事例から、SSH (Secure Shell Protocol) について一つ紹介しようと思います。Ansible は Linux サーバを制御対象とするときは SSH で接続して処理を実行しますので、SSH の通信についてのトラブルは問題に直結します。 RHEL 8.6 + Ansible Core 2.13 で確認しています。 Ansible の基本的な動作原理 まずは Ansible はどうやって動いているのかというのを軽く振り返ってみます。 Ansible が動作するサーバをコントロールノード、制御対象をマネージドノードと呼びます。流れを大まかに説明しますと、この図のようになります。 ① YAMLで書かれたプレイブックからタスクごとに小さなプログラムを生成する ② ①で生成

                              Ansible の SSH の通信をデバッグする - 赤帽エンジニアブログ
                            • 新人プログラマにとって「タイプミスなのか」「型が違うのか」典型的なエラーの種類やデバッグの仕方を知ってるだけで、劇的に開発が速くなる話

                              おばあちゃんのプログラミング教室(ばあプロ)As A Service @Pythonist19 12年間の開発と5年間の新人教育の経験を活かしやさしく解説。初学者向けにWeb制作の歩き方公開。VSCode。Python, PHP, Perl,モダンJS,React, ラズパイ,ML。Djangoが好き。MBAほるだぁ。組込,Svelte。AI小説(baapuro.com/story/one/) baapuro.com おばあちゃんのプログラミング教室(ばあプロ)As A Service @Pythonist19 タイプミスなのか。型が違うのか。典型的なエラーの種類やデバッグの仕方を知ってるだけで、劇的に開発が速くなるので、新人以外にも超重要じゃと思ったのう👵 pic.x.com/eok6s7mogo

                                新人プログラマにとって「タイプミスなのか」「型が違うのか」典型的なエラーの種類やデバッグの仕方を知ってるだけで、劇的に開発が速くなる話
                              • フロム・ソフトウェアが語るデバッグメニュー最適化テクニック。ネットワークを活用し、ロード待ちが13秒→15ミリ秒以下に【CEDEC2023】

                                国内最大規模のゲーム業界カンファレンス「CEDEC2023」が、2023年8月23日(水)から8月25日(金)までの日程で開催されました。初日となる8月23日には、フロム・ソフトウェア R&Dセクション チーフプログラマー 清水 俊宏氏が登壇。「ゲームの外から操作する柔軟なデバッグメニューシステム」と題する講演が行われました。 デバッグメニューの概要から、従来の自社デバッグメニューの問題点に対するアプローチまで解説された本講演をレポートします。 TEXT / wvigler EDIT / 神谷 優斗

                                  フロム・ソフトウェアが語るデバッグメニュー最適化テクニック。ネットワークを活用し、ロード待ちが13秒→15ミリ秒以下に【CEDEC2023】
                                • デバッグ力を高める! ~5 年間の経験から学んだ、競プロ・アルゴリズム実装におけるバグ取りの戦略~ - Qiita

                                  こんにちは、大学 1 年になったばかりの E869120 です。 私は 5 年前に趣味で競技プログラミングを始め、AtCoder や日本情報オリンピックなどに出場しています。ちなみに、2021 年 5 月 5 日現在、AtCoder では赤(レッドコーダー)です。 今回は、アルゴリズムや競技プログラミングの問題を速く解くために必要な、効率的なデバッグの方法について記したいと思います。是非お読みください。 1. はじめに 皆さんがプログラミングの問題を解いていく際に、次のような場面に遭遇したことはありますでしょうか。おそらく、読者の大半が「はい」と答えると思います。 ソースコードに謎のミスを埋め込んでしまったせいで D 問題が解けない… ああ、プログラムを 1 文字変えただけで WA(不正解)が AC(正解)に変わった、悲しい… このように、プログラムにバグ(プログラム実装上のミス)を埋め込

                                    デバッグ力を高める! ~5 年間の経験から学んだ、競プロ・アルゴリズム実装におけるバグ取りの戦略~ - Qiita
                                  • JavaScriptのアンチデバッグ技術をシンプルな発想で回避する方法

                                    JavaScriptは実行するコードそのものをユーザーに公開してしまう仕様のため、リバースエンジニアリング対策のために難読化されていたり、アンチデバッガーが搭載されていたりします。そうしたアンチデバッグへのシンプルで効果的な対抗策がJavaScriptの解析技術を掲載しているブログ「nullpt.rs」にまとめられています。 Evading JavaScript Anti-Debugging Techniques https://www.nullpt.rs/evading-anti-debugging-techniques JavaScriptの動作を解析するためのデバッグツールは多くのブラウザに搭載されており、例えばGoogle Chromeの場合は開発者ツールの「ソース」タブからアクセスすることが可能です。解析したいJavaScriptを開き、コードの左側の部分をクリックすることでブレ

                                      JavaScriptのアンチデバッグ技術をシンプルな発想で回避する方法
                                    • CSS GridをChrome デベロッパーツールで検証、デバッグする方法を解説

                                      Chrome デベロッパーツールでWebページ上のCSS Gridを検証し、レイアウトの問題をデバッグする方法を紹介します。 Chromeの次のアップデートで予定されている機能で、現在はChrome Canaryで利用できます。 Inspect CSS Grid by Jecelyn Yeen 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスの元、翻訳しています。 はじめに Webページ上のCSS Gridを見つける グリッドの表示オプション オーバーレイの表示設定 グリッドのオーバーレイ はじめに このガイドでは、Chrome デベロッパーツールでWebページ上のCSS Gridを検証し、レイアウトの問題をデバッグする方法を解説します。 使用しているCSS Gridのデモページは、下記の2つです。 Fruit box Snack box Webページ

                                        CSS GridをChrome デベロッパーツールで検証、デバッグする方法を解説
                                      • 実例で学ぶ MySQL/MariaDB デバッグ - nayuta-yanagisawa's blog

                                        この記事では、MySQL/MariaDB のバグを修正するための典型的な手順を、具体例を通して解説する。次の MariaDB のバグを例として取り上げるが、基本的なデバッグの手順は MySQL でもまったく同様である。 MDEV-24868: Server crashes in optimize_schema_tables_memory_usage after select from information_schema.innodb_sys_columns なお、MySQL/MariaDB のデバッグ方法についての包括的な解説を与えるのは、この記事のスコープ外である。デバッグ手法の詳細を知りたい場合は、以下の一連の記事を参照してほしい。 Debugging MySQL/MariaDB (1): Build and Test Debugging MySQL/MariaDB (2): DBU

                                          実例で学ぶ MySQL/MariaDB デバッグ - nayuta-yanagisawa's blog
                                        • 【グッバイEclipse】VSCodeでJavaの開発環境を構築するための設定方法【import保管やデバッグ確認まで出来ちゃう】

                                          【グッバイEclipse】VSCodeでJavaの開発環境を構築するための設定方法【import保管やデバッグ確認まで出来ちゃう】

                                            【グッバイEclipse】VSCodeでJavaの開発環境を構築するための設定方法【import保管やデバッグ確認まで出来ちゃう】
                                          • Tailwind CSSの実装やデバッグに便利! 各セレクタに対応したプロパティや値を表示するデベロッパーツールの機能拡張 -Tailwind DX

                                            デベロッパーツールでTailwind CSSの各セレクタに対応したプロパティや値を実装・デバッグできるChromeデベロッパーツールの機能拡張を紹介します。 .m-1や.p-1といったセレクタをはじめ、:smや:lgなどレスポンシブ用のプレフィックスもサポートされています。Tailwind CSSのセレクタは一覧で表示されるので、チートシート代わりにもなる優れものです。

                                              Tailwind CSSの実装やデバッグに便利! 各セレクタに対応したプロパティや値を表示するデベロッパーツールの機能拡張 -Tailwind DX
                                            • Lambdaを使ったサーバレス構成の社内アプリのデバッグのためにX-Rayを使ってみた - KAYAC Engineers' Blog

                                              12月も終盤、2019年も終盤、令和元年も終盤です。みなさんいかがお過ごしですか。ソーシャルゲーム事業部ゲーム技研の谷脇です。 この記事はTech KAYAC Advent Calendar 2019の24日目の記事です。 Migration Trackの方で結構書いたので、こっちは何書こうかなーとなったんですが、あえて小ネタでAWS Lambda使う時のTipsな感じで行きます。 AWS Lambdaのデバッグがしんどい件 僕はサーバレス・コンテナ以前からWebのサーバ開発をやっている人間なもので、動いているやつをダイレクトにソースコードいじってバグを直した経験があります。そこまで野蛮な方法を取らなくても、sshで入ってリクエスト叩きながらログを読んだり、プリントデバッグを仕込むなどの手段を使って、とにかくなんとか直す手段を持っていました。 しかし、コンテナでsshを封じられ、サーバレス

                                                Lambdaを使ったサーバレス構成の社内アプリのデバッグのためにX-Rayを使ってみた - KAYAC Engineers' Blog
                                              • 『コードが動かないので帰れません!』 エラーメッセージの上手な読み方、不具合の原因を見つけるデバッグのやり方が分かる、プログラマー必読の一冊

                                                コードの不具合やエラーは誰もが経験することでしょう。ひょっとするとコードを書いている時間より不具合やエラーに頭を悩ましている時間の方が長いことがあるかもしれません。 エラーメッセージの上手な読み方、不具合の原因を効率的に見つける方法、ツールを活用したデバッグ方法、デバッグしやすいコードの書き方など、動かないコードと悪戦苦闘しているプログラマーにお勧めの解説書を紹介します。 本書は、一昨日発売されたばかり! 著者は『スラスラわかるJavaScript』(Amazonでみる)でお馴染みのお二人。今回は、コードの不具合やエラーの原因をすばやく見つけ、どのように対処したらよいのかを解説したプログラマーにお勧めの一冊です。

                                                  『コードが動かないので帰れません!』 エラーメッセージの上手な読み方、不具合の原因を見つけるデバッグのやり方が分かる、プログラマー必読の一冊
                                                • デバッグの思考法(問題の定義と分析について)

                                                  つまり デバッグは楽しいです。 基本的な考え方を抑えておくことで、 目の前のバグがどんなに複雑でつかみどころがないように見えても 解決に向けて動き出すことができます。 この記事の内容 言語やフレームワークに関係なく、ソフトウェア開発において抑えておくべき(と私が考える) 「デバッグの思考法」をご紹介します。 エンジニアにより執筆されエンジニアによって読まれる記事には デバッグツールの使い方についての解説はあるものの デバッグを進めるときに何を考えて取り組めば良いのか? という根本の考え方に踏み込んだ話はあまり見当たりませんでした。 特にソフトウェア開発においてあまり経験が深くない方にとっては この考え方を知っている(あるいは無自覚に理解している)のと知っていないのとでは「見える世界が全く違う」と思っています。 「自分より優秀な先輩が、自分には思いつかないような箇所に目を付けて 限られた情報

                                                    デバッグの思考法(問題の定義と分析について)
                                                  • もう puts/p をデバッグに使わない! デバッグライブラリ IceCream の Ruby 版 - Qiita

                                                    先日、Python 向けのデバッグライブラリ IceCream が話題になっていました。 Python 以外にもいくつかの言語版があるようですが、残念ながら Ruby 版が無い。というわけで作ってしまいました。 Ricecream (icecream-ruby) はじめに まず、このライブラリはいわゆる「print デバッグ」1の代替となるものです。 そもそも本格的にデバッグを行う場合、print デバッグではなく Byebug 等のデバッガを用いるべきです。 参考:printデバッグにさようなら!Ruby初心者のためのByebugチュートリアル とはいえ print デバッグが非常に手軽なものであることは間違いなく、ちょっとしたデバッグにはいちいちデバッガを使うより print デバッグで済ませてしまうという方も多いでしょう。 しかし print デバッグは手軽な分そのままでは困ることも

                                                      もう puts/p をデバッグに使わない! デバッグライブラリ IceCream の Ruby 版 - Qiita
                                                    • プログラマーの大敵“デバッグ”、AIで自動化へ向けてIntelが研究中 〜Intel、開発部門での研究成果発表イベント「Intel Labs Day 2020」

                                                        プログラマーの大敵“デバッグ”、AIで自動化へ向けてIntelが研究中 〜Intel、開発部門での研究成果発表イベント「Intel Labs Day 2020」
                                                      • ECSとローカル間でファイルをコピーしたり、対話形式でrun-taskやexecできるデバッグ特化のCLIツールを作りました

                                                        はじめに 2021年3月、実行中のコンテナに入ることができる「ECS Exec」がリリースされました。 これがリリースされるまで、ECSでコンテナに入る方法としては、 ECS on EC2 EC2にsshした後にdocker execする ECS on Fargate そもそもできない(Session Managerを使った非公式な方法は除く) といった状況だったため、このリリースでECS(特にFargate)でのデバッグやトラブルシューティングが一気に楽になりました。 ただ、人間欲深い生き物でして、実際にaws ecs execute-commandを使い始めると、今度は、 タスクIDをマネコン等で調べるのが手間なので対話形式で選択したい ECSとローカル間でファイルをコピーしたい(scpしたい) などの欲が新たに発生してしまいます。 「探せばそういうことができるツールがあるんじゃないの

                                                          ECSとローカル間でファイルをコピーしたり、対話形式でrun-taskやexecできるデバッグ特化のCLIツールを作りました
                                                        • ChatGPT君、デバッグもコードレビューもできてしまう件「レビュアーいらず」「中の人いるのでは」

                                                          リンク chat.openai.com ChatGPT A conversational AI system that listens, learns, and challenges 1 user 43

                                                            ChatGPT君、デバッグもコードレビューもできてしまう件「レビュアーいらず」「中の人いるのでは」
                                                          • GitHub、プロンプトでコード生成やデバッグを指示できる「GitHub Copilot Chat」を個人ユーザーにも提供開始

                                                            GitHubはAIにプロンプトでコードの生成や解説、デバッグなどを指示できるCopilot Chatを個人ユーザーにも提供すると発表。これまでは企業向けのみだった。月額10ドルから。 GitHubは、GTP-4ベースのAIを用いた開発支援機能「GitHub Copilot Chat」を個人ユーザーにも提供開始すると発表しました。 NEWS: GitHub Copilot Chat is now available free in public beta as part of your GitHub Copilot for individuals subscription. https://t.co/3edcSIMhpL — GitHub (@github) September 20, 2023 これまでは企業向けの「GitHub Copilot for Business」(月額19ドルから

                                                              GitHub、プロンプトでコード生成やデバッグを指示できる「GitHub Copilot Chat」を個人ユーザーにも提供開始
                                                            • Jupyter対話環境を使ってVS Codeでノートブックのデバッグ

                                                              連載目次 前回はVisual Studio Code(以下、VS Code)でJupyterするための基本について見ました。今回はJupyter拡張機能が提供する対話環境と、それを使ったノートブックのデバッグについて見ていきます。 Jupyter対話環境 Python拡張機能には[Python: REPLを開始]コマンドがあります。これはパネル領域にPythonの対話環境を開くものです。

                                                                Jupyter対話環境を使ってVS Codeでノートブックのデバッグ
                                                              • Visual Studio CodeへのJavaScriptデバッガ統合でブラウザでのデバッグが容易に

                                                                Visual Studio CodeにJavaScriptデバッガが組み込まれたことで、従来Visual Studio CodeでのJavaScriptデバッグで用いられていた、ChromeデバッガまたはMicrosoft Edgeデバッガ拡張機能が不要になる。 さらに、Google ChromeまたはMicrosoft Edgeでプロジェクトをデバッグするには、「F5」キーを押すか、メニューバーのデバッグアイコンをアクティブにして「Run and Debug」を選んでセッションを始められるほか、「Debug: Open Link」コマンドを実行することで、拡張機能をインストールすることなく、Google Chrome、Microsoft Edge、またはNode.jsでのデバッグを選べる。 なお、ブラウザ開発ツールのコンソールと同じように、エディタのデバッグコンソールからブラウザのドキュ

                                                                  Visual Studio CodeへのJavaScriptデバッガ統合でブラウザでのデバッグが容易に
                                                                • 「node.jsにtextlintをインストールして」「ルールをtypescriptで記述して」「VSCode上でステップ実行でデバッグしたい」をする - 土屋つかさの技術ブログは今か無しか

                                                                  近年の大規模プログラム開発環境では、ソースコードを共有する前にlinterと呼ばれるツールを使ってコード検証をするのが一般的です。linterでは決められたコーディングルールに沿っているかについて、コンパイラよりも厳格なチェックを行い、場合によっては自動的に修正してくれます。ちなみに「linter」という名称はUNIXのlintコマンドから来ていて、"lint trap(洗濯機に取り付けてある「糸くず("lint")取り」の事)"に由来しているそうです*1。 github.com textlintは、自然言語で書かれたテキスト用のlinterとして提供されているツールです*2。提供されている様々なルールを組み合わせて、テキストを検証する事が出来ます。 textlintはnode.js上で動くjavascriptのアプリで、独自のルールを作成してツールに組み込む事も出来ます。新規作成をサポー

                                                                    「node.jsにtextlintをインストールして」「ルールをtypescriptで記述して」「VSCode上でステップ実行でデバッグしたい」をする - 土屋つかさの技術ブログは今か無しか
                                                                  • ftrace を使ったコンテナ内デバッグの準備/container-debug-using-ftrace

                                                                    Embedded Container Runtime Updates - The container performance issues caused by the cgroup

                                                                      ftrace を使ったコンテナ内デバッグの準備/container-debug-using-ftrace
                                                                    • [サーバーサイドAPIデバッグ術]ブラウザのリクエストを簡単にリトライしてサーバーの挙動を見る方法 - Qiita

                                                                      APIの開発してますか?挙動の確認を見る時どうしてますか? curlを手書きしている?パラメータがないリクエストなら手軽で良いですね。 Postmanのようなツールを使っている?素晴らしい! ブラウザで実際に画面を表示している?うーん…それって繰り返したいとき大変なんじゃ…… とはいえ、ブラウザで実際に画面を表示すると、パラメータの組み立てが非常に楽というメリットがあります。 認証情報付きリクエストとか組み立てるの大変ですもんね。 ここで、ブラウザのリクエストをそのまま繰り返したり、ちょっとだけパラメータを組み替えられたら便利だと思いませんか? 今回はそんな方法を紹介します。 cURLでコピーしてリトライする Chromeの開発者ツール(Windows F12、Mac Cmd + Opt + I)を開いてネットワークタブを開いてください。 この状態で目的のページを開いてください。 Pres

                                                                        [サーバーサイドAPIデバッグ術]ブラウザのリクエストを簡単にリトライしてサーバーの挙動を見る方法 - Qiita
                                                                      • 無償デスクトップ自動化ツール「Power Automate Desktop」のブロックエラー処理とデバッグ

                                                                        ブロックエラーの発生時にロジックエラーをキャッチする エラー発生時、時間が経つことでエラー原因が解決する場合は、再試行を選択することもできますが、そうでない場合は、同じことを繰り返しても同じエラーになってしまいます。 [ブロックエラーの発生時]アクションを利用すると、エラーの発生時に該当アクションの前後のアクションをまとめたブロックの先頭や末尾にジャンプする[例外処理モード]も作成できます。また、特定のアクションに対してではなく起こりうるロジックエラー(0除算など)に対してもエラー処理を指定することができます。 たとえば以下は、ユーザーが2つの数を入力した後、その2つの数で割り算をするフローです。 [1]新しいフローを作成する Power Automate for desktopを開きます。トップ画面から[+新しいフロー]をクリックして、適当な名前で新規のフローを作成します。 [2]ブロッ

                                                                          無償デスクトップ自動化ツール「Power Automate Desktop」のブロックエラー処理とデバッグ
                                                                        • スクロールをトリガーにしたCSSアニメーションを視覚化し、デバッグが簡単にできるデベロッパーツールの機能拡張 -Scroll-Driven Animations Debugger

                                                                          スクロールをトリガーにしたCSSアニメーションは、どのようにデバッグしていますか? ブラウザの枠内で完結するアニメーションであれば、ブラウザ上ですべての挙動を確認できますが、枠外で開始や終了するアニメーションだと確認できません。 スクロールをトリガーにしたCSSアニメーションを視覚化し、デバッグが簡単にできるデベロッパーツールの機能拡張がリリースされたので、紹介します。 参考: Scroll-Driven Animations Debugger by Bramus! 記事の掲載にあたり、元サイト様にライセンスを得ています。 まずは、さっそく機能拡張のインストールから。 下記のページにChromeでアクセスし、「Chromeに追加」をクリックするだけです。起動方法や使い方は後述します。 Scroll-Driven Animations Debugger -Chrome ウェブストア この機能

                                                                            スクロールをトリガーにしたCSSアニメーションを視覚化し、デバッグが簡単にできるデベロッパーツールの機能拡張 -Scroll-Driven Animations Debugger
                                                                          • [アップデート] デバッグ作業が捗る!AWS CodeBuild で一時停止およびセッションマネージャによるビルドコンテナへのログインが可能となりました! | DevelopersIO

                                                                            本日のアップデートで、CodeBuild において一時停止および、AWS Systems Manager セッションマネージャー(以下、セッションマネージャー)でのビルドコンテナへのログインがサポートされました! AWS CodeBuild now supports accessing Build Environments with AWS Session Manager 何がうれしいのか これまで CodeBuild でビルド実行中のコンテナにログインする手段は提供されていなかったため、例えばビルドがうまく走らない場合のデバッグを行うには、CloudWatch Logs などのログに一旦出力したうえで探る必要がありました。 状態確認のためのコマンドを buildspec.yml に追加して、再ビルドして、ログを確認しようとしたけど「思てたんとちがーう!」内容しか表示されていなかったので、

                                                                              [アップデート] デバッグ作業が捗る!AWS CodeBuild で一時停止およびセッションマネージャによるビルドコンテナへのログインが可能となりました! | DevelopersIO
                                                                            • JVNVU#90274525: バッファロー製の複数のネットワーク機器においてデバッグ機能を有効化される問題

                                                                              バッファロー製の複数のネットワーク機器には、隣接するネットワーク上の第三者によりデバッグ機能を有効化される問題が存在します。 BHR-4RV ファームウェア Ver.2.55 およびそれ以前 FS-G54 ファームウェア Ver.2.04 およびそれ以前 WBR2-B11 ファームウェア Ver.2.32 およびそれ以前 WBR2-G54 ファームウェア Ver.2.32 およびそれ以前 WBR2-G54-KD ファームウェア Ver.2.32 およびそれ以前 WBR-B11 ファームウェア Ver.2.23 およびそれ以前 WBR-G54 ファームウェア Ver.2.23 およびそれ以前 WBR-G54L ファームウェア Ver.2.20 およびそれ以前 WHR2-A54G54 ファームウェア Ver.2.25 およびそれ以前 WHR2-G54 ファームウェア Ver.2.23 およびそ

                                                                              • JavaScriptのデバッグについて | 晴笑雨笑ぶろぐ

                                                                                JavaScriptをデバッグする際に、よく使う機能のみに重点を当てて説明します。 その他、色々なデバッグ方法やツール・機能がありますが、当ブログは駆け出しエンジニアさん向けであるため、ご了承ください。 まずはサンプル用のHTMLとJavaScriptを用意しますね。 <html> <head> <script src="./js/test.js"></script> </head> <body> <input type="text" id="name1" name="name1" value="" /><br/> <input type="text" id="name2" name="name2" value="" /><br/> <button onclick="hello()">挨拶する!</button><br/> <div id="out"></div> </body> </ht

                                                                                  JavaScriptのデバッグについて | 晴笑雨笑ぶろぐ
                                                                                • printデバッグに絵文字を使うと捗る話 - Magnolia Tech

                                                                                  雑にprintデバッグしたい時、👺を使うと、赤くて目立ちます あと、目線が有るんで、「あ、ここを見るのね」ってわかって便利です(なにが?)— magnoliak🍧 (@magnolia_k_) 2022年3月21日 というツイートをしたら意外と反応が多かったので、ブログのエントリとして残しておきます。 printデバッグの時は冒頭に内容を示す文字列を書いておくと思いますが、その時に冒頭に「👺」を差し込んでおくと赤くて目立つし、珍しく横を向いてる絵文字なので、「ここから先を見ろ」って分かりやすい。 あとまず普通出てこないので、検索し易い。 macOS だと「おに」の変換で出てくるのでタイプ数も少ないし。 ちなみに👺はUnicode上ではgoblinという名称だけど、Tenguじゃダメだったのかな… iOSの鬼の絵文字も👹ちょっとイメージ違うしなぁ https://t.co/BcX4

                                                                                    printデバッグに絵文字を使うと捗る話 - Magnolia Tech