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

すなばいじり

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

JavaScript

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

WordPress版 Proxy Hacking Protection

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

Proxy Hacking Protection

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

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

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

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

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

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

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

Javascriptでpunycodeを変換したいやつ

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

Proxy Hacking Protectionを出します

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

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

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

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

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

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...) 定期的に「何かする」場合にタイマーっぽいやつを利用するのですが、そのイベントを拾って何かす…

はてなブログを書こうとか教えてくれるやつ

進捗 何か表示されるようになった。 何か って雑な感じに書いてありますが、色々表示してくれます。デバッグ中なので本当にやかましくお知らせをねじ込んでくれます。 なかなか喧しいので「この部分の実装を早く終わらせよう」という気分になります。やかま…

便利そうなやつ

進捗 少しコード書いた。 そういえば、はてな公式のChrome拡張が幾つかありまして、試しに導入してみたやつがあるのですが、 Hatena::Notifychrome.google.com なんだか挙動がおかしいというか、最近のバージョン向けにメンテがされていないらしく、裏側で動…

最初が肝心なやつ

今日の進捗 進捗 1.次に作ろうとするやつに使う物を決めている 良い感じに枯れていると感じるKnockout.js ここ1年くらい賑やかなReact.js Knockoutは非常に簡単で、直ぐにわちゃわちゃ弄れる感じReactはカッチリしたコンポーネントで、ポイポイと投げて作れ…

M.H.Sさんの新作「toho DANCE tune vol_0.5」の特設サイトを作ったお話

表題のとおりですが、M.H.Sさんの新作「toho DANCE tune vol_0.5」の特設サイトを作成しました。というお話。 toho DANCE tune vol_0.5 toho DANCE tune vol_0.5 - 「M.H.S」(溝口ホール工房) 金曜日東シ-34bmizohole.psne.jp ジャケット画像です。 技術的な…

Sound CYCLONEさんの新作「トウホウファンクラブ」の特設サイトを作ったお話

Sound CYCLONEさんの新作「トウホウファンクラブ」の特設サイトを作成しました。 作品の紹介やちょっとした技術的な事を紹介するエントリー。

地味に困っているらしいのでエントリーをメンテをしたお話

「 ttp://」の文化が無い所からリンクが貼ってあって、ちょっと困っていた様なので、エントリーに追記しておいたやつ。 数行弄るだけで動く という感じで書いておきましたが、様々なブログで同様の機能を追加させるというのは、後々のメンテやサポート(問い…

読み込みをブロックするスクリプトをどうにかしたい

ちょっと弄ると回避できるお話だったりするのですが、 月中ボスタイム。アクセス急減に見る危機回避意識。 - マネー報道 MoneyReport xreaが調子悪くて30秒ほど待たされるブログがちらほらありますね。(ブロックするような場所にコードが置いてあるのが問題)…

パクられた感があるキャッシュサイトに対抗するやつ

■ユーザーへの案内と、検索エンジン対策の両方が一度に利用できます。■パケット削減アプリやブラウザ等のキャッシュとして完全コピーされても、そのアプリやブラウザで表示されているだけなら問題は無いのですが、その「完全コピー」が検索エンジンから見え…

はてなブログにサイドメニューをつけるやつを更新しました

少し前の話になりますが、はてなブログのスマートフォン版に表示できるサイドメニューが表示されなくなっていたものを修正しました。 はてなブログにサイドメニューを追加できるようになりました - すなばいじりpsn.hatenablog.jp ブログを購読済みか判定す…

Googleアナリティクスの集計を適当にする

地味に困った と解決法を考えている案件なのですが、有料にするか適当にするか乗り換えるかの選択肢しかない という告知です。 <a href="https://support.google.com/analytics/answer/1070983?hl=ja#DataCollectionLimits" data-mce-href="https://support.google.com/analytics/answer/1070983?hl=ja#DataCollectionLimits">データ制限 - アナリティクス ヘルプ</a>support.google.com 【アクセス解析】Googl…

はてなブログの画像のタイトルとalt属性を書き換える「はてブロimageTitle」を更新しました

表題のとおりとなります。 どうぞご利用ください。 なにこれ? はてなブログの記事を書く時に使用する「画像を選択」メニューに、タイトルを設定する項目が増えるChorme拡張機能です。 <a href="http://psn.hatenablog.jp/entry/img-attr" data-mce-href="http://psn.hatenablog.jp/entry/img-attr">はてなブログの画像タイトルとaltを編集できる「はてブロimageTitle」と</a>…

Googleにパンくずリストに使うサイト名を教えるやつを作った

自分でGoogleに教える事ができるのなら、サクサクと作れるやつを作れば良いのです。という事で作った。 なお、既に <a href="http://psn.hatenablog.jp/entry/2014/10/17/152200" data-mce-href="http://psn.hatenablog.jp/entry/2014/10/17/152200">Googleの「検索結果内の検索ボックス」を設定するやつを作った - すなばいじり</a>こちらを利用している方は、何もしなくても対応済みとなります…

勝手にやってくれる広告屋さん

そういえばと思って広告周りの処理を書いて、ぼちぼちな挙動をしてくれるような物が出来上がって、適当な所に適当な広告を勝手に入れてくれるやつが実現したのですが、散々他のブログでも出てきているネタでもあり、また、前にも似たような事を書いた気がす…

サイドメニュー作った

サクッと作って公開してしまえば3月中に正式版になっていたかもしれないサイドメニューをβ版として公開しました。 概要 元々は「某ブログパーツのシェアボタンがスクロールするとチラチラしてつらい」という所からスタートしたのですが、スマホ表示・PC版表…

はてなブログにサイドメニューを追加できるようになりました

サイドメニューを付けたい はてなダイアリーにもある「ボタンを押すと横からメニューが出て来て、新しいエントリーや人気のエントリー、シェアボタンとか色々ついたやつ」が欲しいよね。「シェアさせていただきまっす」って言われたりしたい。*1 どうやって…

コード書き直す文化

コードレビューについて。 先日IDコールが飛んできて「新しくコード書きました」というエントリーを見てきて思い出した事がありまして、 些末なコードレビュー - naoyaのはてなダイアリーd.hatena.ne.jp もう一年前のお話なのだと驚きながら、一部が自転車置…

スマートフォン版にドロワーメニューを追加しました

はてなダイアリーをスマートフォン版で閲覧すると類似したものが表示されますが、はてなブログでも欲しくなったので作成しました。 しっくり来るようであれば、みんなで使えるようにする予定です。 なぜ作ったのか とあるおまとめボタンがチラチラするのが嫌…

Googleにsocial profile を教えるやつを作った を更新しました

テストツールではパスされますが、 "@context":"http://schema.org", の記述漏れによる影響で、ウェブマスターツールの該当リストが増加してしまう事象が発生している様ですので、生成ツールを修正しました。 ご利用中の方にはご迷惑をお掛けしますが、上記…

するするとページTOPへ戻るやつ

スマホ表示で時々ある、スムーズに戻るやつです。 設定→詳細設定→headに要素を追加 へ貼り付けると使えるやつになります。 スタイルも同時に適用すると、画面右下にボタンが表示されるようになります。 こちらは、元々ある要素をボタンとして再利用している…

パンくずリストの考え方を整理する

更新されたエントリーがあります。 psn.hatenablog.jp 構造化テストツールが新しくなり、機能変更・追加が行われたというお話で、今までOKだった記述がNGになったというネタを見て「これはこういう意味ですよ。」という解説を書いておかないとなぁと考えてい…