はじめに はじめまして、セキュリティエンジニアのSatoki (@satoki00) です。今回はブラウザの開発者ツールのネットワークタブから隠れて、Webサイト内の情報を送信する手法をまとめます。所謂Exfiltrationというやつです。中にはCSPの制限をBypassするために用いられるテクニックもあります。CTFなどで安全に使ってください。 前提 発端はWeb上でテキストの文字数をカウントできるサイトが閉鎖する際の話です。カウント対象のテキストデータがサイト運営 (やサイトを改竄した攻撃者) に盗み取られていないかという議論が巻き起こっていました。「盗み取られていない」側の主張は、ブラウザの開発者ツールのネットワークタブにリクエストを送信した形跡がないというものでした。ここで ブラウザの開発者ツールのネットワークタブに表示がなければ外部へデータを送信していないのか？ といった疑問が
はじめに VSCodeで、index.tsやpage.tsxなど、同名のファイルを複数同時に開いてしまい、わからなくなってしまったことはありませんか？ 実はよく見ると右側にディレクトリ名が表示されているのですが、薄い文字かつ、目線移動のコストが発生するため分かりづらいです。 この記事では、VSCodeの設定を変更することで、ファイル名にディレクトリ名を含めて表示する方法を紹介します。 設定方法 VSCodeの設定ファイルsettings.jsonに以下の設定を追加します。 { "workbench.editor.customLabels.patterns": { "**/{index,page,layout,template,route,actions,hooks,components,utils,types}.{js,ts,jsx,tsx,md,mdx}": "${dirname}/${
2023年のベストバイは激安スポット溶接機。約4000円で電池のタブが付け放題に（宮里圭介） | テクノエッジ TechnoEdge
需要のわからない記事を作る自由物書き。分解とかアホな工作とかもやるよー。USBを「ゆしば」と呼ぼう協会実質代表。 工作機械とか工具は、見てると欲しくなりますよね。溶接機なんかもそのひとつで、100Vでも使える安物なら1万円せずに手に入ったりもします。ただ、買っても使わない自信が120%あるので、買いませんけど。 とはいえ、もっと小規模な溶接であれば、話は別。具体的には薄い金属板の溶接……そう、電池のタブ付けです。リチウム電池やコイン電池の交換をしようと機器を分解したところ、ソケットではなくタブ付き電池で、交換に苦労することってありますよね。こんなときでも、タブ付けができるスポット溶接機があれば、新しい電池に交換できます。 以前はそれなりに高価な品を買うか、DIYキットに手を出すくらいしか選択肢がなかったのですが、AliExpressで探してみると、いつのまにやらイロイロ製品が出ていました。
米Xで一般ユーザーのプロフィールから「いいね」を表示するタブが消えているといういくつかのポストを受け、同社のエンジニアリング担当ディレクターのワン・ハフェイ氏は5月22日、「はい、いいねを非公開にしています」とポストした。 ハフェイ氏は非公開にする理由として、「公開いいねは間違った行動を助長します。たとえば、“荒らし”（嫌がらや差別的なポスト）や自分の印象を守るためにインパクトのあるポストにいいねするのをためらう人はたくさんいる」と説明した。 いいねの本来の役割である、ユーザーがどんなポストにいいねしたかに基づく「For You」フィードの品質向上は継続するとしている。 この投稿に対し、X（旧Twitter）の共同創業者で元CEOのジャック・ドーシー氏が「いいねとブックマークの違いはなんですか？」とコメントし、ハフェイ氏は「いいねはいいねした人とされた人（いいねされたポストの投稿者）には表
これはなんらかのアドベントカレンダーの何日目かの記事だったりしません。 KOBA789 です。仕事では人工衛星の搭載ソフトウェアを書いたり、人工衛星の管制システムのソフトウェアを書いたりしています。 先日、こういうツイ……ポストをしたらちょっとバズりました。意外と興味持ってくれる人が多かったので、それに関連するオタク早口記事でも書くかぁと思って筆を執っています。 うちの人工衛星の開発ツールはウェブ技術でできている 前述のポストは管制システムについてですが、開発用ツール（C2A DevTools）もまた React + TypeScript でできています。 まぁ画面見てもなにがなんだかという感じだと思いますが、UNIX サーバーで top コマンド叩いたときの内容と、サーバーのログが合体したみたいなものが表示されていると思ってください。 これらの数値は gRPC-web の Server-
タブやアコーディオンの非表示コンテンツにはdisplay:noneがよく用いられますが、hidden="until-found"を利用するほうがメリットがあります。 hidden=“until-found”で非表示にしたコンテンツはページ内検索でアクセスできるuntil-foundはhidden属性に新たに追加された属性値です。 hidden - HTML: ハイパーテキストマークアップ言語 | MDN 従来のhidden属性とは違い、until-found"属性値を指定した場合はブラウザのページ内検索やページ内リンクでそのコンテンツが検出された場合、自動でhidden属性が取り除かれて表示することができます。 従来のdisplay:noneを使用した非表示ではコンテンツ内にページ内検索でマッチすべきワードがあったとしても検出できませんでしたが、hidden="until-found"を使
別タブへのリンク記述「target=”_blank”とrel=”noopener noreferrer”」の見直しを 2024 7/23 Webサイトにてリンク先を別タブで開く用途で、a要素へのtarget="_blank"の指定に加えてrel="noopener noreferrer"が指定されていることがあります。 しかし現時点では、リンクを別タブで開く目的にて「target="_blank"とrel="noopener noreferrer"をセットで記述」というのは不要です。そのような無思考な運用になっていれば見直した方が良いでしょう。特にrel="noreferrer"の指定はアクセス解析に影響を及ぼします。 主要ブラウザーでnoopenerは対応済み、noreferrerは特定用途で利用を 2024年現在、主要ブラウザーはa要素へのtarget="_blank"の指定でrel=
[VS Code]タブのカスタムラベル設定でpage.tsx、layout.tsxなどのファイルを見やすくする | DevelopersIO
[VS Code]タブのカスタムラベル設定でpage.tsx、layout.tsxなどのファイルを見やすくする どうも！オペレーション部の西村祐二です。 最近、Next.jsなどでフロントエンドの実装も行うことが増えてきました。 実装を進めていくと、page.tsx,layout.tsx,index.tsx,route.tsなど同名のファイルが増えてきて、どのファイルを開いているか分かりづらいなと思う場面がありました。 VS Codeのv1.88で開いているファイルタブのラベルをカスタマイズできるようになったので、その設定方法を紹介したいと思います。 Visual Studio Code March 2024 結論 最初に結論として、settings.jsonに下記設定をすることでディレクトリ名も表示されるようになりタブを見やすくすることができます。 .vscode/settings.js
![[VS Code]タブのカスタムラベル設定でpage.tsx、layout.tsxなどのファイルを見やすくする | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/611914e4c074abe947efa5c820fc1646e6c60a0a/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2020%2F06%2Fvscode-2020-eyecatch-1200x630-1.png)
「壊れるまで使い続ける日本人の呪いと相性が悪すぎる」Wacomのペンタブ、頑丈すぎて平気で10年以上使えるので買い替えられないらしい
リウイチ @riuichi35 WacomのIntuosまじでダメだと思う。全く壊れないので買い換えられない。壊れるまで使い続ける日本人の呪いと相性が悪すぎる。 5年経ったら突然光りはじめて「今までありがとう」と花澤香菜の声で喋ったあと細かい粒子となって消えてほしい 2024-02-20 16:30:41
※注意：こちらは資格等不要の小型版ですが「火花が目に入る」「火傷する」などの危険はあります。お子様の近くで使わない・ゴーグルを付ける等の安全対策は必ず自己責任にて行ってください 金属同士を溶かして接合する“溶接”。溶接棒やトーチを使い、バチバチと火花を散らしながら作業していく様子は特別感があります。まだやったことがないので、いつか試してみたいものです。 ただし、もっと規模が小さいものであれば、意外と簡単に試せたりします。その代表ともいえるのが、薄い金属板の溶接に使われるスポット溶接機。接続したい金属板へ局所的に大電流をかけることで発熱させ、溶かし付けるというものです。大型のものであれば車や金属筐体の組み立て、小型のものならボタン電池の電極、リチウムイオン電池の接続などで使われています。 通常の溶接と違いは、線ではなく点（スポット）で留めていくのが大きな違い。また、局所的な加熱による溶接なの
小ネタ: DevToolsのネットワークタブでCache-ControlやX-Cacheレスポンスヘッダの値を一覧表示できるようにしてCDN関連の調査を快適にする - polamjaggy
タイトルと ↓ のスクショで出落ちという感じ……。 https://aws.amazon.com を開いたときの様子 CDNだったり、Varnishのようなキャッシュ系のミドルウェアの調査やデバッグをしているときは、ブラウザのDevToolsを使って、Cache-Control レスポンスヘッダだったり X-Cache レスポンスヘッダのようなレスポンスヘッダの様子をめちゃくちゃ睨みつけることになると思う。こういう仕事をしているときには、リロードしては新しいリクエストを選択し直して睨みつける、というような操作を繰り返すことになりがち。 ところが、ネットワークタブのリクエスト一覧表示の表みたいなやつには任意のレスポンスヘッダを表示することができるので、こうすると1クリックの手間が省けて嬉しいねという話。 やり方はこれだけ！ ネットワークタブのリクエスト一覧表のヘッダー部分を右クリックし、コン
タスクマネージャーでシステムの動作状態を知りたい！ Windows OSにおいて、システムの動作状態をチェックしたり、必要なメモリサイズを見積もったりするには、タスクマネージャーによるシステム状態の把握が必要である。これを使えば、簡単にシステムの動作状況を調査できるし、必要ならアプリケーション（プロセス）ごとの細かな動作状況やCPU／メモリの利用量などをモニターすることも可能だ。 また、システムの動作が重くなったといった場合のトラブルの原因追及にも役立ってくれる。 タスクマネージャーは非常に多くの機能を持つ。本Tech TIPSでは、最もよく使われるであろう［パフォーマンス］画面の内容について解説する。対象はWindows 11とする。 Windows 10やWindows Server 2016以降の場合は、Tech TIPS「Windows 10対応：タスクマネージャーの『パフォーマン
Microsoft Edgeを起動すると、データをインポートしたり同期したりしていないにもかかわらず、直前までGoogle Chromeで閲覧していたウェブサイトがEdgeで開かれるという挙動が報告されました。 Microsoft stole my Chrome tabs, and it wants yours, too - The Verge https://www.theverge.com/24054329/microsoft-edge-automatic-chrome-import-data-feature Microsoft Edge is apparently usurping Chrome on people’s PCs | Ars Technica https://arstechnica.com/gadgets/2024/01/microsoft-edge-is-appare
米X社は8月29日（現地時間）ごろ、X（Twitter）に「いいね」タブを非表示にする機能を追加した。有料サブスクリプションの「X Premium」（Twitter Blue）加入者であれば設定画面から適用できる。 設定項目を探す「検索設定」機能で「プロフィールのカスタマイズ」を検索し、その中の「[いいね]タブを非表示にする」という項目にチェックを入れる。第三者からはプロフィール画面の「いいね」タブが見えなくなる。投稿をいいねした相手への通知は従来通り表示される。 関連記事 X（Twitter）に通話機能 イーロン・マスク氏が予告 イーロン・マスク氏がXにビデオや音声での通話機能を追加すると予告した。 トランプ元米大統領、2年以上ぶりにX（旧Twitter）にポスト 元米大統領のドナルド・トランプ氏が、2年以上ぶりにX（旧Twitter）にポストした。刑務所で撮影されたマグショットに「選挙
こんにちは！ refeiaです。今回は、今月発売されたワコム初の有機EL液タブ、「Movink 13」を見ていきましょう。最初にお断りですが、ここでは有機ELタブレットも便宜上、“有機EL液タブ”として呼びますね。 本機の位置付けはプロ向けで、価格は11万8800円（税込み、以下同様）です。同じくプロ向けのCintiq Proシリーズは最近ずいぶん高価になってしまったので、逆に安く見えますね。ならば、このMovinkはどんなプロ機なのか……？ じっくり見ていきましょう。 一点以外は妥協のないスペック まずは液タブとしてのスペックを見ていきます。 13.3型／有機EL フルHD （1920×1080ピクセル） アンチグレア／指紋防止処理ガラス Pro Pen 3が付属 10点マルチタッチ DCI-P3カバー率100％／Adobe RGBカバー率95％（CIE 1931） おおむね、しっかりと
Google、Chromeのタブ増えすぎ問題をAIで解決。スマートタブ整理やどこでも文例生成など3つの実験AI機能を導入 | テクノエッジ TechnoEdge
著書に『宇宙世紀の政治経済学』（宝島社）、『ガンダムと日本人』（文春新書）、『教養としてのゲーム史』（ちくま新書）、『PS3はなぜ失敗したのか』（晋遊舎）、共著に『超クソゲー2』『超アーケード』『超ファミコン』『PCエンジン大全』（以上、太田出版）、『ゲーム制作 現場の新戦略 企画と運営のノウハウ』(MdN)など。 米Googleはデスクトップ用Chromeブラウザの最新版「M121」をリリースし、実験的な生成AI機能を3つ導入しました。 ただし、現時点（1月24日）では米国ユーザーのみが利用できます。また初期の公開実験という位置づけのため、企業や教育機関向けのアカウントでは当面は使用できません。 タブのスマート整理開いているタブに基づき、Chromeが自動的にタブグループを提案・作成してくれる機能。 複数のタブをまとめてタイトルをつけ、畳んだり開いたりできる機能「タブグループ」はこれまで
「究極の液タブ」は小型化しても究極のまま？ ワコムの「Cintiq Pro 17」をプロ絵師がレビュー：ある日のペン・ボード・ガジェット（1/4 ページ） ワコムが10月に発表したプロクリエイター向け液晶タブレット「Wacom Cintiq Pro」シリーズ。今回は、より小型な「Wacom Cintiq Pro 17」をプロイラストレーターのrefeiaさんが試します。 こんにちは！ refeiaです。 今日は究極の液タブの第二弾「Cintiq Pro 17」を見ていきましょう。飛び抜けた仕様と飛び抜けた価格で話題にもなり、Cintiq Proの新時代を印象付けた「Cintiq Pro 27」は、サイズ展開が無いまま気づいたら1年が過ぎていました。 そして先日ついに、「Cintiq Pro 22」「Citntiq Pro 17」が発表されました。今回は後者の17をお借りしています。大型の現
米Googleは1月23日（現地時間）、WindowsおよびMac版のChromeブラウザに3つのAI機能を追加すると発表した。同日配信開始のバージョン121.0.6167.85/86で、米国から順次「実験的な生成AI機能を導入」していくとしている。 本稿執筆現在、利用できるのはGoogleアカウントにログインした米国在住の18歳以上となっている。利用できるようになったら、Chromeの右上の縦［…］→［設定］に「Experimental AI」（日本語版での項目名はまだ不明）という選択肢が表示されるようになる。 AIタブオーガナイザーでタブの自動グループ化 Chromeには2020年からタブグループ化機能がある。現在はユーザーが手動で関連するタブをグループ化する必要があるが、タブオーガナイザーを使えば、Chromeがタブの内容に基づいてグループを提案し、作成する。 タブを右クリックして「
ウェブブラウザ「Firefox 127」の正式版が公開されました。PCの起動時にFirefoxを自動起動する設定が可能になったり、重複タブをまとめて閉じる機能が追加されたりしています。 Firefox 127.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/firefox/127.0/releasenotes/ ◆PC起動時にFirefoxを自動で起動する設定が可能に Windows版Firefoxにおいて、PCの起動時にFirefoxを自動で起動する設定が可能になりました。自動起動を有効にするには設定画面の「一般」タブにて「コンピューターの起動時にFirefoxを自動的に開く」にチェックを入れればOKです。 ◆DNSのプリフェッチをHTTPSでサポート Link要素で「rel="dns-pr
「Firefox 124」正式版リリース、Firefox Viewで開いているタブを「最近表示した順」「タブの並び順」で並び替えられるように
ウェブブラウザ「Firefox 124」の正式版が公開されました。Firefox Viewの開いているタブの表示順を指定したオプションで並び替えられるようになりました。 Firefox 124.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/firefox/124.0/releasenotes/ ◆キャレット(カーソル)ブラウズモードがPDFビューアでも機能するように ブラウザ操作をキーボードだけでも行うことができるようになるキャレット(カーソル)ブラウズモードがPDFビューアでも機能するようになりました。 ◆Firefox Viewで開いているタブを最近表示した順、タブの並び順で並べ替えられるように 最近表示した順がデフォルトのオプションです。 ◆Mac版FirefoxでmacOSフルスクリ
「Floorp」は日本の学生コミュニティ「Ablaze」が開発するFirefoxベースのウェブブラウザで、タブを垂直配置したり多段配置したりできる他、サイドバーの配置を左右に入れ替えたりウェブサイトをパネル表示したりと多様なカスタムに対応しています。実際にFloorpを使ってみたところインストール手順や初期設定など各種操作が非常に洗練されていたので、特筆すべき機能をまとめてみました。 Floorp https://floorp.app/ja/ ・目次 ◆1：Floorpのインストール ◆2：Floorpのセットアップ ◆3：豊富なUIカスタム ◆4：タブの多段配置や垂直配置も可能 ◆5：サイドバーの配置を左右切り替え可能 ◆6：ウェブサイトをパネル表示可能 ◆1：Floorpのインストール FloorpはWindows、macOS、Linuxで利用可能です。今回はFloorpをWindow
「Firefox 116」正式版リリース、ブックマークや履歴、同期タブへアクセスできるサイドバーがキーボードから簡単に操作できるように
ウェブブラウザ「Firefox 116」の正式版が公開されました。サイトを閲覧中でもブックマークや履歴、同期タブにアクセスしやすくなるサイドバーのキーボードからの操作が簡単になったほか、ムービーをピクチャーインピクチャーで再生している際に音量調整が可能になっていたり、「閉じたタブを開く」ショートカットで閉じたウィンドウも開けるようになったりするなど利便性が向上しています。 Firefox 116.0, See All New Features, Updates and Fixes https://www.mozilla.org/en-US/firefox/116.0/releasenotes/ ◆サイドバーをキーボードで簡単に操作可能に Firefoxには「ブックマーク」「履歴」「同期タブ」へ簡単にアクセスするためのパネルとして、サイドバーが存在しています。サイドバーを表示するには、ツール
Google検索結果をフィルタリングする「ニュース」タブが一部のユーザーに表示されていないことがわかりました。Googleは「ユーザーの好みを理解するためのテスト」と述べ、ニュースタブを完全に削除する予定はないと説明しました。 Google tests removing the News tab from search results | Nieman Journalism Lab https://www.niemanlab.org/2024/02/why-is-the-news-tab-missing-from-some-google-search-results/ Google Search not removing 'News' filter https://9to5google.com/2024/02/23/google-search-news-filter/ Google検索をす
仕事に集中できる生産性向上ブラウザ Sidekickを使えばインターネット利用中の注意散漫を抑制し、ワークフローの効率を向上させます。 以下の企業様など7万社以上でご利用いただいております マネージャーマーケティング責任者プロダクト責任者デザイン責任者CEO創設者共同創設者プロダクトマネージャーUXデザイナーエンニアリングマネージャー開発マネージャービジネスアナリストプロダクトマーケティングマネージャープロダクトデザイナーマネージャーマーケティング責任者プロダクト責任者デザイン責任者CEO創設者共同創設者プロダクトマネージャーUXデザイナーエンニアリングマネージャー開発マネージャービジネスアナリストプロダクトマーケティングマネージャープロダクトデザイナーマネージャーマーケティング責任者プロダクト責任者デザイン責任者CEO創設者共同創設者プロダクトマネージャーUXデザイナーエンニアリングマネ
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブラウザ開発者ツールのネットワークタブに表示されない情報送信手法 - Qiita
Chrome拡張なのにOS……だと!? スゴすぎてもはや説明しきれない「VisiOS」の衝撃／タブとブックマークを極めたらOSになった？ アプリのインストール・実行まで可能【やじうまの杜】
【index.ts】そのVSCodeタブ名、わかりづらくない？【page.tsx】
Xのエンジニア、「いいね」タブを全ユーザーで非表示にするとポスト
リアルタイム通信用のコネクションをタブ間で共有してまとめる
タブやアコーディオンの非表示コンテンツにはhidden="until-found"を使うべし ｜ TAKLOG
LINE、大規模リニューアルを発表 新ホームとショッピングタブ追加
別タブへのリンク記述「target=”_blank”とrel=”noopener noreferrer”」の見直しを - 株式会社真摯
小型スポット溶接機「W04」を使うと一瞬で電池にタブを付けられます
モダンな「エクスプローラー」代替アプリ「Files」、v3.1で細部をブラッシュアップ／タスクトレイアイコン、スマート展開、フォルダーD＆Dで新規タブを開く機能などを追加
【Windows 11】タスクマネージャーの「パフォーマンス」タブの見方
EdgeがChromeで開いたタブを盗み取る謎現象が発生しているとの報告
X（Twitter）、「いいねタブ」を非表示にする有料向け機能 第三者から「いいね」隠せるように
ワコムが有機ELと出会ったら……極薄で最軽量液タブ「Movink 13」をプロ絵師が試したぞ！
「Vivaldi」に待望のiOS版、無償提供が開始／「スピードダイヤル」やデスクトップスタイルのタブを搭載、データの同期も可能
閉じるべきタブが一目瞭然、Chromeに各タブのメモリ使用量を表示してくれる機能が追加【やじうまWatch】
1万6,384レベル筆圧感知、Adobe RGB 97%の本格16型液タブが7万円台!? XPPen Artist Pro 16 (Gen 2)を漫画家ざら先生に試してもらった ～【オリジナル高解像度イラスト特典アリ】[Sponsored]
![1万6,384レベル筆圧感知、Adobe RGB 97%の本格16型液タブが7万円台!? XPPen Artist Pro 16 (Gen 2)を漫画家ざら先生に試してもらった ～【オリジナル高解像度イラスト特典アリ】[Sponsored]](https://cdn-ak-scissors.b.st-hatena.com/image/square/0d67962536a2edbdaa34bfe24de02b2885654e8f/height=288;version=1;width=512/https%3A%2F%2Fpc.watch.impress.co.jp%2Fimg%2Fpcw%2Flist%2F1540%2F895%2F2023-5632w.jpg)
「究極の液タブ」は小型化しても究極のまま？ ワコムの「Cintiq Pro 17」をプロ絵師がレビュー
Excelで表のどこを修正したのかわからない！ ［校閲］タブより効率的に見分ける方法【残業を減らす！Officeテクニック】
Google、Chromeブラウザに3つのAI機能 タブの自動グループ化など
「Firefox 127」正式版リリース、重複しているタブをボタン一発でまとめて整理できるように
「エクスプローラー」にタブを複製するコマンドが追加へ
他人の目を気にせず済むようになる？ Xの「いいね」タブ、まもなく非公開化へ【やじうまWatch】
縦タブ＆多段タブ対応でUIカスタム自由自在な国産ブラウザ「Floorp」レビュー
【Excel新機能】チェックボックスに面倒な操作はもういらない！ ［挿入］タブから追加【いまさら聞けないExcelの使い方講座】
「Vivaldi 6.5」が公開 ～指定条件でタブを自動で分類するワークスペースルールを追加／セッションをパネルから開ける「セッションパネル」や、ブラウジング履歴の完全同期も
「Google Chrome」、各タブのメモリ使用量が一目でわかる機能をテスト中／編集部でもCanary版「Chrome 122」で動作確認【やじうまの杜】
Google検索結果から「ニュース」のタブが消える現象についてGoogleが説明
Sidekick : 仕事用の高速で安全なブラウザをダウンロードしよう。タブを整理して、より生産的に！
【やじうまミニレビュー】 4万円切りで13型の大画面タブ「TECLAST T65 Max」。通話通信も可能で侮れない1台
Chromeに生成AI機能が追加。タブ整理や文章作成支援など
閲覧中のタブを他の人と共有できる「Edge Workspaces」、来月にも消費者向けに一般提供へ／ほかにも「Microsoft Edge for Business」にAI機能が盛りだくさん
「Google Chrome」にも3つの生成AI機能が導入へ……ただし、今のところ米国のみ／タブの管理、テーマの作成、テキストの下書きに機械学習技術の成果を
