Google Search Console（サーチコンソール）を強力なSEOツールとして使うための究極ガイド。 - SEO Japan｜アイオイクスのSEO・CV改善・Webサイト集客情報ブログ
今、あなたが読み進めているこの記事は、GSCにおける、大学卒と言えるレベルの内容を記載している。ここでの内容をマスターすれば、あなたはGSCニンジャとなることができるだろう。 そして、それはあなたのSEOに非常に大きな違いを生むこととなるはずだ。 まずはこの記事の概略を説明したい。非常に長い記事となっているため、キリの良いところで区切って読みたいと感じるだろう。 この記事はセクションとサブセクションに分かれているが、この分け方は、GSCのメニューに基づいている。 *元記事では英語画面のキャプチャですが、日本語画面のキャプチャに差し替えています。 上記のセクションの内、始めの4つのセクションに注力している。つまり、パートAからパートDまでである。パートEとパートFも重要ではあるが、あまり説明を必要としないものだからだ。 パート A：検索での見え方 検索での見え方のセクションは、あなたのWeb
Google流 JavaScript におけるクラス定義の実現方法
目次 2019年追記 はじめに クラス実現のために必要な JavaScript の言語仕様 function this call new 演算子 prototype チェーン プロパティ: prototype Google Closure 流のクラスの実現方法の概要 クラスの宣言とコンストラクタの定義 メンバ変数 (インスタンス変数) メソッド定義と呼び出し private, protected 継承 プロトタイプチェーンを利用してメソッドを親クラスから引き継ぐ 親クラスのコンストラクタの呼び出し メソッドオーバーライドと親クラスのメソッドの呼び出し 多重継承 abstract, interface inherits の実際のコード 良くないクラス実現方法 ES6 のクラス 2019年追記 この記事ではclassが導入されたES6以前のJavaScriptでどのようにクラスに相当するものを
Google の新しいデザインガイドライン「Material Design」 | DevelopersIO
Material Design Google I/O 2014 で新しいデザインガイドラインが発表されました。 Google Design その中で注目されるキーワードが「Material Design」です。これは直訳すると「素材のデザイン」という感じになりますが、これは現実世界の素材をメタファーとすることでユーザーにとってわかりやすくなるように考えられたデザインのようです。 ということで、Material Design について簡単にまとめつつ、どうやってデザインを始めていけばいいか考えていきたいと思います。 Google Design のガイドラインを個人的に解釈した内容を掲載しています。誤解などありましたらコメント欄にて連絡ください。喜んで修正します。 イントロダクション まずはじめに Material Design の概要です。本文をそのまま引用します。 We challenge
Google+アプリに新しいデザインが来たのでGoogle I/O 2014で発表される新Androidバージョンでのデザインガイドラインを推測する遊びをしてみた - ひつじのにっき
2014年5月23日、G+アプリに更新があるというので試してみたら既存のデザインガイドラインに無いロックな挙動をしていたので紹介します。 1か月後にはGoogle I/O 2014を控えているこの時期の更新、ということで新しいAndroidバージョンに取り込まれるのだろうなー、とか推測しながら挙動を書き留めました（私自身、すぐ慣れてしまうので忘れないように）。 先にまとめておくと次の通りです。 まとめ カードUIに最適化した一例としてG+アプリをみると良い ActionBarの機能拡張、ブランドカラーの強化 ListView(カードUI)の上部にメニューをだす形が流行りそう いままでもGoogleは自らデザインガイドラインを破ってきたし、時代に合わせて新しいガイドラインに更新している 今回に限らず、Google製アプリでは、アプリごと思想が微妙に違ってるケースがあります。Google+とG
割と高機能なGmailバックアップソフト「gmvault」の使い方 | Macとかの雑記帳
$ gmvaultはGmailの送受信メールや添付ファイルだけでなく、ラベルなどの属性情報をも含んだ完全な形でバックアップ／復元するソフトです。 「データの暗号化」「複数アカウントのデータを統合」「別アカウントへのデータ復元」といった割と便利な機能が備わっています。また、Gmailの詳細検索に対応しており、条件や期間を指定したバックアップも可能です。 まだベータ版らしいのですが、Gmail用の強力なバックアップツールじゃないかと思います。備忘録をかねて使い方をまとめてみました。 1 gmvalt を Mac へインストール Macの場合、ビルド済みのファイルが配布されてます。それを/usr/local/binあたりに手動で入れてもいいのですが… Pythonで書かれているようなので、easy_installやpipで入れた方が管理が楽だと思います。 2 Gmailの設定を確認する gmva
Android x Google Play Services #3 Location API で位置情報を取得する | DevelopersIO
Fused location provider な位置情報取得 API Location API を使うとアプリに位置情報の機能をつけることができます。Google Play Services の Location API の位置情報取得には以下のような特徴があります。 シンプルな API 高精度にするか電力効率を優先するか、好みに応じてカスタマイズすることができます。ざっくりとした位置だけ把握したい場合は GPS を使わないでおく、などといった使いかたができます。 すぐに利用できる すぐに直近の位置情報を取得することができます。 電力効率が良い 位置情報を取得する場所やセンサー情報を判断し、一番電力消費が少ないベストな方法を自動で選択して取得してくれます。 幅広いニーズに対応 バックグラウンドで定期的に位置情報を取得する場合など、さまざまなニーズに対応することができます。 ということで今
Google HTML/CSS Style Guide
Revision 2.23 This style guide contains many details that are initially hidden from view. They are marked by the triangle icon, which you see here on your left. Click it now. You should see “Hooray” appear below. Hooray! Now you know you can expand points to get more details. Alternatively, there’s a “toggle all” at the top of this document. This document defines formatting and style rules for HTM
ヌルヌルの秘訣はCSS！Googleスマホ版で採用されている使い心地のよいスライドメニューを再現した『jSlideMenu』
以前『スマホサイトにおすすめ。jQueryプラグイン『PageSlide』を使ってFacebook風メニューを再現してみました 』という記事を書きましたが、今回は『Qiita [キータ] – プログラマの技術情報共有サービス 』にてGoogleでも採用されているCSS3のアニメーションを使ったスライドメニューというものを発見したのでご紹介します。 jQueryプラグイン『jSlideMenu』 なんでも作者の方はGoogle先生のソースコードを調査し、あのヌルヌル動くスライド部分のアニメーションがJSではなく実はCSS3のtranslateで行われていることを突き止めたんだとか。 CSS – Googleから学ぶ ヌルヌルサクサクなスライドメニュー – Qiita [キータ] スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきや
Googleから学ぶ ヌルヌルサクサクなスライドメニュー - Qiita
スマフォwebページのスライドメニュー アプリでは当たり前のように実装されているスライドメニューですが、webページではなかなか使い心地のよいスライドメニューが実装されているのは見かけません。 スマートフォンのブラウザではjavascriptでのアニメーションはどうしてもガタガタになってしまうし、ちらつきやスクロール制御のめんどくささからもうwebページでネイティブアプリ並のスライドメニューを実装するなんて無理と思っていました。 Facebookのwebページですらボタンの反応は悪いしアニメーションも動かないし最悪です。 一方Google先生はパーフェクトなスライドメニューを実装していた さすがGoogle先生！ 俺達に出来ないことを( Googleのスライドメニューは以下の点でパーフェクトです。 1. スライドのアニメーションがとても滑らか・ちらつかない 2. ボタンの反応にストレスを感
Bootstrap
Introducing Google Bootstrap. Need reasons to love Google Bootstrap? Look no further. By nerds, for nerds. Forked from Twitter Bootstrap, built by todc, Google Bootstrap utilizes LESS CSS, is compiled via Node, and is managed through GitHub to help nerds do awesome stuff on the web. Made for everyone. Bootstrap was made to not only look and behave great in the latest desktop browsers (as well as I
GoogleのExchangeがサポート終了、iPhoneでリアルタイム受信するにはGmailアプリが必須に
iPhone上でMicrosoft Exchange方式でアカウントを登録すればプッシュメール・連絡先・カレンダーが同期できたGoogle/Gmailアカウントですが、2013年1月30日を最後に新規登録が終了になります。 iPhone純正の「メール」アプリでGmailをプッシュ受信するために必須だったExchange設定ですが、1月を最後にこれが打ち切られる事で、iPhone上でGmailをリアルタイムにプッシュ受信するためにはGmailアプリが必須になります。 また、連絡先にかんしてはCardDAV、カレンダーに関してはCalDAVの方式にてGoogleアカウントとiPhoneを同期する事は可能になっており、今後はExchangeではなくGmailアプリ/CardDAV/CalDAVの3本に分散して利用する事になります。 設定手順は以下のとおり。 CardDAV/CalDevの設定方法
インストールするだけ! お手軽サイト高速化ツールGoogle mod_pagespeedはスゴかった | 初代編集長ブログ―安田英久
どれぐらいスゴいかというと、「サーバーにインストールするだけで、あとは設定ファイルをちょちょっといじれば、かなり高速化できちゃう」というぐらいスゴいのです。しかも、どんなサイトでも、どんなCMSを使っていても「インストールするだけ」。 Webサイトを高速化すると、ユーザーに優しいし、場合によっては検索結果での順位にも良い影響が出るかもしれない……それはわかっていても、なかなか本格的にサイトを高速化するのは難しいものです。 サーバー側の高速化に加えて、HTMLのつくりや画像のファイルサイズ最適化、さらにはCSSを調整しての画像スプライト化やCSS/JSファイルの結合・最適化によるブラウザとサーバーの通信本数削減などなど、実はやらなきゃいけないことがたくさん。 グーグルの提供するmod_pagespeedは、そうしたことの、かなりの部分を自動的に行うものです。 mod_pagespeedはこん
アカウント乗っ取りを防げ！Google２段階認証プロセスを設定する全手順
今朝、懐かしい方からメールがあって私はiPhoneをまじまじと見つめてしまいました。それはこのブログにも以前登場した「一流の研究者」の、私の師匠です。 しかしメールの内容はおかしなものでした。「いま海外にいるのだが、同行していた人が急病になってしまい、手術にお金が必要なので送ってくれないか」という内容で、つまりは詐欺メールです。 シグネチャまでも真似ていますが、誰かが師匠のメールアドレスを乗っ取ったのです。### ２段階認証を使おう 師は周囲にコンピュータのウィザードが大勢いますのできっと適切に対応がとられているものと思います。 しかし一度アカウントが乗っ取られると、住所録も含めて奪われてしまいますのでいつまでも自分の名前を騙って友人、親戚にこうした詐欺メールが送られるリスクが続きます。 私の周囲でも今年に入ってGmailが乗っ取られてこうした詐欺メールが飛んできたというケースが複数ありま
タグマネジメントツール「Googleタグマネージャ（Tag Manager）」についての紹介 | アユダンテ株式会社
現地時間の2012年10月1日、日本時間では10月2日にGoogleから新たなWebサイト向けツール「Google Tag ManagerTM」が公開されました。 これはGoogleアナリティクスTMやコンバージョンタグなどといった「HTMLに差し込んで使用するコード」をHTMLから外部化して、一元管理するためのいわゆるタグマネジメントツールです。 今までのGoogleのツールと比較すると少々使い方などが特殊で、人によっては分かりづらく感じる方もいらっしゃるかと思いますのでざっくりとした紹介をしてみようと思います。 「HTMLに埋め込むコード」を一元管理するためのツール 具体的には、外部ツールが生成したコードをまとめる 実際に使ってみよう 使用準備（初期設定） Google Tag Managerコードの埋め込み 既存HTMLから埋め込んでいる他ツールのコードを切り出し 「タグ」と「ルール
『Googleがほしがるスマート脳のつくり方』 － 難問・奇問で何を見てるのか？ - HONZ
ネットを眺めていると、クイズやパズルに出くわすことが頻繁にある。じっくり腰を据えてやるつもりもなかったのに、ついつい考えこんでしまい、しまいには「あれっ、オレ何しようとしてたんだっけ？」 ― 誰しも経験のあることだろう。 ちなみに、僕が最近見かけたものの中で秀逸だなと思ったのが、以下の問題である。 EXILEとEXCELの違いは何か？ 答えは色々あって、まとめるとこのようになるらしい。上手い！しかもご丁寧にExcelで作っているところがニクい！ このような問題の面白さとは、答える際に、その人の人となりが如実に表れるというところにある。ゆえに、企業の面接で使われたもののパロディであるケースも多いという。上記の問題などは、おそらくただのネタであると思われるが、たしかに問題を考えた側にも、答えた側にも、一緒に働いてみたいなと思わせてしまうだけの魅力を感じる。 しかし実際の面接問題ともなると、少し
グーグル製のJavaScript MVCフレームワーク「AngularJS」、正式版が公開 − Publickey
グーグルは、JavaScriptでMVCアーキテクチャのアプリケーション開発をする際に便利な機能を備えたライブラリ「AngularJS 1.0」のリリースをブログで発表しました。 MVCアーキテクチャとは、ソフトウェアがデータモデル（Model）の部分とユーザーインターフェイスの部分（View）、そしてビューとモデルのあいだで制御する部分（Controller）に分離された構造のことを指します。 これらが分離されているとプログラムの見通しがよくなり変更にも対応しやすく、テストも容易になるため、何種類ものユーザーインターフェイスと複雑なロジックなどから構成される大規模なアプリケーションではMVCアーキテクチャの採用が望ましいものと考えられています。 しかしWebアプリケーションをMVCアーキテクチャで実現しようとすると、ビューの役割を果たすHTMLのコードの中に、どうしても複雑なJavaSc
ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
Google画像検索で無料で使える画像を絞り込む方法 – @attrip
↑この画像は、無料で使える。武田梨奈さんの写真 Google画像検索で無料で使える画像を絞り込む方法 まず、Googleで画像検索をする。 https://www.google.co.jp/imghp ここで検索したいキーワードをいれる。 右側にこんな設定ボタンがあるので押す。 検索オプションを選択し、一番したにライセンスの部分で自由に使用または共有できるを選択。 これで無料で使える画像を簡単に選択することができますよ。 試してみてね！ なお、googleのサポートの内容には、 http://support.google.com/websearch/bin/answer.py?hl=ja&answer=29508 “検索したコンテンツを再利用する前に、ライセンスが正当であるか、および再利用に関する規約をご自分で確認してください “ と書いてあるので、確認してからどうぞ。 とはいえ確認するの
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google Bootstrap has moved!
re-dzine.net situs togel online toto 2023 -
