React開発を快適にするChrome拡張を公開したので見てください！
React Inspector というChrome拡張機能を作りました。 Chrome上でインスペクタを起動し、クリックしたReactコンポーネントのソースコードをピンポイントでエディターで開きます。(現在はVSCodeのみ対応) 追記: ↑2022/09/12 オプションページから "Open in Editor URL" を設定できるようにし任意のエディターのURLスキーマで開くことができるようになりました...! Chrome web store: https://chrome.google.com/webstore/detail/react-inspector/gkkcgbepkkhfnnjolcaggogkjodmlpkh GitHub: https://github.com/hand-dot/react-inspector Reactのソースコードに直接ジャンプできるのでUIか
TypeScript Error Translator
TypeScript errors in Plain EnglishTypeScript Error TranslatorConversion of type 'string' to type 'string[]' may be a mistake because neither type sufficiently overlaps with the other. If this was intentional, convert the expression to 'unknown' first.
2022年版 Web制作が捗るChrome拡張機能14選 | Pulp Note
Chrome拡張機能には便利なものが多く、特にWeb制作時には積極的に利用しています。昨年も紹介しているのですが、2022年に入ってChrome拡張機能の見直しをして現在よく利用しているものだけで再構成してみたところ、無駄が減り使いやすくなりました。2022年版のおすすめChrome拡張機能を14個紹介します。 Toby for Chrome Chromeを利用しているとかならず出てくるタブ開きすぎ問題。パソコンが重くなる原因の一つで、タブは開きすぎない方が良いです。その問題を解消するのがChrome拡張機能 Toby for Chrome。ついつい増えがちなタブを一括で管理することができます。 私は、案件ごとにSPACESを用意し、関連ページや参考ページをタブで開いてまとめてブクマしています。ドラッグ&ドロップで並べかえができたり、SPACES内に複数のフォルダを用意できるので、タブ管理
👻 GhostText — Use your text editor in the browser
• Use your text editor in the browser Whenever you’re writing more than a little snippet of code anywhere on the web, activate GhostText to open your preferred text editor and enjoy your own development environment. Installation GhostText is a browser extension that connects to your editor via its own extension. Install both extensions and, if necessary, start the GhostText server in the editor’s
GitHubをむっちゃ多機能にするためのChrome拡張を紹介するぜ - Qiita
概要 GitHub上で動作するChrome拡張についてざっくばらんに紹介 検証をChromeで行っただけで、他ブラウザでも使えるものも含む ご注意 紹介してるもの同士の互換性は考慮していません。組み合わせによって動作しなくなる拡張もあります 拡張機能は本家GitHubの変更を強く受けるため、突如使えなくなるリスクがあることをご認識ください プライベートリポジトリでは使用できない、あるいはAPIトークンを渡したり認可する必要があるものを含みます 本記事で紹介している拡張はいずれも2020/05/03時点の最新版をChrome81系で動作確認済み Refined GitHub 説明不要なレベルで、これを入れておけばまず外れないので迷ったらコレ 詳細は別途紹介記事を書いてます GitHubを圧倒的に便利にするRefined GitHub のTips集 Octotree サイドバーにディレクトリツ
Frontpage -- Terms of Service; Didn't Read
It is funding month - ToS;DR needs your support! Every half-year is funding month. Money is the biggest danger ToS;DR faces today. Volunteers at ToS;DR are mostly covering costs out of their own pocket. With increased electricity and maintenance costs, we need your support to keep ToS;DR active and alive! Even One dollar helps to keep ToS;DR running! Donate with OpenCollective
LDRに代わる新しいRSSリーダーFeedponを開発した - emonkak's Blog
はじめに LDRが終了するということで、FeedlyをバックエンドにしたWebブラウザ上で動作する新しいRSSリーダーFeedponを開発した。 現在の所FirefoxのアドオンとChromeの拡張として配布している。 他にモバイル版として、CordovaでパッケージングしたAndroidとiOSアプリがあるものの、ストアでは配布していない(お金がかかるので)。 モバイル版を利用する場合は各自でビルドしてインストールする必要がある。 本稿は今回開発したFeedponの設計思想とその特徴を語るものである。 背景 自分が長年愛用していたRSSリーダーのLDR(Live Dowango Reader)が2017年8月31日をもって終了と告知された。 終了の告知はLivedoor時代から数えると2度目で、今回はいよいよ本当に終了した。 実は、一度目の2014年10月の終了告知から、新しいRSSリー
超最低限の Chrome エクステンションを開発しウェブストアで公開するまでの手順 - Qiita
つい最近、初めて作った Google Chrome エクステンション「Feedly をはてブ対応させる Chrome エクステンション」をブログで紹介したので、その時の技術的なメモなどを Qiita に残しておきたいと思います。まあ検索すればすぐに集まる程度の情報ではあるものの、一箇所にまとまってなかったので、自分用の備忘録でもあります。 全てのソースコードは github 上で公開しているので、気になる方は参考にしてみて下さい。実際に書いたスクリプトの簡単な解説もこの記事の最後に付録として付けています、 超最低限な Chrome エクステンションの作成 Chrome エクステンションは基本的に、一つのフォルダに保存された複数のファイルからなります。エクステンションのルートに必要な最初のファイルは、manifest.json というファイルで、これがエクステンションの基本的な情報を含んでい
Chrome愛用のエンジニアであれば、これだけは入れておくべき拡張機能を8つに絞ってみた｜TechClips[テッククリップス]
ウェブ系エンジニアにとってブラウザは、自分好みにカスタマイズして使い倒したい一種の仕事道具のような存在なのではないでしょうか？ 最近だと、純国産で多機能なブラウザ「Kinza」が登場し、国内でもエンジニア好みのブラウザが増えている印象。 とはいえ、やはり不動の人気を誇るのがGoogleの提供するChrome。これまで幾度となく、ネット上ではエンジニアにとってオススメのChrome拡張機能が紹介されてきましたが、今回改めてエンジニアにとって本当に必要であろう拡張機能を8つに厳選しました。 Chrome愛用のエンジニアはお見逃しなく！ 1. YSlow http://yslow.org/ エンジニア向けとしてよく紹介される王道の拡張機能「YSlow」。サイトパフォーマンス計測ツールであり、Webサイトの表示を高速化する際に役立ちます。 最近で言えば、このサイトスピードをいかに早くするか、ある意
![Chrome愛用のエンジニアであれば、これだけは入れておくべき拡張機能を8つに絞ってみた｜TechClips[テッククリップス]](https://cdn-ak-scissors.b.st-hatena.com/image/square/49b48a9a28ce96184a2dafcfd8da5a9633f5c938/height=288;version=1;width=512/https%3A%2F%2Fobject-storage.tyo1.conoha.io%2Fv1%2Fnc_261159609ad84809af5afcb9e5f56abb%2Ftechclips%2Fimages%2F167%2Fimage.png)
リンクもまるごとキャプチャしてSVGで出力するChromeスクリーンショット拡張をつくりました - #daiizメモ
閲覧しているウェブサイトの選択された範囲のスクリーンショットを撮ってSVG形式でダウンロードできるChrome拡張機能をつくりました．SVGで出力しているため，普通のPNGやJPGと比べると，以下のような少しだけ高度なことができます． スクリーンショットを撮ったページのURLを<svg>のdata属性として保持できる スクリーンショットの範囲内のリンクをそのまま残すことができる． ページ中の<a>の位置に，外部ページヘのリンクを持つ<rect>を挿入しています．クリックするとリンク先のページが開きます． ブラウザで通常リンクと同じように扱われるため，rectをホバーするとChromeの左下にジャンプしようとしているURLが表示されるので，移動先もしっかり確認できます． まだかなり荒いベータ版ですが，GitHubで公開しています．クローンして，そのままChromeの拡張機能管理ページから読み
クポ速
Qoo10カテゴリのQoo10 BBIA Official_JPの新着クーポンコードの一覧を随時まとめています。 割引クーポンを見つけた日別にまとめており、記事の上にあるものが最新の割引クーポンになります。 Qoo10（キューテン）のショッ...
2014年にお世話になったGoogle Chrome拡張機能まとめ
2014年もあとわずかで終わりですね。皆さんはどんな一年でしたか？ 私はというと、4月に開業届けを提出してフリーランスとして活動を開始したのもあり、節目となる一年だったように感じます。非常に慌しくあっという間に過ぎ去りました。2015年はもう少し余裕を持って生活したいです。 さて、毎年恒例となっていますが、年の瀬ということで今年もお世話になったGoogle Chrome拡張機能を紹介したいと思います。順番はABC順です。 AdMatrix Analytics 表示しているサイトのSEOをチェックすることができる拡張機能です。被リンクやらキーワード対策について確認することができます。 Always Clear Downloads ファイルをダウンロードした時に、ブラウザ下部に出てくるダウンロード履歴を自動で閉じてくれる拡張機能です。ダウンロードが完了したら、勝手にクリアするので手動で閉じる必
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Overview | Checkly
読書アシスト
Keyframes.app
WhatRuns – Discover What Runs a Website
GitHub - fregante/GhostText: 👻 Use your text editor to write in your browser. Everything you type in the editor will be instantly updated in the browser (and vice versa).
ブラウザ拡張のクロスブラウザ対応についてどう向き合っているか #builderscon
GitHub - VSCodeVim/Vim: Vim for Visual Studio Code
sideplayer.com
