三井住友カード ゴールド(NL)のデメリットは?メリットない・いらないは勘違い【年会費無料になる100万円修行のコツ】
![ブラウザ上の操作手順を自動でスクショしてくれるChrome拡張機能【今日のライフハックツール】 | ライフハッカー・ジャパン](https://cdn-ak-scissors.b.st-hatena.com/image/square/976bb684662433327c35380b642f95086801777c/height=288;version=1;width=512/https%3A%2F%2Fmedia.loom-app.com%2Flifehacker%2Fdist%2Fimages%2F2021%2F10%2F05%2F1006.png%3Fw%3D1280%26h%3D630%26f%3Djpg)
なか子こんにちは! 起業支援をしている なか子(⇒プロフィール)です^^ 大学生の頃バイトが見つからず困ったあげく 起業して 月収50万達成しました。 最速で物販だけで食べる情報を無料公開しています! 物販に取り組んでいると、 商品のリサーチや仕入れに一番時間を使いますよね。 物販では仕入れて倉庫に納品するだけなので リサーチの効率化が一番大事です。 今回は、私がAmazon物販で使っているリサーチツール、 chrome拡張機能(すべて無料)をご紹介します。 ページ速度が遅くならない、一番シンプルな機能だけをご紹介します。 「chrome拡張機能、どれがいいのか迷う…」 「重くなるから、あんまり入れたくない…」 と、思った方も必見です^^ ページ速度を重視した結果 多機能な拡張機能は、ほとんど使っていません。 色んな機能を知りたい!という場合は、 別の記事を参照ください。 あわせて読みたい
◆ AnyPicker https://anypicker.ryang-studio.com/ 紹介 「AnyPicker」は、ノーコードでWebページをスクレイプできるChrome拡張ツールです。 Chrome拡張機能をインストール後、スクレイプするWebサイトを開くとこのようなサイドバーが出現します。 STEPは全部で5つあり、その1つ目がこちら。今回は初めての登録なので「New recipe」を選択します。 続いてSTEP2、ここで実際にスクレイプするコンポーネントを登録していきます。 取得対象にカーソルを合わせてクリックすると フィールドとバリューが取得できます。 同じ要領で、ピックアップ全部のタイトルを選択しました。 なお、フィールド値は自由に設定可能。後にアウトプットデータのKey値になるので、取得しやすい英単語が好ましいでしょう。 続いてSTEP3は、リンク元を取得&サジェス
要約 ヘッドレス Chrome は Chrome 59 でリリースされます。Chrome ブラウザをヘッドレス環境で実行する方法です。基本的には Chrome を使わずに Chrome を実行しますこれにより、Chromium と Blink レンダリング エンジンが提供する最新のウェブ プラットフォーム機能がすべてコマンドラインに組み込まれます。 なぜこれが有用なのでしょうか ヘッドレス ブラウザは、UI シェルを表示する必要のない自動テストやサーバー環境に最適なツールです。たとえば、実際のウェブページに対してテストを実行したり、そのウェブページを PDF 化したりできます。また、ブラウザが URL をどのようにレンダリングするかを検査することもできます。 Headless(CLI)の起動 ヘッドレス モードを開始する最も簡単な方法は、コマンドラインから Chrome バイナリを開くこと
どうも、大曲です。 3月から子会社から本社に戻ってきました。 最近では開発より組織の整備!?とか何か良く分かんないコトやっています。 良い意味の何でも屋を目指せるように頑張ります。 今回はpuppeteerを使ったスクレピングが便利だったので紹介します。 やったコト puppeteerを使って実現した処理は以下の通りです。 スクレイピング先のaタグのリンク取得 スクレイピング先で発生したリクエストの取得 全体のコードはGitHubにあります。 ブログでは書き方をいくつかピックアップして紹介します。 https://github.com/oomatomo/puppeteer-api 最近のスクレイピング事情(個人的な感想) 昔:HTMLペライチ(裏でPHPとかHTMLを生成していた) 今:AngularとかReactとかVue.js(ブラウザ側でDOMの構築..etc) 昔はHTMLさえ取得
はじめに Python + Selenium + Chrome で、要素の取得、クリックなどの UI系の操作、待機、ページ全体のスクリーンショットなど、一通り試してみます。 PhantomJS はもう更新されないということなので、ブラウザは Chrome にします。 この記事には、Selenium の API に関する情報と Chrome に特化した情報がありますが、前者の Selenium の使い方に関する情報は Firefox など別のブラウザでも使えます。 注意事項 ウェブの自動テストやスクレイピングで使われる技術です。特にスクレイピングでは、著作権の問題や、サーバー側の負荷、各種規約(会員としてログインする場合の会員規約等)やマナーなどを考慮する必要があります。 たとえば、Twitter など利用規約で明示的にスクレイピングが禁止されていることや、robot.txt などでクローリ
どうも、まさとらん(@0310lan)です! 今回は、WebサイトのCSSを自分好みに変更してビフォー・アフターを簡単にシェアできるChrome拡張機能をご紹介します! 開発者ツール上で普通にCSSを変更するだけで永続的に適用できるので、ブラウザさえあれば誰でも実行できるのが大きな特徴です。 なお、CSSの基本的な知識はpaizaラーニングの「HTML/CSS入門編」(一部無料)で学ぶことができます。そちらも合わせてチェックしてみてください。 【 StyleURL 】 ■「StyleURL」の使い方 それでは、まず最初に「StyleURL」を使うための準備をしましょう! サイトにアクセスして、画面中央にあるボタンをクリックします。 「Chromeウェブストア」が表示されるので、画面右上にある「Chromeに追加」ボタンをクリック! すると、自動的にインストールされて準備が整います。 「St
「BLOCK CLOCK」という、Chrome拡張のサービスを作りました。リリースの記事をQiitaにも投稿してサービスの紹介をさせていただいたのですが、技術的な内容が全くなかったので、開発に使用したChrome ExtensionのJavaScript APIsにも触れておきたいと思います。 Chrome拡張を作るためのGoogoleが提供しているChrome ExtensionのJavaScript APIsを呼び出しています。公式リファレンスは存在していますが全て英語で書かれており、APIの内容を調べるのに苦労しました。 Chrome拡張の開発で、同じように苦戦する方がいると思うので、少なくとも僕が使ったAPIだけは今回まとめておこうと思います。 JavaScript APIs BLOCK CLOCK - 仕事の時間をSNSから守るクローム拡張 マニフェストファイル chrome拡張
ブラウザで今開いているページのデータをエクセルにまとめておきたいというとき、テーブルで作成された表をコピーできる拡張機能などを使ってエクセルに貼り付けることがありますよね。でも、この作業をもっと楽にしたいということもあるはず。 今回ご紹介するのは、このページに記載されているデータを簡単にエクセルへ変換してくれるChrome拡張機能です。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! ページ上のデータを2クリックでエクセルデータに変換するChrome拡張「Listly」 「Listy」は、対象のデータが記載されているページでボタンを押すだけで、そのデータをエクセルに変換してくれるChromeの拡張機能。 ページ内に複数のデータがあっても、その中から視覚的にデータを選んでエクセルのデータに変換するこ
過去にクリップボードに保存した内容を記憶して、何度でもコピー&ペーストを繰り返せる拡張ツールは色々あるが、どれもOSの壁を超えられないものばかり。ウェブの情報のみでいいなら、Chrome拡張機能の「Smart Clipboard」を利用すればいい。 「Smart Clipboard」は、クリップボードに保存した内容を記録し、いつでも呼び出せるようにするツールだ。クリップボードはOSの機能なので、基本的にそのOS専用のツールがほとんど。ただし、Chrome拡張ならばOSの違いに左右されずに、同じツールを利用できる。 「Smart Clipboard」は、Chrome上でコピペされた内容の履歴をまとめて表示してくれる。ちょっと前にコピーした内容をもう一度貼り付けたい、といった場合に、クリップボードの履歴を遡れるぞ。なお、対象となるのはChrome上でコピペされたデータのみ。テキストエディタなど
Webブラウザ「Google Chrome」の最新版「Google Chrome 59」正式版がリリースされました。Chrome 59では、Headless Chrome、macOSネイティブな通知、イメージキャプチャAPIなどの新機能が搭載されています。 もっとも注目される新機能が「Headless Chrome」でしょう。Webブラウザは通常、Webページのレンダリング結果を画面上に表示しますが、Headless Chromeはその画面表示を含むすべてのUIが一切表示されず、コマンドラインやリモートデバッグ機能を通じてChromeを操作できるようになります。 Headless Chrome機能を利用することで、コマンドラインなどの操作だけでレンダリング結果のスクリーンショット画像を取得することやPDF出力、DOMの出力などがプログラムから可能になり、テストの自動化などを効率的に行えるよ
つい最近、初めて作った Google Chrome エクステンション「Feedly をはてブ対応させる Chrome エクステンション」をブログで紹介したので、その時の技術的なメモなどを Qiita に残しておきたいと思います。まあ検索すればすぐに集まる程度の情報ではあるものの、一箇所にまとまってなかったので、自分用の備忘録でもあります。 全てのソースコードは github 上で公開しているので、気になる方は参考にしてみて下さい。実際に書いたスクリプトの簡単な解説もこの記事の最後に付録として付けています、 超最低限な Chrome エクステンションの作成 Chrome エクステンションは基本的に、一つのフォルダに保存された複数のファイルからなります。エクステンションのルートに必要な最初のファイルは、manifest.json というファイルで、これがエクステンションの基本的な情報を含んでい
和洋風KAIは、Apple・水樹奈々・食べ歩きが三本柱のブログです。モットーは「楽しく」「便利で」「端的に」。 ⇒ アバウト ⇒ 免責事項 1.テキストのみコピペする方法。 リッチテキストエディタなどを使っていると、ブラウザからテキストをコピペした場合、画像なども付いてくる場合があります。 そんな時は「Control+Shift+V(Macだとcommand + shift + V)」を使ってペーストすると、テキストのみ貼り付けることが出来ます。 2.最後に閉じたタブを復活させる方法。 誤ってタブを閉じてしまった時は、「Control+Shift+T(Macだとcommand+shift+T)」とショートカットキーを叩くと復活させることが出来ます。 3. タブにマウスを置くと、ウェブページのタイトルの全てが読める。 Google Chromeはタブを開きすぎるとタブがとても小さくなってタイ
chrome 機能拡張の作り方を解説します Chromeの機能拡張については多くのページで解説されていますが、Chromeのバージョンアップに伴い、どうしても情報が陳腐化してしまいます。 また個別の機能については詳しい解説はあっても、全体を俯瞰する解説が見つけられず、結局は慣れない英語のドキュメントと睨めっこが必要でした。 そこでこのページでは、初めての方でも全体像を理解できるように、概略から解説します。実物の動作を見るのが一番理解が早いと思うので解説と合わせて機能拡張のサンプルも用意しました。 一連の投稿を応用して「公式ドキュメントを見れば、1人で機能拡張を作成することができる」ということを目標に進めていきます。 Chrome機能拡張について全体の目次 初めてでも理解できるようになる「Google Chrome機能拡張の開発」(このページ) 機能拡張を作成して、ブラウザで読み込み、デバッ
今から3分で,Chromeブラウザのアドオン(拡張機能)を作ろう。 ここで作るのは,「表示したWebページの内容をjQueryで加工する」というChromeプラグインだ。 アドオン自作の入門,初歩の第一歩にうってつけ。 作成に必要なツールは,なんとメモ帳だけ。 JavaScriptやJSONなどの「Web系技術」を使って,ちょこっとコーディングするだけで完成してしまう。 わずか3分で作成とインストールを終えるので,今すぐに始めてみよう。 (1)フォルダを作ってjQueryを格納 (2)マニフェストを作成 (3)メイン処理を実装 (4)ブラウザにインストールする (5)動作テスト 使い終わったら 参考資料 (1)フォルダを作ってjQueryを格納 まず,どこでもいいので,適当な名前のフォルダを作成する。 フォルダ名は「hoge」でよい。 下記URLから,jQueryをダウンロード。 先のフォ
最近ゼロの状態からChromeエクステンションを入れる事があったのですが、思っていた以上に手間がかかりました。。。 一つひとつ調べてインストールするのが中々面倒だったので、今後のためにも記事としてまとめておきます。 (新規アカウントを作る度にこの作業というのもつらいので。。) ボク自身が使っているものなので偏りはあるかもしれませんが、常に取捨選択しているので「実用性」の点ではおすすめできると思います。 エクステンションはたくさん入れるとChromeの動作が遅くなるので、必要な物を見つけてピンポイントで入れられるような参考になればと思います。 みんなにおすすめその本、図書館にあります。 その本、図書館にあります。 Amazonの書籍ページを表示すると、予め登録しておいた図書館に蔵書があるか確認できるエクステンションです。 ボクはこのエクステンションのおかげで図書館をとても利用するようになり、
かつて惜しまれつつサービス終了となった「iGoogle」。様々なウィジェットによってスタート画面をカスタマイズ可能なサービスだったが、この機能を継承したGoogle拡張「iChrome」が登場している。iGoogleが忘れられない元ユーザーはぜひ試してみるべし。 「iChrome」は、Chromeのスタート画面をカスタマイズする拡張だ。「iGoogle」とそっくりの機能とUIを備えており、カレンダーや天気予報、TwitteやFacebook、Feedlyといった機能を自由に配置して、自分だけのスタートページを作成できる。ウィジェットの数こそまだiGoogleには及ばないものの、画面のデザインや背景画像の変更など、iGoogleを忠実に再現している。 iGoogleが終了してからというもの、これといったブラウザのスタート画面が見つからない人は、ぜひ導入してみよう。 ■ 「iGoogle」のよ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く