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

すなばいじり

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

sandbox

はてなブログに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つでも多く表示できた…

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

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

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

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

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

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

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

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

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

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

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

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

Eclipseのバージョンをあげたらなんだかおかしくなったやつ

RemoteSystemsTempFiles' のメタデータを書き込みできませんでした。 ワークベンチの状態を保管中に問題が発生しました。と出るやつ。 ダウンロード出来なかったEclipse4.5が復旧したと思って入れ替えたら他の部分で躓くやつです。*1 「指定されたパス」を確…

人力検索でのPHP(セッション)の質問に関するお話

そういえばPHPのセッション周りの質問が出ていて、コメントを残したものがあったと思い出して確認したところ、キャンセル扱いになっていたので、メモをしておきます。 b.hatena.ne.jp 質問の概要(うろ覚え)は、 ブラウザで読み込むごとにセッションのIDを変…

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

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

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が上手く動かなくて大変だった。というお話が色々な所で話題になっていた一日。外部に頼らず自力で何とかすると、その手の問題は気にならなくなりますが、時には必要な場合もある(上に、簡単で良い)ので、使えなくなってしま…

はてなブログで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 ざっと見て 取得までのタイ…

Twitterボタンの仕様が変わってみんな大変だったやつ

記録を確認すると、午前8時前に利用できなくなっているようです。 というわけで、引き続き表示できるように対応しました。良かったですね。というエントリー。 自力でやるにはサーバを借りてきて上手い事やる必要があります。人気記事表示するやつと、それを…

WordPress版 Proxy Hacking Protection

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

あなたのネット「常識力」は ?

ネット常識力。と言われても、その時々でリスクを認識したうえで行う場合があるので、ここでは「望ましい」と思われる行動を答えた場合の解説を少ししておきます。 blog.kaspersky.co.jp リザルト あなたのスコアは、150点中140点です。あなたと同レベルのネ…

Proxy Hacking Protection

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

はてなブログの記事一覧に「前のページ」に戻るボタンを付ける

TOPページから「次のページ」を押して移動した際に出てきてほしい という事であるという認識で作ったやつ。 カテゴリページ や 月/年別アーカイブ といった「page=2」となる部分は前のページに戻るボタンが表示される為、必要部分*1があれば良いという想定で…

WordPress版 Proxy Hacking Protection を作る

進捗 ほぼ移植作業なのでサクサクと実装されましたが、登録作業までに言語パックを準備したり少しコードを綺麗にしたりといった作法的な事情があるため、遅れて公開されると思われます。 WordPressはしっかりしたURL情報を返してくれる関数があるので、便利…

Twitterのふぁぼマークがハートに変わったので がんばれ❤️がんばれ❤️ にするChrome拡張機能作った

寿司、じゃなくてもいいよね。 という事で作った。拡張機能はChromeウェブストアからダウンロードできます。 大変申し訳ありませんでした。

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

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

Javascriptでpunycodeを変換したいやつ

進捗 所謂「日本語ドメイン」というやつを普通のURL*1にするやつが欲しかったので探してみたところ、良い感じのものがあったので使わせて頂こうという所です。 github.com Proxy Hacking Protectionの設定用ページに利用されます。 数日前に、RSSか何か(未検…

休みの日に貢献している人々が沢山いる

進捗 はてブロimageTitle 土日を挟むと一度に200近くレビューされるようです。あと一週間はこのままかと考えていたら一気に処理されていました。お疲れ様です。(今回のレビュワーはロシアの方のようです) というわけで、認証されています。良かったですね。 …

Proxy Hacking Protectionを出します

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

Google画像検索でセーフサーチがオフに出来ない現象を戻す

最終確認:2016/04/19 「Googleの画像検索が便利ですが、ある日を境に検索結果が減ってしまったのですよ。一覧に表示されないのです。」 Google検索ボックスやChromeの「この画像を Google で検索」などで気軽に検索ができるようになっているのですが、セー…

帰ってきたChromeのリーダーモードで「読む」を追及したい

奇しくも同じ日のタイミングで最狂(わざとこう書きます)の広告システムと再考(わざとこう書きます)のリーダーモード展開が重なるという運命みたいな出来事です。 激ヤバスマホ広告、はじめました。 - 電通報 chromeのリーダーモードですっきり読めます(良か…

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

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

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

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

サンプルは重要なやつ

昨日出したFx版のやつがパッケージ化するとダメなパターンになっていて、install.rdfかpackage.jsonの記述をきちんとしないとダメらしく、思い当る部分を書き直して試すもinstall.rdfがあると旧来のアドオンとして認識している感があり、何処かにファイルを…

Firefox版はてなブログの画像タイトルを変えるやつ

大分疲れた感がありますが、進捗です。 このエントリー時点の話になりますが、FirefoxのWebExtensionsの互換性が色々と揃っていないので、素直に動いてくれません。 時期尚早という言葉がぴったりな状況なのですが、最低限の機能を実装させて動かしてみた と…

コードの管理は一ヶ所でまとめてやりたいというお話

ざっくりと前エントリについてあれこれと。 なんだかコードを書かない理由を並べるような感じになってしまうのですが、 はてブロimageTitleにてプレビューウィンドウが利用できるようになりました - すなばいじり [JavaScript] どうぞご利用ください。/id:s…

はてブロimageTitleにてプレビューウィンドウが利用できるようになりました

前回のアップデートにて拡大表示ができるようになりましたが、更に拡大して画像を確認したい(アップロードされている画像を等倍で確認したい)という方の為に、プレビューウィンドウを使って表示できるようになりました。 既に導入済みの場合は、自動更新を待…

Google検索のモバイル版で高速に表示するAMPを分解しながら確認するやつ

メモです。ここには有益な情報はありませんのでご理解ください。 実際に動いているものから見たAMP 見かけ上は画面が変わっていますが、ページが移動していないと考えると「早さの理由」が解るかと思います。 検索結果の表示 Googleの検索結果 Top Stories …

Chrome ウェブストアに登録した拡張機能を削除するコマンドが効かなくなっている

デベロッパーツールのコンソールに cxDeleteItem('削除したいやつのID') を入れて消すコマンドを送る。という情報があるのですが、実際に削除しようとすると 確認用のウィンドウが出るのですが、 エラーが発生して残念な感じになります。 仕方がないので、新…

はてブロimageTitleが更新されました (Ver 0.0.1.10)

前エントリーがわりと反応がある感じであったので、取り急ぎで更新されたやつになります。*1 既にインストールされている場合は、適当なタイミングで自動更新されるので、そのままお待ちいただくか、拡張機能の一覧表示から「更新」ボタンにて更新、またはCh…

Twitterのツイート数ボタンが仕様変更らしいです

はてなブログでも「コピペでカスタマイズ」といった感覚で色々なユーザーが利用しているSNSのシェア数を表示させるシェアボタンがあるのですが、カウント数を取得する為の大元となる機能が提供終了となるようですので、コードの修正が必要になる方が多いと思…

分かりやすい画面は良いと思うやつ

進捗 設定画面が今風になりました。 体裁が簡単に整えられるので便利ですね。 はてブロImageTitleの利用者が少し増えているので、こちらも手を入れていけたらと思います。*1 ふっくら熊。 NEW リズムでともだち こぐまのトンピー 出版社/メーカー: イワヤ メ…

はてなスター再考のやつ

進捗 一部の方にあまり人気が無い「はてなスター」ですが、わりと気軽に押せる人なので通知部分にはてなスターを設置してみたやつです。 言及については実際に見に行ってスターを付けてくればいいのですが、この表示からポチっと出来てしまって「ただのズボ…

MaterializeのVer0.97.1がリリースされていた

サマリー MaterializeのVer0.97.1がリリースされていたので適用してみましたが、機能追加によるエラーがちらほらと出ているようですので、事態が落ち着くまでVer0.97.0を引き続き利用すると良いと思います。 既にいくつかのissueが上がっているので、近く解…

サイドメニューを開くボタンの位置を修正しました

はてなのブログを利用する上で切っても切れない機能の一つにはてなスターがあります。(利用をオフにする事はできますが、適宜付けられます。) さて、 スマートフォンで「引用スター」をつけられるようにしました スマートフォンで「引用スター」をつけられる…

chromeのonAlarm.addListenerのお話

進捗 なんだかちょっとハマってた chromeの拡張機能のお話。 バージョン 45.0.2454.85 m (64-bit) chrome.alarms.onAlarm.addListener(function callback...) 定期的に「何かする」場合にタイマーっぽいやつを利用するのですが、そのイベントを拾って何かす…