はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ 開発者ツール

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 25 / 26件)

「Copilot in Edge」が開発者ツールと連携、AIがエラーの内容やコードの意味を解説/「Edge 120」から実験搭載

2023/12/18 このエントリーをはてなブックマークに追加 6 users Instapaper Pocket Tweet Facebook Share Evernote Clip Edge エラー 実験 連携 コード

続きを読む

Googleの新AI「Gemini Pro」がAPI経由で提供 ~無料で1分あたり60リクエストまで利用可能/Webベースの開発者ツール「Google AI Studio」も

2023/12/14 このエントリーをはてなブックマークに追加 83 users Instapaper Pocket Tweet Facebook Share Evernote Clip api経由 Gemini Pro Webベース Google

続きを読む

ブラウザ上でデバッグするときに使えるテクニック

2023/11/18 このエントリーをはてなブックマークに追加 358 users Instapaper Pocket Tweet Facebook Share Evernote Clip テクニック ブラウザ上 デバッグ Netflix パク

ウェブ上でJavaScriptを実行してバグが発生した場合、ブラウザに内蔵されている開発者ツールを使ってデバッグすることがよくあります。そうしたブラウザでのデバッグにおいて役立つテクニックをNetflixでフロントエンドの開発に携わっているアラン・ノルバウアーさんがまとめています。 67 Weird Debugging Tricks Your ... 続きを読む

Discordアプリの開発者ツールを起動して有料機能を無料ユーザーでも使えるようにする方法が発見されてしまう

2023/08/23 このエントリーをはてなブックマークに追加 9 users Instapaper Pocket Tweet Facebook Share Evernote Clip 有料機能 無料ユーザー 方法

Discordには有料プラン「Nitro」が存在しており、Nitro加入者は「高解像度でのライブ配信」「アプリのプレミアムテーマ」といった加入者限定機能を利用できます。これらのNitro加入者限定機能を非加入者でも利用可能になる手法がハッカーのヴェダード氏によって発見されました。 Unlocking Discord Nitro Features for F... 続きを読む

GitHubのコード表示部分はtextareaとbefore疑似要素でできている - hogashi.*

2023/04/10 このエントリーをはてなブックマークに追加 55 users Instapaper Pocket Tweet Facebook Share Evernote Clip textarea シンタックスハイライト GitHub 目次

ここのことです*1。 真ん中のカラムがコードの表示 (開発者ツールで見ると textarea にコードが入っている 目次 目次 シンタックスハイライトはどうしているのか? 上に表示されている div ならその文字もマウスカーソルで選択できるはずでは? なぜこうしたのか? 困ることはないのか? たしかこないだまでは普通に div... 続きを読む

「Microsoft Edge」開発者ツールの3Dビューツールが強化/HTML構造の立体表示、Zオーダーだけでなく、合成レイヤーの情報まで取得可能に

2022/06/22 このエントリーをはてなブックマークに追加 21 users Instapaper Pocket Tweet Facebook Share Evernote Clip HTML構造 Microsoft Edge 強化 立体表示

続きを読む

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

2020/11/19 このエントリーをはてなブックマークに追加 13 users Instapaper Pocket Tweet Facebook Share Evernote Clip ICS MEDIA クリエイティブ表現 前編 比較 CSS

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

Google Chrome 87正式版リリース、ウェブカメラを操作するAPIが搭載される - GIGAZINE

2020/11/17 このエントリーをはてなブックマークに追加 14 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE ウェブカメラ API Chrome上 ほか

ウェブブラウザ「Google Chrome」の最新安定版であるバージョン87.0.4280.66がリリースされました。PCに接続されているウェブカメラをChrome上で操作可能になったほか、開発者ツールが便利になるアップデートが行われています。 New in Chrome 87  |  Web  |  Google Developers https://developers.google.com/web/upda... 続きを読む

コンテナ仮想化のDockerがAWSと提携しワークフローを改善 | TechCrunch Japan

2020/07/10 このエントリーをはてなブックマークに追加 9 users Instapaper Pocket Tweet Facebook Share Evernote Clip Docker プロセ ワークフロー AWS ECS

DockerとAWSは米国時間8月9日、DockerのComposeとDesktopの開発者ツール、およびAWSのElastic Container Service(ECS)とECS on AWS Fargateの深い統合を発表した。これまでComposeファイルを取り込んでECS上で実行するワークフローは、開発者にとって困難なことが多かったと両社は指摘している。今回両社はこのプロセ... 続きを読む

パスワード生成機能搭載内蔵の「Firefox 70」正式版リリース、開発者ツールの機能も強化 - GIGAZINE

2019/10/23 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE Firefox ウェブブラウザ en-us

ウェブブラウザ「Firefox 70」の正式版が公開されました。パスワードを自動で生成してくれる機能が搭載されたほか、CSSのプロパティ追加や、開発者ツールの使い勝手向上などのアップデートが含まれています。 Firefox 70.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/firefox/70.0/releas... 続きを読む

開発者ツールで使える便利なcopy関数 | WEB EGG

2019/09/14 このエントリーをはてなブックマークに追加 36 users Instapaper Pocket Tweet Facebook Share Evernote Clip Safari Firefox 関数 Chrome 文字列

こんにちは。開発者ツールネタです。 ChromeでもFirefoxでもSafariでも使える便利な関数が色々あります。 その中の1つcopy関数について紹介したいと思います。 copy関数とは? クリップボードに渡した文字列をコピーする関数です。 開発者ツールを起動し、コンソールタブを開く。 と実行した後にペーストしてみてくださ... 続きを読む

「VS Code」を「Edge」の開発者ツールに接続する拡張機能 ~Microsoftが無償公開 - 窓の杜

2019/07/03 このエントリーをはてなブックマークに追加 21 users Instapaper Pocket Tweet Facebook Share Evernote Clip Edge Microsoft VS Code 拡張機能

続きを読む

「GitHub Actions」は、開発者に直接パワーを与える自動化ツール:ちょっとした面倒を解決 - @IT

2018/10/22 このエントリーをはてなブックマークに追加 40 users Instapaper Pocket Tweet Facebook Share Evernote Clip GitHub Actions 面倒 GitHub パワー 解決

GitHubが2018年10月中旬に「GitHub Universe」で発表したGitHub Actionsは、瓶に入れる砂のようなものだと、同社のエコシステムエンジニアリング担当ディレクター、カイル・ダイグル氏は表現する。 「瓶の中には、幾つかの大きな石が入っている。石の一つ一つは開発者ツール、CIツール、クラウドなどだ。このビンに入れ... 続きを読む

Chromeの開発者ツールを使って特定のDOM要素だけスクリーンショットする方法

2018/07/27 このエントリーをはてなブックマークに追加 55 users Instapaper Pocket Tweet Facebook Share Evernote Clip DOM要素 Chrome スクリーン 特定 Qiita

特定のDOM要素のみスクショする機能がChromeにあるってことをさっき知りました。 大変便利だったので書き留めます。 元ネタ: Chrome DevTools: Capture the screenshot of a specific element /dev tips 特定DOM要素をスクショする方法 例えばQiitaのあるコードブロックだけ撮影したいとします。 Command + Shift + i で... 続きを読む

Microsoft、「Edge DevTools」をプレビュー公開 ~「Edge」の開発者ツールが単体動作 - 窓の杜

2018/04/27 このエントリーをはてなブックマークに追加 44 users Instapaper Pocket Tweet Facebook Share Evernote Clip Edge Microsoft 単体動作 プレビュー公開 樽井

ニュース Microsoft、「Edge DevTools」をプレビュー公開 ~「Edge」の開発者ツールが単体動作 さまざまなアプリの「EdgeHTML」インスタンスに接続してデバッグ、リモート診断も可能 樽井 秀人 2018年4月27日 12:15 Microsoft、「Edge DevTools」をプレビュー公開  米Microsoftは25日(現地時間)、「Microsoft Edge D... 続きを読む

1行のコードでモバイルブラウザに開発者ツールを搭載できるJavaScriptライブラリ「Eruda」を使ってみた! - paiza開発日誌

2018/04/26 このエントリーをはてなブックマークに追加 114 users Instapaper Pocket Tweet Facebook Share Evernote Clip モバイルブラウザ コンソール paiza開発日誌 まさとらん

2018 - 04 - 26 1行のコードでモバイルブラウザに開発者ツールを搭載できるJavaScriptライブラリ「Eruda」を使ってみた! プログラミング プログラミング初心者 開発ネタ Webサービス紹介 どうも、まさとらん( @0310lan )です! 今回は、スマホのモバイルブラウザに本格的な開発者ツールを組み込むことができるJavaScriptライブラリをご紹介します! 「コンソール... 続きを読む

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

2017/05/30 このエントリーをはてなブックマークに追加 1245 users Instapaper Pocket Tweet Facebook Share Evernote Clip デバッグ エンジニアHub 必須 デバッグツール キャリア

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

Vorlon.jsとは? ブラウザーでWebデバッグできるお手軽な開発者ツール - Build Insider

2015/11/13 このエントリーをはてなブックマークに追加 229 users Instapaper Pocket Tweet Facebook Share Evernote Clip ブラウザー Build Insider Vorlon.JS

Vorlon.jsという開発者ツールを知っているだろうか? このオープンソースツールを使えば、PCブラウザーで各種Webデバッグが行える。その機能概要と基本的な使い方を解説。 Vorlon.jsとは Vorlon.js(読み方: ヴォーロン・ジェーエス)とは、ChromeのDevToolsやIE/EdgeのF12開発者ツールと同じく、Webブラウザーの表示内容やネットワーク状態をデバッグするための... 続きを読む

「Firefox 41」がベータ版に。未署名のアドオンが自動的に無効化される - 窓の杜

2015/08/17 このエントリーをはてなブックマークに追加 23 users Instapaper Pocket Tweet Facebook Share Evernote Clip アドオン Mozill ベータ版 未署名 Linux

ニュース 「Firefox 41」がベータ版に。未署名のアドオンが自動的に無効化される HTML5対応と開発者ツールも強化 (2015/8/17 15:47) 「Firefox」v41.0 Mozillaは12日、Webブラウザー「Firefox」の次期バージョン「Firefox 41」のベータ版を公開した。Windows/Mac/Linuxなどに対応する寄付歓迎のフリーソフトで、現在Mozill... 続きを読む

「Visual Studio 2015」と「.Net 4.6」のダウンロード提供開始 - ITmedia ニュース

2015/07/20 このエントリーをはてなブックマークに追加 31 users Instapaper Pocket Tweet Facebook Share Evernote Clip ITmedia ニュース ゾーマ 同日 録画 以下

Visual Studio 2015では、Windows 10向けのユニバーサルWindowsアプリが開発できるが、そのために必要な開発者ツールの最終版リリースはWindows 10の正式版リリース日の7月29日になる見込みだ。 以下に、同日開催されたオンラインイベントの録画(約1時間45分)を転載する。開発者部門担当副社長の、S・“ソーマ”・ソマスガー氏が新機能などを紹介している。 関連記事 M... 続きを読む

フロントエンドエンジニアになってから11ヶ月間で覚えたちょっと捗るChromeの使い方 - Qiita

2014/11/30 このエントリーをはてなブックマークに追加 914 users Instapaper Pocket Tweet Facebook Share Evernote Clip デフォルト 昨今 Webブラウザ 今日この頃 Qiita

はじめに 昨今のWebブラウザはどのような機能があるのか把握するのも大変なほど多機能で便利ですよね。 Webブラウザの機能を把握してうまく使いこなせること(とくに開発者ツール)が、フロントエンドエンジニアの前提スキルになってきてるのかなぁと感じる今日この頃です。 ということで自分のデフォルトの開発用ブラウザはChromeなのですが、これを覚えて捗ったなぁということをメモしていこうと思います。 思い... 続きを読む

Nexus 5にファクトリーイメージを焼いてAndroid 5.0 Lollipopをインストールする手順 - GIGAZINE

2014/11/14 このエントリーをはてなブックマークに追加 30 users Instapaper Pocket Tweet Facebook Share Evernote Clip OTA配信 端末 Nexusシリーズ向け Google 実際

Googleは最新Android OSの「Android 5.0 Lollipop」を公開しており、Nexusシリーズ向けにOTA配信を開始しています。順次配信されていくため、自分の端末でいつアップデートできるようになるかは不明なのですが、GoogleはAndroid 5.0 Lollipopのファクトリーイメージを公開しているので、開発者ツールを使って実際にファクトリーイメージをNexus 5に... 続きを読む

Windows 8.1 Update での F12 の新機能 - MSDN Blogs

2014/04/21 このエントリーをはてなブックマークに追加 47 users Instapaper Pocket Tweet Facebook Share Evernote Clip MSDN Blogs ワークフロー メモリ パフォーマンス

このたび、IE の開発者ツール (F12) と、Visual Studio 2013 Update 2 において大規模な更新を実施しました。F12 の更新は、IE11 の新しいリリースに含まれています。 以前、このブログで F12 の機能と、F12 では高速で反復的なワークフロー、DOM Explorer での正確なデータの提供、メモリおよびパフォーマンス ツールでの実用的なデータの提供に注力して... 続きを読む

Google Chromeでスマホサイト制作 - to-R

2013/06/13 このエントリーをはてなブックマークに追加 116 users Instapaper Pocket Tweet Facebook Share Evernote Clip to-R Twitter Scre 歯車 スマホサイト制作

@ichigamiさんからTwitterで「Chrome の開発者ツール、下でなくて右に表示させることができるの知らんかったー」とコメントを貰ったので、普段わたしがどんな感じでスマホサイト制作をしているかご紹介します。 基本的には開発者ツールは右に表示。これは開発者ツールの左下のアイコンを長押しで設定できます。 他にも右下の歯車の設定から、「Device metrics」にチェックを入れ「Scre... 続きを読む

「Firefox 16」正式版リリース、大量データ処理が必要なゲームなどが滑らかに - GIGAZINE

2012/10/09 このエントリーをはてなブックマークに追加 17 users Instapaper Pocket Tweet Facebook Share Evernote Clip GIGAZINE マウスクリック Firefox 正式版 反応

by mera 正式版「Firefox 16」では、Firefox15で見送られたIncremental GCを実装することにより、マウスクリックやキー入力の反応が早くなり、また大量のデータを処理し続けるWebアプリケーションゲームやアニメーションなどが滑らかになる変更がありました。開発者向けには、開発者ツールに簡単にアクセスできるボタンとコマンドライン型の開発者ツールバーを搭載したとのこと。 次... 続きを読む

 
(1 - 25 / 26件)