DeepLopener はDeepL翻訳のAPIを利用したGoogle chrome の拡張機能です。 ページ翻訳やドキュメント翻訳、PDF上に翻訳結果を表示することができます。 下の記事に移行しました. t3ahat.hateblo.jp 【2022/2/14追記】 Android版をリリースしました! まだ機能は少なめですが、よかったらお試しください. play.google.com
![DeepL APIを用いたChrome拡張機能「DeepLopener」を公開しました - Teahat](https://cdn-ak-scissors.b.st-hatena.com/image/square/5df2a237d37547e1780df4790ac1ad9a379f363f/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Ft%2Ft3ahat%2F20210214%2F20210214075040.png)
JavaScriptはイベント購読型の処理が多いです。DOMをクリックした際のイベントであったり、変数の変化をウォッチして処理が行えます。しかし、そういったコードが散在していると、どこでイベントを購読しているのかが分からなくなります。 そこで使ってみたいのがJavaScript Trackerです。JavaScriptのイベント処理を一覧し、ハンドリングできるGoogle Chrome機能拡張です。 JavaScript Trackerの使い方 DOMを選択すると、そこに紐付いているイベントが要素、振る舞いなどを一覧してくれます。 そこから実際のコードを辿ることもできます。 動作デモです。 JavaScript TrackerはjQueryにも対応し、DOMイベントの収集ができます。スタイルを変更するイベントも分かります。そしてそこからコードを辿ってデバッグが可能です。これはフロントエンド
転職ナビのフロントエンドを担当しています、@sueshinです。 Livesense - 関 Advent Calendar 2017、22件目をお送りします。 どうぞ宜しくお願いします。 はじめに フロントエンドでよく注目されるJavaScriptではなく、 地味で渋いまるで関節技のような、Google Chrome Devtoolsを使った技術をtipsの形式でまとめました。 免責事項 ショートカットなどは全てMacのキーボード操作にしています。Windowsユーザーは適宜読みかえてください。 Chromeのバージョンは63系に基づいて紹介しています。 52の関節技!! Elements 1.hover時のコンポーネントのCSSルールを表示 使い方 ①DOM要素を選択 ②Stylesペインを開く ③:hovをクリック ④hoverフィルタを適用 2.対応するCSSファイルを開く 使い方
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました Google Chromeがいくら便利だと言っても、全ユーザがデフォルトの機能で満足できるわけではありません。Chromeの利便性はサードパーティー製の機能拡張によって支えられている面が大きいでしょう。 そこで今回はGoogle Chrome機能拡張を作る際に使えるGenerator Chrome Extensionを紹介します。 Generator Chrome Extensionの使い方 Generator Chrome ExtensionはYeomanやgulpを使ってセットアップします。 まず必要なライブラリをインストールします。 npm install --global yo gulp bower そしてGenerator Chrome Extensionをインストールし
Keyboard shortcuts can speed up your browsing workflow like tremendously. Today we have some useful ones to share with you if you’re a Chrome user. For Clearing Browsing History To delete browser history, do you navigate to History and then click on the Clear browsing data… button there? It’s what I used to do. As it turns out, there’s a shorter way to bring up the Clear browsing data dialog: Ctrl
JavaScriptを書いていたらブラウザがくっそ重くなる症状に出くわした。あぁ、噂のメモリリークですわ。 先人の知恵に頼るマン。それっぽい記事が見つかる。 javascriptのメモリリーク対策(随時更新) - Qiita Shibu’s Diary: JavaScriptのメモリリークを10倍速で発見する Taming The Unicorn: Easing JavaScript Memory Profiling In Chrome DevTools Writing Fast, Memory-Efficient JavaScript - Smashing Magazine angularjs - How to catch memory leaks in an Angular application? - Stack Overflow 上の記事はProfiles + Take Heap
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 最近のWebブラウザではデバッグツールが標準搭載されています。一番使いやすいと思うのはGoogle ChromeのDevToolsでしょうか。その他FirefoxもFirebugの流れがあって使いやすいです。正直デバッガーが使い勝手悪いと開発効率が大幅にダウンします。 IEでWebサイトの検証、デバッグをしないといけないのにデバッガーの使い勝手が悪くて進まない…そんな方はIEDiagnosticsAdapterをインストールしてみましょう。 IEDiagnosticsAdapterの使い方 IEDiagnosticsAdapterはプロキシとして動きます(とはいえ設定は不要です)。まずIEDiagnosticsAdapterを立ち上げておきます。 そしてGoogle Chromeで
Google Chromeのバージョンがアップし、なぜか右上のバーに「ファーストネーム」が表示されるという機能が追加された。 し・か・し……! 自分の名前が常に表示されるのは落ち着かない。もちろん、表示される名前の変更もできるが、どうせなら「非表示」にしたい。 突然GoogleChromeに表示させられるようになった名前の消し方です。 (1)Chromeのバーに名前が出現。キャプチャーなどを公開するときに名前がバレてしまう! (2)ChromeのURL欄に「chrome://flags」と入力して「Enter」をタイプ。 (3)Chromeの試験運用機能の設定画面が出現。「これらの試験運用版は問題が発生する可能性があるため、ご利用の際には十分ご注意ください」と書かれているが、ビクビクする必要はない。 (4)「新しいアバターメニューを有効にする」の部分を「有効から無効」にする。そしてChro
Pretty Pull Requests (Github) Chromeウェブストア - Pretty Pull Requests (Github) Pull Request を読むときに便利なエクステンション。 ファイルをアコーディオンで開閉したり、追加された行または削除された行のみを表示することができる。 長い PR を読むときに特に便利。 GitHub Wiki Search Chromeウェブストア - GitHub Wiki Search GitHub Wiki を検索するためのエクステンション。シンプルで使いやすい。 検索語をハイライトしてくれたり、検索中はプログレスバーがでたりと気が効いている。 これを使わずに検索しようとすると GitHub Wiki の git リポジトリをクローンして、 git grep するはめになる。 GitHub.Expandinizr Chrom
はじめに こんにちは。KMC2回生のtyageです。 京都もほんとに寒くなってきて鍋が捗りますね。簡単だし美味しいあったまるし、最高ですね。 この記事はKMCアドベントカレンダー2013の17日目の記事で、 昨日は1回生のnona65537君によるSSH の二段階認証についてでした。 今日はGoogle ChromeというSSHクライアントの紹介なのですが、12日間続いたKMCアドベントカレンダーのサブプロジェクトであるSSHアドベントカレンダーもこれで最後になります。 最後がこれでいいのか?とも思うのですが、今までの内容がハードだったという方に向けて優しい内容となっておりますので、安心して御覧ください。 定番SSHクライアント「Google Chrome」 Google Chrome(もしくはChromium)と聞いて「あっ、SSHクライアントのことか!」と思われた方には少し物足りないか
パソコンの画面を共有できるツールには、SkypeやGoogle+ハングアウトをはじめ、さまざまなものが存在していますよね。 しかし、これらの方法では、相手にもSkypeやGoogle+のアカウントが必要になってきます。相手によってはアカウント作成がハードルになることもあるので、採用できない状況もあるはず。 今回は、そんなときに画面(スクリーン)の共有をカンタンにおこなえるサービスをご紹介します。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! デスクトップ画面をGoogle Chromeで共有する「same.io」 「Same.io」は、Chromeのオプション機能をつかってカンタンにデスクトップ画面を共有することができるサービス。 生成されたURLを共有することで、Google Chromeのブ
すりゴマです。 今日もいい感じにすり潰していきますね。 すりゴマは、Amazonで買い物することが凄く多いです。 もちろん価格comでの価格チェックは欠かしませんよ。 それでも食品以外の通販は、ほぼ100%、Amazonと言っても過言ではありません。 なぜなら届くのが 「速い」 から! で、Amazonで買うと決まっているものの、価格も結構気にするんですよ。 Amazonは「送料込みの値段」で比較できるので、最安値を見るのも楽ちんですが。 (・∀・) ただ、知ってる方も多いと思いますが、Amazonの中でも価格って結構変動してるんですよ。。 しかも結構な幅で! そこで、クリスマス前の買い物シーズンということもありますので、今日は「Amazonでの最安値の推移グラフを自動で表示してくれる」、素晴らしいChromeExtension(拡張)をご紹介します! その名も「Amazon Price
FINDJOB! 終了のお知らせ 2023年9月29日にFINDJOB!を終了いたしました。 これまでFINDJOB!をご利用いただいた企業様、求職者様、様々なご関係者様。 大変長らくFINDJOB!をご愛顧いただき、誠にありがとうございました。 IT/Web系の仕事や求人がまだ広く普及していない頃にFind Job!をリリースしてから 約26年間、多くの方々に支えていただき、運営を続けてまいりました。 転職成功のお声、採用成功のお声など、嬉しい言葉もたくさんいただきました。 またFINDJOB!経由で入社された方が人事担当になり、 FINDJOB!を通じて、新たな人材に出会うことができたなど、 たくさんのご縁をつくることができたのではないかと思っております。 2023年9月29日をもって、FINDJOB!はその歴史の幕を下ろすこととなりましたが、 今後も、IT/Web業界やクリエイティブ
2018-02-22 起動オプション2017-07-29 テーマ/作り方2016-12-15 雑記2016-10-24 キーボード ショートカット2016-09-18 FrontPage/コメントログ2015-06-29 起動オプション/コメントログ2015-04-20 テーマ2014-11-11 コメントページ2014-10-19 FAQ2014-10-05 エクステンション
このウェブサイトは販売用です! samulife.com は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索できる内容は、samulife.comが全てとなります。あなたがお探しの内容が見つかることを願っています!
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く