無料で使える「Ctrl＋C」でコピーしたあらゆる内容を保存して再利用＆複数PCでの共有もできる「Ditto」を使ってみた
「Ditto」は「Ctrl＋C」でクリップボードにコピーした内容の履歴を表示したり、別のPCにクリップボードの内容を送信したりすることができる無料のクリップボードマネージャーです。どのように使えるのか実際に試してみました。 Ditto clipboard manager https://ditto-cp.sourceforge.io/ まずは公式サイトに行き、ツールをダウンロードします。今回は64bitのPCにインストールするので「Download 64bit」をクリック。 インストーラーをダブルクリックして起動します。 「OK」をクリック。 インストール先は特に変更せず「次へ」をクリックします。 「次へ」をクリック。 「完了」をクリックします。 ネットワークへのアクセス許可を求められるので「許可」をクリック。 Dittoが起動しました。タスクトレイのアイコンをクリックするか、「Ctrl＋
そろそろWebPに切り替えよう。変換方法や対応ブラウザ、使い方を解説！ | Web Design Trends
WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットです。PNGやJPEGと比べてファイルサイズを抑えることができ、トラフィックの削減やページ表示速度の向上を実現することができます。 今回は、WebP（ウェッピー）の基本と、メリットやデメリット、変換方法、対応ブラウザなどをご紹介したいと思います。 WebP（ウェッピー）とは？ WebP（ウェッピー）は、Googleが開発している次世代画像フォーマットで、拡張子は「.webp」です。 WebPは、JPEGやPNGと比べ、同程度の画質の画像をより小さなファイルサイズで保存することができます。Googleの発表では、PNGよりも26%、JPEGよりも25%〜34％程度ファイルサイズを抑えることができると言われています。 また、WebPは背景透過（アルファチャンネル）や、アニメーションにも対応しています。つまり、JPEGのよ
Macユーザーの採用担当必見！無料コピペツールClipyが最強！ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは。LIGで人事をしております、あきとと申します。今日は採用業務をする中で、もうなくてはならないほど愛用しているツールをご紹介します。 複数媒体のチェック、人材エージェントの方や、求職者の方と日程調整などメッセージの返信。 社内の採用協力者や決裁者と調整をしてたら一日が終わっていた（他にもやることが山ほどあるのに……）。 ……採用担当あるあるですよね。 特に求職者の方々との日程調整を含むメッセージのやり取りは、時間がかかりますよね。LIGはHERPを採用管理システム（ATS）として導入しています。そこで直近のデータを見ると、50〜60名の方が常時リストにいて、そのうち20-30名は何かしらの連絡をしています。 普段は、下記のようなそれぞれ違う対応を20名ぐらい同時並行で進めています。 Aさんは書類通過のご連絡 Bさんには日程確定のご連絡 Cさんはもう少し情報がほしいため、レジュメ送
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
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
)
Snapcode - Webベースのスニペット管理
プログラミングをしていると、繰り返し使いたくなる便利な関数ができたりします。そうした関数は同じプロジェクトではなく、異なるプロジェクトでも使いたくなるでしょう。 今回はそうしたちょっとしたコードを管理する、Webベースのスニペット管理であるSnapcodeを紹介します。 Snapcodeの使い方 メイン画面です。タグとフォルダがあります。 スニペットをクリックすればコードが読めます。 ライトモードも用意されています。 新しいスニペットも登録できます。 SnapcodeはWebベースで、かつ認証も不要で使えるので、社内で立てると便利そうです。コードのコピー機能がなさそうなのが残念ですが、そこはカスタマイズすればいいでしょう。 SnapcodeはVue製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 Snapcode Kholid060/snapcode
)
tubuler - 簡単に使えるyoutube-dlのGUIラッパー
YouTube動画をダウンロードしておきたいと思ったことはないでしょうか。誰かがアップロードした動画は常にあるとは限りません。いつ消えてしまうか分からないだけに、手元に残しておきたい場合もあるはずです。 そこで使えるのがyoutube-dlですが、CLIなので人によっては使いづらいでしょう。そこで使えるのがtubulerです。 tubulerの使い方 メイン画面です。 YouTubeの動画URLを入力すればダウンロードが開始されます。 完了しました。 tubulerはyoutube-dlを使っているので、基本的にはyoutube-dlがサポートしているサイトに対応しています。とりあえず気になった動画のURLを入力してみれば、大抵ダウンロードできるでしょう。コマンドの細かなオプションは指定できませんが、その代わりにとても簡単に使えるはずです。 tubulerはElectron/JavaScr
無料キャプチャソフト「Webrecorder」はブラウザで閲覧した内容を「そっくりそのまま」キャプチャ可能
気になるウェブサイトをPocketやInstapaperといった「後で読む」サービスに保存したり、削除されてしまったウェブサイトをインターネットアーカイブで閲覧したりしたことがある人は少なくないはず。無料のオープンソースサービス「Webrecorder」を使うと、閲覧したウェブサイトのコンテンツをそのままキャプチャし、後で閲覧することができます。 Webrecorder | Homepage https://webrecorder.io/ Release Webrecorder Desktop 2.0.1 · webrecorder/webrecorder-desktop · GitHub https://github.com/webrecorder/webrecorder-desktop/releases/tag/v2.0.1 Webrecorderにはクラウド版とデスクトップ版がありま
【動画付き】 draw.io 使い方まとめ 〜エンジニアでなくても使えるTips集〜 - Qiita
draw.io はブラウザを使用してフローチャート、プロセス図、組織図、UML 図、ER モデル、ネットワーク図などを作成できる優れたツールです。作成した図は xml ファイルとして保存でき、GitHub との連携もシームレスに行われます。3 年ほど愛用しているツールですが、隠された使い方がたくさんあります。すぐに忘れてしまうので取りまとめておきます。 「こんな使い方あるよ！オススメだよ！！」という方はぜひ編集リクエストをいただければ追記していく予定です 😊 ※ 主に参照している文献は以下、公式ブログは非常に分かりやすいのでオススメです。 ツイッター公式アカウント 公式ブログ ショートカット ショートカット集です。机の上に置いて覚えましょう。 Line / 線 まずは最も頻繁に使う Line(線)の使い方からご紹介します。 矢印をまっすぐに揃える ちまちまと矢印の線をドラッグして微調整し
monolith - Webページをアーカイブ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 過去に見たWebサイトにアクセスしてみたら、すでにコンテンツが消されていた…なんて経験は誰しもがあるはずです。あの時アーカイブしておけば…と後悔してもすでに遅く、思い立った時に行っておかないといけません。 そこで使ってみたいのがmonolithです。 monolithの使い方 アーカイブした例です。表示は崩れていません。 画像はdata URIを使っています。 monolithはターミナルでURLを指定して実行すれば、その内容をアーカイブしてくれます。画像やJavaScript、CSSは一つのHTML中に収めてくれます。iframeなどはダメなようですが、見たままに保存しておくとしては十分ではないでしょうか。 monolithはRust製のオープンソース・ソフトウェア（Public
Macのプリインストールアプリ「スクリーンショット」がめっちゃ便利だった | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、バックエンドエンジニアのグッチです 今回はMacの標準アプリ「スクリーンショット」がけっこう便利だったので紹介してみます。標準アプリなんてクソみたいなのしかないと思っているそこのあなた。ぜひ一度使ってみてください。 ※ いくつかお便りをいただいたので加筆しました。 全画面をスクリーンショットする方法 ウインドウ単位のスクリーンショットで周りに入る影を消す方法 ウインドウ単位でスクリーンショットをとるためのショートカット この辺りは全然知りませんでした。教えていただきありがとうございます。 ▲最近のランチ： めんたいパスタときのこのカルボナーラのハーフ＆ハーフ 1. A・B・Cを用意しながら麺を茹でます A. ボールに粉チーズを卵、顆粒コンソメ、塩胡椒入れ、かき混ぜてドロドロに（粉チーズ50~100g、卵1個/人 B. オリーブオイルとバターで炒めたきのこ（適当に。ベーコン焼いて
無料で簡単に30種類以上のブラウザのプロファイル設定を保存・復元可能な「Hekasoft Backup＆Restore」
ブックマーク、インストールした拡張機能などブラウザのユーザー設定をまとめたプロファイルは、Mozilla FirefoxやGoogle Chromeなど一部のブラウザはアカウントに紐付ける形で共有が可能です。しかし、個人情報を含むデータをネットワークで共有することに抵抗を覚える人もいるはず。「Hekasoft Backup＆Restore」はクリック1つでプロファイルの保存と読み込みができるフリーソフトで、オフラインでも簡単にブラウザのプロファイルのバックアップを取ったり別デバイスに移行することが可能です。 Hekasoft Backup＆Restore 0.75 | Free Browser Backup Software http://www.hekasoft.com/hekasoft-backup-restore/ 公式サイトから、EXE形式のインストーラー版とZIP形式の非インスト
無料で多彩なスクリーンショットを撮れ簡単な画像加工も可能なソフト「Greenshot」を使ってみた
ページ内容を画像として記録するスクリーンショットは便利ですが、Windows標準の機能の使い勝手はイマイチです。無料ソフトの「Greenshot」は、範囲指定やスクロールしたページ全体の保存などさまざまな方法で簡単にスクリーンショットを撮れ、簡単な編集まで可能だとのこと。実際に使い勝手を試してみました。 Greenshot http://getgreenshot.org/ 「Greenshot」は、無料のWindows OS版と、有料のiOS版がありますが、今回はWindows版を使ってみます。 ◆インストール・日本語化 まずは、Greenshotのインストールと、使用時に表示される言語を日本語にしてみます。トップページに行き「DOWNLOADS」をクリック。 ダウンロードページに移動します。「LATEST STABLE」をクリック。 実行形式のファイルをダウンロードして起動します。 セキ
WinCap - Windows用の画面キャプチャ
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 画面キャプチャはなかなか進化しません。特にWindowsではクリップボードに入るのが常です。ファイルとして保存したいと考える人は多いはずです。また、取得したい範囲も細かく指定したいでしょう。なのにPrintScreenキーを使った操作は今もなお建材です。 そこで紹介したいのがWinCapです。多機能ではありませんが、シンプルで使い勝手の良さそうな画面キャプチャツールです。 WinCapの使い方 起動するとタスクトレイに常駐します。 キャプチャは3パターンです。デスクトップ全体、指定コントロールそしてWebページ全体です。 設定画面です。 WinCapはショートカットキーがあり、Edgeなどのブラウザであれば自動スクロールしながらWebページ全体をキャプチャしてくれる機能があります。
無料で古い写真もスマホで簡単に取り込んでデジタル保存できるアプリ「フォトスキャン」
Googleがスマートフォンのカメラを使って古い写真を「スキャン」してデジタルデータとして読み込むことができるアプリ「フォトスキャン」をリリースしました。実際に古い写真を使って取り込んでみたところ、驚くほど簡単にデジタルデータ化することができました。 Google Japan Blog: 思い出の写真もキレイにスキャン −− フォトスキャン 登場 https://japan.googleblog.com/2016/11/photoscan.html フォトスキャン https://www.google.com/photos/scan/?hl=ja 今回は、1990年代に撮影した写真を用意してみました。いずれも一般の人がデジタルで写真を残すこととは無縁だった時代の写真で、もはやネガさえ残っていないもの。これまでは専用のスキャナーを使ってデジタル化していましたが、フォトスキャンを使えばスマホだ
回転させたPDFを保存する方法
回転させたPDFを保存する方法を紹介します。 １．問題点 Adobe ReaderでPDFファイルを開き、向きが正しくなかったので90℃回転させ、正しい向きに直しました。 Adobe Acrobatであれば回転させた状態のものを保存することができますが、Adobe Readerでは回転させたPDFを保存することができません。 これではファイルを開くたびに回転させる必要があるので面倒です。 ということで、回転させたPDFを保存する方法を紹介します。 ２．回転させたPDFを保存する 回転させたPDFを保存するには、「Smallpdf」を利用します（後で気がつきましたが日本語ページもあるようです）。 Smallpdf 「Smallpdf」のサイトにアクセスして「Rotate PDF」をクリック。 回転させたいPDFをドラッグ＆ドロップするか「Choose file」をクリックしてファイルを選択し
Map Stack by Stamen
Opening Hours New: Seven Days a Week! 24 hours a day (we'll see how this goes) Follow @mapstackStamen Assemble a selection of different map layers like backgrounds, satellite imagery, terrain, roads or labels! Tweak Photoshop-like controls like colors, masks, opacity and brightness to make a map your own! Share your map with a link or Pinterest or Tumblr! Recently:
Pinterest（ピンタレスト）初心者向け！Webデザインの情報収集に使える4つポイント | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
はじめまして。デザイナーのminecoです。 私は去年から「Pinterest（ピンタレスト）」というデザイン情報を収集できるWebサービスを使っていますが、ここまで長く使っているアプリは初めてじゃないかというくらい継続して利用しています。デスクトップブラウザからでもスマートフォンアプリからでも使えるので、忙しい日々の生活のなかで情報収集ができ、情報が豊富なので1日徘徊していても飽きないからだと思います。 ということで今日は、そんな「Pinterest」を使ったデザイン収集の方法をご紹介します。今回は「Webデザイン」を集めることをテーマにしていきます。 Pinterestとは？ Pinterest は見て、発見するツールです。プロジェクトや趣味にぴったりのアイデアを見つけるのに活用してください。ーPinterestより 気軽にアイデアを発見できるツールです。サイト上で気に入ったデザインや
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Warp SVG online
SketchやPhotoshop、Gimpなどのファイルをブラウザで開いて編集できるオンラインフォトエディタ・「Photopea」
