あなたのWebサイトの脆弱性を調査してくれるサービス『Detectify』 『Detectify』はあなたのWebサイトの脆弱性を見つけてくれるサービス。 サービス側がハッカーに成り代わってあなたのWebサイトにセキュリティーホールがあるかどうかを徹底的に調べ上げてくれます。 使い方はまず調査するWebサイトを追加することから始まります。 トップページからサイトのURLを入力しアカウントを作成しましょう。 次に自分がこのサイトの管理者であることを証明するために、3つの方法の中から選んで指示通り行ないます。 ダウンロードしたテキストファイルをサイトのルートに置く トップページのヘッダにメタタグを挿入する 各CMS用のプラグインをインストールする それが済んだら『Verify...』をクリックし確認が取れると、アカウントの確認コードがメールで送信されるので、そこに記載されているコードをペースト

ビジュアルの力で世界を丸くする。 地球の形状が「丸い」のは、そこで暮らす僕たちにひとつの「ビジョン」を指し示しています。地球の形と同じように、世界で起こっていることのすべてが丸く収まっていれば良いのですが、現実は違います。 大小いろいろな規模の摩擦がいたるところに発生し、繰り返されます。その解決に必要なのは、お互いの「考え」や「価値観」「立場」、「状況」「状態」を示し、認め合うことです。そのために、「ビジュアル」の力を活用していきます。

IE9やIE10環境でIE6/IE7/IE8/IE9表示する方法(共存）投稿 : 2011-07-29更新 : 2014-01-16 追記：2014/01/16 ・IE11で、IE7/IE8/IE9/IE10をエミュレーションで表示確認するときの注意事項 IE11も互換設定をすることで、IE7/IE8/IE9/IE10あたりを表示できるみたいです。 追記：2013/03/20 IE10にも、IE7/IE8/IE9表示するモードがついています。 ・Windows7にIE10を導入する前に知っておきたいこと 【IE9に戻す方法、IE10環境でのIE9表示】 IE9自体に、IE7/IE8で表示するモードがついていました。ツールボタンの「開発者ツール」を選択するか、[F12]キーを押すと、ブラウザ下部に右上のような画面が出てきます。 ブラウザモードというのが、相手にブラウザーのバージョンを知らせる

『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day

[対象: 上級] Googleアナリティクスのデータと連携して、パンダ・アップデートとペンギン・アップデートに捕獲されたかどうかを調べるツールを今日は紹介します。 “Panguin”（パンギン？）という名前のツールです。 サイトにアクセスすると“Log-in to Analytics”というボタンがあるのでそのボタンをクリックします。 サードパーティのサービスがGoogleアカウントへのアクセスをリクエストしているかどうかを聞かれるので、許可できるようであれば先に進んでください。 ツールへのアクセスが完了するとGoogleアナリティクスに登録してあるプロファイルの一覧が出ます。 調べたいサイトのプロファイルを選んでください。 すると次のようなグラフが表示されます。 SEOmozがまとめたデータを基にして、パンダ・アップデートとペンギン・アップデートそしてその他の大きめのアルゴリズム更新が縦

先日、GoogleトレンドとGoogle Insights for Searchが統合されて、新しくなりました。（リリース記事） そのGoogleトレンドを使って、どのようなことを知ることができるのかを、早速試してみました。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 新しくなったGoogleトレンドを使ってみる 「Google トレンド」は、Googleで検索されているキーワードの検索ボリュームを、キーワードごとに時系列や地域、関連するキーワードとともに教えてくれる便利ツール。 そのGoogleトレンドが、今回Google Insights for Searchと機能統合され、一箇所で情報を得られるようになりました。 Googleトレンドでは、どのようなデータを見ることが出来るのか、以下にご

[対象: 中〜上級] Googleはリッチスニペットテストツールを大きく改良しました。 リッチスニペットテストツールは、リッチスニペットに使われる構造化データが正しく構成できているかを検証し検索結果での表示をシミュレーションするためのツールです。 大きな改良点は次の3つです。 名称を「Structured Data Testing Tool」に変更 ユーザーインターフェイスと結果表示を一新 日本語を含む英語以外の言語にも対応 名称を「Structured Data Testing Tool」に変更 ツールの名前が「Structured Data Testing Tool」に変わりました。 日本語だと「構造化データ テスト ツール」になるでしょうか。 ユーザーインターフェイスと結果表示を一新 UIがガラリと変わりました。 すっきりしていて見やすくなったと僕は感じます。 レシピのリッチスニペッ

レスポンシブWebデザイン制作に便利なFirefoxの「レスポンシブデザインビュー」を紹介します。 「レスポンシブデザインビュー」はFirefox15から搭載されています。 １．「レスポンシブWebデザイン」とは 「レスポンシブWebデザイン」とは、PCやスマートフォンやタブレットなど、あらゆるデバイスに対応するWebデザインのことを指します。 レスポンシブ（Responsive）は、「よく反応して」「敏感な」という意味があるようです。 レスポンシブWebデザインを確認するには、複数のデバイスを用いるか、極端な話、PCでブラウザの幅を変更すればいいのですが、Firefoxの「レスポンシブデザインビュー」を利用すれば、より効率的に確認作業が行えます。 ２．「レスポンシブデザインビュー」の使い方 レスポンシブWebデザインのサンプルサイトとして「NHKスタジオパーク」を利用させて頂きます。 N

[対象: 中級] 今日は、スマートフォン向けのサイトを検証するときに便利なツールを2つ紹介します。 レスポンシブ・ウェブデザインでの表示を簡単に確かめられるブックマークレットとスマホでのページ閲覧をシミュレーションするアプリケーションソフトです。 1. レスポンシブ・ウェブデザイン ブックマークレット 1つ目はレスポンシブ・ウェブデザインがどのように機能しているかをチェックするブックマークレットです。 こちらのページにアクセスして「RWD Bookmarklet」というボタン（リンク）をブラウザのお気に入りに追加するか、ブックマークバーにドラッグ&ドロップします。 レスポンシブ・ウェブデザインを確かめたいページでブラウザに追加したそのリンクをクリックすると下のような画面になります。 中央上にある赤枠で囲んだ4つのアイコンをクリックすると解像度を変化させた表示に切り替えることができます。 ア

無償のWebサイト構築ツール「WebMatrix 2」、新版はiPhone/iPadエミュレータ、Node.js、CoffeeScriptなど対応 先週末に行われたWindows Azureの新機能を紹介するイベント「Go Azure」の基調講演の中で、Azure以外に興味を引かれたソフトウェアがありました。マイクロソフトが無償で公開しているWebサイト構築ツール「WebMatrix」の新版、「WebMatrix 2」です。 WebMatrixは、HTML/CSS/JavaScript/PHP/ASP.NETなどに対応したエディタ機能を備え、コード補完機能も搭載。ローカルにデータベースやWebサーバを用意してPHPの動作をそのまま確認したり、WordPressやDrupalなどのWebアプリケーションをローカルで試すこともできました。 下記はその画面（参考：マイクロソフト、無償のWeb開発

スマートフォンの普及によって、モバイルデバイスのフルブラウザ対応が当たり前になりつつあり、タブレット端末の普及によって、よりリッチなウェブ閲覧が可能になってきていますよね。 これらの端末が普及すれば、WEBサイトはどのモバイル端末でも見やすいように対応していかなければなりません。しかし、それぞれ個別に対応するのは至難の業。そこで注目されているのがレスポンシブWebデザイン。レスポンシブWEBデザインの特徴は、これまで一般的だったアクセスした端末によってデザインを変えるものではなく、アクセスした端末の画面のサイズによってデザインを変化させるところ。 でもサイズを変えた時にそれぞれ画面をチェックすることには変わりないですよね。もう昔のフューチャーフォンのように苦しみたくないものです。 そこで今回は、一発で主要な各種モバイル端末での見栄えをチェックできるサービスをご紹介します。 組織のマインドマ