超厳選！Googleフォントおすすめ40選を用途別に紹介【導入方法解説付き】 - F Lab.
ユーザの閲覧環境にかかわらず同じ見た目で表示してくれて、しかも超絶カッコイイとあって、爆発的な勢いでウェブ界を席巻しつつあるGoogleフォント。 今回の記事では、そのGoogleフォントの中でも特におすすめの40フォントを雰囲気・用途別に分類し、紹介していく。 紹介の前に フォント選びの基準とコツ ロゴ用と文章用の区別 Googleフォントは重い？ 万能フォント 技術系 ロゴ用 文章用 美容・ファッション系 ロゴ用 文章用 飲食・料理系 ロゴ用 文章用 スポーツ系 ロゴ用 学問系 ロゴ用 文章用 生活系 ロゴ用 文章用 Googleフォントの導入方法解説 Googleフォントにアクセス 使用したいフォントをコレクションに追加する 選んだフォントの詳細情報を指定 WebページにGoogleフォントを導入 CSSファイルにコピペし、Googleフォントを実装！ 紹介の前に フォント選びの基準
GoogleからWeb制作者に便利な新ツールがローンチ！サイトやブログがモバイルフレンドリーか確認できるオンラインツール
昨日、Googleから新しいツールがローンチされました。 Webサイトやブログがモバイルフレンドリーかどうか確認でき、モバイル フレンドリー未対応の時はどうすればよいのかのアドバイスも行ってくれる便利ツールです。
Google Analyticsがさらに使いやすくなる！ユーザーのさまざまなインタラクションを自動的にトラッキングするスクリプト -Autotrack
Google純正のGoogle Analyticsをさらに使いやすくする便利なスクリプトを紹介します。 ページ上のあらゆる要素のクリックイベント、メディアクエリのトラッキング、TwitterやFacebookボタンのトラッキングなどをGoogle Analyticsで自動的に取得することができます。 Autotrack -GitHub Introducing Autotrack for analytics.js Autotrackの使い方 Autotrackのプラグイン Autotrackの使い方 サイトにAutotrackを加えるには、2つのことをします。 ページに「autotrack.js」をロードさせる。 Autotrackのプラグインを必要とするトラッキングのスニペットをアップデートする。 参考: トラッキングのスニペット、プラグインの使用 既にデフォルトのJavaScriptのス
レスポンシブ対応、Googleマップの中心にピンを表示するテクニック -the new code
Googleマップをレスポンシブ対応にするのは、簡単です。embedのコードから高さと幅を削除して、ラッパーを用意するだけです。しかし、クリティカルな問題が一つあります。サイズを水平方向に変更した際に、地図の端が切断されてしまいます。 Googleマップの中心にピンを表示し、且つレスポンシブ対応にするテクニックを紹介します。 Create An Auto-Centered Responsive Google Map 以下、各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 デモ 実装 デモ デモでは、デスクトップでも、タブレットでも、スマホでも、そしてコンテンツのサイズを変更しても、Googleマップの中心にピンが表示されています。
Googleのサービスを利用する際に知っておくべき大切なURLのリスト
Googleで検索したり、Gmail, YouTube, Googleマップ、カレンダーなど、Googleのさまざまなサービスを利用する際に知っておくべき大切なURLを10個、紹介します。 Googleアカウントが使えなくなった時の設定とかしてありますか？ 10 URLs That Every Google User Should Know written by Digital Inspiration Googleのアカウントを作成・管理 広告の設定 Gmail, YouTube, カレンダーなどのデータを保存 違反コンテンツを見つけたらGoogleに報告 位置情報の管理 検索に使用した文字も記録されています Googleアカウントの使用を止めた後のデータの扱い 自分のGoogleアカウントを第三者が使っていないか調べる アカウントの権限を一括管理 Googleアカウントがハッキングされた
Googleのアルゴリズムにおける検索順位に影響を与える200+個の要因のまとめ
Googleの検索のアルゴリズムにおける検索結果の順位に影響を与える200+個の要因、コンプリートリストを紹介します。 量が多く翻訳するのに一週間かかりましたが、興味深いことが多々あり、とても面白かったです。 Google's 200 Ranking Factors: The Complete List 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 毎日のように海外のまとめ記事を無断転載してアクセスを稼いでいるあのブログの注意喚起を海外のブロガーから聞きます。問い合わせや削除依頼しても対応無しっていうから、たちが悪い。 ドメインによる要因 ページレベルによる要因 サイトレベルによる要因 バックリンクによる要因 ユーザーのインタラクションによる要因 アルゴリズムによる要因 ソーシャル シグナル ブランド シグナル サイト内部のスパム
デザイン2案、文言3案どちらがいいかはユーザーに決めてもらうA/Bテストが簡単に実施できるスクリプト -ABalytics.js
バナー広告2案どちらがよいだろう？ サインアップのボタンの文言3案はどれが効果が高い？ などGoogle Analyticsを使ってコンバージョンレートを簡単に測定できるスクリプトを紹介します。 ABalytics.js -GitHub ABalytics.jsの特徴 ABalytics.jsの使い方 ABalytics.jsの特徴 ABalytics.jsは他のスクリプトに依存せずに動作するJavaScriptで、クライアントサイドでコードを記述するだけで、Google Analyticsを使ったA/Bテストを簡単に実施できます。 サーバーサイドには何も設置する必要はありません。 設置が簡単！ 作業はクライアントサイドだけです。 サーバーサイドの準備は何も必要ありません。 データは、Google Analyticsに保存されます。 エレメントのclassを加えるだけで、複数のパターンをテ
あなたのWebアプリケーションは安全か。Google製のセキュリティチェッカー·Skipfish MOONGIFT
SkipfishはSQLインジェクションをはじめWeb向けの脆弱性を発見するソフトウェア。 SkipfishはGoogle製のオープンソース・ソフトウェア。2011年になってセキュリティインシデント関係の話題が飛び交っている。特に大きいのはソニーだろう。あそこまでの規模は相当珍しいが、何も対岸の火事という訳ではない。 オプション セキュリティホールを狙うのは人間に限らない。日々クローラーがWebサイトにアクセスしてセキュリティホールを狙っているのだ。狙われる前にSkipfishを使って自主的にチェックしてみよう。 SkipfishはGoogleが開発したセキュリティチェックソフトウェアだ。ターミナルで動作するソフトウェアで、指定したURLに対してSQLインジェクションやXSSなどWebアプリケーションが狙われやすい脆弱性をついてくる。結果はHTMLベースのレポートとして出力される。 結果は
Googleアルゴリズム200項目全てを特別公開 – マーケティングブログ
Googleアルゴリズムの200の要素を発見しましょう！（Let’s Try to Find All 200 Parameters in Google Algorithm） は2009年に書かれた記事ですが、パンダアップデートが適用された今現在（2011年4月）でも重要項目が多く書かれているもので。 多くはGoogleの特許（合衆国特許出願0050071741）に基づいていますが、筆者のアンが自身の解析結果や予測を盛り込んでいる事で、より実践に近い内容になっています。 SEO初心者の方は、これからのウェブ制作の軸に、SEOエキスパートの方はもう一度自身のサイトを見直す目次として確認してみてはいかがでしょうか。 ドメインに関する13要因 ドメイン年齢 ドメイン取得からの長さ ドメイン登録情報（Who is情報）の表示/非表示 ドメイン種類（サイトレベルドメイン（.com や co.uk） ト
googleの裏技いろいろ : ライフハックちゃんねる弐式
2011年04月20日 googleの裏技いろいろ Tweet 0コメント ｜2011年04月20日 00:00｜Web・テクノロジー｜Editタグ ：Google意外としんどい http://hato.2ch.net/test/read.cgi/news/1295558779/ 1 ： ベーコロン(広西チワン族自治区)：11/01/21 06:26 ID:SNxFSb/SO ascii art で検索 【2ch】ニュー速クオリティ:Googleで「AA」で検索かけるとGoogleのロゴがAAっぽくなる 50 ： ルネ(北海道)：11/01/21 09:31 ID:NdeBivAg0 キャッシュを10年前に戻して検索するのは便利だぞ 当ブログサイトはアフィリエイト広告、バナー広告を利用しています。 52 ： そなえちゃん(東京都)：11/01/21 10:44 ID:EjQpUNv40 カ
Google AJAX Feed APIを使って複数のフィードをまとめて表示するjQueryプラグイン | へびにっき
Google AJAX Feed APIを使うとJavaScriptだけでRSS/ATOMフィードを読み込むことができますが、標準の機能では「複数のフィードをまとめて」「日付順に（新しい順に）」表示することができないので、jQueryプラグインを作りました。 jquery.googleMultiFeed.js (github) タイマーを使って逐次処理を行っているので、全フィードの読み込みを待つことなく、読み込まれたものから順に表示されていきます。Google AJAX Feed APIの（というよりJSONPの）制約でフィードを並列的に読み込むことはできないのですが、Google側でキャッシュ＆タイムアウト処理が行われているため、多数のフィードを読み込んでもさほどストレスなく表示されるはずです。 jQuery 1.4以上が必要です。jqueryの.jsファイルはscriptタグを使って静
簡単にコンテンツが最適化されているかを見る方法
サイト運営側が「こうみられたい」と考えて作ったコンテンツでも、実際は異なる捉え方をされている場合があります。外からどのように捉えられるかを調べる方法のひとつとして Google のウェブマスターツールがあります。サイトがインデックスされているか、そして検索結果にどのように表示されているのか、調べることが出来ます。取得出来る幾つの情報の中に「上位の検索クエリ」という統計があります。 統計データは２つの順位表に分かれています。左側がサイトのページの表示に最も多く使用された検索クエリ。そして右側が実際のクリックに繋がったクエリになります。地域や検索の種類、そして期間で絞り込んだ結果を出すことも出来ます。サイトに記載されているキーワードがランキングで表示されているので、利用者からみたサイトのイメージを漠然と捉えることが出来ます。このデータから２つの可能性と対策が考えられます。 これらがあなたのサイ
価値のあるコンテンツを提供しているかを調べる方法
以前 Google のウェブマスターツールを利用して簡単にコンテンツが最適化されているかを見る方法を紹介しました。自分のサイトがどのようなキーワードを通して露出しているのかを知るのに手軽で便利なツールですが、検索エンジン (Google) からみた視点なので、訪問者全体を表しているわけではありません。そこで Google Analytics を利用して、読者がどのコンテンツを好むかを調べることが出来ます。機能が多い Analytics ですが、今回紹介する方法はほんの数分でできます。 Analytics の右側のメニューにある「コンテンツ」から「タイトル別のコンテンツ」を選択すればどのコンテンツが見られているのかを調べることが出来ます。ディフォルトの状態だとページビューでランキングされますが、これでは単なる人気順です。読者が好むと思われるコンテンツの配信したいという目的があるわけですから、
Google Analyticsを導入したらやっておきたい簡単で便利な設定集 | ウェブ力学
Google Analytics は無料ながらも非常に多機能なアクセス解析サービスです。ただ、多機能が故に使いこなせていないという面もあるでしょう。 何よりも設定が面倒なために、初期設定以外の機能を利用していないという人も多いのではないでしょうか？ そこで今回は、Google Analytics で簡単に設定出来る上に便利な機能を４つ紹介します。どれも数分で設定出来るものばかりです。 １．自分のアクセスを除外する サイト開設時など、全体のアクセスが少ない状況においては、自分のアクセスがカウントされてしまうのが気になるという人も多いでしょう。まずは自分のアクセスを除外する方法を紹介します。 Google Analytics で自分のアクセスを除外する方法には大きく以下の３つがあります。 IPアドレスで除外する Cookieで除外する gif画像の読み込みを不許可設定にする これら３つの方法に
Google AJAX Feed API入門
他のサイトが配信しているATOMやRSSフィードをJavaScriptを使って取得しようとした場合、同一生成元ポリシー(Same-Origin Policy)の制限によって直接他のサーバにあるデータへアクセスできずサーバ側でいったんフィードを受信するなどの処理が必要でした。 Google AJAX Feed APIを使用すると、Googleがフィードのキャッシュとしての役割を果たしてくれるため、サーバ側のプログラムを必要とせず、クライアント側のスクリプトだけで各種フィードを取得することが出来ます。 ここではGoogle AJAX Feed APIを使ってATOMやRSSフィードを取得する方法などを解説していきます。 Google AJAX Feed APIとは ドキュメント
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォントで重要なのは組み合わせ、Googleフォントを使ったオススメの組み合わせ方
Googleフォントで好みのフォントを見つけるのはなかなか大変だけど、これを利用すると簡単に探せる！ -Font Library
IDEA * IDEA
GoogleマップAPIの使い方を分かりやすく解説！ - Google Maps 活用講座
IDEA * IDEA
