すなばいじり

はてなブログを使って、トンピーを揃えるまで止めないブログ。ふっくらかわいい。

JavaScript

Also read(あわせて読みたい)の表示が一部変更されました

画面サイズによって、ボタンのレイアウトやサイズが変更されるようになりました。 HTMLの構文を見直し、構造データとしての関連項目という意味を持たせるようになりました。(asideタグを利用していますが、状況によってdivタグに修正される場合があります。)…

GoogleBotのクロール制御の仕様を確認する

ページ内に「index」と「noindex」、両方在ると検索結果はどうなりますか? 「このページは、検索結果に表示されたくないですね」 という使い方をする為の「<meta name="robots" content="noindex">」 例えば「表示して」と「表示しないで」が同じページに両方在った場合、GoogleBotは、どのように</meta>…

検索エンジンのクロール指定を確認するやつ Aパターン

このエントリーは実験的エントリーです。 // このエントリーには「<meta name="robots" content="index, follow" />」の後に「<meta name="robots" content="noindex, nofollow" />」が付与されるスクリプトが挿入されています。 このエントリーの目的 ページ内に相反するクロール指定があった場合の挙動はどうなりますか?という質問があり、「記述としては誤</meta></meta>…

検索エンジンのクロール指定を確認するやつ Bパターン

このエントリーは実験的エントリーです。 // このエントリーには「<meta name="robots" content="noindex, nofollow" />」の後に「<meta name="robots" content="index, follow" />」が付与されるスクリプトが挿入されています。 このエントリーの目的 ページ内に相反するクロール指定があった場合の挙動はどうなりますか?という質問があり、「記述としては誤</meta></meta>…

はてなブログ向けのよく使うライブラリを作った

主に自分がよく使う(可能性がある)ものを切り出して「あの仕組みはどのプラグインに使っていたかな?」という解決法として利用するためのものです。 去年も似たような記事を書いたやつ。 Htnpsne.API.ts for HatenaBlog CommonAPI 使い方 このエントリー時点…

はてなブログでパンくずリストを利用する

検索結果にカテゴリーを表示して、訪問者に便利な案内を提供しましょう。(SEO対策) はてなブログ(無料版)、はてなブログProのどちらでもご利用いただけます。どうぞご利用ください。 パンくずリストの仕様は最新に合わせてあります。

パンくずリストの考え方を整理する (2016年版)

前回のエントリーから1年ほど経過して、Googleをはじめとする検索エンジンが必要とするデータのあり方も変化してきました。今回は、2015年版の変更点と最近のトレンドを確認して、検索エンジンにも快適な環境を提供しましょう。:) ※2015年版はこちら psn.hat…

はてなブログの推奨Webブラウザの要件が更新された

レガシーなブラウザを切るという事でもあるのですが、既にWindowsVista、またはIE10も利用率は数%という実情を踏まえると、そういうものです。と感じるものです。 はてなブログを編集・管理する際に使用を推奨するWebブラウザの変更について - はてなブログ…

Googleが読みたいとするパンくずリストの仕様が若干変更されている

進捗 2014年辺りのはてなブログ界隈で、わりと流行したパンくずリストの実装。様々なアプローチで実現されていますが、2016年現在の必要とする要件とは少々乖離しているようです。 既に大量に記事がある状態でも無理なく導入できるパンくずリスト(はてなブロ…

Googleの「検索結果内の検索ボックス」を設定するやつを JSON-LD に対応させた

はてなブログ向けの拡張(カスタマイズ)モジュールのメンテナンスを少しずつ行っています。 今回は、microdataで出力していたサイト設定をJSON-LD形式で通知するように変更しました。 psn.hatenablog.jp この変更による変更作業は発生しません。既にご利用中…

はてなブログにGoogleの「AMP」が対応できた

数日前のエントリーの続きです。 ドキュメントには同一ドメインやサブドメインの指定のみ記述されていましたが、別ドメインでもAMP*1対応できたようです。良かったですね。 数日前のエントリー。 psn.hatenablog.jp 意外とシビアなタイミングのようですが、…

はてなブログでPageSpeed Insightsのスコアを85/100以上にするハック

このエントリーは「はてなブログファンディング」ボタンの「おひねり」ポイントによるPRエントリーです。 id:topisyu はい。というわけで、特にそういったお話しを通してあったりお約束をしてある訳ではないのですが、そういうエントリーです。 最初に明記し…

Googleの「AMP」非対応のはてなブログをハックして対応するやつを作ったので知見を共有する

TL;DR ※too long; didn’t read. =長すぎて読まない人向け 3行でおk 御託をこねるよりコードを書けという有名な言葉があるので作った。AMP(Accelerated Mobile Pages Project)という儚い夢から醒めさせる為に実証コードを書いた。手斧もいいけど技術で殴る…

AMP(Google)のリスト表示(amp-list)を使う

TL;DR 最新のドキュメント読んだ方が正確です。 AMP(Accelerated Mobile Pages Project)のTipsなエントリー。テンプレート機能と合わせて、動的に表示される簡単なリストを表示してみましょう :) 必要なもの TLS(動的にデータを読み込む場合はURLがhttps://……

関連記事(あわせて読みたい)を表示させる「Also read」の一覧表示を修正しました

変更点 現在閲覧しているエントリーと同じエントリーが表示されないようになりました。 変更前は、はてなブログの「人気記事」「新着記事」モジュールの仕様と同様に、現在閲覧しているエントリーも表示されていましたが、「他の記事を1つでも多く表示できた…

内と外のリニューアル的なお話 160205

暫くの間、はてなブログエディタの「見出し」が正常に稼働していなかったので、色々調べたエントリー。(エディタのバージョンが変わって、内部のコードも手入れがされているので、頑張った感があるやつです) サマリー リニューアルされた「週刊はてなブログ…

(例えば、)はてなブログで特定の要素を抽出したい

色々試行錯誤をされて解説していただいたエントリー。 記事中でも「3つ目のh3の前」などと指定ができるので、これを記事一覧でもできないか考えて改善していきたい。最終的には他人のgithubコードを利用せずに、DOMオブジェクト生成して、自分で場所を決めて…

YouTubeにてループ再生が対応したやつ

ついに本家対応。というやつです。 意外とリピート再生の需要があったようですが、気楽に1曲リピートができるのは良い感じです。 外部サイトで埋め込み表示されている場合でもループ再生が効くので、お試しください。 あとはウインドウにフィットした状態で…

はてなブログのエントリーをカテゴリ毎に最初から読むやつ

アジコせんせが「 村上さんのところ」みたいなやつはできないのかなーというお話の中で、 こんな感じでとても使い勝手が良いとは言えない。 あと、降順じゃなくて昇順になっているので、一番最初から読むにはとても読みづらい。せめて、アーカイブページだけ…

関連記事(あわせて読みたい)を表示させる「Also read」が テキスト型表示に対応しました

はてなブログの関連記事(あわせて読みたい)を表示させる「Also read」を更新しました。 テキスト型のリスト表示が選択できるようになりました。 テキスト型のリスト表示にて、はてなブックマーク数を表示/非表示の選択ができるようになりました。 ライセンス…

コミケとかで色々なサークルを紹介ツイートするやつを少し便利にしたやつ

進捗:予約状況を詳細に出すようになったやつ どの時間帯が人気があるかがよく分かります。多くの方の予想通り、ともいえる時間帯です。予約画面側でも表示させても良かったのですが、詳細な方の表(画像の方)をクリックしたくなると予想されるので、今回は止…

2015年【冬コミ支援】など、コミケとかで色々なサークルを紹介ツイートするやつ

表題のシステムを刷新して、出来る事は大抵Web上で解決できるようにしました。というやつです。 特に募集をしていませんが、Twitterで同じような紹介ツイートをしている方が使えるようになっています。 前回のやつ psn.hatenablog.jp 画面のイメージは、この…

はてなブログの記事一覧を無限スクロールさせる(オートページャー)

人力検索で「はてなブログのTOPページにて記事の表示数を増やしたい」という質問が出ていて、表示する事はシステム上無理でも、オートページャーを付ければ良いじゃない(とりあえず)。という事でjQueryでガリガリとロードするやつを作ったエントリー。 q.hat…

はてなブログのカテゴリー表示にサブカテゴリーを表示する

人力検索の質問にあったやつを作る のですが、ある程度はできたところで、時間切れ。開発用の環境では動いていますが、はてなブログ内での動作確認が取れていないのと、正規表現を決め打ちで拾っている部分でハマってしまったので、明日やります。 q.hatena.…

はてなブログに「あわせて読みたい」機能を追加するAlso readをリリースしました

【はてなブックマーク対応】はてなブログに関連記事や人気エントリーを表示させる「あわせて読みたい」ブログパーツです。自由な設置場所、柔軟な設定。簡単な設置サンプル付き。

はてなブログの合わせて読みたいのやつをどうにかする。

進捗:何だか困っているようなので作ったやつ。 psn.hatenablog.jp moneyreport.hatenablog.com bulldra.hatenablog.com カスタム相互RSSについては、仕様がそうなっているので自力で何とかしてもらうしかないのですが、関連記事を載せるものに関しては、自…

RSS取得APIはわりと使われていたという発見

進捗:GoogleのRSSを取得するAPIが上手く動かなくて大変だった。というお話が色々な所で話題になっていた一日。外部に頼らず自力で何とかすると、その手の問題は気にならなくなりますが、時には必要な場合もある(上に、簡単で良い)ので、使えなくなってしま…

はてなブログでAmazonのMobile Popoverを試す

コード貼るだけでクリック率が上がる とは何だろう、という事でペタリと貼り付けて試したエントリー。 モバイル専用の新ウィジェット、Mobile Popoverを公開いたしました。米国で売上30%増の実績をあげた新ウィジェットです。 なんだか強気なやつです。 どう…

はてなブログでYouTubeの動画をループ再生するやつ

というわけで、このブログにYouTubeをループ再生する機能を付けたやつです。 http://psn.hatenablog.jp/about#tube=wheretogo 10周年のやつ。where to go? http://psn.hatenablog.jp/about#tube=pppppppppp 15周年のやつ。WE ARE Perfume なにこれ? ループ…

時期的に色々出てくるやつ(Twitterのツイート数を確認)

はてなブックマークには「トピック」という人気になっている用語を抽出して自動的に連結して表示させる機能*1があるのですが、その中の一つにTwitterのカウント数を表示させるやつを見つけたので、ちょっと確認。 b.hatena.ne.jp ざっと見て 取得までのタイ…