【個人開発】爆速な賃貸物件の検索サービスを作った - Qiita
個人開発で 賃貸物件の検索サービス Comfy を作りました1。グラフや地図でサクサク絞り込める UI が特徴のサービスです。とにかく気持ち良い使い勝手を実現するために色々工夫しています。 既にリリースからは 4 ヶ月以上経っているのですが、改めてサービスの概要や、システム構成及び使用した技術・サービスをご紹介しようと思います。2。 サービスの概要 Comfy は日本全国の賃貸物件を検索できる Web サービス です。画面 UI は上の GIF 画像のような感じです。 こだわったポイントを色々書くよりも実際にさわって頂いた方が新感覚の UI や気持ちよさを体感頂けるかと思いますので、 実際のサービス をぜひお試し頂ければ幸いです！ システム構成 図の通り、システムは大きく 3 つに分けられます。 フロントエンド バックエンド データ基盤 使用技術は図の通りではあるのですが、フロントエンドと
「別タブで開く」リンク(target="_blank")は脆弱性あり？【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
リンクを別タブで開くためにHTML上でリンクにtarget="_blank"を指定することには「セキュリティとパフォーマンスの点で問題がある」と、グーグルのエンジニアが注意している。 一般的な書き方だと思うのだが、どういうことなのだろうか。何が問題なのか、どうすればいいのかを、わかりやすく解説する。 ほかにも今回は、SEOコンサルタントを採用するときのポイント、グーグル検索に有利なCMS、AMPストーリーのSEOなどなど、幅広い観点からSEOの理解を深められる情報をまとめてお届けする。 SEOコンサルタント採用時のグーグル流ベストプラクティスグーグル検索ではShopifyが優遇されている！? CMSで違いはあるのか？AMPストーリーに特化したSEOをグーグルが解説グーグル検索でニュース記事を目立たせるコツをグーグルが解説グーグルは、GAやChromeのデータを検索に使っていないグーグルSE
全文コピペのパクリサイトよりもGoogle検索順位が低い状況が悲しすぎる！独自ドメイン移行による順位低下はまだまだ長引きそうです。 | bizsquare
2017年6月2日に当サイト『クレジットカードの読みもの』では、サイトURLをはてなブログドメインから独自ドメインに移行させました（詳しくは下記記事などを参照）。 私が『クレジットカードの読みもの』のURLを、独自ドメインに移行させた3つの理由まとめ！2017年5月のアクセス数報告とともに。 サイトURLを独自ドメインに切り替えて、地獄をみた話。はてなブログのサイト運営歴が長い方は、独自ドメインにしないほうが無難です。 まぁ私自身、独自ドメインの移行なんて遅くても1ヶ月～1ヶ月半で浸透し、元の検索順位に戻るんだろうな…という甘い考えを持っていたんですが、約50日が経過した現在でも、順位は残念ながら半分くらいで戻らない状況が続いています。 実際、 移行前の当サイトへのアクセス数は1日だいだい10万アクセスくらいだったんですが、現在では約3万アクセス前後に減少 。従来の3割くらいのラインでアク
シンプルな URL 構造を維持する - ウェブマスター ツール ヘルプ
フィードバックを送信 コレクションでコンテンツを整理 必要に応じて、コンテンツの保存と分類を行います。 Google における URL 構造のベスト プラクティス Google は RFC 3986 で定義された URL をサポートしています。この規定で予約文字として定義されている文字には、パーセント エンコーディングを行う必要があります。予約されていない ASCII 文字はエンコードされない形式のまま残る可能性があります。また、ASCII に含まれない文字は、UTF-8 でエンコードする必要があります。 可能な場合は、長い ID ではなく意味のある単語を URL に使用します。 推奨: シンプルでわかりやすい語句を URL に使用する。 https://en.wikipedia.org/wiki/Aviation 推奨: ローカライズした語句を URL に使用する（該当する場合）。 ht
斜め - Google 検索
ズレや傾きがあるさまを指す表現。 基準とする線や面に対して、あるいは正面・前後左右・東西南北・水平・垂直といった方向に対して、ぴたりと一致していない状況。 転じて、真っ直ぐでない、普通でない（通常とは異なる）、といった状況を指す語としても用いられる。 古語には「斜めなり」と書いて「なのめなり」と読む形容動詞がある。
Google、パンくずリストとサイト名をURLの代わりにモバイル検索結果で表示。構造化データで指定可能
[レベル: 中級] Googleはモバイル検索で、すべての結果にURLの代わりにパンくずリストを表示するように仕様を変更しました。 また、ドメイン名の代わりにサイト名を表示することがあります。 Official Google Webmaster Central Blog: Better presentation of URLs in search results モバイル検索結果ではパンくずリストを表示 下のモバイル検索結果では、URLのところがすべてパンくずリストで表示されています。 とはいえ、もともとPCからの検索でもパンくずリスト表示だったのなら、モバイル検索特有の機能とはいえません。 比較してみましょう。 こちらのPCからの検索結果では、通常どおりにURLがそのまま表示されています。 スマートフォンから検索するとこのようになります。 少々わかりづらいのですが、パンくずリストっぽく変
アフィリエイトで月100万円稼ぐための考え方と手法 - 冒険の書
最近、この冒険の書のブログがちょくちょくとアフィリエイターさんのブログで紹介していただけるようになりました。 以前は、目標をブログで公開したり収支報告をすることで、自分にプレッシャーをかけてモチベーションを高めるために更新していましたが、10月に売上が復活したタイミングで収支報告は終わりにしたので、この冒険の書の更新のモチベーションも大きく下がっていました。 今は、公開しているカードローンのサイトのデータなどは公開していますが、他に特に更新することもないなぁと思っていたところ、jumblr.というブログの2015年 副業でアフィリエイトをはじめる人が注目すべきアフィリエイターブログ5選！という記事でこの冒険の書を紹介していただきまして読ませていただいたのですが、そういえばこのブログはアフィリエイトの手法の話はあまりせず、精神論に終始していた気がするので、少しだけ、自分がアフィリエイトを取り
緯度・経度からを住所取得する
Google Maps API V3で、google.maps.Geocoderクラスのgeocode()を使って、緯度・経度から住所を求めるサンプルプログラムです。プログラムに興味はなく、地図上で調べたいだけの場合は緯度・経度・住所・標高を取得するを。住所から緯度経度を求めたい場合は、地名や住所から緯度・経度を取得するを。 function getAddress(latlng) { // ジオコーダのコンストラクタ var geocoder = new google.maps.Geocoder(); // geocodeリクエストを実行。 // 第１引数はGeocoderRequest。緯度経度⇒住所の変換時はlatLngプロパティを入れればOK。 // 第２引数はコールバック関数。 geocoder.geocode({ latLng: latlng }, function(result
Geocoding API - 住所から緯度経度を検索
Geocoding.jp APIとは？ 住所やランドマーク名から経度、緯度を検索してXMLで返します。 検索の頻度を、10秒に1回程度に抑えてください。 Keep your search frequency to about once every 10 seconds. Aobaが個人で作成、運用しています。 Google様とYahoo!様のふんどしで相撲をとっております。 お問い合わせはTwitter窓口まで。 APIとかじゃなくて地図を表示したい！という方はこちらへどうぞ Geocoding API 仕様 HTTP Request Method: GET リクエスト送信先: https://www.geocoding.jp/api/ 必須パラメータは1つ: q=住所やランドマーク名称など WGS84の経度、緯度を返します。 近似TOKYO97の座標が欲しい場合: d=tokyo リクエ
地図上に半径を指定して円を描く
Google MAPS API で 円を描く、V3対応版です。keyが必要なV2版は別のページにあります。プログラムに興味はなく、マウスクリックだけで地図に円を描くページもあります。 かつては本サイトのキラーコンテンツだったんですが、Googleさん純正の google.maps.Circle クラスの登場により、商売あがったりです（笑）。 OKWave系のq5546321でリンクされている、「東京スカイツリーが見える範囲」をサンプルにしてみました。中心点は (35.710139, 139.810833)、半径は95,330mにしています。（この範囲でスカイツリーが見えることを保障するわけではありません！念のため） <div id='map' style='width:700px; height:400px;'><br /></div> <script type="text/javascr
初心者向けschema.org講座 « NAVER Engineers' Blog
NHN Japan ウェブサービス本部の「キョウ」と申します。 NAVERサービスのマークアップ等を担当している、「突っ込みづらいキャラ」で有名な男ですw 今回はマークアップエンジニアやSEOエンジニアの中で注目を集めている、 schema.orgについてご説明させていただきます。 この記事を読んでいる方の中には「schema.org公式サイト（英）」 「schema.org 日本語訳」をご覧になった方も多いと思いますが・・・ 皆様理解できましたか？ 正直難易度が高いと思うので、初心者向けに内容を砕いて説明していきます。 目次 1. schema.orgとは？ 2. schema.org導入メリットは？ 3. schema.org 初心者向けQ&A 4. schema.org実践編 5. 最後に 1. schema.orgとは？ 簡単に説明すると、schema.orgの仕様通りにH
【記事転載問題】Googleさんはオリジナル記事を認識した上であえて検索結果から吹っ飛ばしていると思われます。 - 情報の海の漂流者
Q「ガジェット通信に寄稿したらPV増えますか?」A「いいえ減ります」 - 情報の海の漂流者 この話から色々派生して盛り上がっているみたいなので補足を。 元記事が検索結果から吹っ飛ぶのはGoogleさんがオリジナルコンテンツがどちらであるかを認識していないからではないか？と考える方が結構おられるみたいですが、多分それは違います。 ちなみに、 meta name="original-source" というタグを使うとなんとかなったりしますかね？ [N] 他サイトへの寄稿（記事転載）はブロガーにとって良いことなのか？ これって、寄稿した所から親の記事にリンクしたら大丈夫って話なかったっけ、、（うろ覚え） / “Q「ガジェット通信に寄稿したらPV増えますか?」A「いいえ減ります」 - 情報の海の漂流者” URL 2013-01-07 12:32:41 via Hatena そう考える根拠は、Goo
FC2ブログがfc2blog.netで中国向け重複コンテンツ作成／Googleからペナルティーを受け、アクセス激減 - はるか彼方の星の光
最近、新しい記事を書いても、Googleの検索結果に出てこなくなりました。数日待つと検索結果に出てきますが、昨日の記事はGoogleのウェブマスター・ツールを使って送信しても、拒否されたみたいです。おかげで新規記事へのアクセスは激減どころか、ゼロになり、いったい自分は何のために何をやっているのか、記事を書く意味が全くなくなってしまいました。 いったい何が原因でこうなったのか調べていましたが、昨夜遅く、大方検討がつきました。ある記事を表示したら、CSSが読み込まれていないような画面になったのです。つまりHTMLそのままの表示です。おかしいと思い、その記事をサイドバーにある検索窓から検索して、検索結果をクリックして表示してみました。すると、正常に表示されます。そのとき、ふとブラウザーのアドレスバーを見ると、アドレスが違います。このブログのアドレスは、「http://distantstarlig
ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」:phpspot開発日誌
gmaps.js ? the easiest way to use Google Maps ストレス無しでGoogleマップを使ったサイトが作れる「gmaps.js」 Googleマップのサイトへの実装が本当に簡単で、かつ多機能なライブラリのご紹介です 簡単なマップを出すのに必要なコードは以下。 表示させるdivと緯度経度を指定するだけです 出来ることリストは以下 マップのクリック、ドラッグ時のイベントハンドラ実装 マーカー付与 ジオロケーション・ジオコーディング マップオーバーレイ マップ上のコンテキストメニュー実装 地図上の区画指定 目的地までのルート描画 静的な画像をマップ表示 などなど超多機能。 Googleマップ使うかもしれない場合は覚えておいて損はありません 関連エントリ Googleマップ関連のjQueryプラグインとチュートリアル集 スマホやタブレットでGoogleマップ風
WebGL - Wikipedia
この節には複数の問題があります。改善やノートページでの議論にご協力ください。 出典がまったく示されていないか不十分です。内容に関する文献や情報源が必要です。（2016年6月） 独自研究が含まれているおそれがあります。（2016年6月） WebGLに対応するウェブブラウザは以下の通り。 PC Microsoft Edge Google Chrome 8以降 (8は要設定、9から標準で有効) Internet Explorer 11 Mozilla Firefox 4以降 Opera 12以降[6] (12は要設定、15から標準で有効) Safari 5.1以降 (5.1は要設定、8から標準で有効) モバイル Android ブラウザ - Android 5.0 以降[注 1] BlackBerry 10 Edge Firefox for Mobile (Maemoは1.0から、Android
[SEO]10分でできる、あなたのウェブページが検索エンジンにきちんとインデックスされているかどうか | コリス
あなたが作成したページがGoogleなどの検索エンジンになぜインデックスされないのか、なぜランキングされないのか、ペナルティを課せられていないか、重複コンテンツの問題はないかを確認できる方法を紹介します。 10-Minute Missing Page Audit [ad#ad-2] 下記は各ポイントを意訳したものです。 各見出しの左は時間の目安です。 [0:00-0:30]インデックスの確認（ドメイン） サイトがGoogleにインデックスされているか確認します。フォームに「site:」コマンドを使用して、検索してください。 コマンドを使用する時はルートのドメイン名（site:example.com）を入力してください。 [0:30-1:00]インデックスの確認（ページ） 次に、ページがインデックスされているか確認します。前述の結果、Googleがそのサイトの存在を知っていると想定し、問題の
__utma __utmb __utmc __utmz | Linuxのコマンド、サーバー構築・運用 / linuxest
一定期間更新がないため広告を表示しています
アクセシビリティ感覚の無さを示したGoogleの色弱テストみたいな新Favicon:坂本多聞のインサイドアウト - CNET Japan
英語メディアではいろいろ話題が出ているGoogleの新Favicon（お気に入りアイコン）。先々代の大文字Gのアイコンから、gooみたいな小文字になって、世界的に不評でした。今回、Googleのカラフルな色使いを取り入れたのですけど、色弱テストのシートみたいな感じで、アクセシビリティとかの感覚はあまり気にしてないというか、知らなさそうな感じを受けました。 アクセシビリティチェックソフトで加工したのが右です。赤と緑のところの明度がほぼ同じなために区別がつかなくなっており、Googleを使うたびに少し悲しい気持ちになる人がいるかもしれません。まあ、違う数字とか絵が浮き出るとかいうテストの絵そのものじゃないのですけどね。 いろいろ記事が出てますがＺＤｎｅｔの Google has a new look, do you like it?で提案された とかの方がより良いと思います。（それでも、最
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Google 翻訳