並び順

ブックマーク数

期間指定

  • から
  • まで

361 - 400 件 / 652件

新着順 人気順

GoogleChromeの検索結果361 - 400 件 / 652件

  •  iPhoneでWebページを検索する方法[Chrome][ Safari] - T’s blog

    Macでブラウザを使ってページ内を検索する時はショートカットキーの「command+F」を押して調べます。そういえばiPhoneでページ内検索をした事が無かったのですが、便利な機能があったので覚え書きです。ChromとSafariでは別々の方法になります。 ・Chromの場合 ・Safariの場合 GoogleChromeのページ内検索 1.Chromeで検索するページの「・・・」をタップする。 2.メニューの中から「ページ内を検索...」をタップする。 3.検索窓に検索したい語句を入力する。 4.該当語句はオレンジで表示され「∧」「∨」をタップすると候補が切り替わる。 Safariのページ内検索 URL欄から検索 1.URL欄をタップして削除したら検索語句を入力する。 2.表示されたメニューの「このページ」から「...を検索」をタップする。 3.該当語句が黄色で表示され「∧」「∨」をタッ

       iPhoneでWebページを検索する方法[Chrome][ Safari] - T’s blog
    • 画面の無いVPSサーバーでSeleniumを使ってChromeブラウザを操作してみる - DreamerDreamのブログ

      通常、ブラウザの操作は画面が無いと出来ません。 しかし、Seleniumを利用した自動操作はページ内要素を見ているので画面を必用としません。そういった画面の無いブラウザのことをヘッドレスブラウザと呼ぶのだそうです。 前回はラズパイでこのヘッドレスブラウザの起動テストをしました。 dreamerdream.hateblo.jp 今回はVPS上のCentOS7でヘッドレスブラウザを実行してみます。 やることは基本的に同じなのですがラズパイより少しだけ面倒です。 やることリスト Sereniumのインストール PyVirtualdisplayのインストール GoogleChromeのインストール ChromeDriverのインストール 日本語フォントのインストール Seleniumをpipからインストール sudo pip3 install selenium Xが元々インストールされていないので

        画面の無いVPSサーバーでSeleniumを使ってChromeブラウザを操作してみる - DreamerDreamのブログ
      • PythonでSeleniumライブラリーを使って、Webブラウザー操作を自動化! - Qiita

        はじめに Pythonプログラムで即業務に役立つサンプルプログラムとして、Webブラウザーの操作をPythonのSeleniumライブラリーを使って自動化する方法をご紹介します。 これによって、いわゆるRPA(Robotics Process Automation)を無料で構築できます。 動作環境 Visual Studio Code Python3.8.8 各種利用ライブラリー Selenium 3.141.0 chromedriver.exe ※ ※実行環境のパソコンにインストールされているGoogleChromeのバージョンにマッチしたchromedriver.exeをダウンロードしてPythonプログラムと同一フォルダに保存する必要があります。(詳しくはYouTube動画で解説しています) 処理概要: PythonでSeleniumを使って、YahooのホームページやGoogle検

          PythonでSeleniumライブラリーを使って、Webブラウザー操作を自動化! - Qiita
        • Webサイトを作ろう!〜作成編〜 | スキルメーカー for パソコン

          はじめに 「Webサイト作ってみたいけど何もわからん!」 「Webサイトを作るための知識がほしい!」 という方に向けて無料でWebサイトを作る方法をお話します! パソコン1台あればOKです!実際にWebサイトを作ります! アウトプットを通して使える知識を身に着けましょう! この記事では、Webサイトを作る方法を話します! 「GoogleChrome」と「Atom」をインストールしていない方は先にこちらをお読みください Webサイトを作ろう!〜準備編〜 この記事のゴール Webサイト(htmlファイルとcssファイル)の作成完了 下のようなオシャレ(?)なWebサイトを作ります 作り終わったら自分流にアレンジしてみてください Webサイト作成 Webサイト(Webサイトを構成するファイル)を作っていきましょう! Webサイトの正体を簡単に言うと、HTMLやCSSというプログラミング言語を使っ

            Webサイトを作ろう!〜作成編〜 | スキルメーカー for パソコン
          • MultiRow TweetDeck - k本的に無料ソフト・フリーソフト

            TweetDeck のカラムを、複数段並べて多段表示にすることができる Chrome 拡張& Firefox アドオン。 TweetDeck のカラムを縦方向にも区分けできるようにし、より多くの情報をフォローできるようにしてくれます。 レイアウトのプロファイルを複数個作成する機能や、各カラム間の余白サイズを指定する機能、ツイート入力パネルの横幅を指定する機能... 等も付いています。 「MultiRow TweetDeck」は、TweetDeck のカラムを複数段にすることができるブラウザ拡張機能です。 通常、横一列にしか並べることができない TweetDeck のカラムを、縦方向にも区分けできるようにし、一つの画面内でより多くの情報をフォローできるようにしてくれます。

              MultiRow TweetDeck - k本的に無料ソフト・フリーソフト
            • Chrome 102: Window Controls Overlay, a Host of Finished Origin Trials, PWAs as File Handlers and More

              $200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81

                Chrome 102: Window Controls Overlay, a Host of Finished Origin Trials, PWAs as File Handlers and More
              • Chrome-Password-Grabber - Google Chromeに保存したパスワードをまとめて取得

                Google Chromeでパスワード管理をしている人は多いでしょう。Google Chromeをメインブラウザとして使っている人であれば大抵そうでしょうし、無料で使えるのも便利です。パスワードさえ漏洩しなければ安全です。 逆に言えばパスワードが漏洩すれば大惨事になる可能性もあります。Chrome-Password-Grabberを使えばパスワードを全部引き出せます。 Chrome-Password-Grabberの使い方 実行例です。 $ python chrome.py /path/to/Google/Chrome/Default/ { "data": [ { "url": "https://www.example.com/", "username": "test", "password": "password" }, : ] } macOSの場合、二回パスワードが聞かれました(キーチ

                  Chrome-Password-Grabber - Google Chromeに保存したパスワードをまとめて取得
                • 2020-12-08のJS: Snowpack 3.0 RC、WMR、State of CSS 2020

                  JSer.info #517 - Snowpack 3.0 RCがリリースされました。 Snowpack v3.0 Release Candidate いくつかの機能がexperimentalでopt-inとして実装されています。 npmパッケージのimportをSkypackのCDN経由でダウンロードするStreaming NPM Importsのサポート、esbuildを使った最適化のサポートが追加されています。 また、開発サーバでのルーティングサポート、snowpackをコードから扱うJavaScript APIの変更なども含まれています。 preactjs/wmrはCreate React Appのような開発ツールキットの一種です。 開発サーバとrollup.jsベースのビルドが一体となっているツールです。 特徴的なのはインストールサイズなども最適化されたツールとなっています。 ま

                    2020-12-08のJS: Snowpack 3.0 RC、WMR、State of CSS 2020
                  • Help users log in across affiliated sites in Chrome

                    $200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81

                      Help users log in across affiliated sites in Chrome
                    • 田原聖悟 on X: "最近ブラウザでNotion開くと重いな〜っていう人はこの手順でリセットすると軽くなるかもしれません! 会社で数人困っている人がいたのですが、これをやったら劇的に速くなりました! https://t.co/japxvByJTO"

                      • 2021-11-18のJS: Node v17.1.0、Lighthouse 9.0.0(Audit User Flows)、TypeScriptで型チェッカーを作る

                        JSer.info #566 - Node.jsの開発版である17.1.0がリリースされました。 Node v17.1.0 (Current) | Node.js 現在ECMAScript ProposalのStage 3であるImport Assertionsを使ったJSONのimportがサポートされています。 Lighthouse 9.0.0がリリースされました。 Release v9.0.0 · GoogleChrome/lighthouse Node 12のサポート終了、意味がなくなったauditが削除されています。 また、ページ遷移を含むAuditをとるAudit User Flowsをプレビュー機能としてサポートしています。 Lighthouse user flows Reconstructing TypeScript, part 0: intro and backgroun

                          2021-11-18のJS: Node v17.1.0、Lighthouse 9.0.0(Audit User Flows)、TypeScriptで型チェッカーを作る
                        • 【先払い応援サービスのご紹介】「さきめし」について調べてみた - 花太郎BLOG

                          こんにちは。はや太郎です。 前に飲食店を応援しようの記事を書いたんですが反響がありましたので記事にしてみました。 【外出自粛】まずは知ることから。皆で飲食店を応援しよう。 - 花太郎BLOG sipen(id:sipen)さん 是非”さきめし”というサービスにフォーカスを当てて紹介してください。 sipen(id:sipen)さん、教えてくれてありがとうございました😄 記事を書くのが遅くなったのは5月25日の”さきめし”大幅リニューアルを待った為です。最近サイトをリニューアルしたばかりです。今注目のサービスをぜひチェックしてみて下さい!! / 行きつけのお店を先払いで応援📣 \ 先払いで食事のチケットを購入することで、飲食店を支援するプロジェクト #さきめし サイトがリニューアルしました。 #行きつけのお店 を探して応援しましょう! 本日より、期間限定でサントリーが手数料分を負担いたし

                            【先払い応援サービスのご紹介】「さきめし」について調べてみた - 花太郎BLOG
                          • 【iPhone手帳術】Windowsでもできる!iPhoneのメモをパソコンで入力・参照する方法(舘神龍彦) - エキスパート - Yahoo!ニュース

                            iPhoneはとても便利です。しかし単体で入力するのにはあまり向いていません。 とくに、ソフトウェアキーボードで入力するのには向いていない。 ともあれ、ふだんからほぼいつでも持っているiPhoneで情報を確認できれば便利です。これはユーザーなら誰でもそう考えているはずです。 こんにちは。デジアナリスト・手帳評論家の舘神龍彦(たてがみたつひこ)です。 今回から、あらためてiPhoneとWindowsパソコンとの各種連携方法について紹介していこうと思います。第1回の今回は、iPhone標準のメモ帳とパソコンとの連携について。 正確には、iCloudを利用してiPhoneのメモ帳の情報を参照編集する方法についてです。 準備するもの:AppleIDとWebブラウザWebブラウザでiCloudにログインしたところ まず準備するものがこの2つです。AppleIDは、iPhoneで使っているIDですね。

                              【iPhone手帳術】Windowsでもできる!iPhoneのメモをパソコンで入力・参照する方法(舘神龍彦) - エキスパート - Yahoo!ニュース
                            • HTTPSに自動で切り替えるChromeのHTTPS Upgradeについて - ASnoKaze blog

                              Chromeではバージョン115 (6月リリース予定)で、『HTTPS Upgrade』という機能が導入される予定です。これは、ナビゲーション時にHTTPからHTTPSに自動でアップグレードするものです。 chromestatus.com その動作についてドキュメントを読む 背景 『HTTPS Upgrade』を導入する背景としては 多くのWebサイトがHTTPSに対応していますが、いくつかのケースでHTTPのアクセスがあり、それらを保護するためです。 HTTPSをサポートしているページでもHTTPをリッスンしている場合は、次のケースでHTTPアクセスが発生します HSTS Preloadを登録していないケース HSTSを利用していても、初回のアクセスするケース HSTSを利用しておらず、HTTPをHTTPSにリダイレクトしないケース 動作 一言でその動作を表現すれば、『ナビゲーションの際

                                HTTPSに自動で切り替えるChromeのHTTPS Upgradeについて - ASnoKaze blog
                              • ダークモードに対応していないWebサイトを無理やりダークモードにする拡張

                                2022年5月24日 Webデザイン, 便利ツール こんにちは、ダークモード推奨派のManaです。以前からダークモードの布教活動を細々としておりますが、まだまだダークモードに対応していないWebサイトもたくさんあります。今回はダークモードに対応していないWebサイトを強制的にダークモードにしちゃう拡張を紹介します。 ↑私が10年以上利用している会計ソフト! 前々から夜間見えづらいって事は認識していましたが、どうやら光の見え方も多くの方とは違うと最近判明…!みんなこんなシャキーンって感じの光の線は見えないんですかね…?夜景なんて光るウニの集合体ですよw ちなみにスターバースト現象というらしい ←おそらく多くの人が見えるビュー Manaビュー→ pic.twitter.com/bfxZAK7FYE — Mana (@chibimana) September 8, 2020 以前『Webサイトを

                                  ダークモードに対応していないWebサイトを無理やりダークモードにする拡張
                                • スマートEXアプリで新幹線に乗る。お得だヨ! - 残念パパの育児とガジェット

                                  こんにちは。いのっちです。 仕事で大阪に出張に行ったのですが、新幹線に乗るなら折角なので、スマートEXアプリを使ってチケットレス乗車をしてみました。 中々、快適だったので導入方法と使い方を少し解説したいと思いご導入することをオススメします。 1)スマートEXとは? 2)アプリを入れる Androidアプリ iPhoneアプリ アプリでの会員登録 4)新幹線のチケット購入 5)新幹線改札にタッチ! 6)領収書発行 7)お得な価格体型 スポンサーリンク 1)スマートEXとは? JR東海が行っているサービスで、交通系のICカードとクレジットカードを登録すれば、チケットをもたずに新幹線に乗れるというサービスです。 予約はスマートEXから行うことができるし、普段使っているICカードを新幹線の改札口でかざせば、通る事ができる仕組みです。 交通系のICカードであれば、以下のものに対応しています。 JRグ

                                    スマートEXアプリで新幹線に乗る。お得だヨ! - 残念パパの育児とガジェット
                                  • 【Chrome】パスワードのエクスポートとインポート方法【最新版】

                                    最新の方法 2024年3月に確認したChromeの最終バージョンは「122.0.6261.112(Official Build)(64 ビット)」です。 Chrome パスワード.csvのエクスポート Chromeを起動したら「設定」から「パスワード」で検索して「Googleパスワードマネージャー」を開きます。 「Googleパスワードマネージャー」に移動したら、図示している「ファイルをダウンロード」を選択します。 エクスポートされた「Chrome パスワード.csv」を、インポートしたいパソコンへ移動します。 Chrome パスワード.csvのインポート パスワードをインポートしたいパソコンで、Chromeを起動して「Googleパスワードマネージャー」を開きます。 Googleパスワードマネージャーに移動したら、今度はパスワードをインポートにある「ファイルを選択」を実行します。 ここで

                                      【Chrome】パスワードのエクスポートとインポート方法【最新版】
                                    • 「Google Chrome」を信用し過ぎてはいけないワケ:685th Lap

                                      最近「YouTube」などでよく広告を目にする「Google Chrome」。Webサイトには「高速で安全なブラウザ」とあるが、「本当にそうなのだろうか」という疑惑が持ち上がった。 GoogleのWebブラウザ「GoogleChrome」(以下、Chrome)は、プライベートだけでなくビジネスシーンでも用いられるほど広く普及した。Webサイトにも「高速で安全なブラウザ」とあり、セキュリティにも力を入れている。 しかし、Chromeのある機能は「安全どころかむしろ危険」とのうわさが広がっている。開発元のGoogle社内でももっぱらのうわさのようだが、なぜ危険だと言われているのか? 2022年10月11日、BloombergのニュースサイトにChromeのシークレットモードに関する記事が掲載され、話題になった。 記事の冒頭には、Googleのマーケティング責任者ロレイン・トゥーヒル氏がGoog

                                        「Google Chrome」を信用し過ぎてはいけないワケ:685th Lap
                                      • 快晴!思いがけない時間 - 日々のこと

                                        快晴 今日は半日パソコンボランティア(サポーターです)の予定が講師都合で急にキャンセルになり、思いがけず時間が出来ました。 そして久し振りの快晴、大物洗濯、窓を全開しての掃除の気持ちいいこと。 今日は息子の長男Aの9歳の誕生日。おめでとう!!! 昨日やってきた時欲しいものを聞いたら、パソコンでちゃちゃっと検索して「これなの」・・・と、+9のレゴ(ゴールデンウルトラドラゴン)でした。 Primeでも配達は明日になってしまいましたが、無事購入完了‼ Aは初孫ですから、9歳は感慨深いものがあります。 Edgeの画像検索とGoogle lenz パソコンボランティアのパソコンはブラウザが「Edge」。 私はGoogleChromeなので、時々Edgeも使うようにしています。 先日、Edgeを使っている相方が「画像検索できるようになっているよ」と教えてくれました、ほんとだ! 画像の右上にカーソルを持

                                          快晴!思いがけない時間 - 日々のこと
                                        • Tab throttling and more performance improvements in Chrome M87

                                          $200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81

                                            Tab throttling and more performance improvements in Chrome M87
                                          • Chrome 87 Beta: WebAuthn in DevTools, Pan/Tilt/Zoom, Flow Relative Shorthands and More

                                            $200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81

                                              Chrome 87 Beta: WebAuthn in DevTools, Pan/Tilt/Zoom, Flow Relative Shorthands and More
                                            • VSCode+GoogleChromeでReactのデバッグを行う

                                              目的 VSCodeでReactのデバッグを行えるようにします。 内容 create-react-appでReact Appのテンプレートを作成し、VSCodeでデバッグを行えるようにします。 VSCode上でブレークポイントやウォッチ式を使って効率よくデバッグすることを目的とします。 本手順では VSCode と Node.js と GoogleChrome がインストールされていることを前提としています。 動作確認環境 本記事は、以下の環境で動作確認済みです。 VSCode 1.52.1 GoogleChrome 87.0.4280.88 Node.js v12.19.0 npm 6.14.8 react 17.0.1 方法 テンプレートアプリの作成 launch.json の作成 task.json の作成 .envの作成 デバッグの開始 1.Reactテンプレートアプリの作成 まずは

                                                VSCode+GoogleChromeでReactのデバッグを行う
                                              • いきなり警告音が鳴りPCが操作不能。警告文書が…それはサギです! - クマの動物研究

                                                いきなりパソコンから大きな警報音が鳴りひびき、画面に文書が次々に現れてお困りですか? なんとかしようとマウスを動かしてもポインターが思うように操作できないと思います。 そこで詳しい話をする前にまずは音量ボタンを押して警報音を下げてください。 音量ボタンは効きますので。 音が消えたらおちついて対処できるはず。 警報音はあなたをあせらせるための仕掛けです。 ウイルスを作った人間があなたをおとしめるために作ったもの。 画面に出ている文書もそうです。 「このページを開いてサポートを受けてください」とか「サポートセンターに電話をかけてサポートを受けてください」といった内容のものはすべてトラップです。 こういう文書も。 「あなたのパソコンはトロイの木馬(ウイルス)に感染しました」などと出ていますが。 嘘です。 実際にはまだ感染していません! ページを開いたら本当に感染するので絶対に開かないでください。

                                                  いきなり警告音が鳴りPCが操作不能。警告文書が…それはサギです! - クマの動物研究
                                                • 最新「Chrome OS 89」の主要な新機能とその設定方法 | ライフハッカー・ジャパン

                                                  現在Chrome OS 89がロールアウトされており、Googleのオペレーティングシステムを実行するChromebookとタブレットに多くの機能が追加されます。 最初は、新しいアプリのアイコンが目に付くと思いますが、表面下には、もっとたくさん新しいものが隠れています。 更新されたOSを最大限に活用できるように、GoogleがChrome89に追加する新機能やアプリとその使用方法をすべてご紹介します。 Phone HubChrome OS 89の主要なアップデートとして最初に挙げられるのは、新しい「Phone Hub」アプリです。 Androidユーザーは、Phone Hubを使うと、Bluetooth経由でスマホとChrome OSデバイスを連携できます。 Phone Hubは、Chrome OSを搭載したデスクトップからスマホの機能の多くをモニターしたりコントロールして、次のことをでき

                                                    最新「Chrome OS 89」の主要な新機能とその設定方法 | ライフハッカー・ジャパン
                                                  • グラブルを快適にする方法|さかみち

                                                    グラブルをプレイするにあたってオススメの設定や自己責任でやってほしい怪しい設定集です。 グラブルをプレイするのにオススメのブラウザ SRWareironというブラウザアプリがおすすめです。通常のGoogleChromeからいくつかの機能をなくしたもので、グラブルをプレイする場合、こちらの方が動作が速くなります。 おすすめのironのバージョン (srware_iron64.exeというのを選択してください) ※10月30日現在、ironはver117まで出ており、バージョンが新しいほど読み込みが速いですが、後述するFlagsの機能の一部(アビリティ窓の演出カット)が使えません。 Flagsの設定(1番おすすめ) chromeの隠し機能ですブラウザのurl入力するところに「chrome://flags/」をコピペすると画像のようなページに飛ぶので下の画像のように設定を変更してみてください 検

                                                      グラブルを快適にする方法|さかみち
                                                    • 【サイト運営】コンサルタントはいらない!自分でサイト分析をする方法 | HSUGITA.NET

                                                      ブログやアフィリエイトサイトといったウェブサイトの運営は現在ではITが苦手な主婦の方でも気軽にできる副業方法となっています。最初は好きな記事を投稿していくだけでいいのですが、ある程度記事が溜まってきたら、いままで公開した記事の検索順位を追ったり、ホームページ自体の分析をする必要があります。 もし企業として本格的にやるのであれば、毎月20~30万円払ってコンサルタントに依頼する必要があるかもしれません。しかし、副業で頑張る方はコンサルタントに依頼するのはちょっと難しいですね。そこで、今回は自分でウェブサイトを分析する簡単な方法をご紹介します。すべて無料でできます。 まずは自分が投稿・公開した記事がGoogleで検索したときに何位に表示されるかを確認しましょう。例えば当記事のタイトルである「【サイト運営】コンサルタントはいらない!自分でサイト分析をする方法」は「サイト運営」を重要キーワードに「

                                                        【サイト運営】コンサルタントはいらない!自分でサイト分析をする方法 | HSUGITA.NET
                                                      • USB接続したAndroid端末内のページをPCのDevToolsでデバッグする(なおRemote Devicesパネルはなくなりました)(ひとり DevTools Advent Calendar 2020 – 03日目) | Ginpen.com

                                                        3 日目の記事です。 DevToolsおれおれAdvent Calendar 2020やります。ひとりで。 最近は DevTools のエミュレート機能も強くなってはきましたが、まだまだ実機で確認する必要性は高いことと思います。PC と Android 端末を繋げて、端末内のウェブページを DevTools でデバッグできます。 DevTools で Android 内のページを開いた様子。画面も表示され、実機のものと連動する。 Android で開いているページをデバッグする 以下の手順で行います。 Android 側でデバッグ機能を許可する(初回) 端末を接続 対象を選択してデバッグを開始 Android 側でデバッグ機能を許可する(初回) 最初に 1 度だけ必要。 開発者モードを設定 Android 端末の設定で「ビルド番号」を表示 Android OS のバージョンによって場所が違

                                                          USB接続したAndroid端末内のページをPCのDevToolsでデバッグする(なおRemote Devicesパネルはなくなりました)(ひとり DevTools Advent Calendar 2020 – 03日目) | Ginpen.com
                                                        • Responsive Viewer - レスポンシブWebデザインをまとめて確認

                                                          レスポンシブなWebデザインが当たり前になっており、その表示確認が大変になっています。Webブラウザの幅を変えたり、スマートフォンやタブレットでの表示を確認したりしている方は多いでしょう。 そうした手間を減らせそうなのがResponsive Viewerです。一気に複数デバイスでの表示を確認できます。 Responsive Viewerの使い方 こんな感じでまとめて表示を確認できます。 幅が広いタブレットでの表示も確認できます。 クリック連動で、一つの画面でリンクをクリックすればすべての表示が変更されます。 インスペクタで全デバイスでの要素の場所を確認できます。 横方向での表示確認も。 Responsive Viewerを使えば指定したデバイスでの表示をまとめて確認できます。スクロール追従もできるのですが、筆者環境ではうまく動きませんでした。デバイスの種類は追加できますので、Android

                                                            Responsive Viewer - レスポンシブWebデザインをまとめて確認
                                                          • 2019-10-09のJS: Preact X(10)、webhint browser extension v1、TypeScript 3.7β

                                                            // Preact 8.x import Preact from "preact"; // Preact X import * as preact from "preact"; // Preferred: Named exports (works in 8.x and Preact X) import { h, Component } from "preact"; Preact 8.xから10.xへのマイグレーションガイドも公開されているので、合わせて見てください。 Upgrading from Preact 8.x | Preact: Fast 3kb React alternative with the same ES6 API. Components & Virtual DOM. ウェブサイト向けのLintツールであるwebhintのブラウザ拡張版がv1となりました。 Announc

                                                              2019-10-09のJS: Preact X(10)、webhint browser extension v1、TypeScript 3.7β
                                                            • PCで便利なGoogle手書き検索!あれ?メニューが消えて検索できない!実は「手書き入力」に変更!

                                                              PCで便利なGoogle手書き検索!あれ?メニューが消えて検索できない!実は「手書き入力」に変更されていた! デザインをするうえで必ず文字の入力は行います。PCでの文字入力を助けてくれる便利な日本語入力のソフトウェアはGoogle手書き検索です。 正式名称は「Google入力ツール」の機能「手書き入力」です。何気なく毎日使っているとある日メニューから「手書き検索」のメニューが消えていた!マウスで文字入力ができない。 実はブラウザ拡張機能の一部として取り込まれていたのです。この記事では新しくなった「Google手書き入力」について説明いたします。 PCから何気なくGoogle手書き検索をしようとしたらメニュー表示がない! 私は2種類の日本語入力ソフトウェアを目的別に利用。 毎日デザインの仕事をするうえで日本語入力は必須であると誰もが思っていると思います。 日本語入力ソフトウェアは販売されてい

                                                                PCで便利なGoogle手書き検索!あれ?メニューが消えて検索できない!実は「手書き入力」に変更!
                                                              • Google Chrome 84正式版リリース、ホーム画面のアイコンにショートカットメニューが追加

                                                                ウェブブラウザ「Google Chrome」の最新安定版であるバージョン84.0.4147.89がリリースされました。ホーム画面に追加されたページのアイコンからショートカットメニューを開けたり、より細かにアニメーションを制御するためのAPIが追加されるなどのアップデートが行われています。 New in Chrome 84  |  Web  |  Google Developers https://developers.google.com/web/updates/2020/07/nic84 New in Chrome 84: App Shortcuts, Web Animations, Wake Lock, and lots more! - YouTube ◆アイコンにショートカットメニューが追加される ウェブサイトへのリンクをホーム画面に追加したときにショートカットメニューを開く機能が追

                                                                  Google Chrome 84正式版リリース、ホーム画面のアイコンにショートカットメニューが追加
                                                                • 100均.公園.プール.コンビニ.郵便局コース - 庶民mamalog☆

                                                                  やふ♡ 今日は朝から100均、公園!って行ったら 公園にウロウロしてる怪しい人いて、、 あと急におじいさんが近距離を横切ってきたり、、 こわっ😣てなって暑いしすぐ帰宅~ スポンサーリンク 仕方ないからお昼食べてお庭プール🏊💭💕 なんかめちゃ楽しそうだった♡ 30分くらいで切り上げて またコンビニと郵便局に売れたもの持ってったり~ 午前中は自転車で行ったからまだよかったけど ベビーカーに二人乗せて行ったら死亡した💔💔💔 暑いしもう体ベタベタになって、、 帰宅して着替えてもう、エアコンガンガンにしたわー😣 次男すぐ昼寝して、、2時間寝とった。 長男も寝ない寝ないゆいながら私と一緒に 寝落ちして30分寝とったわ😅 夜は、お風呂入れて~ってやってたら 旦那様帰宅~ がしかし実家に置いてあるものが売れて、、 取りに行ってきた💥 ついでにダンボールも台風のためにまとめてあったから

                                                                  • Chrome 99: CSS Cascade Layers, a New Picker for Input Elements, and More

                                                                    $200K 1 10th birthday 4 abusive ads 1 abusive notifications 2 accessibility 3 ad blockers 1 ad blocking 2 advanced capabilities 1 android 2 anti abuse 1 anti-deception 1 background periodic sync 1 badging 1 benchmarks 1 beta 83 better ads standards 1 billing 1 birthday 4 blink 2 browser 2 browser interoperability 1 bundles 1 capabilities 6 capable web 1 cds 1 cds18 2 cds2018 1 chrome 35 chrome 81

                                                                      Chrome 99: CSS Cascade Layers, a New Picker for Input Elements, and More
                                                                    • PythonでRPAを作ってみよう - はなしのたね

                                                                      巷で人気が出ているRPAをpythonを使って、自分で作ってみましょう。 RPAとは Pythonとは Seleniumを使う noteをカテゴリ別にイイネしてみよう 処理の流れ コード全体像 結果 終わりに RPAとは RPAとは「ロボティック・プロセス・オートメーション」の略語です。 簡単な事務作業をロボットが行ってくれるようなイメージです。 詳しくは下記の記事に記載されていますのでご参照ください。 www.netachoo.work Pythonとは Pythonとは、C言語やJavaと同じ、プログラミング言語の一種です。 Pythonはプログラミング言語の中でも理解しやすく、海外ではプログラミングを勉強する第一歩はPythonを進めている国もあります。 また、GoogleやYoutube、Facebook等もPythonを使用しており、今後、さらに注目されるであろう言語だと思います

                                                                        PythonでRPAを作ってみよう - はなしのたね
                                                                      • Google Chrome Keystone is Removing /var symlink on non SIP Macs Causing Boot Issues

                                                                        Google Chrome Keystone Updater is removing the /var symlink causing account and boot issues. UPDATE: 10/03/19 Google has posted an update that they found the issue in the Keystone Update and fixed it. They are are pushing the updated version now. The push started last night and the new version should be 1.2.13.79 or 1.2.13.80. Google has been able to reproduce the bug. Chromium bug – bugs.chromium

                                                                          Google Chrome Keystone is Removing /var symlink on non SIP Macs Causing Boot Issues
                                                                        • 【「上位表示」がほぼ無意味に】Googleが「生成AIによる検索結果表示」を始めたので、SEO対策が大きく変わります。|安達裕哉

                                                                          【「上位表示」がほぼ無意味に】Googleが「生成AIによる検索結果表示」を始めたので、SEO対策が大きく変わります。 2023年の8月30日、Googleは検索結果に生成AIによる表示を始めました。 これは、従来のSEO対策を大きく変える可能性があります。 例えば、「SNSはSEOにどのような効果をもたらしますか?」と、検索窓に打ち込むと、従来はwebページが羅列されるだけでしたが、生成AIを用いると、以下のような表示に変更されます。 見てわかる通り、画面の大半は「生成AIによる回答」になり、webサイトはかろうじて上位3つまで。正直なところ、全く目立ちませんし、クリックしようとも思いません。 「SNSで集客」というキーワードだと、すでに広告と生成AIの結果しか見えないのです。 この、生成AIの結果表示オプションですが、現在はGoogleのSearch Labsのオプションを設定すること

                                                                            【「上位表示」がほぼ無意味に】Googleが「生成AIによる検索結果表示」を始めたので、SEO対策が大きく変わります。|安達裕哉
                                                                          • Webデザイナーおすすめ【2024年度版】GoogleChromeプラグイン9選 | ITキャピタル

                                                                            みなさん、Webブラウザは何を使っていますか? 大半の方はGoogle Chromeをお使いなのではないでしょうか。 今回の記事は、弊社の技術者たちも使っているGoogle Chromeの便利な無料プラグインを10件ご紹介します。 GoFullPage – Full Page Screen Capture Webサイトを閲覧していて、そのサイトのスクリーンショットを取る場面というのはよくあると思います。 しかしながら、Windowsの標準アプリ「切り取り&スケッチ」やプリントスクリーンボタンでは、画面上に表示されている画像しか取得できません。 このGoFullPageというプラグインはchromeにインストールするとワンクリックでページの上から下までスクリーンショットを取ってくれます。 画像はpng形式でPDFで保存することも可能です。 GoFullPage – Full Page Scr

                                                                              Webデザイナーおすすめ【2024年度版】GoogleChromeプラグイン9選 | ITキャピタル
                                                                            • Puppeteerが遅いなと感じたときの高速化Tips - Qiita

                                                                              先日、毎朝8時に私の住んでいる地域の洗濯指数をSlackで送ってくれるプログラムを作りました。天気予報とか自分で見ないもので、、今日洗濯しようかどうか決めるのに役立っています。 仕組みとしては、GCPのCloud Scheduler→Pub/Sub→FirebaseのCloud Functionsの流れでPuppeteerでtenki.jpの特定のページをスクレイピングしています。Puppeteerいいですよねぇ。 ただ、最初に実装したときはPuppeteerの速度があまりにも遅すぎて、タイムアウト(30秒以上)が発生してしまう状況でした。スクレイピングしているのは1つのページだけなので、どう考えてもおかしかったです。(というかそもそも、Puppeteerのlaunchの時点でかなり時間がかかってるっぽかった)調べてみたところ、同じことを感じてる人は他にもいるようで、公式にもissueが立

                                                                                Puppeteerが遅いなと感じたときの高速化Tips - Qiita
                                                                              • Chrome 102からはオンデバイスの機械学習で煩わしい通知やフィッシング詐欺を自動で遮断するように

                                                                                Googleが、Chrome 102からブラウザに内蔵されたオンデバイスの機械学習によって、通知のための迷惑な許可要求を行うウェブサイトを識別し、通知や許可要求をポップアップする前に自動で遮断できるようになると発表しました。 Building a more helpful browser with machine learning https://blog.google/products/chrome/building-a-more-helpful-browser-with-machine-learning/ Google Chrome’s on-device machine learning blocks noisy notification prompts - The Verge https://www.theverge.com/2022/6/9/23161292/google-chr

                                                                                  Chrome 102からはオンデバイスの機械学習で煩わしい通知やフィッシング詐欺を自動で遮断するように
                                                                                • ブラウザでZoomのようなアプリが作成できるWebRTCとは? - Qiita

                                                                                  初めに これはWebRTCの概要やWebRTCを使用したサービスであるSkyWayを見ていき、WebRTCについての理解を深めることを目的とした記事です。 WebRTCについてはこちらの記事を読んでいただければそれの仕組みや特徴が分かると思います。 上記の記事をざっくりまとめると、WebRTC(Web Real-Time Communications、ウェブリアルタイムコミュニケーション)とはウェブアプリケーションなどにてブラウザ間で直接ユーザー同士のリアルタイムの音声や動画をやり取りすることのできる技術です。また、WebRTCの基本的な概念は、MediaStreamオブジェクト(あとで詳しく取り上げる)を利用してユーザーたちの音声・画像などを取得し、 RTCPeerConnectionインターフェースにより接続されたユーザー同士でそれらをやり取りする、というものです。 SkyWayとは?

                                                                                    ブラウザでZoomのようなアプリが作成できるWebRTCとは? - Qiita