無料でページを保存＆完全オフラインで動作＆ユーザー登録不要のChrome・Firefox・Edge拡張「TagSpaces Web Clipper」
ファイルにタグをつけて管理できるオープンソースのファイル管理ソフトが「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
JSで想定外に画面遷移するとき、消えてしまうログを残してデバッグする（ひとり DevTools Advent Calendar 2020 – 20日目） | Ginpen.com
20 日目の記事です。 DevToolsおれおれAdvent Calendar 2020やります。ひとりで。 ログ類は画面や DevTools を再読み込みすると全部消えちゃいます。普通はそれでいいけど、画面移動直前の様子を知りたい場合には不便です。 そんなときは Preserve log をオンしておくと記録が残るようになります。Console パネルと Network パネルで利用できます。 コンソールのログを残す Console パネルを開く Console パネル右上のコンソールの設定ボタンを押し、設定欄を開く “Preserve log” のチェックを入れる これで、例えば beforeunload イベントとか pagehide イベントとか、そういうイベントでの処理のログも残るようになります。 const eventLogger = (event) => console.lo
任意のWebページの表示や内容を1つのファイルで魚拓ライクに保存するOSSのブラウザ拡張・「SingleFileZ」
SingleFileZは任意のWebページの表示やコンテンツを1つのファイルだけで保存する魚拓ライクなChromeエクステンションです。当ブログでもテストしましたが日本語でも問題なく、完璧に保存できました。 OSSとしてもソースコードが公開されています。先発のSingleFileのフォークだそうで改良されて改めてOSSとして公開されています。 永久保存の保障が無いWebサイトを保存したい事もあると思います。Webサービスの魚拓やアーカイブサービスが良く使われますが、やはり保証はないのでこのようにダウンロードできるツールの選択肢もあると良いかもしれませんね。 注意点 ダウンロードしたファイルの扱いに関する注意点はここでは割愛しますが、本エクステンションを使う際の注意点が一つだけ。 上図のように、セッティング項目の「ファイルの URL へのアクセスを許可する」をONにしておかないと閲覧できませ
monolith - Webページをアーカイブ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 過去に見たWebサイトにアクセスしてみたら、すでにコンテンツが消されていた…なんて経験は誰しもがあるはずです。あの時アーカイブしておけば…と後悔してもすでに遅く、思い立った時に行っておかないといけません。 そこで使ってみたいのがmonolithです。 monolithの使い方 アーカイブした例です。表示は崩れていません。 画像はdata URIを使っています。 monolithはターミナルでURLを指定して実行すれば、その内容をアーカイブしてくれます。画像やJavaScript、CSSは一つのHTML中に収めてくれます。iframeなどはダメなようですが、見たままに保存しておくとしては十分ではないでしょうか。 monolithはRust製のオープンソース・ソフトウェア（Public
スクリーンショットにコメントをつけてシェアできるツール
2017年11月23日 便利ツール Webサイトに修正指示を出す時、どんなツールで、どのようにシェアしていますか？該当ページのスクリーンショットを撮影し、その画像に指示を入れていく…という方が多いかな、と思います。今回はWebサイトの制作者のみならず、制作者に指示をだす人や、クライアント側も使える、修正指示がグンと楽になりそうなツールをいくつか紹介します！ ↑私が10年以上利用している会計ソフト！ AUN[あうん] AUN[あうん]はふせん紙の感覚でWebサイトや画像にコメントを残し、共有できるツールです。登録不要！無料で気軽に利用できるところが魅力的。対象となるWebサイトのURLを入力するだけでスクリーンショットを撮影でき、指示やコメントを残していけますよ。さっそく試してみましょう。 サイトからURLを入力し、読み込みが終わると、画面をトリミングするかどうかの選択画面が表示されます。読
目的に応じて使い分ける、WebページをPDFで保存する2つの方法
WebページをPDF化して保存したい場合、大きく分けて2つの方法がある。テキストや画像を選択できる状態で保存する方法と、ページ全体を1枚の画像として保存する方法だ。目的に応じてどちらも利用できるようにしておくと便利だ。 保管コストの削減はもとより、劣化の防止や検索性の向上、再利用の促進などさまざまな利点が認められ、徐々に広がりつつある紙の文書や帳票のデジタルデータ化ですが、用途や目的を考慮せずにむやみにスキャンすることでかえって効率が悪くなったり、作業に手戻りを発生させてしまうことも少なくありません。 また商法や税法で保管が義務付けられている文書の場合、電子帳簿保存法やe-文書法などのルールに則った手順を踏む必要があり、自分の判断でやみくもにデータ化するわけにいかないといった事情もあります。 本連載ではこうした現在の状況を踏まえつつ、文書のデータ化にまつわる情報、さらにはフォーマットである
Google Chromeで表示したページのHTMLソースをダウンロードする方法
Google Chromeで表示したページのHTMLソースをダウンロードする方法を紹介します。 １．問題点 前置きが長くなりますが、Firefoxとの動作の比較からChromeでの問題点を説明します。 まず、次のHTMLマークアップのページがあるとします。 <!doctype html> <html> <head> <meta charset="UTF-8" /> <title>テスト</title> <link rel="stylesheet" href="styles.css"> </head> <body> <div id="container"> <h1>test</h1> <div id="content"> <h2><a href="http://user-domain/test.html">テスト</a></h2> <p>本文です本文です本文です本文です本文です</p> </
ビジネスの悩みを解決するPDFドリル：Webページのスタイルを崩さずにPDF保存する裏技3選 - 誠 Biz.ID
Webページをそのままの状態で保存したい場合、PDFに変換するのが便利だ。画像を含めたHTMLを単一のファイルで保存でき、テキストなどをあとから再利用するのも簡単だ。また、タブレットなどの端末を用いてオフラインで閲覧するのにも活用できるほか、注釈機能を使って校正を行うのにも役立つ。 WebページをPDF化するには複数の方法があり、それぞれ出力結果や特性が異なっているが、ふだんそれらの特徴を意識して使い分けている人はあまりいないだろう。今回は、WebページをPDF化する3つの方法それぞれについて、手順および出力されるPDFの特徴、その他の付加機能を紹介しよう。 （A）ブラウザの印刷メニューから出力する 1つ目は、ブラウザの印刷メニューから出力する方法。プリンタの中にある仮想プリンタ「Adobe PDF」を選び、紙に印刷するのと同じ手順で出力を行うというものだ。 この方法は印刷機能を持つあらゆ
Top 10 Best Luxury Watches News | Invisible – 2019 Most Popualr Watches News
An excellent timepiece is a signal of success and confidence. Unfortunately, that also means they come at a hefty price tag. Brands like Omega, Patek Phillipe, and Tag Heuer are extraordinary watches (with extraordinary costs, too). If you want all the style and prestige that comes with a luxury watch but are looking to be sensible with your money, a replica watch might be the right fit for you. G
URLを入力してサイト全体や一部のスクリーンショットを保存するフリーソフト「WebShot」
サイト全体のスクリーンショットを撮りたい場合などに、コマンドラインでの操作が可能で、サイトのURLを入力し、スクリーンショットのサイズと保存するときのサイズを指定して、JPG・GIF・PNG・BMPで保存できるフリーソフトが「WebShot」です。Windows XP・Vista・7・Server 2008で起動できます。 ダウンロード、インストール、操作方法については以下から。 WebShot http://www.websitescreenshots.com 上記サイトの「DOWNLOAD」をクリック。 ダウンロードした実行ファイルを起動。 「Next」をクリック 上にチェックを入れて、「Next」をクリック。 「Next」をクリック 「Next」をクリック 「Next」をクリック 「Install」をクリック 「Finish」をクリック。 操作画面が表示されます。 ここではこのサイト
「この記事をお気に入りに追加」を実装できるWordPressプラグイン・WP Favorite Posts
Webサービスなんかでよく見かける 「お気に入りに追加」みたいなやつ を実装できるWordPressプラグイン・ WP Favorite Postsです。Cookieを 使ったシンプルなものですが、これ はこれで手軽で良いかと思います。 既出ですけど、需要ありそうな割に情報が少ない気がしたのでご紹介。 不動産とか、旅行とか、転職とかみたいな情報を探すようなサイトではよく見かける「お気に入りに追加」を実装するWordPressプラグインです。Cookieを使用するシンプルなやつです。 こんなようなやつ。保存はCookieを使用しています。 設定画面では、「お気に入りに追加」とか削除とかテキスト全般の設定やアイコンの設定などが可能です。 使い方お気に入りに追加、とうリンクを追加するにはテーマファイルに <?php if (function_exists('wpfp_link')) { wpfp
YouTube人気急上昇
【ゆっくり解説】やさぐれメタル問題の署名1500人に迫る！マスコミに取り上げられる可能性高まる【リバーズエコ・赤木レイア】
はてブに登録したページを全文化してEvernoteに保存する「hatebte」 - matuダイアリー
まだローンチされたばかりのサービスのようですが、タイトルの通り、はてなブックマークに登録したページを全文化してEvernoteに保存(メールで送信)してくれるサービスが登場しました。その名も「hatebte」。「Hatena Bookmark to Evernote」の略だそうです！ 以前、Evernoteへの蓄積記事を書いたのですが、私が現在の「GoogleReaderの共有アイテム->cron->Evernote」の自動化の流れを作るまでに、「はてブ->cron->Evernote」の流れも検討したことがあったんです。その時期は、はてなの一連のページのレスポンスの悪さに、はてなに嫌気がしていて結局現在の流れになったのですが、サービスとしてこういうのが登場したのは大きいのではないでしょうか！ 利用するには、会員登録する必要があります。会員登録に必要なのはメールアドレス、パスワード、はてな
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
WordPressはFirefoxのPV数が2倍 – kumonchu.com
PHPとCookieでURLのクエリをページを移動しても保持させる | 910121
IDEA * IDEA
YouTube人気急上昇
YouTube人気急上昇
YouTube人気急上昇