Goのライブラリのバグを見つけてから直すまで layerx.go#0
layerx.go #0 概要 LayerXでは、バクラク事業部で開発・運用しているバクラクをはじめ、ほか事業部が開発しているほとんどのサービスでGo言語を利用しています。また、2023年の夏頃からは「Go 読書会」を社内の有志にて開催しており、組織横断的にGoの知見を交換しています。 本イベント「layerx.go」では、LayerXのGo言語の"実践的な"活用事例を共有するだけでなく、社外の方からの知見も積極的に取り入れる場として位置付けています。LayerXの行動指針"Bet Technology"と"徳"の観点から、本イベントを継続的に開催することでGo言語の裾野を広げていきたいと考えています。 初回のテーマは「Goの情報収集や知見の共有活動 / Goのプロダクトコードのキャッチアップ」です！ https://layerx.connpass.com/event/317228/
ソースマップを使用してデプロイするのではなく、オリジナル コードをデバッグする | DevTools | Chrome for Developers
クライアント側のコードは、結合、圧縮、コンパイルした後でも、可読性とデバッグ可能な状態を維持してください。ソースマップを使用すると、[ソース] パネルでソースコードをコンパイル済みコードにマッピングできます。 プリプロセッサのスタートガイド プリプロセッサのソースマップにより、DevTools は圧縮されたファイルに加えて元のファイルも読み込みます。 圧縮されたコードは Chrome によって実行されますが、[Sources] パネルには作成したコードが表示されます。 ソースファイルにブレークポイントを設定し、コードをステップスルーすることができ、すべてのエラー、ログ、ブレークポイントが自動的にマッピングされます。 これにより、開発サーバーから提供され、ブラウザで実行されるコードではなく、記述したコードをデバッグしているように見えます。 [ソース] パネルでソースマップを使用するには: ソ
Chrome113でHTTPヘッダを上書きしていろんな状態をお試しできる - hogashi.*
Chrome 113 で、 DevTools の Network ペインで HTTP ヘッダを好きなように編集して、いろんな状態をお試しできるようになっている。 What's New in DevTools (Chrome 113) - Chrome Developers で紹介されている。 GitHub から example.com を fetch してみる GitHub の CSP ヘッダを上書き example.com の CORS のヘッダを上書き 途中で指定したフォルダの中身は何？ 上書きをやめるには？ 感想 GitHub から example.com を fetch してみる 試しに、 CSP で外部への通信がそれなりに制限されている GitHub から、 example.com への fetch を成功させてみる (外部サイトへの通信は、認証情報や秘密の情報の漏洩などに気をつ
特定の端末のみで起こる WebView プチフリーズを Tracing を利用して追った話 - SmartNews Engineering Blog
こんにちは、スマートニュース株式会社の紀平です。 SmartNews のアプリ内では、最近 WebView を使った機能を多数公開しております。そのうちの一つにショッピングチャンネルという機能があるのですが、今日はそのショッピングチャンネルのタイムセール枠で以前発生した、謎のプチフリーズ問題の調査手法をご紹介します。 tl;dr 特定の Android 端末でプチフリーズが発生した 再描画領域を減らすことで現象は改善した Chrome の Tracing 機能を利用し、ブラウザのソースコードまで参照して、ついに根本原因まで突き止めた タイムセールで起こった問題 タイムセールは、SmartNews のショッピングチャンネル内において WebView で提供されている、期間限定のお得な商品をアグリゲーションした機能です。EC サイト各社のご協力の上にご提供しております。内部は HTML5 で開
Modern web debugging in Chrome DevTools | Blog | Chrome for Developers
Introduction Today, authors can use many abstractions to build their Web applications. Instead of directly interfacing with the lower-level APIs that the Web Platform provides, many authors leverage frameworks, build tools and compilers to write their applications from a higher-level perspective. For example, components built on top of the Angular framework are authored in TypeScript with HTML tem
ウェブ制作にはWebStormがお勧め！ 使いこなせば操作が爆速になる機能のまとめ - ICS MEDIA
みなさんはウェブサイト制作で、どのテキストエディターを使用していますか？ 弊社ではHTMLやCSS、JavaScriptを扱うウェブ制作ソフトとして「WebStorm（ウェブストーム）」を全スタッフが利用しています。WebStormは有料のソフトウェアですが、日本語に対応しており、ウェブ制作に役立つ機能が豊富に搭載されていて値段以上の価値があります。 今回はWebStormの魅力について、「WebStormの概要」、「ウェブ制作に便利な使い方」、「コードリーディングに重宝する機能」、「コーディングの助けになる機能」の4点から紹介します。 ※本記事はWebStormの内容ですが、開発元のJetBrains社が提供しているIntelliJ IDEAやPhpStorm、その他のIDE（統合開発ソフト）で同様のショートカットや機能を使用できます。 本記事は初心者向けの内容ですが、続編記事「使用歴5
ChromeのデベロッパーツールでJSをデバッグする方法(2022年版) - ICS MEDIA
JavaScriptのデバッグは、ウェブ開発の必須スキルのひとつです。プログラムの実行をデバッグすることで、現在の変数の値や、処理がどのように進んでいるのかを確認できます。デバッグによってプログラムが意図した動作になっているかの分析に役立てられます。 本記事ではGoogle Chromeブラウザーの「Chrome Developer Tools」（以下「デベロッパーツール」、「DevToolsデブ・ツールズ」という略称もあります）を使用してJavaScriptをデバッグする際の基本的な使い方を解説します。「今までデベロッパーツールを使ったことのない」という方でもこの記事を読めば理解できるよう、チュートリアル形式になっています。20分ほどで理解できるようまとめているので、順番に試しながら読み進めてください。 この記事で学べること デベロッパーツールの使い方 JavaScriptのブレークポイ
log = console.log;はなぜダメなのか - Panda Noir
本記事ではNodeJSのコードを検証しています。ChromeやSafariなどブラウザによっては実装が異なる可能性があります。 consoleのソースコードを読む GitHub上に上がっています。node/lib/console.js ここの以下のコードがポイントとなります。 Console.prototype.log = function log(...args) { write(this._ignoreErrors, this._stdout, // The performance of .apply and the spread operator seems on par in V8 // 6.3 but the spread operator, unlike .apply(), pushes the elements // onto the stack. That is, it m
Chrome DevTools Console で使える便利なコマンド
はじめに この記事は #EveOneZenn (Everyday One Zenn) vol.03 です。 今回は Chrome DevTools の Console で使用できるコマンド（ Utilities API ）についてまとめます。 なお、紹介するコマンドはすべて、 Console パネルから実行した場合のみ使用できます。 前回： 参照系 $_ $_ は Console パネル上で直近に実行された処理の結果を参照します。 これを活用すると、Promise を返した関数を await させることができます。 $0 - $4 $0 は Elements パネル上でアクティブな要素を参照します。 Elements パネル上で == $0 と表示されている要素が $0 で参照できる要素です。 また、$1・$2・$3・$4 で直近で選択していた要素を参照できます。 $(selector,
JavaScript debugging reference | DevTools | Chrome for Developers
Discover new debugging workflows with this comprehensive reference of Chrome DevTools debugging features. See Get Started With Debugging JavaScript In Chrome DevTools to learn the basics of debugging. Pause code with breakpoints Set a breakpoint so that you can pause your code in the middle of its execution. To learn how to set breakpoints, see Pause Your Code With Breakpoints. Check values when p
Laravelで気持ちよく開発をするための拡張機能のまとめ - Qiita
始めに 今までNet Beans使っていたのですが、メモリの消費量の多さが気になったのとBladeの補完が全く効かない事を課題に感じたのでVisual Studio Code(以下、VSCode)に乗換えています。 基本的に何もなくても使えはするのですが、Laravelを使う事が多いので、特化した環境を作ってみました。 インストールした拡張 PHP関連 PHP Debug 言わずと知れたPHPをデバッグする為のツール。実行中の変数の内容が見えたり、ステップ実行が出来るので、快適に開発をする上では必須ではないでしょうか。 こちらの設定については、色々な方が情報を挙げているので割愛します。 PHP Intelephense 有名なのは、php-intellisense(参考サイト)ですが、私はPHP Intelephense(参考サイト)を使っています。 こちらの方が候補の精度が高く、表示まで
Node.jsアプリケーションを、Google ChromeのDevToolsでデバッグする - CLOVER🍀
Node.jsを使って書かれたアプリケーションをデバッグするにはどうするのがいいのかちょっと調べていたのですが、 今はGoogle ChromeのDevToolsを使うのが良いみたいですね。 Debugger | Node.js v9.5.0 Documentation Debugger / V8 Inspector Integration for Node.js こちらを使うと、Chrome Debugging Protocolを使ってデバッグが可能になるようです。 Chrome DevTools Protocol Viewer Node.jsのv8以降であれば標準で、それ以前だとexperimental feature扱いだったみたいですね。 Node.jsのデバッグは、Node.js組み込みのデバッガーやnode-inspect、Visual Studio Codeあたりが有名なよう
These Weeks in Firefox: Issue 54 – Firefox Nightly News
We have added support for blocking known fingerprinters and cryptominers with content blocking! This is currently enabled in Nightly. Lots of DevTools goodies this week! In the DevTools Debugger, the XHR breakpoint type (ANY, GET, PUT, POST, etc.) can be now specified through new UI. This was done by a volunteer contributor, Jaril! Log points UX has been improved (including syntax highlighting, c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ベテランのバグ調査の秘訣、こっそり教えちゃいます
DevTools Tips | Chrome for Developers
overflow-block - CSS: Cascading Style Sheets | MDN
Microsoft、「TypeScript」高速化のために開発した「Deopt Explorer」を一般提供／「V8」の内部構造を理解している上級ユーザー向けの「Visual Studio Code」拡張機能
GitHub - microsoft/vscode-chrome-debug: Debug your JavaScript code running in Google Chrome from VS Code.
SadServers - Linux & DevOps Troubleshooting Interviews
AWS X-Ray