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ページを読み込み、画面キャプチャの取得や、指定された場所をクリックし、値を入力し結果を取得する、といった操作を自動的に行わせ
Scout2
Description Scout2 is an open source tool that helps assessing the security posture of AWS environments. Using the AWS API, the Scout2 Python scripts fetch CloudTrail, EC2, IAM, RDS, and S3, configuration data. The gathered configuration is analyzed and stored as JSON objects in several JavaScript files. These files are imported in the Scout2 HTML report, which allows for a quick and efficient rev
ファンタジー世界地図を簡単に作れる「Inkarnate Worlds」をゲーム制作に活用しよう – もぐらゲームス
現在ではゲーム制作ツールの発展もあり、フリーゲーム・インディーゲームなど多くの個人製作の作品が生まれている。そんな中、制作したゲームの演出に使うために「自分の思い描いたファンタジー世界の地図」を作りたいと思った人はいるのではないだろうか。 今回は、そんな自分だけの世界地図を簡単に作れる理想のオンラインサービス「inkarnate worlds」を紹介しよう。2017年1月29日時点での本ツールの機能や使用感、完成した地図を画像として書き出して使う方法までをまとめたので、参考にしてみてほしい。 現在ベータ版での公開となっているが、今後のアップデートも予定されているようだ。実際に使用したところ、制作した地図をjpg形式でダウンロードしてゲーム制作ツールで使用することも可能となっていたため、使い方によっては幅が広がりうるものとなっている。 「Inkarnate Worlds」の使い方とはまずはI
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
【黄金比・計算ツール・2カラム対応】 - 黄金比計算ツール
重要なお知らせ：このページのツールは、Flashの技術を用いて表示させていたため、現在は動かすことができません。申し訳ございませんが、ご了承下さい。 Webデザインに黄金比を取り入れよう - Re:Creator’s Kansaiに、黄金比をWebデザインに活用する海外の記事の翻訳が載っていました。 黄金比とは、最も美しいとされる比「1:(1+√5)/2」のことで、近似値は1:1.618、約5:8です。「その美しさをWebデザインでも」というのがエントリの趣旨です。 Webデザインの場合、横幅を固定し、縦幅は固定しないデザインが一般的です（ディスプレイサイズを考え、文字数の増加は横方向のスクロールなしに、縦方向へのスクロールで対応している）。Flashで作られたサイトなどは、縦幅も横幅も固定している場合があります。 Webデザインに黄金比を取り入れようとした場合、全体の横幅と横幅の比からそ
Webmin
Webmin is a web-based system administration tool for Unix-like servers, and services with about 1,000,000 yearly installations worldwide. Using it, it is possible to configure operating system internals, such as users, disk quotas, services or configuration files, as well as modify, and control open-source apps, such as BIND DNS Server, Apache HTTP Server, PHP, MySQL, and many more. Fix EOL detect
カラー・コントラスト・アナライザー 日本語版 ― インフォアクシア
「カラー・コントラスト・アナライザー」は、色のチェックツールです。前景色と背景色のコントラストをチェックしたり、色覚の違いによる見え方をシミュレーションしたりすることができます。 このソフトウェアは、The Paciello Groupが提供しており、Windows版とmacOS / OS X版があります。 色のコントラストのチェック ウェブコンテンツの前景色と背景色のコントラストが十分かどうかを判定する基準には、W3Cの『WCAG 2.0』で定義されている「コントラスト比」の計算式を用いています。このコントラスト比を用いた達成基準は、そのまま日本工業規格の『JIS X 8341-3:2016』でも採用されています。 1.4.3 コントラスト（最低限レベル）に関する達成基準 テキスト及び文字画像の視覚的提示には，少なくとも4.5:1 のコントラスト比がある。ただし，次の場合は除く（レベル
Webページのファイルサイズのチェック
■ファイルサイズのチェック チェックしたいサイトのＵＲＬを入力して下さい。 ホームページ表示に必要な合計サイズ（byte）と表示時間の判定をします。 サイトＵＲＬ ■サイト売却価格の簡易鑑定 「自分のサイトの値段は？」という疑問を解決します。 ・ネットショップ売却価格の簡易鑑定 （※無料スピード鑑定） ・ネットショップ売買 （※実際に売却希望の方） ■ネットショップの売上アップ リスティング広告の出来具合、サイトのユーザビリティ、消費者の望む決済方法などなど・・・。 ・オーバーチュア広告の無料診断 （※簡易診断） ※サイトの導線が気になる方にはユーザビリティ調査を。 （※有料） ※消費者が望む決済手段ならクレジットカード決済の導入を。 （※有料）
Web上で簡単に画像のサイズを変更できる「ResizR」:phpspot開発日誌
ResizR - Easy online image resize Image resizing is sooooooo easy! Web上で簡単に画像のサイズを変更できる「ResizR」。 インタフェースもJavaScriptが使われていて、いい感じで動いてくれます。 画像はWeb上から読み込むorアップロードが使え、サクっと画像をリサイズしたい場合に使えそう。 関連エントリ オンラインで安全なパスワードを生成できる『SafePasswd』
美しいレイアウトを計算してくれるツール :: Love & Design ::
以前 Webデザインと黄金比の関係 でご紹介した、白銀比、黄金比、白金比、第二黄金比を使った美しいレイアウトを計算してくれるツールが、さらに再分割できるようになりパワーアップしました。 電脳狂想曲 レイアウトの小技 使い方と説明 実際に画像を表示しながら分割ができるので、サイドバーや画像の大きさを決めるときや、ロゴやメニューを配置するときに便利です。 【使用例】段組（２カラム）するとき 横幅780px の場合 黄金比：横幅 / 552px / 228px 白銀比：横幅 / 512px / 268px 白金比：横幅 / 571px / 209px 第二黄金比：横幅 / 565px / 215px ↓もしかして黄金比？ これまでテキトーに決めていたという方も、Webデザインだけでなく、プレゼンの資料などにも活用できそうなので、ぜひ一度お試しください。 参考記事 「見えない線」に沿ってページをレ
ページのサムネイルorキャプチャをWEB上で作るサービスまとめ:phpspot開発日誌
ページのサムネイルorキャプチャをWEB上で作るサービスまとめ。 SimpleAPI - ウェブサイト・サムネイル化ツール … ページの角丸サムネイルを提供してくれるサービス。 livedoor クリップ - ソーシャルブックマーク … ライブドア クリップのサムネイル。サイトのURLを渡すとサムネイルが表示できる。サイトで使ってよいかは不明^^; はてなスクリーンショット … はてなブックマーク等で導入されているスクリーンショット。URLはハッシュされているので自分のサイトなどでは使えなそう。 WebScan … ページのキャプチャを取れるツール。画像への直リンクは禁止。 WebToJpeg … Ajaxでページのサムネイルをリアルタイム表示。 ThumbShot … 海外のサイト。120x90のサムネイルを提供。 Alexa Site Thumbnail … ご存知Alexa。Web
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ページを開く
gmork.in
Engadget | Technology News & Reviews
Vector Magic | Precision Bitmap to Vector Conversion Online
http://www.yasuhisa.com/could/entries/001171.php
Website Explorer
i d e a * i d e a - 使える2.0系カラーパレット
写真を遊び倒す！ための26の小粋なツール | IDEA*IDEA
日本IBM