読者です 読者をやめる 読者になる 読者になる

すなばいじり

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

はてなブログのAMP表示で色々試すやつ 20170405

はてなブログのAMP表示を色々弄ってみよう。というエントリー。 あくまでこのエントリー内でテストする為に用意されたものであり、はてなブログ側で正式に対応するものではありません。※予告なく終了する事があります。 AMP表示で確認する事ができます。 amp…

進捗 20170227

主にはてブロimageTitleのお話。このエントリーは、動作確認のためFirefox版を利用して書かれています。特に問題が無ければ、このまま更新の申請を行うやつです。 はてブロimageTitle 設定関連の調整や文章の修正を行ったやつです。各モードで利用できる出力…

はてブロimageTitleにて実験機能として追加していた「目次機能」が削除されます

表題のとおり、拡張機能「はてブロimageTitle」を導入した際に、記事編集画面に追加登録されていた実験機能「目次機能」は、標準機能として実装されたため、次回アップデートを目安に削除されます。 psn.hatenablog.jp 赤枠で囲まれたアイコンが公式の目次記…

Also read のコードをTypeScriptに書き直したやつ

はてなブログで「あわせて読みたい」機能を使えるようになるやつです。継続的な開発の目的として、JavaScriptからTypeScriptへ書き直しを行いました。 はてなブログで「あわせて読みたい」機能とは psn.hatenablog.jp 機能の説明はこちら。 所見 書き慣れて…

はてな ブログチャレンジ を更新した (ブログテーマを作成)

1年以上保留状態になっていた「はてなブログのテーマ作成」を行ったので、ブログチャレンジのステータスが変更されました。 ベースとなるテーマは既にすなばいじりで実装していたのですが、なかなか時間が取れないですね、とテーマ作成が後回しになっていた…

はてブロimageTitleの更新 (Ver 0.0.1.22)

特定のページから「記事を書く」をクリックしてエディタを表示させた際に、拡張機能が呼び出されなかった不具合を修正しました。 Google Chrome版、Firefox版ともに、修正された Ver 0.0.1.22 が利用できます。既にご利用中のユーザーの皆様は自動更新が行わ…

Firefox版 はてブロimageTitleの更新(Ver0.0.1.19)

表題のとおり、Google Chrome版で提供されている機能に近づいたバージョンがリリースされました。 なお、Firefoxアドオンの審査プロセスにより数日~数ヶ月リリースが遅延する事があります。このため、Chrome版が先行となります。 というわけで、実際にFiref…

はてブロimageTitleで入力欄の修正が簡単になりました

入力欄の右端にクリアボタンを使って、既に入力されている属性情報をクリアできるようになりました。 それにともない、編集画面の変更も行われました。 この機能はVer0.0.1.21よりご利用いただけます。拡張機能の自動更新が適用されている場合は、そのままお…

Firefox の拡張機能( WebExtensions )を開発者センターで検証する

移行をサポートする下地が出来上がっているようです。 ドキュメント類は英文が多いですが、検証結果は特に難しい単語が出てくるわけでは無いので問題はないでしょう。 アドオンバリデーター は WebExtensions 向けに用意された.zipファイルを検証する事がで…

はてブロImageTitleでタイトルを変えてもID情報を持ちたい

わざと通知されるようにしたい なるほど。 【はてなブログ】SEO対策のために画像のalt属性を設定する『はてブロimageTitle』導入してみた結果 - 轟け!サブカル女子 画像パクられ過ぎ問題もあるので、最近は特定カテゴリーではわざとalt属性を入れなくなった…

はてブロImageTitleをTypeScriptに書き変えるお話

進捗 TypeScriptが2.0へ更新される流れに合わせて、Chrome拡張機能の中身もTypeScriptに書き換えています。 手始めに、はてブロImageTitleをTypeScriptに書き直し、上手い事やって行こうと考えるやつです。 このような表示が出てきます。勝手に上手い事やっ…

【修正済み】独自ドメインにて、あわせて読みたい「Also read」のカテゴリ取得が機能しない不具合がありました

あわせて読みたい「Also read」を独自ドメインを利用している際に、カテゴリー選択ができない不具合がありました。 原因は、拡張機能の不具合によるもので、修正が完了しております。この修正によるユーザー側の編集作業は発生しません。このままご利用くだ…

/about ページにブログメンバーの表示をするやつ の動作が停止されます

/aboutページのカスタマイズが自由に行えるようになった為、提供している機能を無効化します。 psn.hatenablog.jp 追記: 管理者向けに、アナウンスされるようになりました。記事の編集が可能なアカウントのみ表示されます。 代替の方法 今後は、ブログのabo…

あわせて読みたい「Also read」、パンくずリストのAboutページ表示を修正しました

あわせて読みたい「Also read」、パンくずリストの動作確認のためにaboutページに表示されていたリンクが、はてなブログの仕様変更により表示されていなかったため修正をしました。 今回の修正はすべて自動で行われるため、利用されているブログの修正作業は…

はてなブログのaboutページ(自由記述欄) かんたんカスタマイズ方法

ぱっと気付く人も居れば、「あ、なるほど。」となる方も。※PC版で行うと大体きれいにできます。 psn.hatenablog.jp ブログ編集機能を使う この見出しで7割くらいの方が「そうだね。」と思われたでしょう。それです。 自由記述欄では、HTML、はてな記法、Mark…

はてなブログで「記事(/entry/)」のディレクトリが変更できるようになった

なるほど!引っ越し作業が捗る! という事で試してみました。 追記:ブログが正常に閲覧できなくなる「設定してはいけない文字」を追記しました。 何もつけない ディレクトリに日本語を利用する 長い日本語を利用する ディレクトリに設定できる文字数の限界 …

はてなブログ公式のパンくずリスト機能がリリース(と、すなばいじり版との比較)

公式機能としてリリース!という事で、すなばいじりで提供しているパンくずリスト機能を安全に無効化 とは、まだ行かないようです。 はてなブログ公式のパンくずリストでは、一番最初に付けられたタグを強調して表示させるタイプのようです。(このエントリー…

はてなブログ(PC)版でTOPページを記事一覧にしたい

ブログといっても色々な使い方があるので「このように表示したい」という要望は分かるのですが、その影響で本来の機能が使えなくなるものは、修正される事が望ましいと思うやつです。 ブログのトップページをスッキリと軽く!アーカイブ形式の素晴らしさ! -…

はてなブログで記事の最終更新日時を表示する

Qiitaなどで古い記事に表示されているアレを作る事ができます。 ここでは単純に、最終更新日時とはてなブログで使われている「○日前」という表示を出します。 はてなブログで古い記事にメッセージを表示するスクリプト - Sprint Life 最終更新日時はサイトマ…

Googleの検索結果に使われる「リッチカード」を用意する

Search Consoleに何か増えていますね。リッチカード という項目です。 リッチカードって何? 元々、リッチスニペットと呼ばれていたものを検索結果のカード表示として表示できるやつ。くらいの認識で良いと思います。よくある表示が、買い物サイトのレビュー…

PageSpeed Insightsは参考程度に考えたいやつ

時にはネタに全力で乗っていくスタイルのid:psneです。 で、君のブログはどうだい? ブログのデザインテーマはモバイルサイトの速度評価にどれほど影響があるか - あれこれやそれこれ ブログのデザインテーマはモバイルサイトの速度評価にどれほど影響がある…

はてなブログが正式にAMP対応されるようです

追記: business.hatenastaff.com 企業向けプラン「はてなブログMedia」 がAMP対応となりました。 はてなブログMedia は、コンテンツの作成以外に発生するSEO対策、サーバーの高負荷・脆弱性・アップデート対応といった保守・管理コストを抑え、ユーザーに提…

Google検索結果TOPとアクセス100倍を狙えるコンテンツ制作とSEOを学ぶ

ザックリいうと:はてなブログやWordPressを使っているなら気にする項目ではないので、価値の高い記事を書く時間に使った方が間違いが無い。 1からHTMLを書く場合は構文ミスに気を付ける。 HTMLの仕様どおりである事が基本です。まず、機械も人間も正しく読…

はてなブログの記事ページで特定のカテゴリーに含まれているか確認するやつ

Htnpsne.API.ts for HatenaBlog CommonAPIに以下の機能を追加しました。 記事に設定されているカテゴリーの有無をチェックできます。はてなブログでは、bodyタグに記事のカテゴリーが含まれるclass名が付与されます。 通常の利用ではスタイルの適用のために…

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のどちらでもご利用いただけます。どうぞご利用ください。 パンくずリストの仕様は最新に合わせてあります。

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

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

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

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

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

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

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

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

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

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

はてなブログ「あわせて読みたい」機能を追加するAlso readのCSSカスタマイズ

関連エントリーを表示させる機能の「見た目」を変更する方法を解説します。 psn.hatenablog.jp data-user-css="true" カスタマイズ用のCSSを利用する設定です。あらかじめ用意されたCSSを利用せず、ご自身でデザインをカスタマイズしたい場合はtrueにします…

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

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

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

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

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

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

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

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

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

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

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

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

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

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

WordPress版 Proxy Hacking Protection

WordPressのプラグインとして利用できます。 今のところ、特に設定する項目はありません。(今後、何かの設定が利用できるようになる場合もありますが、基本的に通常の利用では見えない部分なので、表示系のカスタマイズ・設定は必要ないと考えています。)イ…

【訂正あり】はてなブログの読者一覧表示が人数が多いと辛いのでどうにかするやつ

追記 このエントリーの内容では読み込む画像数には対処できません。エントリー後半に詳細があります。 追記終わり。 といっても、この「すなばいじり」では影響は少ないのですが、例えば1000人の読者がいると1000枚の画像を取得する事になるので、少し辛い。…

Proxy Hacking Protection

Proxy Hacking Protection は、Webサイトのコピー・ミラーリング行為によって発生する複製ページの検索結果の非表示、訪問者の正規Webサイトへの誘導、新たな複製先ページの検索エンジンのインデックス化を防ぐことができます。

はてなブログのコメントパーツからコメント欄に移動するやつを作った

なるほど、確かにコメント欄のパーツからコメント欄までジャンプして欲しいですね。という事で書いたやつです。 q.hatena.ne.jp 早速使う 特に難しいことはありません。いつも通り ブログの詳細設定 →headに要素を追加に貼り付けるか、デザインのフッタ辺り…

Proxy Hacking Protectionを出します

どうぞご利用ください。 psn.hatenablog.jp 定期的に話題になっているようなサイトのコピー問題。 最近の動向で見えて来た部分があるので、少しまとめておきます。 q.hatena.ne.jp こちらの質問の内容のまとめ コンテンツ・ブログ記事がコピーされている コ…

「他のサイトに自分の記事が表示されてしまうやつの対策のやつ」を更新しました

「パクられた感があるキャッシュサイトに対抗するやつ」の更新 なのですが、どうも良いタイトルが浮かばない感じで語彙が無い感が漂っています。何か良さそうなタイトルが見つかれば、変えてあげようと思います。*1 別のサイトに自分の記事が表示される場合…

はてブロimageTitle(Firefox版)がVer41.0から動くようになりました

例のアレです。あまりリソースを振ると他の事に影響が出てくるのですが、なんだか気になってしまうので消化します。以下、進捗になります。 進捗 もうおこったぞう!*1が発動してVer41.0から動くようになりました。良かったですね。 どうにも動かないなら古…