じきるう 編集者 / メディアマネージャー on Twitter: "SEO担当者のみんな！スゴいぞこれ！！ キーワード提案ツール『Ubersuggest』がChrome拡張機能をリリースしたんだけど、キーワード検索するだけで欲しい情報が一気に手に入る……！ 詳しくは画像を見てほしい。 SEO関… https://t.co/yyUPStKtR1"SEO担当者のみんな！スゴいぞこれ！！ キーワード提案ツール『Ubersuggest』がChrome拡張機能をリリースしたんだけど、キーワード検索するだけで欲しい情報が一気に手に入る……！ 詳しくは画像を見てほしい。 SEO関… https://t.co/yyUPStKtR1
ノーコードでWebページをスクレイプできるChrome拡張「AnyPicker」
◆ AnyPicker https://anypicker.ryang-studio.com/ 紹介 「AnyPicker」は、ノーコードでWebページをスクレイプできるChrome拡張ツールです。 Chrome拡張機能をインストール後、スクレイプするWebサイトを開くとこのようなサイドバーが出現します。 STEPは全部で5つあり、その1つ目がこちら。今回は初めての登録なので「New recipe」を選択します。 続いてSTEP2、ここで実際にスクレイプするコンポーネントを登録していきます。 取得対象にカーソルを合わせてクリックすると フィールドとバリューが取得できます。 同じ要領で、ピックアップ全部のタイトルを選択しました。 なお、フィールド値は自由に設定可能。後にアウトプットデータのKey値になるので、取得しやすい英単語が好ましいでしょう。 続いてSTEP3は、リンク元を取得＆サジェス
📃 Webページをそのままの状態でローカルに保存するツールを作った話 - Qiita
はじめまして。yamaimo (@yarnaimodev) です。Qiita 初投稿...というかネット上にちゃんとした記事を上げるの自体初めてな気がします。 1998 年生まれで、プログラミングとか Web デザインは独学で 3 年ぐらいやってます。TypeScript / Firebase / Node.js / React あたりが特に好きです。 この前 coliss で紹介された Can't Unsee を試してみたら 1 回目が 7,630 点、2 回目が 7,930 点でした。1 小規模ですが Mastodon インスタンスを管理してます。あと Helix キーボード をこの前組み立てた2んですがキー配列を変えたのがなかなか覚えられなくて死んでます。 開発環境は基本的に WSL + Hyper + fish shell と VSCode です。 今回 Puppeteer を使っ
Web制作者は使わないと損！Chrome 59でアップデートされたデベロッパーツールの便利な新機能
5日にリリースされたChrome 59で、ブラウザと共にアップデートされたデベロッパーツールの新機能を紹介します。 What's New In DevTools (Chrome 59) Chrome 59 - What's New in DevTools -YouTube ページの軽量化: 未使用のCSSとJavaScriptを見つける フルサイズのスクリーンショットをキャプチャ リソースのロードをブロック 非同期コードの検証 コマンドメニューの統一 ページの軽量化: 未使用のCSSとJavaScriptを見つける 新機能の一つ目は「Coverage tab」。ページで使用されていないCSSとJavaScriptを見つけることができます。 command + shift + P で、「Show Coverage」を入力して選択。 ※「cov」まで入力すれば、上位に表示されます。 Show
Download Fiddler Web Debugging Tool for Free by Telerik
*Please be aware that Fiddler Classic is not in active development and offers no commitments for releases, patches ot tech support. By using this product, you assume all associated risks. We recommend upgrading to Fiddler Everywhere. Do More with Fiddler EverywhereGo beyond Fiddler Classic and try Fiddler Everywhere for free. Take advantage of our modern web debugging solution expertly designed fo
HTTPの通信状況をデバッグしてボトルネックを発見できる「HttpWatch Basic Edition」 - GIGAZINE
Windows XP/Vista/2003/2008 Server上のInternet Explorer 6/7/8 Beta 2、Mozilla Firefox 2.0/3.0/3.1 Beta 2で動作するフリーソフトで、HTTP/HTTPSのリクエストヘッダ表示、HTTPの圧縮率表示、ページ内の各要素の読み込み時間のチャート化、ステータスコードやレスポンスサイズの表示、フィルタリング、さらにはこれら一連の通信をログファイルに記録することなども可能です。 時間はミリセカンド単位で表示が可能となっており、まさにHTTPデバッガと言っても差し支えないレベルなので、「ページの読み込みが遅い原因を知りたい」とか「ちゃんとサーバの設定が反映されているかどうかを確認したい」「ウェブアプリの動作チェックがしたい」という場合に役立ちます。この種類のソフトにありがちな日本語の文字コードが解釈できないとい
第17回 Webページの構成を丸裸にしてしまうブラウザのアドオン機能
デザインを学ぶにあたってここまで，CSSの理論や色の理屈という切り口から突き進んできました。こうした学習方法は正攻法ではありますが，ある意味馬鹿正直かもしれません。世の中にはすでに優れたデザインのサイトがたくさんあります。もちろん盗用はいけませんが，優れたものからテクニックを学ぶのはとても大切です。プログラムと同様に，デザインも先人から学べるものは学ぶべきです。 デザインが優れたサイトに出会っても，漫然と他人が作った物を眺めているだけでは得るものは多くありません。そのページがどんなHTML/CSSで書かれているのか，どういうレイアウト手法を使っているのか，配色としてどんな色を組み合わせているのかを，ちゃんと分析する必要があります。 と言うものの，ブラウザ本体の機能だけでは，表示中のページのソースを見るのがやっとです。デザインに凝っているページを見て，そのHTMLソースを眺めてみても，たいて
【連載】セカイ系ウェブツール考 (2) ローカルとネットのはざまで - 理想的な文書管理・編集スタイル | ネット | マイコミジャーナル
今回のテーマは「ローカルとインターネット」 Webアプリケーションの利点は何だろうか。まずブラウザだけで動くというのが大きい。専用アプリケーションをインストールする必要なく、データを操作できる。また、それにともなってプラットフォームの依存性が低いことが利点だ。Windows、MacOS、LinuxなどのOSではなく、Internet ExplorerやFirefoxなどのブラウザ依存になるが、こちらは共通ライブラリやブラウザのバージョンが上がるにつれて徐々に互換性が高まっている。 ほかにも、インターネット上にデータを保存するので、どこでもデータの閲覧、編集ができるようになったというのもいい。同時に複数人で編集できるという利点もある。これにより、オフィスと自宅、さらにインターネットカフェでの利用や、遠隔地の人たちを交えたコラボレートがのぞめるようになる。 逆に不便な点はなんだろう。いくつか細
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webブラウザーの動作を妨げる迷惑ソフトを一掃してくれるGoogle製のクリーナーツール - 窓の杜
SANS.edu Internet Storm Center - SANS Internet Storm Center
紙copi Net