レスポンシブデザインの確認に便利なツールが登場！複数のデバイスサイズで同時確認できる優れもの -Responsivize
Webページのレスポンシブの確認が簡単にできる、新しい無料アプリがリリースされました！ iPhone, Android, Pixelのスマホをはじめ、タブレット、ラップトップ、ワイドスクリーンなどのサイズでWebページを表示して確認ができます。 Windows, macOS, Linux対応のアプリで、しかもオープンソースです！ Responsivize Responsivize -GitHub Responsivizeの特徴 Responsivizeのダウンロード Responsivizeの使い方 Responsivizeの特徴 Responsivizeは、レスポンシブ対応のWebページをさまざまなデバイスのサイズで確認できる便利ツールです！ 当方の日本語環境（M1 Mac, Windows10）で問題なく動作しました。 Responsivize レスポンシブWebサイトの確認が簡単にで
無料で多彩なスクリーンショットを撮れ簡単な画像加工も可能なソフト「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ページ全体をキャプチャしてくれる機能があります。
Windowsの外部ディスプレイが認識されなくなったときの対処
Windowsの外部ディスプレイが認識されなくなったときの対処方法を紹介します。 １．事象 ノートPCに外部ディスプレイを接続した状態（かつ外部ディスプレイだけで表示している状態）で作業しているとき、突然外部ディスプレイの表示が消え、ノートPCのディスプレイに表示が切り替わり、外部ディスプレイが反応しなくなりました。 ２．調査 ディスプレイの設定確認は次の手順で行います。 デスクトップを右クリックして「個人設定」を選択。 「画面の設定」をクリック。 （クリックで拡大） 正常な状態であれば下記のように「1」と「2」のディスプレイが表示されます。「1」はノートPC、「2」は外部ディスプレイです。 が、今回の事象が発生したときは「1」しか表示されなくなりました（キャプチャし忘れました）。 なお「画面の設定」画面のプルダウンメニューではモニタを変更できそうなので、変更しようとすると、 現在選択され
Windowsのデフォルト機能だけでマウスカーソルをキャプチャする方法
Windowsのデフォルト機能だけでマウスカーソルをキャプチャする方法を紹介します。 Windowsのデフォルト機能でマウスカーソルをキャプチャしたところ １．問題点 Windowsではデフォルト機能で画面をキャプチャするための「Print Screen」キーが用意されています。 具体的なキーの使い方は次のとおりです。 Print Screen押下：デスクトップをキャプチャ Alt+Print Screen押下：アクティブになっているウィンドウをキャプチャ キャプチャ後、「スタート」→「アクセサリ」→「ペイント」を開き、メニューバーの「編集」→「貼り付け」またはCtrl+vでキャプチャした画面がペーストされます。 ですが、この機能ではマウスカーソルを同時にキャプチャすることができません。 下のスクリーンショットは「テスト」というリンクの上にマウスカーソルを当てた状態のものをPrint Sc
Windowsで表示領域外に出てしまったウィンドウを元に戻す方法
Windowsで、表示領域外に出てしまったウィンドウを元に戻す方法を紹介します。 １．問題点 Windowsで作業をしていると、何かの拍子に作業しているウィンドウがディスプレイの表示領域外に飛び出してしまい、元に戻せなくなるケースがあります。 タスクバーにはボタンが表示されていて最大化すれば表示されることもありますが「元のサイズに戻す」を選択すると画面が再び消えます。 タスクバーに表示されたボタンを右クリックして「閉じる」を選択すればウィンドウを閉じることができるので、再起動すれば通常の位置に表示される場合もあります。 ただし、たいていのソフトは終了時のウィンドウ表示位置を保持しているので、再起動時に同じ位置に表示される、つまり表示領域に表示されないケースがほとんどです。 ２．問題が発生する操作例 以前はアプリケーションのバグなどでこの問題が発生することがあったようですが、私の場合、設定し
仮想的な4つのデスクトップ画面を使って楽に作業ができるフリーソフト「WindowsPager」
マルチモニターを使わずにブラウザやワードなどを大量に開いて作業をする場合でも、仮想的に増やした4つのデスクトップ画面を使い分けることによって、見やすく簡単に作業ができるようになるオープンソースのフリーソフトが「WindowsPager」です。インストール不要で、ウィンドウを別の仮想デスクトップに移動させることができ、ショートカットキーも用意されています。 ダウンロードから操作方法までについては以下から。 WindowsPager http://windowspager.sourceforge.net/ 上記サイトの下部にある「Free download」をクリック。 「Download」をクリック。 ダウンロードしたZIPファイルをExplzhなどで解凍し、ここではWindowsの64bit版で使うので、64bit版の「windowspager.exe」を起動。 タスクトレイに画面を切り替
【スマホ集中連載 第7回】 小技紹介 "Android端末で画面キャプチャを撮る方法 (Win/Mac)" : LINE Corporation ディレクターブログ
こんにちは。スマートフォングループ ディレクターの石野です。 本日はスマートフォンの企画に役立つ "小技" 紹介ということで、Android端末で画面キャプチャ (スクリーンショット) を撮る方法を紹介したいと思います。 プレスリリースの文面を用意するときや、Androidマーケットにアプリ公開を行うとき、アプリの改善点をエンジニアと共有するとき等々、自分もスマートフォン担当になってから頻繁に使っています。また、同僚に聞かれる回数の一番多いノウハウでもあります。 はじめに スマホ集中連載 第2回の記事で触れましたが、Androidはセキュリティ上の理由で端末から気軽にキャプチャを撮る方法がありません。 そのため、PCにケーブル接続をしてツールを使って撮りますが、設定が正直非常に面倒なのでまとめたいと思います。Windowsユーザ向け / Macユーザ向けにそれぞれ記載していきます。 ※なお
デバイス別スクリーンキャプチャを極める――Windows、Macはもちろん、iPhoneやKindleも
Windowsでは［PrintScreen（PrtSc）］キーを押すことにより、スクリーンショットをクリップボードにコピーできる。アクティブウィンドウだけのスクリーンショットを撮りたい時は［Alt］＋［PrintScreen］だ。たくさんのウィンドウを開いてごちゃごちゃしている場合にも有効なので覚えておくといいだろう。 なお、Windowsの標準機能としてはスクリーンショットを直接保存する機能を用意していない。コピーしたスクリーンショットをペイントなどの画像ソフトを開いて新規ファイルに貼り付けて保存するか、もしくはファイルを経由せずに直接Office文書などにペーストするのが一般的だ。 もし直接ファイルを生成したければ、各種キャプチャソフトを使おう。具体的にはフリーソフトの「WinShot」などがおすすめだ。ウィンドウ全体のほかウィンドウの内側の領域だけをキャプチャしたり、デスクトップ全体
ウィンドウやバナーのサイズを手軽に測れる「デスクトップ定規」4選
デスクトップ上にあるウィンドウのサイズや、Webページ上のバナーのサイズなどを手軽に測れる「デスクトップ定規」を紹介しよう。 デスクトップに開いたウィンドウのサイズや、Webページ上のバナーのサイズなど、画面上のさまざまなサイズを知りたい時がある。Webページ上の画像であればプロパティを見ればピクセル数はすぐに分かるが、それでも画面端からの距離や囲み罫の太さ、またマージンの間隔などのサイズについては、いちいちHTMLやCSSのソースを開いて確認するのは面倒だし、ソースを見ただけでは分からない場合も多い。 こうした場合には、デスクトップ上に表示してピクセル数をダイレクトに測れる定規ソフトを使うことで、手軽にサイズを知ることができる。今回はさまざまな特徴を持った「デスクトップ定規」4種類を紹介しよう。 シンプルイズベスト――幅1000ピクセルの「ピクセル定規」 最初に紹介するのは「ピクセル定規
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
