Chrome 95のデベロッパーツールの新機能が便利！vh, vw, rem, emなど、CSSの単位を簡単にオーサリング

2021/10/25 15 users rem デベロッパーツール オーサリング Flexbox 単位

先週リリースされたChrome 95のデベロッパーツールに搭載された新機能が便利なので、紹介します。 最近の新機能だと、Flexboxのデバッグツール（紹介記事）やCSS Gridのデバッグツール（紹介記事）などがありますが、Chrome 95ではCSSの単位（vh, vw, rem, emなど）を簡単にオーサリングできるようになりました。 New CS... 続きを読む

Chrome 91でデベロッパーツールがさらに便利に！スクロールスナップの実装と検証が簡単になりました | コリス

2021/05/28 12 users デベロッパーツール コリス Flexbox 実装 検証

25日にリリースされたChrome 91のデベロッパーツールに、CSSの実装に役立つツールが搭載されました。Chrome 90ではFlexboxのデバッグツールが搭載され、今回のChrome 91ではスクロールスナップ（scroll-snap-typeプロパティ）の配置が可視化できるようになり、実装と検証に役立ちます。 参考: What's New In DevTools (C... 続きを読む

【Android】FlipperのCustomPluginを作成してデバッグ効率を改善する - Mirrativ tech blog

2021/02/24 22 users Flipper デスクトップアプリケーション デバッグ効率

Mirrativ Androidエンジニアのmorizoooです。MirrativではデバッグツールとしてFlipperを使っています。Flipperはモバイルアプリデバッグのためのデスクトップアプリケーションで、アプリ内のデータの整形や可視化を行うことができます。また、Flipperはネットワークの通信状況を確認するNetworkPluginなど、標準でいく... 続きを読む

Chrome・Safari・Firefoxで比較！クリエイティブ表現のレベルアップに使える最新ブラウザの開発者機能（前編） - ICS MEDIA

2020/11/19 13 users ICS MEDIA クリエイティブ表現 前編 比較 CSS

Chrome・Safari・Firefoxで比較 クリエイティブ表現のレベルアップに使える最新ブラウザの開発者機能（前編） 開発者ツールというと「CSSやJavaScriptを調査・デバッグするもの」というイメージを持たれがちです。 しかし、近年のモダンブラウザーの開発者ツールは、単なるデバッグツールにとどまらないさまざまな機能を... 続きを読む

Ruby でデバッグする ruby_jard というツールが凄まじくすごい - Secret Garden(Instrumental)

2020/08/11 146 users Instrumental ruby_jard Ruby

今日 Ruby Hacking Challenge in Hamada.rb に参加したときに ruby_jard という Ruby のデバッグツールを教えてもらいました。 これがかなり凄まじくすごかったのでちょっとまとめてみます。 ruby_jard とは ruby_jard とは Ruby のコードをデバッグするツールになります。 ruby_jard | Just another ruby debugger. Pro... 続きを読む

iOS GraphQL クライアントのデバッグツールを作った話 - Quipper Product Team Blog

2019/08/13 37 users Apollo Quipper GraphQL デバッグ コード

こんにちは、今年の4月から Quipper の iOS エンジニアになった @manicmaniac です。 ちょっと話題としてはニッチかもしれないのですが、今日は Apollo iOS client を利用したアプリで GraphQL のデバッグに苦労し、そしてコードを書いてそれを克服した話をします。 そもそも GraphQL とか Apollo ってなに？ GraphQL と... 続きを読む

【Android】デバッグツールを変更して開発体験を向上する - Mirrativ tech blog

2019/06/05 30 users Flipper Facebook morizooo 事例

Mirrativ Androidエンジニアのmorizoooです。 今回は Mirrativ Androidアプリにおいてデバッグ用のツールをStethoからFlipperに変更して開発体験が向上した事例を紹介します。 Stethoとは Facebookが開発したネットワーク通信デバッグ用のブリッジライブラリで、 Chrome Developer Toolsを使ってネットワーク通信/Prefer... 続きを読む

【Python】もうprintデバッグはいらない / PySnoozerで楽々デバッキング - フリーランチ食べたい

2019/04/28 541 users printデバッグ Python reddit デバッグ 一言

Hacker NewsとRedditでバズっていたPythonのデバッグツールが便利だったので紹介です！ PySnoozerというライブラリです。 Hacker News - PySnooper: Never use print for debugging again Reddit - PySnooper: Never use print for debugging again 何ができるライブラリか 一言で言うと「デバッグがめちゃくちゃ簡単に... 続きを読む

Dart製UIツール「Flutter 1.2」正式リリース。Webベースのデバッグツール「Dart DevTools」登場 － Publickey

2019/03/03 36 users ウィジェット SDK 外観 性能 品質

Flutter 1.2では、同時期に発表されたDart 2.2のSDKをサポート。さらにFlutter自身も主に下記の3つの改善が行われています。 コアフレームワークにおける安定性、性能と品質の改善 ウィジェットの外観および機能の改善 Flutterアプリケーション対応のWebベースツール「Dart DevTools」 今回最も大きなアップデートは、3... 続きを読む

Laravelのデバッグツール、Laravel Telescopeを試した - Innovator Japan Engineers’ Blog

2018/10/29 31 users Stable Laravel beta DBクエリ 例外

先日、Laravel Telescope のBetaがリリースされました。 これを書いている時点でのstableは0.1.3ですが、1.0ブランチが進行中です。 Laravel TelescopeはLaravelオーガニゼーション謹製のデバッグツールで、リクエストや例外、ログ、DBクエリなど多くのものを監視して表示することができます。 Laravelのデバッグツール... 続きを読む

あの硬派な「WinDbg」がモダンなデザインに、プレビュー版が“ストア”公開へ - 窓の杜

2017/08/28 20 users 硬派 樽井 プレビュー版 リリ インターフェイス

ニュース あの硬派な「WinDbg」がモダンなデザインに、プレビュー版が“ストア”公開へ “リボン”インターフェイスやダークモードを追加。機能面での改善も多数 樽井 秀人 2017年8月29日 08:52 新しい「WinDbg」のプレビュー版が“ストア”公開へ 　米Microsoft Corporationは28日（現地時間）、デバッグツール「WinDbg」を刷新し、プレビュー版を“ストア”でリリ... 続きを読む

Chrome DevToolsを使いこなそう！ Web開発に必須なブラウザ開発ツールによるデバッグの基本 - エンジニアHub｜若手Webエンジニアのキャリアを考える！

2017/05/30 1245 users デバッグ エンジニアHub 必須 若手Webエンジニア 基本

2017 - 05 - 30 Chrome DevToolsを使いこなそう！ Web開発に必須なブラウザ開発ツールによるデバッグの基本 開発者ツール（DevTools）とは、ブラウザに搭載されているデバッグツールです。多岐にわたる技術の集合体であるWebページやWebアプリケーション、いわゆるフロントエンドの開発において、なくてはならないツールです。 DevTools JaveScript Twe... 続きを読む

iOS,Androidアプリのデバッグツール・サービス | Growth Debug

2013/10/10 43 users iOS デバッグ Growth Debug コスト削減 品質

Growth Debugは、iOS,Androidアプリのデバッグツール。ソーシャルゲームなどのスマートフォンアプリのデバッグコスト削減・品質の向上を実現。Windows,Mac,iOS,Androidに対応。スマホアプリのデバッグに、 今までにない効率化を。 グロースデバッグとは、iOS/Androidアプリのデバッグツールで、 デバッグのコスト削減・品質の向上を実現します。 グロースデバッグが... 続きを読む

Microsoft、デバッグツール「DebugDiag 2.0」を公開 - 窓の杜

2013/10/08 120 users Microsoft 解析エンジン 現地時間 最新版 公開

ニュース Microsoft、デバッグツール「DebugDiag 2.0」を公開 解析エンジンが.NET Frameworkベースに （2013/10/8 15:58） 「DebugDiag 2.0 Collection」 米Microsoft Corporationは3日（現地時間）、デバッグツール「Debug Diagnostic Tool（DebugDiag）」の最新版「DebugDiag ... 続きを読む

おすすめ！サーバサイドのログをGoogle Chromeのデバッグツールで確認「Chrome Logger」|オープンソース・ソフトウェア、ITニュースを毎日紹介するエンジニア、デザイナー向けブログ

2013/04/25 109 users クライアントサイド コンソール サーバサイド Ruby PHP

Chrome LoggerはPython/PHP/Ruby/node.jsに対応したGoogle Chromeでサーバサイドのログが表示できるChrome機能拡張です。Google Chromeを使ってWebシステムを開発している時に、サーバサイドはログを見て、JavaScriptなどのクライアントサイドはコンソールを見ます。しかしこれでは面倒、という人にお勧めしたいのがChrome Logger... 続きを読む

「ノンプログラマのためのJavaScriptはじめの一歩」の1章が公開されました - Webtech Walker

2012/10/31 375 users ノンプログラマ Webtech Walker 1章 一歩 技評

11/7発売予定の書籍「ノンプログラマのためのJavaScriptはじめの一歩」のはじめにと1章が先行して技評のWebサイトで公開されました。 はじめに 1章 1章はイントロ的なところで、JavaScriptを学ぶ前にJavaScriptの動かし方やデバッグツールの使い方について解説しています。 また、本書籍の2章以降で解説するスライドショーのサンプルプログラムも1章で登場するため公開されています... 続きを読む

JavaScriptがっつりなエンジニアさんに質問です。オーサリングツールは何を使用されていますか？Eclipse,Aptana,FlashDevelopなどなどコードヒントやデバッグツールが強力なやつ、おすすめツール

2012/08/03 13 users オーサリングツール コードヒント ヤツ 連携ツール 質問

JavaScriptがっつりなエンジニアさんに質問です。オーサリングツールは何を使用されていますか？Eclipse,Aptana,FlashDevelopなどなどコードヒントやデバッグツールが強力なやつ、おすすめツールや連携ツール教えていただきたいです。 続きを読む

今すぐ確認した方が良い – FacebookのOGPがきちんと設定できているか調べる方法 | Last Day. jp

2012/04/18 57 users Facebook OGP Last Day. jp ウォール

フェイスブック大好き@sayobsです。皆さんFacebookのOGPはきちんと設定できてますでしょうか? OGPがきちんと設定出来てないとせっかく友達があなたの記事に「いいね!」をしてくれても友達のウォールにあなたの記事が表示されません。今日はOGPがきちんと設定されているか確認する方法を紹介します。 「URLリンター」 facebook公式のデバッグツールです。ここに自分のブログ・ウェブサイト... 続きを読む

iPad 3はLTE、そしてA6のクアッドコアかも。デバッグツールからスペックが確認された！ : ギズモード・ジャパン

2012/02/02 16 users iPhone iBoot クアッドコア LTE ギズモード

iPad , iPad/iPod/iPhone/iTunes iPad 3はLTE、そしてA6のクアッドコアかも。デバッグツールからスペックが確認された！ 2012.02.02 12:35 [0] [0] Tweet Check 公式発表はやく！ iBootとよばれる開発ツールの中から「iPad 3」の文字が確認されたそうです。画像からわかることは、iPad 3は2モデルあり、片方はWi-Fiモデ... 続きを読む

スマフォ上で動くブラウザベースアプリ開発に役立ちそうなデバッグツール「Socketbug」:phpspot開発日誌

2011/07/04 83 users モバイルブラウザ Socketbug Safari エラー

Socketbug - Mobile Web Application Debugging スマフォ上で動くブラウザベースアプリ開発に役立ちそうなデバッグツール「Socketbug」。 モバイルブラウザで動くことを想定してSafariなどで作っても若干挙動がおかしくなることがあったりします。 Socketbugを使えば、スマートフォンで動いているエラーをそのままキャッチしたり、JSコードを送信してス... 続きを読む

RemixのためのWEBページ構造化とDomインスペクタ：Goodpic

2005/05/22 28 users Tidy Goodpic Remix エレメント divタグ

TidyとGreacemonkeyは、WEBページのデバックツールとして強力なFirefoxの拡張機能ですが、FireFoxには最初からDomインスペクタという機能が入っています。 Domインスペクタを使うと、WEBページのHTMLマークアップの構造をディレクトリ・ツリーのように表示して、しかもdivタグなどのエレメントを選択すると、WEBページ内で、そのエレメントがどこにあたるのか、ブラウザ画面... 続きを読む