TypeScriptの型を展開してホバー表示してくれるVSCode拡張「Prettify TypeScript」が便利
TypeScriptは強力な型システムが魅力です。 しかし、複雑な型定義は理解が難しいです。特にライブラリの型定義などはジェネリクスや交差型などがネストしていることも多く、すぐに把握するのが難しい場合があります。 Visual Studio Code（以下VSCode）でTypeScriptの開発をしている際、型にカーソルをホバーすると型情報が表示されます。 しかし、深いネストや複雑な型の場合、展開される情報が不十分で、定義を追う必要があります。 そんな時に役立つVSCodeの拡張機能がないかな〜と探していたら「Prettify TypeScript」というぴったりの拡張機能を発見しました！この拡張機能を使うと、ホバーした時に型が展開された状態で表示されるため、型情報を把握しやすくなります。 Prettify TypeScriptの概要 Prettify TypeScriptを使用すること
複数AWSアカウントのコンソールを行き来して迷子になる人の強い味方、AWS Peacock Management Console Chrome拡張機能のご紹介 | DevelopersIO
最近リリースされたChrome拡張機能「AWS Peacock Management Console」をご紹介します。 AWS Peacock Management Console - Chrome ウェブストア AWSマネジメントコンソールを見やすくしてくれるChrome拡張機能です。AWS SSOを使って、いや使わない場合でも、複数のアカウントのコンソールを行き来するようなAWSの使い方をしている場合、「あれ、今どのアカウントにログインしているんだっけ？」と迷子になることはありませんでしょうか。私はよくあります。この拡張機能はその問題を解決します。 具体的にはこの拡張機能は、コンソールの2箇所の表示を変えることで、今どのアカウントにログインしているのかを判別しやすくします。 1. グローバルヘッダーの色の切り替え どの画面でも共通して表示される一番上の黒背景の部分のことです。拡張機能を
Vue/Nuxt開発効率を3倍にするVSCode拡張機能セット - Qiita
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事を読むと VSCode拡張機能を入れて、下記のようなことが実現します ・VSCodeとは別にterminal（Command Line）の画面を開かなくても、VSCode内から直接terminal操作ができる（例えばnpm run devも) ・全てのカッコ()[]{}が種類別に色分けされる ・インデントが一眼で分かる ・htmlタグの開始タグと終了タグを同時に修正できる ・Vue.jsやNuxt.jsの構造やファイル操作が楽になる etc... なぜこの記事を書いたのか VSCodeは素晴らしいテキストエディタです。 特に、V
Chrome拡張の高速な英語辞書ツールをつくりました(Mouse Dictionary) - Qiita
経緯 もともとMouseoverDictionaryという素晴らしいFirefox用辞書があったのですが、Quantumの登場とXULの廃止とともに使えなくなってしまったため、自分用にChrome拡張をつくった次第です。 ソースコード 実装に関わる技術寄りの用語: React, esbuild, chrome.storage.local, chrome.storage.sync, Cross-extension messaging, Hogan, debounce, resizable/draggable, intl.v8BreakIterator, deinja, クロスブラウザ, など。 ※詳細は「Mouse Dictionaryの技術的な話」をご参照ください https://qiita.com/wtetsu/items/2a5568cb0b5a38c003fb 使い方 インストール
Xcode Source Editor Extensionの世界(完全版) / 20170916 #iosdc
iOSDC Japan 2017 ( https://iosdc.jp/2017/ ) での発表資料です。 ## 発表詳細 https://iosdc.jp/2017/node/1518 ## 動画 https://www.youtube.com/watch?v=8OUYTcgV…
WIRED.jp の「ヴ」を変換するChrome拡張機能を作りました - 藻のブログ
つい先ほど公開したWIRED.jp の「ヴ」を変換するブックマークレットに加えて、WIRED.jp の「ヴ」を、対応する適当な文字に変換する Chrome 拡張機能を作成しました。 Wired Normalizerです。 この Chrome 拡張機能では、変換は、記事を読み込むことで自動的に行なわれます。 WIRED.jp では無限スクロールによって記事が追加的に読み込まれることがありますが、ブックマークレットでは、ブックマークレットを適用してから読み込まれた記事には変換が行なわれないという問題があります。 Chrome 拡張機能では、追加的に読み込まれた記事にも変換が適用されます。 変換の例 変換前 変換後 シリコンヴァレー シリコンバレー ヴィデオ ビデオ サヴァイヴ サバイブ レヴェル レベル ヴォキャブラリー ボキャブラリー マウンテンヴュー マウンテンビュー イノヴェイション イ
Chrome ExtensionのLive HTTP Headersの調査(CoolBar.Pro導入 Extensionが何を行うかの調査)
a.md Chrome ExtensionのLive HTTP Headersを調査した。Firefox用のものではない。Firefox用のものではない。 https://chrome.google.com/webstore/detail/live-http-headers/iaiioopjkcekapmldfgbebdclcnpgnlo 11/7追記 類似 or 同様の方法で難読化scriptを埋め込んでいる拡張機能が大量にあったため、Googleに報告済み。 https://twitter.com/bulkneets/status/795260268221636608 English version: https://translate.google.com/translate?sl=ja&tl=en&js=y&prev=_t&hl=ja&ie=UTF-8&u=https%3A%2F%
Medium
You can find (just about) anything on Medium — apparently even a page that doesn’t exist. Maybe these stories will take you somewhere new?
Chrome拡張機能「切込隊長補佐」をリリースしました（2016年2月3日追記：新ブログに対応しました） ｜ しらさかブログ
やまもといちろうさんのブログ移転に伴い、新ブログ（ http://lineblog.me/yamamotoichiro ）に対応いたしました。 「緑背景こそが、やまもといちろうブログだろ！！！」という多くのファンの声にお応えいたしました。 どうぞよろしくお願いいたします。（追記ここまで） 有名ブログやまもといちろうBLOGを見やすく補佐する Chrome拡張機能「切込隊長補佐」をリリースしました。 インストールはこちらから！ Chrome ウェブストア – 切込隊長補佐 この拡張機能を作った理由 やまもといちろうブログは、愛読しているブログのひとつで、大好きです。 ただ、読みづらいんです。背景緑の白文字は、とても読みづらい。 また、一段落が長く、改行が少ない構成の為、非常に体力を使うのです。 「それが切込隊長の良さだろ馬鹿野郎」と言われればそれまでなのですが、 どうにか見やすくできればいい
ブラウザはどこまで自動でアップデートすべきか - Mozilla Flux
アップデートの分類 Firefoxには三つのアップデートがある。一つはセキュリティアップデートで、たとえばFirefox 3.0.7から3.0.8へとバージョンアップする場合だ。もう一つはメジャーアップデートで、Firefox 2からFirefox 3へのバージョンアップがこれに当たる。最後はアドオンのアップデートで、とくに主要な拡張機能がバージョンアップすると、セキュリティアップデート以上にユーザーへの影響が大きい。 Firefoxには昔から、本体とアドオンのアップデート機能が備わっている。本体に関していえば、セキュリティアップデートの場合、一つ前のバージョンから更新するときは差分アップデートが、それ以前のバージョンからだとフルアップデートが提供される（『現在提供されているFirefoxアップデートの経路』参照）。それでも、Firefox 3を使っていれば、このアップデート機能を使って3
Chrome ウェブストア - Chrome Toolbox (by Google)
Add new features to your browser and personalize your browsing experience.
MemChaser – Get this Extension for 🦊 Firefox (ja)
The add-on allows you to follow the memory usage and garbage/cycle collector activities of Firefox directly in the add-on bar. There is no need to poll 'about:memory' or scrape GC/CC messages in the Error Console. You experience strange behavior? Then enable the logging and all activities will get written to a log file inside the memchaser sub folder of your Firefox profile. As you can see in the
コーヒーサーバは香炉である » Google Chrome 用機能拡張 “CustomBlocker” をリリースしました
Google Chromeの機能拡張を作ったので公開しました。 CustomBlocker (Chrome Web Store) かなり細かいフィルタリング機能を追加します。 どこのサイトで どの要素の中を検索して どんなキーワードが含まれたら どの要素をブロックするか というのを全部自分でカスタマイズできます。 HTML文書の中の狙った要素(しかも複数)を選択するとなると、どうしてもXPathを自力で書いたりしないといけないので非常に面倒だし、それなりに知識が要りますが、この拡張にはHTML文書の中の要素を選ぶとそれに類似した要素を選択できそうなXPathをいくつかsuggestしてくれるという親切機能をつけておきました。たとえば、Twitterの「本文」をひとつクリックすると、空気を読んで同類の要素を選択できるXPathをひねり出してくれます。 これを使うと、 TwitterやFa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ReactではじめるChrome拡張開発入門
GitHub - puemos/hls-downloader: Web Extension for sniffing and downloading HTTP Live streams (HLS)
GitHub - kaunteya/LineX: Feature packed Xcode extension
Awesome Screenshot -- Screen recorder and Screen capture
一見なんでもない記事をボタン一発で異様な雰囲気へ叩き込む「ざわざわボタン」NOT SUPPORTED
転送中
Choromeの拡張機能について 私は先日PCを新しいのに変えました。…