2020年3月2日2024年3月23日 ダウンロードはこちら このサイトの目的は、フリーのWebテストツールであるSeleniumをRPAに活用して、業務の自動化を実現することです。 はじめに Seleniumで自動化スクリプトを作成しようとした時、まずは画面項目をSeleniumに取得させる必要があります。Seleniumで画面項目を取得する方法はいくつかありますが、 例外なく全てのHTML要素を取得できること柔軟な記述ができて利便性が高いこと を考えますと、XPathを採用することになります。 商用RPAソフトであるWinActorも、画面項目の指定にXPathを取り入れています。 メジャーなWebスクレイピングツールであるOctoparseでもデータの取得にXPathを使用するようです。 XPathはブラウザの機能で取得することができますが、実際にやってみると面倒な作業です。 Chr
ChatGPTで意図通りに文章を生成するためには、的確に指示をまとめたプロンプトを入力する必要があります。また、プログラムをChatGPTにコーディングしてもらう時に、参考のコードを入力することもあります。しかし、プロンプトやコードをいちいち手元からコピー&ペーストで貼り付けたりするのは面倒。「ChatGPTFileuploadFirefoxExtension」はFirefox向けの拡張機能で、ChatGPTにファイルやドキュメントを直接アップロードすることが可能になります。 GitHub - deonvz/ChatGPTFileuploadFirefoxExtension: This extension will place a file upload for you on the ChatGPT website. Allow you to process your own script
ウェブブラウザ「Firefox」の開発元であるMozillaは、仮のメールアドレスを作成して本来のメールアドレスを保護できる捨てメールアドレス生成サービス「Firefox Relay」を展開しています。新たに、Firefox Relayに「仮の電話番号を作成して本来の電話番号を保護する機能」が追加されました。 Protect your privacy and your phone number with Firefox Relay https://blog.mozilla.org/en/privacy-security/hide-your-phone-number-with-firefox-relay/ Firefox Relayは本来のメールアドレスにメールを転送可能な仮のメールアドレスを作成できるサービスで、ウェブサービスなどへの登録時に仮のメールアドレスを用いることで「ウェブサイトか
Firefoxにはウェブ開発者向けの開発ツールが搭載されています。この開発ツールにウェブサイトのパフォーマンスを可視化できる分析ツール「Firefox Profiler」が追加されていたので、実際に使ってみました。 Performance Tool in Firefox DevTools Reloaded - Mozilla Hacks - the Web developer blog https://hacks.mozilla.org/2022/03/performance-tool-in-firefox-devtools-reloaded/ Firefox Profilerを使うには、分析対象ウェブページを開いた状態でキーボードの「Shift」と「F5」を同時押しして、現れたメニューから「記録を開始」をクリックします。 記録を開始したら、ウェブページを更新したりウェブページ内の要素をク
ファイルにタグをつけて管理できるオープンソースのファイル管理ソフトが「TagSpaces」です。このTagSpacesのブラウザ拡張機能「TagSpaces Web Clipper」を使えば、ウェブページをタグ付けでローカルに保存でき、TagSpacesと併用することで保存したページの内容を強調表示したり、テキストを追加したりと、簡単に編集することが可能になります。 TagSpaces Web Clipper - Chrome ウェブストア https://chrome.google.com/webstore/detail/tagspaces-web-clipper/ldalmgifdlgpiiadeccbcjojljeanhjk TagSpaces Web Clipper – Get this Extension for ???? Firefox (en-US) https://addo
ウェブブラウザで閲覧中のウェブサイトをページ中の画像も含めて保存したいと思ったときに、HTMLファイルと画像ファイル・スタイルシートが別フォルダになることなく、単一のHTMLファイルとして保存できるブラウザ拡張機能が「SingleFile」です。 SingleFile – Firefox (ja) 向け拡張機能を入手 https://addons.mozilla.org/ja/firefox/addon/single-file/ SingleFile - Chrome ウェブストア https://chrome.google.com/webstore/detail/singlefile/mpiodijhokgodhhofbcjdecpffjipkle SingleFile - Microsoft Edge Addons https://microsoftedge.microsoft.com
CSSの新機能「カスケードレイヤー」がいよいよ主要ブラウザすべてにサポートされます。カスケードレイヤー@layerを使用すると、CSSの詳細度とスタイルの順番をカスケード内で明示的にレイヤー化(階層化)でき、これまでのCSSの実装方法が大きく変わるものです。 Chromeのデベロッパーによるカスケードレイヤーの基礎知識を紹介します。 Cascade layers are coming to your browser by Una Kravets 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様のライセンスに準じて翻訳しています。 はじめに CSSの詳細度とカスケード @layerの動作 レイヤーの優先順位の管理 インポートファイルの整理 レイヤーとカスケード カスケードレイヤーの注意点 カスケードレイヤーの参考リソース はじめに カスケードレイヤー(@layerC
おはようございます。しなもんです。 今回はセキュリティ調査に使える便利なブラウザの拡張機能 (アドオン・エクステンション) をご紹介します。 こうした拡張機能の多くはこの世で唯一無二の機能を持っているわけではありませんが、普段から一番よく使う調査ツールである「Web ブラウザ」に直結するため、手間の節減や各種オンラインサービスへのアクセシビリティ向上に大きな効果を発揮する場合があります。 前提 Mitaka IP Address and Domain information Link Redirect Trace User-Agent Switcher Flagfox IP Domain Country Flag Wappalyser anonymoX Wayback Machine Exif Viewer/EXIF Viewer Pro Simple Translate Mouse Di
現在のWeb制作だと、既存のReset.cssやNormalize.cssには不足を感じると思います。それらの代替手段として制作された新しいCSSリセットを紹介します。 Reseter.cssは各ブラウザの最後から5つ前までのバージョンをサポートし、アクセシビリティにも配慮されており、CSSのテクニックや学びも満載です。 Reseter.css Reseter.css -GitHub Reseter.cssの特徴 Reseter.cssの使い方 Reseter.cssの中身 Reseter.cssの特徴 Reseter.cssは現在のWeb制作に合わせて制作された新しいCSSリセットで、ブラウザによって事前に作成されたすべてのスタイルをリセットします。クロスブラウザのエクスペリエンスを向上させるために、ブラウザのスタイルシートを正規化します。 Reseter.css バグやブラウザの不整合
ウェブブラウザ・Firefoxを展開するMozillaが独自のVPNサービス「Mozilla VPN」の正式リリースを発表しました。このサービスはFirefoxのアドオンとしてベータテストが行われてきた「Firefox Private Network」がもとになっています。 Introducing Firefox Private Network VPN’s Official Product - the Mozilla VPN - Future Releases https://blog.mozilla.org/futurereleases/2020/06/18/introducing-firefox-private-network-vpns-official-product-the-mozilla-vpn/ Mozillaは2019年9月に、インターネットブラウジングをよりセキュアに楽しめ
Selenium IDEでいろんなことをやってみる。 今は、「Selenium 3」が主流ですが、「Selenium IDE」もまだまだ使えますね。 使いやすさや使い勝手がとても良いです。 非プログラマーには、使いやすいWebブラウザツールですね。 まずは、「アドオン」 を入手しましょう。 SeleniumIDEから 「Chrome」 か 「Firefox」 か 「Edge」 を選択して追加する 試しに、Chromeを追加してみます。 注意点 「SeleniumIDE」 でとりあえず。現在バージョンは、「3.17.4」 です。 ※昔、Firefox55が使えないことがありました。 どうしようかと。Firefox ESR版(法人向け)で次のアナウンスまで待つことに。 で、ついに。帰ってきました!! 進めます 現在のバージョン 最終更新日が2021年12月7日であり、1年以上更新されていない状
Webサイトを見ていて、「あ、このサイトの文字読みやすいな」とか「この文字オシャレだな」って思う時ありますよね。 そんな時に「Webサイトの文字」がどんなフォントかを簡単に調べる方法についてご紹介します。また、「画像のフォント」が何かを調べる方法についてもご紹介します。 なお、今回ご紹介する方法は、パソコンから調べる方法です。iPhoneからフォントを調べたいという方は以下の記事をご覧ください。 参考 iPhoneでWebサイトの文字フォント(種類やサイズ)を簡単に調べる方法 文字のフォントを調べる方法webブラウザの標準機能である開発者ツールを使って文字のフォントを調べられます。 確認が簡単なWebブラウザはFirefoxもしくはChromeです。今回はFirefoxとChromeでの調べ方についてご紹介します。 以降、FirefoxとChromeの開発者ツールでフォントを調べる方法につ
無料でチャット・ビデオ通話・タスク管理・ファイル共有が可能なまさに「クラウド会議室」とも言うべきサービスが「チャットワーク(ChatWork)」です。初めはメールを駆逐するためのツールとして誕生し、2013年には機能が一新されビデオ通話やスクリーンシェア機能も追加されてより使いやすく進化していたわけですが、そんなチャットワークがフリープランのストレージ容量をこれまでの50MBから100倍の5GBにまで増量し、いつでもどこでも大容量ファイルを手軽に保存したり共有したりすることが可能になりました。 チャットワーク(ChatWork) | ビジネスが加速するクラウド会議室 http://www.chatwork.com/ja/ これがチャットワークのトップ画面。チャットワークは専用のソフトウェアをインストールする必要が一切なく、Internet ExplorerやGoogle Chrome、Fi
Windows XP以降のWindows OSで使えるデフォルトのウェブブラウザー「Internet Exploler 8」(IE8)。昨今、すでに次期バージョン「9」の予想図もチラホラと公開されるようになってきてはいるが、まだしばらくは8が現役最新でありつづけるはずだ。 とはいえ、2009年3月末にIE8が登場してからもう1年が過ぎた。そろそろなじんできたというか、新鮮味を感じなくなってしまっている人もいるのではないだろうか。もっと便利で刺激的な機能が欲しいと感じている人もいるのではないだろうか。 そんな御仁にぜひ思い出してもらいたいのが拡張機能「アドオン」の存在だ。そう、FirefoxやGoogle Chromeだけではなく、IE8にもアドオンはあるのである。大雑把に言ってIE8のアドオンは以下の4種類に分けられている。 ■ インストールプログラム系: 特にインストーラーを使ったプログ
かつてはそれほど重要視されていなかったウェブブラウザですが、今や私たちの生活の欠かせない一部となっています。単にシステムのデフォルトを使っていたのは昔の話、今はオペレーティングシステムと同じように、ブラウザにも熱狂的なファンが生まれています。 米Lifehackerでは、その中でも特に人気の高い「Chrome」と「Firefox」を取り上げ、「どちらがより優れたブラウザなのか?」という疑問に対するさまざまな意見を集めていましたのでご紹介します。 洗練されたChromeと、カスタマイズ機能が豊富なFirefox Googleは、Chromeの外観を整え、ほかのブラウザよりも洗練された使い心地にするために多くの労力を費やしてきました。そのかいあって、Chromeでは特別な設定をしなくても便利に使うことができます。一方Firefoxは、その外観と操作方法を自在に変更できる機能の多さで知られていま
新社会人になって、パソコンを新たに購入したものの、「何のソフトを入れたらいいのか分からない」、 「みんなは、どのようなソフトを入れているのかな」と気になったことはありませんか? 今回は、Windowsで必須の、入れておくべきフリーソフトを、すべて紹介します。 ここにあるソフトを入れておくと、あなたのPCは驚くほど便利になります。 紹介しているソフトの数がとても多いので、必要なカテゴリから見ることをおすすめします。 ※今回紹介しているソフトは、パソコンをはじめて自分で買った方が便利に使えるようなソフトを紹介しています。会社のパソコンに入れる際は、上司に確認をとってから入れましょう。 おすすめソフトが新たに出てきたら、随時更新しますのでチェックしてみてください。 1. ブラウザ Windows の OS には Internet Explorer が標準搭載されていますが、もっと高機能で便利なブ
Chrome/Firefox/Safari/Thunderbird:Markdownはコードを知らなくてもテキストを簡単にHTMLに変換できる素晴らしい方法だということを、以前「テキスト以上ワープロ未満:手軽に書式付きテキストを編集できる「Markdown」の魅力」という記事で紹介しました。 そんなMarkdownをGmailやPostboxのようなメールクライアントで使いたい場合、ブラウザ拡張機能『Markdown Here』がおすすめです。インストール後、ある程度まとまった文章を書いたら、該当部分を選択してブラウザ内に表示されているMarkdown Hereボタンをクリックします。それだけで、文章が簡単にHTML化されます。 また、メールクライアントだけでなくEvernoteやWordpressのようなWeb上のテキスト編集ツールで使うことも可能です。 Markdown Here |
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く