Webブラウザの操作をJavaScriptで自動化。Headless Chromeのフレームワーク「Puppeteer」がバージョン1.0に到達。ChromeのDevToolsチームが開発
UIを持たずスクリプトから操作可能なWebブラウザのHeadless Chromeを利用するためのフレームワーク「Puppeteer」がバージョン1.0に到達した。Webアプリケーションの自動テストなどに利用可能だ。 GoogleのWebブラウザ「Chrome」は、ユーザーインターフェイスを持たずコマンドラインやリモートデバッグ機能を通じてWebブラウザを操作できる「Headless Chrome」機能を備えています。この機能は2017年6月にリリースされた「Chrome 59」から実現されたものです。 Headless Chromeを利用すると人間がWebブラウザをマウスやキーボードで操作することなく、プログラムでHeadless Chromeを起動し、特定のWebページを読み込み、画面キャプチャの取得や、指定された場所をクリックし、値を入力し結果を取得する、といった操作を自動的に行わせ
Dev.Opera — Accessibility Testing Tips and Tools Presentation
I was fortunate enough to get invited to speak about Accessibility testing tips and tools at Sussex University recently courtesy of Dr Graham McAllister. I met with a great bunch of students who were all really enthusiastic not just about accessible web design but also accessible gaming and virtual worlds. I even managed to sit in to the end of a presentation given by a couple of guys on accessibl
自分のページやサイトが各ブラウザでどのように見えるか確認できる便利なサイトいろいろ - GIGAZINE
サイトのレイアウトを変更したり、新しくデザインする際に使えるのがこのクロスブラウザテスト、要するに「それぞれのOSのそれぞれのブラウザで自サイトは正しく見えているのか？」をチェックするサイトです。予算と時間が潤沢であれば、自分で各種OSを揃え、各種ブラウザを導入してチェックできるのですが、あまりにも非現実的な場合が多いため、この手のテストサイトは非常に重宝します。 というわけで、デザインやレイアウトのチェックに使えるクロスブラウザテストのサイト一覧は以下から。 10 Helpful Resources for Cross Browser Testing Browsershots http://browsershots.org/ 見てのとおり、現時点ではほぼ最強に最も近い定番クロスブラウザテストサイトが「Browsershots」です。Linux・Windows・Mac OS・BSDの各種ブ
URLを指定するとリンク切れしているページをチェックしてくれる『Dead-Links』 | 100SHIKI.COM
地味に便利なツールのご紹介。 Dead-LinksでURLを指定すると、そのURL以下のページでリンク切れをしていないかをチェックしてくれる。 リンク切れがあると恥ずかしかったり、ユーザーや顧客を逃したりしてしまうだろう。 すでに似たようなツールもあるが、ドメインがわかりやすいし、インターフェースもシンプルなので覚えておいてもいいだろう。 ちょっとチェックに時間はかかるが、定期的にこのサイトで自分のブログなり自社サイトなりを調べてみるといいだろう。
企業サイトのアクセシビリティ向上を支援する総合的テストサービス - ニュース - nikkei BPnet
企業サイトのアクセシビリティ向上を支援する総合的テストサービス 2008年7月25日 15時16分 この記事を携帯に転送する ミツエーリンクスとインフォアクシアは、企業のWebサイトのアクセシビリティをテスト・分析する「アクセシビリティ・ユーザーテスト サービス」の提供を開始した。専門家がテスト計画の立案から会場の設定、テスト実行、結果分析と報告まで総合的に手がけ、企業サイトのアクセシビリティ向上を支援する。 高齢者や障害のあるユーザーによるWebサイト利用において考慮するべき課題を特定し、国内外の規格にもとづいてテスト内容を計画する。実際に高齢者などにテストをしてもうほか、アクセシビリティ技術に精通した専門家が分析を行い、レポートを作成する。テスト結果を報告するとともに、アクセシビリティ向上のためのソリューションも提案する。 ユーザーテストでは、モニタールームのあるスタジオを利用するため
プレゼンにも最適、ページ内のユーザーの視線をシミュレートする -Feng GUI heatmap | コリス
Feng GUI heatmapは、独自のアルゴリズムに基づいて、ユーザーの視線がどのようにページ内で移動するかとその頻度を表示するヒートマップを作成するサービスです。 Feng GUI heatmap Feng GUI heatmapは、実際のユーザーの視線やマウスの動き・クリックを検出するものではなく、独自のアルゴリズムに基づいてヒートマップを作成します。そのため、サーバーのログなどは必要ありません。 フラッシュの場合は、キャプチャした画像（960x640）をアップロードすると生成されます。 ヒートマップを作成するには、３つの方法があります。 オンラインで Firefoxのエクステンションで ViewFinder website heatmap 1.0 ブックマークレットで Feng GUI heatmapは独自のアルゴリズムでヒートマップを作成するので、実際にアップロードされていない
ユーザーの動き。｜CSS HappyLife
ボクたちみたいな、ウェブサイトを閲覧するのが当たり前の人間からすると、全く気づかない事に気づかされたりしたので、自分用メモ。 2008年2月14日の22：47頃に追記 ボクのただのメモ書きをもうちょっとちゃんと以下のエントリーで書いてもらってるので、あわせてご覧になって頂くと、良いかと思います。 Webアクセシビリティについての覚書 - ねんがんのWebユーザビリティテストに参加した ロゴクリック＝トップページに戻るという認識は殆ど無い。 トップページに戻る場合は、ブラウザの「戻る」ボタン。 サイドバーのバナーは、認知すらされない傾向が強い。 そもそもバナーとして押せるものではなく、デザイン上の飾りとして見られる場合も。 リストのマークとかのマーク部分をクリックしよーとする人が居る。 それにより、クリックできないと諦めるケースも。 プルダウン（ドロップダウン）型メニューは、近くのボタンを押
Amazonにない書籍をネットで買え--ユーザーはどう検索する？
ウェブサイトを設計する際には、ユーザーが求めている情報に早くたどり着けるようにするために、情報の配置などに注意する必要があります。この連載では、実際に被験者に課題を与えた上でサイトを閲覧してもらい、アイトラッキングツールを利用してユーザーの直感的な行動を分析します。ツールはTobii Technologyの「Tobii Eye Tracker」を利用します。 アイトラッキングとは、ユーザーの視線の動きを感知してモニターのどこを見ているのかを記録するシステムです。ウェブサイトのユーザビリティ改善として使われることも多くなってきましたが、視線の動きが可視化されるというインパクトの強さに惑わされているケースもありそうです。 たしかに被験者の視線はウソをついていませんが、被験者の属性、心理状態、リテラシーなどによってその結果は異なってきます。たとえば、ウェブページを見る視線はF字型に流れるという分
なんちゃって個人情報
なんちゃって個人情報は「Generator of the Year」にて【便利賞】を受賞いたしました！！ 投票して下さったみなさま、本当にありがとうございました。 今後もどんどん使ってやって下さい。 プログラム等に使えるかもしれない個人情報のテスト用データを作成できます。特に説明が必要なものでもないので、とりあえずやってみていただければわかると思います。 念の為書いておきますが、生成した偽個人情報により発生したいかなる損害も当方は一切関知しません。たまたま名前が実在の人物と同姓同名になってしまうかもしれませんし、特に電話番号や携帯については実際に使われている番号と重なることがありますから、扱いには十分注意して下さい。 何かご要望とかありましたらお気軽にブログまでコメント下さい。 HTML シンプルなHTMLのテーブルで出力します。 XML ルートを<records>、各レコードを<reco
ウノウラボ Unoh Labs: WEBアプリのテストに必須なツール７種
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
GrayBit v1.0: Grayscale Conversion Contrast Accessibility Tool - Main Page - Presented by GrayBit
What’s GrayBit Do? GrayBit is an online accessibility testing tool designed to visually convert a full-color web page into a grayscale rendition for the purpose of visually testing the page’s perceived contrast. More Info » How’s GrayBit Work? In the supplied GrayBit form, enter the URL of a page you wish to test. Submit the form. Wait for results.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://neta.ywcafe.net/000938.html
はてなブログ | 無料ブログを作成しよう
http://alexa.livedoor.biz/archives/51162511.html
Webアクセシビリティ53についての覚書 - ねんがんのWebユーザビリティテストに参加した
TechCrunch Japanese アーカイブ » Crazy Eggの「Confetti」でユーザーのクリック行動を研究