Seleniumでラクラク、クロスブラウザ自動テスト！（その１）：マピオンラボ(テスト)
Selenium IDE Seleneseによるテストケース記述＆実行が可能なFirefox拡張です。実際のブラウザ操作記録によるSelenese自動生成やテスト実行のコントロール、Seleneseリファレンスの参照など、効率的にテストケースを記述＆実行するには欠かせないツールです。 ただFirefox拡張なわけですので、もちろんFirefox限定です。 Selenium RC 各ブラウザをリモートで操作するJavaのサーバーアプリ＋各言語（Java, Ruby, Python, Perl, PHP, .NET）にてテストケースを記述するクライアントライブラリです。RCはRemote Controlってことですね。おおよその構成としては本家のページにある図をご参照。ちなみにSelenium RCではSeleneseは登場せず、各言語のAPIでテストケースを記述することになります。「Java
Chrome 拡張機能でウェブ制作をより快適に
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
携帯絵文字変換スクリプト 3キャリア対応
携帯絵文字変換スクリプト（PHP配布） 携帯3キャリア（NTTドコモ,au,ソフトバンク）の共通絵文字を表示するスクリプトです。 従来、絵文字については各キャリア相互に互換性がなく、携帯サイトを制作する際は各キャリアに合わせたページを制作する必要がありましたが、このスクリプトを利用することで、1つのページで3キャリアに対応させたページ作りが可能となります。 プログラム概要 共通絵文字変換表に基づき、ドコモの絵文字を基準に、auとソフトバンク向けの携帯電話に対し、同等の絵文字を表示します。 スクリプトの呼び出しはSSIを利用するため、現在のHTMLをPHPに変換したりする必要はありません。 スクリプトはPHP単体で動作するため、HTML内の絵文字を表示したい部分に一定の記述（SSI）を追加するだけで、絵文字を簡単に表示させることができます。 →サンプル ※サンプル画面にはありませんが、ソフト
【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1
HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。 今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。 【HTML5】新規でサイトを作るのに使えそうな一式。Ver 1をDL（zip：12kb） HTML5版のVer 1を見る 社内のマークアップエンジニアとかって書いたら、これどうなのよ？とか話してた頃がちょっと懐かしくなった。 コーダー飲みとか、CSS Niteなんかで、マークアップエンジニアやコーダーさんと会う機会は結構有るのに、そういう具体的な？話まではしないからなぁ・・・ それはさておき、中身のご説明などを続きにて。 中身のご説明 zi
より早くcssやhtmlのコーディングが行えそうな情報いろいろ - かちびと.net
Web制作を少しでも効率化しよう と思って（今更）いろいろ便利そう な情報を探しました。既に使って いる情報の方が多かったのです が、折角調べたのでシェアしたい と思ってエントリーです。 コーディングをもっと円滑に、という旨の情報です。順不同。あんまり多いと逆効果なので量は絞りました。一応これでも絞りました。絞ったつもり。 zen-coding 話題になったzen-coding。だいぶ慣れて来た方もいらっしゃるのでは。 zen-coding（本家） HTMLコーディングが3倍速くなる？「Zen-Coding」 秀丸Zen- Codingマクロ コーディングの効率化を図るZen codingをDreamweaver cs4に入れる方法 WP Zen-Codingが凄く便利 初期設定とかTipsとか 制作前に知っておくと便利なコードとかTipsいろいろ。 css書く前にチェック。 もう、cla
ウェブサイトでよく使われるデザインや機能の呼称のまとめ
「あちこちでよく見かける『あの機能』を実装するためにCSSのテクニックとかJSのライブラリとか探したいんだけど、どういうキーワードで探したらいいのかわからない…」という人向け。 注意 ※この呼称が正しいとは限りません ※この呼称に統一されているわけではありません ブロック要素等の角を丸める → 角丸 複数の画像を一枚にまとめてCSSのbackground-positionで制御する（メニューのマウスオーバーなどでよく使われる） → CSSスプライト フォームにうっすらと説明文が表示される ＆ フォームにフォーカスすると消える → プレースホルダー フォームに入力された文字にあわせて入力候補を表示する →サジェスト ページ内リンク等をクリックした際に滑らかにスクロールさせる → スムーズスクロール 他のメニューを押しのけるようなアニメとともにサブメニューが表示される ＆ 開いているメニューは
アクセス解析がダメな７つの理由（前半） - Real Analytics （リアルアナリティクス）
アクセス解析の仕事をしていると、アクセス解析さえあれば「キーワードを見ればユーザーのニーズや考えている事が分かる」とか「CVRを元に最適な集客プランはこの手法だ」とか「導線分析を行うことによってユーザーが一番コンバージョンする最適な経路ははこれだ！」とか思ってしまう事があります。 しかしWhat Web Analytics is Missing... という記事を読むと、改めてアクセス解析ツール（単体）の限界や課題点について考えさせられました。当たり前だけど、アクセス解析は万能ではなく、あくまでもユーザーの動きが結果として集計されているだけだったりします。 この文章ではアクセス解析ツールに対して感じている７つの課題に関して記載されています。「本当に知りたいビジネス要件について回答を教えてくれない」という意味で、全てのツールにあてはまる内容になります。その内容を紹介いたします。 ※記事の内容
40分でできるホームページ運営体制チェック ～40項目のセルフチェックシート | Web担当者Forum
40分でできるホームページ運営体制チェック より良いサイト運営を実現する 40項目のセルフチェックシート［Web担当者編 2008年版］ 好評だった「40分でできるホームページ診断 ～訪問者目線編～」に続き、第2弾のチェックシートをお届けする。今回は、表側には現れない、ウェブサイトの裏側にある運営体制に関するチェックだ。 第1弾の「40分でできるホームページ診断 ～訪問者目線編～」も一緒にどうぞ TEXT：編集部 協力：株式会社 環 今回は運営体制をチェックWeb担では以前に「40分でできるホームページ診断」を掲載し、好評を得たが、前回のホームページ診断では、サイトが訪問者にとってどれぐらい使いやすいかをチェックするための要素に絞っていた。 今回は、企業のWeb担当者が、日々のサイトの運営を行ううえで意識しておかなければいけない点や、企業としてウェブサイト運営をする場合に必要になる要素を対
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Webサイト品質管理のチェック項目リスト | 人手に頼らないWebサイトの戦略的品質管理指南