Simple Translate – 🦊 Firefox (ja) 向け拡張機能を入手
テキストを選択すると翻訳ボタンがポップアップされ瞬時に翻訳が表示されます。 「翻訳の必要がなければボタンを表示しない」オプションを有効にすれば，不要な時にボタンが出てきてイライラする事はありません。 ツールバーポップアップでは入力されたテキストをリアルタイムで翻訳します。 「自動的に第2言語に切り替える」オプションを有効にすれば，「日本語を入力したときには英語に翻訳し，英語を入力したときには日本語に翻訳する」といった操作ができます。 コンテキストメニューから翻訳することもできます。 ページ上やタブのメニューから「ページ全体を翻訳」「選択したテキストを翻訳」「選択したリンクを翻訳」を選択できます。 Google翻訳とDeepLに対応しています。 Chrome版: https://chrome.google.com/webstore/detail/simple-translate/ibplnj
とほほのChrome拡張機能開発入門 - とほほのWWW入門
Chrome の拡張機能を開発する手順について説明します。まずは、拡張機能が実行されたらポップアップを表示するだけのものを作成してみます。下記のフォルダとファイルを作成します。 my-extension manifest.json popup.html { "name": "My Extension", "description": "My Extension", "version": "1.0", "manifest_version": 3, "action": { "default_popup": "popup.html" } } <!DOCTYPE html> <html> <body> <h1>Hello world!</h1> </body> </html> Chrome で chrome://extensions を開き、[パッケージ化されていない拡張機能を読み込む] から上記
ブラウザ自動操作技術の深層へ、直接触れて学ぶ WebDriver と Chrome DevTools Protocol
ウェブアプリケーションの開発においてE2Eテストの自動化は身近なトピックです。SeleniumやPuppetter、PlaywrightやAppiumなどがブラウザ・ネイティブアプリの自動操作のOSSとしてよく挙げられます。しかし、それらの裏側はご存知でしょうか？ 本トークではこれらのツールの背後…
WSL で Linux GUI アプリを実行する
Windows で Linux GUI アプリケーション (X11 と Wayland) を完全に統合されたデスクトップ エクスペリエンスで実行するための Linux 用 Windows サブシステム (WSL) のサポートをプレビューできるようになりました。 WSL 2 により、Windows 上での Linux GUI アプリケーションの使用がネイティブで自然に感じられるようになります。 Windows の [スタート] メニューから Linux アプリを起動する Linux アプリを Windows のタスク バーにピン留めする Alt + Tab キーを使用して Linux アプリと Windows アプリを切り替える Windows アプリと Linux アプリ間で切り取りと貼り付けを行う Windows と Linux のアプリケーションの両方をワークフローに統合し、シームレス
【悲報！】もう Chromium で同期機能が使えません。
API とは？ API とは Application Programing Interface の略で、ソフトウェアやアプリケーションなどの一部を外部に向けて公開することで、第三者が開発したソフトウェアと機能を共有できるようにするものです。 インターフェイスの文字が示すように、API は、ざっくり言うとソフトウェアとソフトウェアをつなぐ役目を持つプログラムです。 なかなかややこしくて説明が難しいのですが、外部のプログラムなどから使いたい機能に対して仕事の依頼をするための窓口というか、その決まりごとが API です。 API はさまざまなメリットがありますが、その中でも特にソフトウェア開発の効率化が挙げられます。 API が公開されているプログラムを連携することで、必要なプログラムをイチから開発する必要がなくなります。 それはセキュリティ面でも役に立ち、セキュリティレベルが高い登録システムな
FLoC の概要
.app 1 .dev 1 #11WeeksOfAndroid 13 #11WeeksOfAndroid Android TV 1 #Android11 3 #DevFest16 1 #DevFest17 1 #DevFest18 1 #DevFest19 1 #DevFest20 1 #DevFest21 1 #DevFest22 1 #DevFest23 1 #hack4jp 3 11 weeks of Android 2 A MESSAGE FROM OUR CEO 1 A/B Testing 1 A4A 4 Accelerator 6 Accessibility 1 accuracy 1 Actions on Google 16 Activation Atlas 1 address validation API 1 Addy Osmani 1 ADK 2 AdMob 32 Ads
JavaScript で print デバッグ時に変数名を出力する - mizdra's blog
数列の和を求めるプログラムを作成することになり、意気揚々と以下のようなプログラムを書いたという状況を想像して下さい。 function sum(nums, acc = 0) { if (nums.length === 0) return 0; if (nums.length === 1) return nums[0]; return sum(nums.slice(1), acc + nums[0]); } const nums = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; console.log(sum(nums)); // expected: 55 一見すると何も問題なさそうに見えるプログラムですが、実はバグがあります (皆さん分かりますか?) *1。実際に上記プログラムを実行すると 55 ではなく 10 が出力されます。 こうした場面に遭遇すると、自然と sum
Am I FLoCed?
Google is testing FLoC on Chrome users worldwide. Find out if you're one of them. Google is running a Chrome "origin trial" to test out an experimental new tracking feature called Federated Learning of Cohorts (aka "FLoC"). According to Google, the trial currently affects 0.5% of users in selected regions, including Australia, Brazil, Canada, India, Indonesia, Japan, Mexico, New Zealand, the Phili
シニアフロントエンド開発者みたいにChromeデベロッパーツールを使おう - Qiita
開発環境にChromeを選ぶなら知っておきたい12のテクニック Photo by Morning Brew on Unsplash さて、何らかの理由で、開発ブラウザとしてChromeを選んだとします。次は、デベロッパーツールを開き、コードのデバッグを開始します。 Consoleパネルを開いてプログラムの出力を確認したり、Elementsパネルを開いてDOM要素のCSSコードを確認したりします。 でも、Chromeデベロッパーツールを本当に理解していますか？実は、パワフルだけど知られていない機能がたくさん用意されていて、開発効率を大幅に改善できるのです。 ここでは、最も便利な機能を紹介します。お役に立てたら嬉しいです。 ChromeのCommandメニューから始めましょう。ChromeのCommandメニューは、LinuxのShellのようなものです。コマンドを入力してChromeを操作で
Railsアプリの開発環境向けDockerfile + docker-compose.yml - アジャイルSEの憂鬱
人に説明するときに記事あると便利なので、開発環境向けのDockerfileとdocker-compose.ymlを書いておく。 Dockerfile FROM ruby:3.0.0 WORKDIR /app # Using Node.js v14.x(LTS) RUN curl -fsSL https://deb.nodesource.com/setup_14.x | bash - # Add packages RUN apt-get update && apt-get install -y \ git \ nodejs \ vim # Add yarnpkg for assets:precompile RUN npm install -g yarn # Add Chrome RUN curl -sO https://dl.google.com/linux/direct/google-ch
Macより売れてる。Chromebookって何がいいの？
ChromebookとはGoogleが作ったOS（基本ソフト）｢Chrome OS｣が搭載されたノートPCのことです。触っていて思ったのは、Win/Macよりだいぶシンプルな作りだなということ。何をすればいいかで迷わないのがいいです。 ChromeのメニューからGmailやYouTubeを起動して利用するのを踏まえた作りですImage: かみやまたくみChrome OSはGoogleのブラウザ｢Chrome｣の動作に特化したOSで、Chromeだけでひととおりの仕事がこなせるデザインになっています。 Chromeを立ち上げる→ググったり、Gmailでメールを書いたり、Googleドキュメント/スプレッドシートで文書/表計算を作ったり、YouTubeで動画を観たりするのが基本。ぜーんぶChromeに集約されています。しかも、Gmailはメーラーとして高機能、Googleドキュメント/スプレッ
Chromebookのシェア、いつのまにかMacを抜いていた
Chromebookのシェア、いつのまにかMacを抜いていた2021.02.17 17:0087,469 塚本直樹 いつのまにかそこまで…。 影の巨人とでもいいましょうか。2020年第4四半期（10月〜12月）におけるラップトップの販売シェアにおいて、ChromebookがMacを超えていました。 Strategy Analyticsの調査によると、同期のChrome OSのシェアは16.4%で、macOSのシェアは9.1%と大きな差をつけています。また2020年のシェアでもChrome OSは14.9%で、macOSの8.7%を超えています。 このようなChromebookの躍進は出荷台数からも見ることができ、2020年第4四半期は1140万台を出荷し、2019年第4四半期の490万台から133%も成長しているのです。 Chromebookといえば、Google（グーグル）の｢Pixel
GitHubと併せて使うと便利なツール - it-engineer’s blog
Monaco Markdown Editor For GitHub GitHubでMarkdownを書くときにテキストエリアがVS Codeみたいになるブラウザ拡張 chrome.google.com 機能としては Markdownとコードスニペットのシンタックスハイライト Tabでインデント、Shift+Tabでインデントの戻し マルチカーソル F11でフルスクリーン フルスクリーンモードでは、十分な領域があればプレビューを表示 etc github1s GitHubのリポジトリのURLに1sを追加するだけで、VS Codeでリポジトリを読むことができるサービス 例えば、VS Codeのリポジトリ https://github.com/microsoft/vscode を見たい場合は、 https://github1s.com/microsoft/vscode を開くだけ。 なんだけど、
Web 技術の調査方法 | blog.jxck.io
Intro 「新しい API などを、どうやって調べているのか」「仕様などを調べる際に、どこから手をつければ良いのか」などといった質問をもらうことがある。 確かにどこかに明文化されていると言うよりは、普段からやっていて、ある程度慣れてきているだけなものであり、自分としても明文化していなかったため、これを機に解説してみる。 やり方は一つではない上に日々変わっていくだろうが、頻繁にこの記事を更新するつもりはない。また、筆者は実務で必要になるというよりは、ほとんどを趣味でやっているため、このやり方が合わない場面は多々有るだろう。 スコープとしては、ライブラリ、ツール、フレームワークなどではなく、 Web プラットフォーム関連の標準やブラウザの実装状況などに限定している。 Scope 従来からあり、広く認知された API については、情報も多く調査の敷居はそこまで高くないため、今回は議論が始まって
AWS LambdaでSeleniumとActiveRecordを扱う · フロッピーディスクの残骸
気付いたらもう9月ですね。 最近、AWS Lambdaでいろいろと遊ぶ機会があったのでメモとして残します。 はじめに とあるセキュリティゲームの運営用に、SeleniumでWebスクレイピングをやっているRubyのスクリプトをEC2で運用していたのですが、Headless Chromeを扱うため大量に起動するとメモリ食っちゃうし、スケールしようにもEC2インスタンスのAutoScaling組むのもちょっとなあ。とか、インスタンスの起動まで待ってられないからある程度多めにインスタンスを実行したりするのも余分にコストが。。。 1実行に15分もかからないスクリプトだし、ということでLambdaに移行することにしました。 Lambda Layerについて Headless Chromeを扱う場合、単純にFunctionのデプロイパッケージにバイナリを含めると50MBを超えてしまうため、Lambda
開発体験を変える! Chrome DevTools Tips 7選 - Qiita
最近Chrome DevToolsについて調べていて発見した便利機能を紹介します。 誰もが使える最高便利な開発マシンChrome DevToolsを使いこなして開発体験を変えましょう！ 1. $0で選択中のDOM要素の取得 特定の要素に何かしたいという時には、要素のIDやclassを確認してConsoleでdocument.querySelector("#xxx")で取得するというのが一般的だと思います。実はそれはカーソル選択と$0で代替できます。 Classや、IDがついていない特定のDOMを取得したい時とかにも使えるので地味に便利です。 手順 カーソルで取得したい要素を選ぶ Consoleタブで$0を入力 最近知ったChrome DevToolsの便利機能① $0 での選択中のDOM要素取得 Elementsタブで選択状態のDOM要素は、Console上で $0 を入力することで取得で
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
PPL C++とJSを跨ぐ クロスコンポーネント ガベージコレクタ
Engadget | Technology News & Reviews
Chromebookを買ったので「Visual Studio Code」をインストールしてみました／“.deb”パッケージがプレビュー提供されているので、［Linux（ベータ版）］を有効化するだけ【やじうまの杜】
邪悪な変更？ Chrome 85ではURLバーのドメイン名以外が全て非表示になる可能性も【やじうまWatch】
