無料でページを保存＆完全オフラインで動作＆ユーザー登録不要の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
Elementsパネルで編集したCSSをそのままファイルに保存する（ひとり DevTools Advent Calendar 2020 – 12日目） | Ginpen.com
12 日目の記事です。 DevToolsおれおれAdvent Calendar 2020やります。ひとりで。 スタイルの微調整って Elements パネルでやるじゃないですか。数字変えたり色変えたり。あるいはレイアウト崩れたときに Elements パネルであっちこっちいじりながらデバッグしたりとかも。で、あれこれ変えてよし完璧ってなって、はてどこを変更したっけなと。そういう経験は皆さんおありだと思います。あるよね？ Chrome DevTools でローカルのフォルダーを開いておくと、localhost での変更をそのままファイルに反映、つまり Elements パネルで調整した CSS を保存することができます。 【書いた】DevToolsをIDE化するやつです / Elementsパネルで編集したCSSをそのままファイルに保存する（ひとり DevTools Advent Calen
無料で画面をキャプチャしてムービーを録画・保存できるシンプルなChrome拡張機能「Aperture」 - GIGAZINE
ホームページの様子を紹介したり、アプリの操作手順を伝えるような短めのムービーを作りたいと思ったときに、「ムービーをキャプチャするソフトで撮影して、編集ソフトで編集してからエンコードして……」という手順を踏むのは大変です。無料のChrome拡張機能「Aperture」を使えば、キャプチャするアプリやウィンドウを指定するだけで、録画から編集、保存までをブラウザ内で一気に行うことが可能です。 Aperture - Simple Screen Video Recorder - Chrome ウェブストア https://chrome.google.com/webstore/detail/aperture-simple-screen-vi/jlbnmcnmjhcgdnbkdlgmibahbffjlnpa ブラウザ「Google Chrome」を使って上記URLにアクセスして「Chromeに追加」をク
無料で多彩なスクリーンショットを撮れ簡単な画像加工も可能なソフト「Greenshot」を使ってみた
ページ内容を画像として記録するスクリーンショットは便利ですが、Windows標準の機能の使い勝手はイマイチです。無料ソフトの「Greenshot」は、範囲指定やスクロールしたページ全体の保存などさまざまな方法で簡単にスクリーンショットを撮れ、簡単な編集まで可能だとのこと。実際に使い勝手を試してみました。 Greenshot http://getgreenshot.org/ 「Greenshot」は、無料のWindows OS版と、有料のiOS版がありますが、今回はWindows版を使ってみます。 ◆インストール・日本語化 まずは、Greenshotのインストールと、使用時に表示される言語を日本語にしてみます。トップページに行き「DOWNLOADS」をクリック。 ダウンロードページに移動します。「LATEST STABLE」をクリック。 実行形式のファイルをダウンロードして起動します。 セキ
Firefoxのスクリーンショットで新機能追加
すでにご存じの方も多いと思いますが、Firefoxのスクリーンショットで新機能が追加されてましたので紹介します。 いつものようにコンテキストメニューの「要素を調査」で開発者用ウィンドウからスクリーンショットを取得しようとしたところ、「スクリーンショットを撮る」というメニューが表示されるようになっていました。 メニューを選択すると、ベータ版でスクリーンショットを撮る機能が新たに提供されましたというイントロダクション。 （クリックで拡大、以下同様） 必要な部分だけをFirefox上で選択できるようです。 スクリーンショットはPCへのダウンロードはもちろんですが、ウェブ上への保存も可能なようです。 ということで試してみました。 「スクリーンショットを撮る」というメニューを選択すると、全体がオーバーレイされ、「ページをドラッグまたはクリックして範囲を選択してください。ESCキーを押すとキャンセルで
回転させたPDFを保存する方法
回転させたPDFを保存する方法を紹介します。 １．問題点 Adobe ReaderでPDFファイルを開き、向きが正しくなかったので90℃回転させ、正しい向きに直しました。 Adobe Acrobatであれば回転させた状態のものを保存することができますが、Adobe Readerでは回転させたPDFを保存することができません。 これではファイルを開くたびに回転させる必要があるので面倒です。 ということで、回転させたPDFを保存する方法を紹介します。 ２．回転させたPDFを保存する 回転させたPDFを保存するには、「Smallpdf」を利用します（後で気がつきましたが日本語ページもあるようです）。 Smallpdf 「Smallpdf」のサイトにアクセスして「Rotate PDF」をクリック。 回転させたいPDFをドラッグ＆ドロップするか「Choose file」をクリックしてファイルを選択し
簡単にウェブ画面をキャプチャして文字・枠乗せなど編集も可能な「Nimbus Screen Capture」
インターネットをしていると思わず表示中の画面をキャプチャして保存したくなることもありますが、そんな時に役立つ機能が「Nimbus Screen Capture」です。Nimbus Screen CaptureはブラウザソフトのGoogle ChromeとFirefoxで使えるブラウザ拡張機能で、画面の一部を切り取ったり、ウェブページ全体を簡単な操作だけで行うことができます。 Nimbus - Nimbus Screen Capture http://nimbus.everhelper.me/screenshot.php ◆ブラウザに拡張機能をインストール Nimbus Screen Captureを利用するためには、まずは各ブラウザに拡張機能をインストールする必要があります。以下ではブラウザ別のインストール手順を記載していますが、なぜかGoogle Chrome版とFirefox版で名称が
無料でマインドマップを複数人同時編集可能でGoogleドライブにも保存できる「MindMup」
思考・発想法の1つであるマインドマップは、考えをイメージ化していくことで複雑な概念もコンパクトに表現できるようになるものです。これを簡単にパソコン上で作成可能で、キーボードのみでの操作もでき、データはGoogle Drive上に保存できてしまうのが「MindMup」です。複数人が同時に1つのマインドマップを作成して考えやアイディアを共有することも可能なサービスになっています。 MindMup: Zero-Friction Free Online Mind Mapping http://www.mindmup.com/ これがMindMupのトップページで、ここにマインドマップを作成していきます。 最初に表示されているこれが全ての考えの親部分になるもの。各項目を編集する際はダブルクリックするか、スペースキーを押せば可能。 項目を選択したままキーボードのTabキーを押すと…… その下に新しい項
メモ帳を使うようにGoogleドキュメントの編集・保存ができるフリーソフト「Nocs」
ブラウザでGoogleドキュメントを開かずに、メモ帳を扱うような感覚でGoogleドキュメントの編集・保存を可能にするフリーソフトが「Nocs」です。Windows上で起動可能となっています。 ダウンロードから操作方法までについては以下から。 nocs - A Windows Notepad -style application that uses Google Docs for synchronizing text files. - Google Project Hosting http://code.google.com/p/nocs/ 上記サイトの「http://nocs.googlecode.com/files/Nocs.2.3.msi」をクリック。 ダウンロードしたインストーラーを実行。 「Next」をクリック 「Next」をクリック 「Next」をクリック 「Close」をクリ
利用中のテーマやプラグインのCSS編集と保存がその場で出来るWordPressプラグイン・WP Live CSS Editor - かちびと.net
WordPressを使ったWebサイトで現在利用中の テーマやプラグインのCSSをその場で編集、 保存を可能にするWordPressプラグインの ご紹介。多用するものではありませんが、 開発中とかに使っても便利かも、と思った のでメモがてら。 何度か似たようなものもありますけど多くは無いので選択肢の一つとして。Webサイトを見ながらその場で利用中のテーマやプラグインのCSSを編集、保存できるプラグインです。ローカル環境で開発の手助けにもなるかな、とか思ったりしましたよ。 これ便利ですねー。機能はシンプルで、Webサイトの右側にボタンが出るので、クリックするとエディターが開きます。あとは修正して保存すればいいだけ。 編集中はインタラクティブに反映されますのでサイズの指定ミスなんかをするとエディタも場外にすっ飛ばされて編集できなくなっちゃうので気をつけてください。微調整向けですかねー。 編集し
Skypeのビデオ通話を録画＆編集するフリーソフト「VodBurner」を使って実際に通話を録画してみた
私用の連絡に限らず、遠隔の相手との簡単な打ち合わせなどにSkypeのビデオ通話を利用している人も多いのではないでしょうか。そんなときフリーソフト「VodBurner」を使えば通話の内容を録画しておくことができます。 「VodBurner」は、Skypeのビデオ通話の録画に特化したフリーソフト。通話する人の一方がこのソフトをインストールしているだけで、双方の内容を同時に記録できるのが魅力です。簡単な編集機能もついており、編集したデータをそのままYouTubeにアップして共有することも可能。今回はこのソフトを使って、先日購入した「Logicool HD Pro Webcam C910」でSkypeのビデオ通話を行った様子を撮影してみました。 「VodBurner」のインストール方法と実際に使ってみた様子は以下から。Download? Record Skype Video Calls and E
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
SketchやPhotoshop、Gimpなどのファイルをブラウザで開いて編集できるオンラインフォトエディタ・「Photopea」
IDEA * IDEA