並び順

ブックマーク数

期間指定

  • から
  • まで

241 - 280 件 / 478件

新着順 人気順

GoogleChromeの検索結果241 - 280 件 / 478件

  • 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
            • 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手書き検索!あれ?メニューが消えて検索できない!実は「手書き入力」に変更!
                • 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が「生成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
                                • 3PCA 26 日目: Related Website Sets | blog.jxck.io

                                  Intro このエントリは、 3rd Party Cookie Advent Calendar の 26 日目である。 3rd Party Cookie のカレンダー | Advent Calendar 2023 - Qiita https://qiita.com/advent-calendar/2023/3rd-party-cookie 今日からは、 Privacy Sandbox の「広告」以外の API を解説していく。 同一組織の別ドメイン グローバル企業であれば、各国の ccTLD でローカライズされたサービスを提供するのは一般的な運用だ。 google.co.jp google.co.uk google.de google.fr etc 他にも、例えば用途毎にドメインを分ける運用も一般的だろう。 google.com googleusercontent.com fonts.gs

                                    3PCA 26 日目: Related Website Sets | blog.jxck.io
                                  • 2020-05-25のJS: Chrome 83、Electron 9.0.0、typescript-eslint 3.0.0

                                    JSer.info #489 - Chrome 83がリリースされました。 New in Chrome 83  |  Web  |  Google Developers What's New In DevTools (Chrome 83)  |  Web  |  Google Developers Deprecations and removals in Chrome 83  |  Web  |  Google Developers Chrome Platform Status V8 release v8.3 · V8 Trusted Typesのサポート、フォームコントロールUIのアップデート、COOP(Cross-Origin-Opener-Policy)とCOEP(Cross-Origin-Embedder-Policy)が実装されています。 COOPとCOEPはSite Isola

                                      2020-05-25のJS: Chrome 83、Electron 9.0.0、typescript-eslint 3.0.0
                                    • 2021-06-08のJS: Lighthouse 8.0.0(スコア計算の変更)、Vue 3.1(@vue/compat)、 Mocha v9.0.0

                                      JSer.info #543 - Lighthouse 8.0.0がリリースされました。 Release v8.0.0 · GoogleChrome/lighthouse Lighthouse 8.0.0ではパフォーマンススコアの計算式が変更されています。 詳細は次のドキュメントにかかれていますが、今まで実験的だったCumulative Layout Shift (CLS)の比重が5%から15%へと増加しています。それにあわせて他のスコアの比重も変化しています。 lighthouse/v8-perf-faq.md at master · GoogleChrome/lighthouse 機能追加として、レポートをメトリクス別にフィルターできるように、csp-xssのAuditの追加なども含まれています。 Vue 3.1.0がリリースされました。 Release v3.1.0 Pluto ·

                                        2021-06-08のJS: Lighthouse 8.0.0(スコア計算の変更)、Vue 3.1(@vue/compat)、 Mocha v9.0.0
                                      • GoogleChromeのバックアップ方法!設定やパスワードを移行するには? | アプリやWebの疑問に答えるメディア

                                        GoogleChromeのバックアップ方法!設定やパスワードを移行するには?Chromeでは、Googleアカウントごとにバックアップをとることができます。バックアップ方法は同期を取る方法やユーザーデータを丸ごと移動する方法などがあります。定期的にChromeのバックアップをとってPCがクラッシュしてしまったときに備えましょう。

                                          GoogleChromeのバックアップ方法!設定やパスワードを移行するには? | アプリやWebの疑問に答えるメディア
                                        • 【簡単】HULUなどの倍速再生できない動画を倍速で見る方法【便利】 - ズタボロ日記迷走中

                                          HULUとかAmazonプライム系の動画配信サービスって、残念ながら「倍速再生」ができないんだよね・・・。 これ本当に勘弁してほしい。 時間ない中で、ちんたら見てられないってのがあって。 自分は、録画したTVとか2倍速でいつも見てるもんだから、この通常スピードってのにどうしても慣れなくて。 そこで、倍速できない動画を倍速で見るために導入したのがこれ! Video Speed Controller chrome.google.com GoogleChromeブラウザの拡張機能なんだけど、これを追加してChromeで動画を再生しながらこれを使用すると念願かなってさくっと倍速可能ってわけ。 いやー、なんでこれもっと早くに導入しなかったんだろ・・・。 てかそもそもHULUとかAmazonプライムビデオとかもさっさと倍速再生機能導入してほしいわ。 そりゃ作り手側のちゃんと計算して作ってるんだから、通

                                            【簡単】HULUなどの倍速再生できない動画を倍速で見る方法【便利】 - ズタボロ日記迷走中
                                          • Amazonの注文履歴をCSV形式でダウンロードする手順 | Relax & Focus 〜姫路を拠点にする税理士のブログ〜

                                            何かと助かるCSVファイルわたしのCSVファイルの利用用途は2つ。 ① データベースにあるデータ ⇒ CSVで出力 ⇒ Excelで加工分析 ② Excelで作成したデータ ⇒ CSVで保存 ⇒ データとして取込 この2つの作業においてCSVファイルを利用します。 そして、この①のゴールにある「加工分析」は 経理財務業務においてとくに重要性の高い作業ゆえ さまざまなデータをみるとそれをCSVで出力したい 衝動にかられます。 で、Amazonでの注文履歴も然り。 会計データに取り込むだけなら マネーフォワードクラウドを使っているので それとの連動で完結するわけですが、 いちいち登録ボタンを押さないといけなかったり 予測した科目を修正するのが面倒だったり。。。 それだったら ① Amazonの注文履歴データをCSVで出力 ② 仕訳データ(出納帳データ)作成 ③ 一括取り込み の方が速いのではな

                                              Amazonの注文履歴をCSV形式でダウンロードする手順 | Relax & Focus 〜姫路を拠点にする税理士のブログ〜
                                            • KeePassXCのインストール手順と使い方 - 星みるみち

                                              前回は、KeePassXCはどういうものか? を紹介しました。 そして、今日はKeePassXCのインストール手順と使い方を紹介しますね。 今回はMac OS10.13で説明しますが、Windowsも同じような手順でできます。 KeePassXCをインストールする PCのOSを選択する データベースを作る データベースのマスターキーを設定する KeePassXCにキーファイルを追加する KeePassXCを使う エントリーを作成する これは便利!パスワード生成機能 パスワードを生成する手順 KeePassXCの設定 まとめ KeePassXCをインストールする KeePassXCをインストールしますが、最も重要なのはパスワード・・しかも、すべてのパスワードなので、マルウェアなどスパムの侵入を絶対に防がなきゃなりません。 そこで、重要になってくるのはデータベースですね。 出来れば、データベー

                                                KeePassXCのインストール手順と使い方 - 星みるみち
                                              • Dockerのはじめ方|新しいMac(M1)で仮想環境をつくる | エンジニアBLOG

                                                マシンが違うので正確ではないかもしれませんが、なんと4分の1になりました。 毎日使うものなので、この時間短縮はけっこう嬉しいです。 ②複数の環境の切り分けが簡単 Vagrantで複数のプロジェクトの開発をしようとしたときに、開発環境が異なると結構困ります。 プロジェクトA プロジェクトB このような場合、1つの仮想マシン内で分けようとするとなかなか面倒なので、別の仮想マシンをつくると思うのですが、ここで1つ問題が... 仮想マシンが増えるほどにディスク容量がどんどん侵食されていくのです。 Dockerの場合は、後ほどご説明しますが、docker-compose.ymlやDockerfileを分けるだけで簡単に管理できますし、Vagrantよりも消費するディスク容量がかなり少ないです。 ①でご説明したとおり起動も速いので、環境の切り替えもスムーズに行なえます。 ③仮想環境が壊れても短時間で直

                                                  Dockerのはじめ方|新しいMac(M1)で仮想環境をつくる | エンジニアBLOG
                                                • Core Web Vitalsで計測した表示速度とコンバージョン率の密接な関係。リアルなデータを紹介するよ! | アイデアマンズブログ

                                                  TOP > Core Web Vitalsで計測した表示速度とコンバージョン率の密接な関係。リアルなデータを紹介するよ! Core Web Vitalsで計測した表示速度とコンバージョン率の密接な関係。リアルなデータを紹介するよ! Core Web Vitals PageSpeed Insights SEO 表示高速化 「Webの表示が遅いとコンバージョン率が下がる」は本当? 海外大手の事例はよく耳にします。頭でも理屈はわかります。 でも、「自分のサイトについてその証拠を見たことがある」という方はほとんどいないはずです。ある意味で都市伝説でした。 ところが今回、このブログを題材に表示速度とコンバージョン率の関係を明らかにして、改善による効果と費用を計画できるデータを計測できました。 「結局、速度改善でどのくらい収益増が見込めるの? どのくらいまでコストをかけていいの?」という本質的な課題に

                                                    Core Web Vitalsで計測した表示速度とコンバージョン率の密接な関係。リアルなデータを紹介するよ! | アイデアマンズブログ
                                                  • python×selenium!つい勢いでbenefit stationの自動ログインスクリプトを作ってしまった! - かずきち。の日記

                                                    benefit stationとは? 知っている方も多いと思いますが、企業が導入している福利厚生サイトです。 飲食店やレジャー施設の割引情報が掲載されている。 がしかし、ログインが必要なのである。 引用:https://bs.benefit-one.co.jp/bs/pages/bs/top/top.faces こんなインターフェースでトップ画面にログイン画面がある。 人間がIDとパスワードを入力しないといけないわけだ。 大問題である。 ここのログインを突破して、中の福利厚生情報を全部抜きたい。 このログイン、スクリプトで突破しましょう。 使ったライブラリなどは import time # スリープを使うために必要 from selenium import webdriver # Webブラウザを自動操作する(python -m pip install selenium) import c

                                                      python×selenium!つい勢いでbenefit stationの自動ログインスクリプトを作ってしまった! - かずきち。の日記
                                                    • GTMを使ってCore Web Vitalsの数値をGA4で計測する方法

                                                      flickr(Soccer Field) 先日、2021年のGoogle I/O が開催され、その中の1つのセッションにてWebサイトのパフォーマンス指標であるCore Web Vitals(コアウェブバイタル、以下:CWV)の数値をGoogleアナリティクスで計測し、ダッシュボードで可視化する方法が紹介されていました。 Measure and debug performance with Google Analytics 4 and BigQueryhttps://www.youtube.com/watch?v=xg47r3Y6K8I こちらの動画内では、GoogleアナリティクスでCWVの数値を計測するための実装方法をGitHub内に記載されていることを紹介されていました。 GitHub - GoogleChrome/web-vitals: Essential metrics for

                                                        GTMを使ってCore Web Vitalsの数値をGA4で計測する方法
                                                      • Pythonで面倒な「ブラウザ操作」や「データ収集」の作業を自動化しよう|Webスクレイピングの基本的な内容をわかりやすく解説|PythonでWebスクレイピング第01回

                                                        \キノコードが作ったプログラミング学習 サービス登場/ 学んだ知識をその場でアウトプットできるからスキルの定着が実感できる Python学習といえば、キノクエスト! ・問題数は充実の350問以上 ・環境構築は不要! ・カリキュラムがあるので学習方法に迷わない ▼登録はこちら▼ https://kino-code.com/kq_service_a/?utm_source=youtube.com&utm_medium=referral&utm_campaign=LgZ8Li97yoM_gaiyou ーーー この動画では、Pythonでのスクレイピングについて説明しました。初心者の方でもスクレイピングがわかるような説明を心がけました。プログラミング初心者の方、プログラミングを覚えたい方、基礎を勉強したけど使いどころに困っている方が、業務自動化を始めるきっかけになれば幸いです。 ※注意

                                                          Pythonで面倒な「ブラウザ操作」や「データ収集」の作業を自動化しよう|Webスクレイピングの基本的な内容をわかりやすく解説|PythonでWebスクレイピング第01回
                                                        • A safer and more private browsing experience with Secure DNS

                                                          $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

                                                            A safer and more private browsing experience with Secure DNS
                                                          • 【CSS】複数の文章をアニメーションで動かすサンプル - Little Strange Software

                                                            どうも!LSSです!! ちょっと変な文章アニメーションを作ってみました。 2021/8/29追記 Windows+GoogleChrome環境で動作確認していますが、FireFoxやSafariなどで正常に動作しないようです^^; サンプル コード コード中、最後のpタグ あとがき サンプル あいうえお かきくけこ さしすせそ たちつてと コード <style><!-- :root{ --txtanm1op1:0; --txtanm1y1:30deg; --txtanm1op2:0; --txtanm1y2:30deg; } @keyframes txtanm1a{ 0%,20%{--txtanm1op1:0;--txtanm1op2:0;--txtanm1y1:-90deg;--txtanm1y2:90deg;} 21%,40%{--txtanm1op1:1;--txtanm1op2:0

                                                              【CSS】複数の文章をアニメーションで動かすサンプル - Little Strange Software
                                                            • Improving Chromium's browser compatibility in 2020

                                                              $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

                                                                Improving Chromium's browser compatibility in 2020
                                                              • 【PHP】アップロードされたファイルの種類をどうやって確認するの? - Qiita

                                                                前回、$_FILES['userfile']['type'] の値は、信用できないので、PHP側で確認しましょうということで終わりました。 そもそも、リクエストメッセージ全体を偽装できるので、$_FILES['userfile']['type'] の値に限らず、ユーザーが入力・選択して送られてきたリクエストメッセージの値は全て信用できないため、PHP側で想定した値か確認する必要があります。 当然、$_FILES['userfile']['type'] の値もPHP側で確認する必要があります。 今回は、アップロードされたファイルの種類をどうやって確認するのか見ていきます。 そもそも、PHP側で正しいファイルかどうか確認する方法なんてあるのでしょうか? リクエストメッセージで送られてくる MIME タイプは信用できないし、それ以前にリクエストメッセージ全体を偽装できるので、お手上げな感じがしま

                                                                  【PHP】アップロードされたファイルの種類をどうやって確認するの? - Qiita
                                                                • SoundCloudの無料ダウンロード方法!高音質のmp3に変換し保存 - DigitalNews365

                                                                  SoundCloud(サウンドクラウド)は、無料で自分が作った曲をアップロードして公開したり、他の人が作った曲を高音質で聴くことができるサイトです。音楽好きな人は一度くらいなら耳にしたことがあるサイトかもしれません。 そんなSoundCloudですが、元々海外利用者が多かったのですが、最近は無料で高音質の音楽を聴くことが出来る、お気に入りのアーティストがSoundCloudでデモソングを公開していることがある、などなど様々な理由で利用者が増えてきているようです。 そこでこのページでは、SoundCloudにあがっている音楽を簡単に高音質のmp3に変換して無料でダウンロードする方法をまとめています。SoundCloudにあがっている音源は基本的に無料で聴くことができますが、それを使って自分の作品などに組み込んだり勝手に使うのは著作権の関係もありますので、あくまでもダウンロードした音楽は自分で

                                                                    SoundCloudの無料ダウンロード方法!高音質のmp3に変換し保存 - DigitalNews365
                                                                  • 【自動化】Power Automate DesktopでWebブラウザ自動操作を行う

                                                                    Power Automate DesktopでWebブラウザ自動操作を行うことについて解説しています。 Power Automate Desktopのダウンロード・インストールについてはこちらです。 ■PC環境Windows 10 Pro ■Power Automate Desktopで新しいフローを作成する まずは、Power Automate Desktopを起動します。起動すると画面の上部に「新しいフロー」と表示された十字ボタンがありますので、こちらをクリックします。 クリックすると、「フローを作成する」というウインドウが表示されます。ウインドウ内の「フロー名」の入力欄がありますので、今回は「Webブラウザの自動操作」と入力します。 入力後、「作成」ボタンをクリックします。 クリックすると、フローが作成されて、アクションの設定を行う画面が表示されました。この画面で、Webブラウザを起

                                                                      【自動化】Power Automate DesktopでWebブラウザ自動操作を行う
                                                                    •  MacのChromeでリーディングリストとリーダー表示も出来る - T’s blog

                                                                      Macのブラウザは基本Safariを使っています。理由はiPhoneやiPadでSafariを使っているからです。何故かというとSafariにはリーディングリストがあって、MacのSafariのリーディングリストと相互同期して使えるからです。GoogleChromeもiOS、iPadOSにはリーディングリスト機能がありますがMac版にはありませんでした。ところが最近MacのGoogleChromeでも使えるようになったようです。 リーディングリストを有効にする 1.chrome://flags/#read-laterを開く。 2.「Read Later」という項目のドロップダウンメニューを「Enabled」を選択して「Relaunch」して再起動する。 リーディングリストに追加 1.Chromeのナビゲーションバーにある☆のアイコンをクリックする。 2.「リーディングリストに追加」 を選択

                                                                         MacのChromeでリーディングリストとリーダー表示も出来る - T’s blog
                                                                      • Android端末で強制終了が多発 『パズドラ』『プリコネ』『DQライバルズ』『シャチバト』などで報告…Chromeのverが影響か | gamebiz

                                                                        Android端末で強制終了が多発 『パズドラ』『プリコネ』『DQライバルズ』『シャチバト』などで報告…Chromeのverが影響か 昨日(10月24日)より、複数のゲームタイトルで特定の環境下での利用時に、強制終了が多発すると報告が行われている。 問題が発生しているのは、『パズル&ドラゴンズ』『きららファンタジア』、『プリンセスコネクト!Re:Dive』、『ドラゴンクエストライバルズ』、『社長、バトルの時間です!(シャチバト)』で、いずれもAndroid端末利用時の一部環境において、ゲームが正常に動作しないという内容になる。 特に『社長、バトルの時間です!(シャチバト)』では、AndroidOSのバージョンが9か10で、GoogleChromeのバージョンが78以上の場合では問題が発生すると報告を行っている。またGoogleChromeのバージョンが77以下の場合は、アップデート控えるよ

                                                                          Android端末で強制終了が多発 『パズドラ』『プリコネ』『DQライバルズ』『シャチバト』などで報告…Chromeのverが影響か | gamebiz
                                                                        • 「Google Chrome 111」安定版リリース、View Transitions APIで洗練されたトランジションが作成可能に

                                                                          ウェブブラウザ「Google Chrome」の最新安定版であるバージョン111.0.5563.64 (Linux版/Mac版)・111.0.5563.64/.65(Windows版)がリリースされました。View Transitions APIによって、単一ページで洗練されたトランジションが作れるようになるほか、CSS Color Level 4が有効になることで使える色の幅が広がります。 New in Chrome 111 - Chrome Developers https://developer.chrome.com/blog/new-in-chrome-111/ NIC070 v2 - YouTube ◆「window-management」エイリアスの追加 「window-placement」パーミッションおよびパーミッションポリシー文字列のエイリアス(別名)として「window-

                                                                            「Google Chrome 111」安定版リリース、View Transitions APIで洗練されたトランジションが作成可能に
                                                                          • Rails: groverでPDFを生成する方法|TechRacho by BPS株式会社

                                                                            PDF生成のgemといえば、一時期は wicked_pdf が主流だったと思います。 しかし、昨今では依存ライブラリである wkhtmltopdf の更新が事実上止まったため、以下のような影響が出ていて採用しづらいです。 モダンなブラウザでは意図したとおりにレンダリングできない可能性がある 脆弱性への対応体制に不安がある wicked_pdfのcontributerも、長期的には他のライブラリを採用するように勧めています。 Long term plans given the deprecation of wkhtmltopdf? · Issue #1081 · mileszs/wicked_pdf 代替の選択肢に悩むところですが、そのような中でPDF生成のために grover を採用したことがあったので、特記すべき点について共有しようと思います。 PDF生成のための一助となれば嬉しいです。

                                                                              Rails: groverでPDFを生成する方法|TechRacho by BPS株式会社
                                                                            • 表示されました! - うちのみかん

                                                                              うちのみかんです。 ブログ画面の不具合が解決し、表示することができました!!! いつもはInternet Explorerを使用しているのですが、GoogleChromeから見てみたら 全て正常に表示されていました~\(≧▽≦)/ そこのとを教えてくださった方が読者登録させて頂いている 青空さん(id:bluesky-18-tt)です! 青空さんも私と同じような状態で、他の方からのアドバイスで全て表示されたということで教えてくださったのです。青空さん、ありがとうございます! www.bluesky18-tt.work 青空さんがコメントくださり、GoogleChromeの方から見てみたら表示されていました。(今もInternet Explorerでは正常に表示されません) あ~~良かったです\(≧▽≦)/ みなさまにはいろいろとアドバイス頂きありがとうございましたm(__)m そして他の方

                                                                                表示されました! - うちのみかん
                                                                              • JFIFで保存される不具合 - 続・オヒ!の殿堂3(番外編)

                                                                                Windows10 バージョン1809にしたあと、GoogleChromeを使っているうちに、JPEG画像を保存すると、.jpgで保存される場合と、.jfifで保存される場合(例:OpenPNE系のSNS)がある。後者で保存された場合、開けない場合もあるから、不具合が解消されないとならない。 ググったところ、こちらのサイトに対処法が書かれていた。 Windows+Xを押してファイル名を指定して実行→regeditを入力し、レジストリエディタを起動する。 HKEY_CURRENT_USER\Software\Classes\MIME\Database\Content Type\image/jpegを探す。 Extensionの値のデータを、.jpgに書き換える。 OKをクリック。 不具合が起きたサイトで保存すると不具合が解消されました。

                                                                                  JFIFで保存される不具合 - 続・オヒ!の殿堂3(番外編)
                                                                                • OmnivoreでWeb/RSS情報をじっくり読んでObsidianにハイライト/メモを集約する

                                                                                  前回の記事「書籍/Kobo/Kindleのハイライト/メモをObsidianに集約する」では、読書メモの流れやどのようにObsidianに集約を行っているかについて述べました。 本記事では日常的に行っているRSSやWebからの情報収集のやり方を述べつつ、最終的にハイライトやメモをObsidianに取り込む手法について解説したいと思います。 情報インプットの流れとObsidianへのハイライト/メモ集約書籍/Kobo/Kindleのハイライト/メモをObsidianに集約するOmnivoreでWeb/RSS情報をじっくり読んでObsidianにハイライト/メモを集約する←本記事MarginNoteでPDF/ePUBをじっくり読んでObisidianにハイライト/メモを集約する 2段階式Web/RSS情報インプットWeb/RSSおよびメールマガジンの情報インプットフローは概ね以下の様な流れです

                                                                                    OmnivoreでWeb/RSS情報をじっくり読んでObsidianにハイライト/メモを集約する