使い方は上記リンクから「BigWebStats」へアクセスして調べたいURLを入力するだけ。 URLを入力すると、サイトの評価が表示されます。全ての項目を紹介するには膨大な量になってしまうほど見応えのある量の評価がされます。 下記画像のようにPCディスプレイの画像の中にサイトのキャプチャが表示、横には英語ですがサイトの特徴が記述されます。面白い。 まず1番最初に表示されるのが、サイトの重要な最適化施策。 「BigWebStats」で評価してくれる項目は以下の11項目です。 訪問者ソーシャルバズSEOの基本部分内部SEO外部SEOキーワードランキングドメイン情報似ているサイトユーザビリティセキュリティテクノロジー特に面白いなと思ったのがキーワードランキングです。 自分のサイトのキーワードランキングを見ているだけでも面白いのですが、そのキーワードがどのくらいのインパクトがあるキーワードなのかも

Webサイト制作で避けて通れない配色の決定。芸術的素養が絶望的にないのでいつも泣いてるゴロドクさんです、どうも。 所詮素人には理論に基づいた配色など無理ゲーです。先日もちょっとしたデザイン的なゴニョゴニョという場面に出くわしましていつものように悩みつつ、なんか配色決定のためのWebサービスないかなーと思って探してたらこういうのを見つけました。 webでの色指定は基本的にRGB値での指定となりますがこれって光の三原色の混色なんですよね。 実際にCSSなんかで数値いじりつつデザインしてると「なんか違うなー」というときにもっと明るくしようとか、もっと彩度上げようってのが感覚的にどの数値をどんだけいじって良いのかってわからないんですよ。 RGB値直接いじって彩度上げようと思ったらくすんじゃった上に色みかわっちゃってオヤオヤ残念なんて日常茶飯事ですよ（いやそのまえにフォトショなりなんなりでデザインカ

ブログを書いている人ならAmazonのアフィリエイトである「Amazon アソシエイト」をやっている人も多いのではないでしょうか。 そんなAmazonのアフィリエイターにオススメのWebサービスがあります(´∀｀) Amapic（あまぴく） - Amazonの画像リンクを簡単にブログに貼ろう どんなサービスかというとAmazonのアフィリエイトリンクを「サイズの大きい画像」で作ってくれるという内容です。 というものの、Amazon公式のアフィリエイトリンクは画像が小さいんですね。 例えばこんな感じです。 一番最大の画像サイズでこれなので、小さく感じる場合もあります。 そんな画像の小ささを解決してくれるのがAmapicです。 【使い方】使い方は簡単です。 リンクを作りたい商品の商品名、自分のAmazonアソシエイトIDを入力します。 すると自動的に商品検索して3種類の画像サイズの商品リンクを

NameBright.com - Next Generation Domain Registration socialmedia-rex.com is coming soon

「ホームページが売上に繋がらない・・・」職業柄このような相談を受ける機会が多々あります。 売れる企業サイトと売れない企業サイト、その違いは何でしょうか？ 売れない企業サイトの特徴 サイト名が企業名のみ 奇をてらったデザイン 新着情報が更新されていない 商品の効果が記載されていない 「スピード対応」など言葉が抽象的 「お客様の声」に良い事しか掲載していない サイト訪問者にとってもらいたい行動が不明確 どうでもよい徒然日記的な社長ブログ Twitterの無意味なつぶやきが表示されている サイドバーにバナーが多い 「用語集」「リンク集」など無意味なページがある ヘッダ画像がスライドしたりフェードして切り替わる 画像が多く重い（ページを開くのに時間がかかる） 1.サイト名が企業名のみ Googleなどの検索エンジンは、サイト名に含まれるキーワードを一つの参考として、検索結果を表示します。 例えば、

ダミー画像のサービス。犬の写真を手軽にダミー画像として表示させる事が出来る、というもの。以前にも同じようなサービスをご紹介しましたが、こちらはワンコの写真です。この手のは沢山あると助かります。 ダミー画像生成サービス。たまに落ちてるサービスも見かけるので、沢山種類があると助かります。 ワンコ写真のダミー画像サービスです。以前ご紹介したPLACEHOLD.ITと同じタイプのやつですが、これはどうやら停止してしまったみたいです。 ↑ このように、ダミー画像をURLで表示させることが可能です。 URLは以下の様にするだけ。 http://placedog.com/500/300 PLACEHOLD.ITのように任意のテキストや色を変更する、等は出来ませんが、ダミー画像として写真の方が望ましい場合は使いたいですね。 ちなみに、猫や猿のもあるみたい。 Placeholder DOGS(via:Pau

米Googleは2月5日（現地時間）、クラウドストレージサービス「Googleドライブ」にWebホスティング機能を追加したと発表した。 使い方は以下の通り。 Googleドライブに新規フォルダを作成し、公開設定にする フォルダにWebページを構成するHTMLファイルやCSSファイルなどの一式をアップロードする フォルダ内のHTMLファイルを開く 編集ページのメニューバーにある「プレビュー」をクリックする（下図A） 表示されたページのURLが公開ページのURLになる（下図B）

「Web Developer Checklist」はWebサービスを新しく作成したときにチェックすべき項目が確認できるサービスです。404ページはちゃんと用意したか、XSSなどのセキュリティ対策は大丈夫かなどの項目がまとまっています。チェックしていくことでなにが完了しているか、未完了のタスクはどれかがひと目で把握できます。 以下に使ってみた様子を載せておきます。まずWeb Developer Checklistへアクセスしましょう。 このようにチェックすべき項目がカテゴリごとにまとまっています。チェックボックスがあるので完了した項目にチェックしていきましょう。Webサービス製作者にとってこのチェックリストは便利じゃないでしょうか。サービスローンチ前に今一度確認してみましょう。 Web Developer Checklist （カメきち）

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

画像を使わずCSSだけでボタンを表現するのが最近の流行りですね。影やグラデーションなども設定できるので便利です。CSSを自分で書くのは面倒という方は「CSS Button Generator」を使うとはかどりますよ。 以下に使ってみた様子を載せておきます。まずCSS Button Generatorへアクセスしましょう。 プレビューは最上部に表示されますよ。まずカラーセットを選んで、グラデーションを調整しましょう。その後横幅や縦幅などのサイズ調整、影をカスタマイズしたりしてお好みのボタンを作りましょう。最下部にCSSのコードが表示されるのであとはコピペして完了ですね。CSSでボタンを作りたいときはぜひ活用してみましょう。 CSS Button Generator （カメきち）

Conferenceはカンファレンスサイトです。ノート機能やオフラインでも使える機能があります。 日本でも随所で行われているカンファレンスですが、その紹介サイトにConferenceを使ってみるのはいかがでしょう。すっきりとしたUIで使い勝手が良いです。 トップページです。日ごとのスケジュールが一目で分かります。 スピーカーの一覧。 ノートを残しておけます。 ユーザ登録もできます。 オフライン対応です！ Conferenceはカンファレンスの紹介ページであり、利用者はノートを残しておいたり、ブックマークしておくこともできます。GOOD/BADをつけることもできるので、面白そうなセッションを見つけたりするのにも役立つでしょう。 Conferenceはnode.js製のソフトウェア（ソースコードは公開されていますがライセンスは明記されていません）です。 MOONGIFTはこう見る よくあるカン

最近上京してきたんだけど、入谷から会社までくるのに徒歩10分の道のりで迷子になっちゃって、なんか知らない間に浅草の方まで行っちゃって、会社に遅刻しちゃって、東京ってマジ迷路だよね。あ、どうも、僕です。 今日はWebサービスを開発する上で最低限おさえておきたいセキュリティ対策について書こうと思うよ！ セキュリティホールって、 案外簡単な見逃しでできちゃうんだよね。 バリバリのハッカーしかハッキングなんてしないから、 うちのサイトは安全だなんて思ってたら大間違いだよ！ 今回は、その攻撃方法と、 それを防ぐための対策方法をセットにして書こうと思うよ！ 最低限、これだけは守っとかないと、 あなたのWebサービス、攻撃されちゃうよ！ ちなみに、言語はPHPを例とするよ！ ほかの言語にも当てはまるから、 攻撃方法と対策をセットで頭に入れておくこと！ クロスサイトスクリプティング (XSS) よくきくよ

あけましてめでとうございます。年末年始 魔の9連休により完全にダメ人間化した霙(@xxmiz0rexx)です。2013年一記事目は最近出会った素敵なサイト『UICloud 』のご紹介をしたいと思います ;) 『UICloud 』は、ボタンやフォームなどの細かいパーツからダッシュボードのデザインまで幅広いUIデザインを検索でき、ありがたい事にすべてpsdデータがダウンロードできる素晴らしいサイトでございます。 サイトで使われている言語は英語ですが、検索する単語は慣れ親しんだWEB用語（buttonとかsearch formとか）ですし、 ライセンス表記もぱっと見て分かるところ（サイドバー最上部）にあるので特に困ることはないですね :) クオリティの高いデザインばかりなので見ているだけで刺激になりますよ！ もちろん、商用利用可能なので素材をそのまま使ってもOK! いくつか見たところライセンスは