デザインとHTMLのズレを検出！ Node.jsとPuppeteer活用のビジュアル校正テストで実装時のケアレスミスを防ぐ

2022/03/31 60 users ケアレスミス 検出 スレ node.js HTML

デザインとHTMLのズレを検出！ Node.jsとPuppeteer活用のビジュアル校正テストで実装時のケアレスミスを防ぐ ウェブ制作において、デザインとHTML実装の一致はエンジニアとして当然求められるものです。とはいえ、デザインツールとブラウザ画面をにらめっこしながら確認するのも大変です。本記事ではNode.jsで動くヘッド... 続きを読む

Androidの画面をデスクトップ（ブラウザ画面）に映すVysor、キーボードやマウスも使える | TechCrunch Japan

2015/08/25 38 users AllCast Vysor Chromeエクステンション

スマホのゲームやアプリをデスクトップでプレイしたり使ったりしたい、と思ったことのある人、たしかにぼくの経験でも、メッセージングアプリはデスクトップの方が断然使いやすいよねぇ、そういう人にうってつけのサービスがVysorだ。 AllCastなどを作った優れたAndroidデベロッパKoushik Dutta作の、このChromeエクステンションは、今映って動いているAndroidの画面をデスクトップ... 続きを読む

Octotree·GitHub利用者は必見！GitHubでツリー表示 MOONGIFT

2014/05/31 78 users MOONGIFT GitHub Octotree 必見 左側

GitHubのUIは先進的で、かなり見やすいものです。初心者にも分かりやすく使いやすいのですが、毎日のようにGitHubを使っている人たちにすればもっと素早くファイルを見ていけるようにしたいと思うでしょう。 そこで使ってみたいブラウザ機能拡張がOctotreeです。ブラウザ画面の左側にファイルブラウザ機能が追加されます。 Octotreeの使い方 OctotreeはGoogle Chrome、Fi... 続きを読む

本当にプラグインなしでブラウザ画面をリアルタイム共有『Surfly』 | 100SHIKI

2013/12/09 56 users Surfly Java 100SHIKI リアルタイム ツール

おっと、これは便利だ。 Surflyを使えばブラウザ画面をリアルタイム共有できるようだ。 よくあるツールではあるが、Javaなどの変なプラグインが必要ない点が素晴らしい。 使い方は簡単で、無料ユーザー登録後にサイトにアクセス、共有用にもらえるURLを配布するだけである。 あくまでも自己責任で使ってもらいたいが、ちょっと試してみたところ、動作的にも問題ないようだ（さすがにログインとかしなかったが）。... 続きを読む

無料でブラウザ画面と操作の様子をスマホや他のPCで表示できる「Surfly」 - GIGAZINE

2013/12/03 28 users GIGAZINE Surfly ウェブページ アイコン 操作

ウェブページには1つのページの中にホームボタンや複数のリンク、メール、各種SNSボタンなどさまざまなアイコンや文字列がひしめき合っており、ネットサーフィンに慣れていない人にはサイトから目的のページを見つけるのは難しいもので、慣れていても何がどこにあるのか分からなくなることもあります。そんな時に使えそうなのが自分のブラウザ画面をそのまま相手に見せることのできる「Surfly」です。URLを教えるだけ... 続きを読む

HTML5形式のフォトギャラリーをサクッと簡単に作成できるフリーソフト「Juicebox Lite」 - GIGAZINE

2012/07/30 171 users GIGAZINE Flickr フォトギャラリー レイアウト

ホームページに自分が撮影した写真を公開する場合に、対応するブラウザ画面のレイアウトが自動フィットし、Flickrを利用することも可能で、動作が軽いフォトギャラリーが作成できるフリーソフトが「Juicebox Lite」です。対応しているOSはWindows・Mac・Linux、ブラウザはIE・Firefox・chrome・Safari・Opera、モバイル向けはiPhone・iPad・Androi... 続きを読む

【藤本健のDigital Audio Laboratory】第514回:DTMに新たな進化。複数Webブラウザで演奏/同期 -AV Watch

2012/07/09 102 users DTM 藤本健 シンセサイザ 同期 別種

第514回:DTMに新たな進化。複数Webブラウザで演奏/同期 ～Chromeで弾いて低遅延で連携する「WebMidiLink」とは? ～ DTM革命が進行中だ。この半年でWebブラウザ上で動作するシンセサイザが劇的に進化してきており、その動きがこの1、2週間でさらに大きく加速している。MIDIシーケンサが動くブラウザ画面を1つ、シンセサイザが動くブラウザ画面を1つ、さらに別種のシンセサイザが動く... 続きを読む

サイトに来た人のブラウザ画面をリアルタイム閲覧できる「SiteSupport」 - GIGAZINE

2011/12/08 455 users GIGAZINE セッシ リモートデスクトップ リアルタイム

訪れたユーザーがページのどこをどう見て、どのように移動し、どのあたりで詰まるのか、そういった各種行動を把握するためにユーザーのデスクトップ自体をリアルタイムにリモートデスクトップっぽく見ることを可能にするというのがこの「SiteSupport」です。 SiteSupport - Remote Desktop for Web Apps http://sitesupport.com/ ブラウザのセッシ... 続きを読む

RemixのためのWEBページ構造化とDomインスペクタ：Goodpic

2005/05/22 28 users Tidy Goodpic Remix デバッグツール 構造

TidyとGreacemonkeyは、WEBページのデバックツールとして強力なFirefoxの拡張機能ですが、FireFoxには最初からDomインスペクタという機能が入っています。 Domインスペクタを使うと、WEBページのHTMLマークアップの構造をディレクトリ・ツリーのように表示して、しかもdivタグなどのエレメントを選択すると、WEBページ内で、そのエレメントがどこにあたるのか、ブラウザ画面... 続きを読む