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

太陽がまぶしかったから

C'etait a cause du soleil.

プログラミング-はてなブログカスタマイズ

はてなブログでTwitterのシェア数を文字列取得(カウントAPI廃止対応)

TwitterのカウントAPIの廃止に対応 2015年11月20日からTwitterのカウントAPIが廃止された影響で、はてなブログ内のTwitterのシェアボタンからシェア数の表示が消えた。はてなブックマークやFacebookがあるとはいえ、ソーシャルの反響を測るための指標として…

『あわせて読みたいG』からGoogle Feed APIを除去して復旧しました

Google Feed API停止に伴ってあわせて読みたいGが停止 Google Feed APIというAPIサービスが終了した様ですね。 「Yahoo! Pipes」サービスが終わり、次いで「Google Feed API」サービスも終了した、と。 しかもほぼ同時期に!? Google Feed APIが停止された…

【復旧しました】あわせて読みたいやパンくずリストが配信停止しています

あわせて読みたいやパンくずリストが停止中 ※復旧しました あわせて読みたいやパンくずリストなどのブログパーツについて、GitHub Pages(http://bulldra.github.io)からホスティングしているのですが、当該サーバーの表示停止措置によって配信が停止されてい…

はてなブログカスタマイズのワンコイン小商いとペイウォール

ココナラのはてなブログカスタマイズサービス ココナラで販売しているはてなブログカスタマイズワンコイン支援サービスが3人の方から購入された。累計利用回数はその倍以上。概ね好評である。 基本料金が税抜500円かつ30%の上納金が必要なので、こちらに入…

アドブロックされたらブログ本文を関西のええ加減なおっちゃん化するLPO

アドブロックされたら記事本文が関西弁になるスクリプト 種明かしをすると、adspace.cssというのが、どうやらAdblockが『ブロック』するCSSファイルのひとつになるようです。同CSSファイルの中に『a-alert』というクラスを非表示にする命令が組み込まれてい…

はてなブログカスタマイズ支援をココナラでワンコイン販売します

ココナラで名義上のレンタル仮名氏はじめました ココナラを利用してワンコイン(500円)ではてなブログカスタマイズについてのご相談や設置代行のご依頼をできるようにしました。名義上のレンタル仮名氏です。 ココナラとは知識やスキルを安価に売り買いがで…

Yahoo Pipesが停止するので旧「あわせて読みたい」は利用不可となります

photo by zoomar Yahoo Pipesが停止するのでブログパーツも利用不可 以前にも書きましたが、Yahoo Pipesの終了がアナウンスされました。2015年8月30日以降は新しい Pipes が作れなくなり、同年9月30日に終了とのことです。 As of August 30th 2015, users wi…

はてなブログで目次を自動更新するトップページを作ってみた

トップページに記事の目次を表示させたい はてなブログのトップページは最新記事の文章が垂れ流しになっていて、一覧性が低いのが困っていました。ブログのデザインをリニューアルした id:cardmics さんもその辺りを嘆いていたので勝手にやりかたを考えてみ…

はてなブログに動画のようなページシークバーを設置するカスタマイズ

ページシークバーの作成 長々と縦にスクロールされていく長文記事を読んでいると、以下のようなことを思う事があります。 どこまで読み終わったのかを把握したい 前の段落まで一気に戻りたい それらの要件が解決できるインターフェイスデザインを考えていて…

「B!」はてなブックマークボタンを記事タイトルにネイティブっぽく設置

記事タイトルにはてブボタンを設置 記事タイトルにシェアボタンを設置しているブログも多いのですが、表示処理が目線に追いついてなかったり、記事を読むまえからズラズラっとボタンや広告が表示されると萎えてしまうことがあります。個人の感想ですが。 は…

はてなブログカスタマイズ公式コピペ設置方法まとめ

photo by P4BLoX 公式コピペ設置方法をまとめておきます はてなブログのカスタマイズ記事が季節ごとに新規ユーザー同士で流行るのは風物詩なのですが、http://bulldra.github.io ドメインから配布している自作のブログパーツを直接的に呼び出すコードが別の…

Yahoo Pipes のサービス終了に伴って「あわせて読みたいG」の一部機能が変更となりました

Yahoo Pipesが終了 Yahoo Pipesの終了がアナウンスされました。2015年8月30日以降は新しい Pipes が作れなくなり、同年9月30日に終了とのことです。 As of August 30th 2015, users will no longer be able to create new Pipes. The Pipes team will keep t…

はてなブログモバイル版のAboutページでWMT警告を消す方法

読者アイコンの大きさを指定してWMT警告を消す これは確かに押せない(タップ出来ない)ね・・・・・・ おかげさまで読者登録が700人を超えており凄い一覧になっています。 1面がアイコンな状態です。 これは改善せねば!と思ったのですが、モバイル版をデフ…

はてなブログのスマートフォン表示で出てくる追尾ヘッダーを消す方法

はてなブログのスマートフォン表示の追尾ヘッダーがウザい はてなブログのスマートフォン表示が変更されて、追尾ヘッダーがつくようになりました。スマートフォンの小さい画面で追尾されるとウザいので嫌いなデザインです。 イラッときたので消してしまいま…

はてなブログの仕様変更と既知の不具合に対応した「あわせて読みたいG」の新バージョンをリリースしました

はてなブログの仕様変更に対応しました はてなブログの記事タイトルに表示されるカテゴリのURLが「/category/カテゴリ名」から「/archive/category/カテゴリ名」に変更になりました。これに伴い下記の『あわせて読みたい』において、現在のカテゴリを判別す…

はてなブログでバイラルメディア風シェアボタンを回転させるCSS

バイラルメディア風シェアボタンを回転させる このブログでは、文字ベースのバイラルメディア風のシェアボタンを設置しています。 はてなブログにバイラルメディア風シェアボタンを設置する - 太陽がまぶしかったから このボタンについて、マウスオーバーで…

はてなブログで記事本文中に広告を自動的に挿入するスクリプト

本文中に広告を挿入する このブログでは、もともとサイドバーに広告を表示していたですが、サイドバーに表示する情報量が多くなってきたので撤去しました。代わりにヘッダに広告を置こうと思いましたが、デザインが崩れるし、効果も低いので、記事本文中の最…

便利! はてなブログ公式機能拡張まとめ(2014年版)

photo by benjaminreay はてなブログ公式機能拡張まとめ はてなブログを利用して2年近くになるのだけど、初期の頃からすると本当に色々な機能拡張が行われてきた。初期の頃には「この仕様はどう考えてもおかしいでしょ?」みたいな事をよく書いていたのだけ…

サイドバーから過去記事を辿れる「もっと読む記事リスト」を作ってみた

もっと読む記事リスト サイドバーの記事一覧からいっぱい見られると便利そうですね。実は作ろうとした事があるのですが、AJAXでやろうとするとアイキャッチ画像の取得が意外に面倒だったり、表示速度的な問題があって放り投げていました。ブログカード形式は…

はてなブログを勝手に進化させるカスタマイズ5選2014年版

photo by Dmitry Baranovskiy 勝手スクリプトで振り返る2014年 クリスマスイブまでのスケジュールリングが絶望的である事を知る12月4日。ここのところで本ブログは「はてなブログ改造ブログ」として紹介される機会が多い。実際問題として色々なスクリプトを…

サイトマップを読み取って「初めてのはてな」や「ランダムな記事」へリンクするJavaScript

過去記事ガチャ このブログも450記事を超えてきており、「ランダム」に表示させたいと思う事が多いので『過去記事ガチャ』を作ったり、「あわせて読みたい」の一環として id:yuta25 さん作成のランダムリンクサービスを利用させて頂いてました。 ネタ切れを…

はてなブログでアクセス/ブクマ数の自動更新ランキングページを作ろう

ランキングページを作ろう はてなブログではサイドバーモジュールとして「注目記事(=直近アクセス数)」や「はてなブックマーク数」のランキングを表示可能ですが、それらをまとめて独立ページにするとグローバルメニューからリンクできたりして捗ります。…

はてなブログで「パララックススクロール」を実現する

パララックス(視差)スクロール ここのところiOSのホーム画面やWebデザインにおいて、「パララックススクロール」が流行っています。「パララックス」とは「視差」の事で、要するに言えば背景と文章コンテナを多重スクロールさせる事でコンテンツに奥行き感…

「あわせて読みたい」にカテゴリ別RSSの購読ボタンをつけました

「総合ブログ」は読む側からすると負担になることがある このブログは『ノマドワーカーという生き方』でいうところの「総合ブログ」と位置付けていて、書評・プログラミング・イベントレポ・自意識語りなどがGOTTA MIXされたものになっているのですが、例え…

はてなブログにバイラルメディア風シェアボタンを設置する

バイラルメディア風シェアボタンを設置したい 流行りに乗れ!WordPressにバイラルメディア風のSNSボタンを設置する方法 – 副業ハック 動けば良い - hitode909の日記 はてなブログにバイラルメディア風のシェアボタンを設置しようと思ったので上記を参考に作…

はてなブログで標準的に利用可能なアイコン絵文字フォント一覧

はてなブログで標準的に利用可能なアイコン絵文字 はてなブログには各種サービスやブログ内のアイコン画像がWebフォントとしてインストールされており、特定のクラスをつけたタグを用いる事で「はてなブログ」の様に文字列として出力可能となっています。は…

はてなブログのカレンダーにサムネイル画像表示や月別アーカイブへの移動機能を追加する

はてなブログのカレンダーモジュール改修案 ・枠線の事を考えると最終日からその行全体を「.calendar-day」で埋めてほしい ・1桁の日付は0埋めをしてもらえると、◯囲みとかのスタイルも書きやすい ・aタグの有無でしかエントリの存在が判別できないからスタ…

はてなブログのスマートフォン記事下に公式の注目記事モジュールを表示させて「あわせて読みたい」っぽくする

注目記事モジュールを記事下に設置 はてなブログのスマートフォン表示ではフッタに注目記事が出力されるのですが、記事下に他の情報とあわせて設置したいです。注目記事モジュールはページ内に存在する特定のHTMLを置き換えるような仕組みになっているため、…

はてなブログのカレンダーモジュールをオシャレにするCSSを作ってみた

カレンダーモジュールがリリース 「月別アーカイブ」モジュールを拡張し、サイドバーに「カレンダー」を表示できるようにしました(修正済みの不具合に関する追記あり) - はてなブログ開発ブログ カレンダーモジュールがリリースされました。リスト形式のア…

はてなブログのアーカイブページやプロフィールページにアドセンス広告を表示させるプラグイン

アーカイブページやプロフィールページにAdsenseを表示 はてなブログでカテゴリーページ等にアドセンスを表示させる方法ってあるのかな? - 鈴木です。 読みましたー。確かにcategory・archive・about ページは通常では広告を差し込めず、ヘッダーやフッター…

はてなスターを非表示にしている他人のブログに勝手にはてなスターを設置して☆を連打する

photo by Vicky Brock 置かぬなら、勝手に設置、はてなスター はてなスターはGoogle botをブロックしてるからSEOスパム判定されないよ - 太陽がまぶしかったから この件について説明しても「JavaScriptをブロックしているのが悪影響にならないと100%は言い切…

はてなブログのプロフィールページにある読者アイコンにrel=nofollowを付けるプラグイン

プロフィールページの読者アイコンの問題 結論が出たと噂のはてなスター問題に対して、敢えて問題点を書いてみる。100%安全とは言い切れないのでご注意ください。 - クレジットカードの読みもの はてなスターはGoogle botをブロックしてるからSEOスパム…

はてなブログのスマートフォン表示を外部CSSでオシャレにする

スマートフォンデザインやWEBフォント設定を外部CSSで行う 以下の記事を参考にスマートフォンでのデザインを行いました。はてなブログPROに加入していると行えるスマートフォンのヘッダタイトル下にStyleタグを書いていくという方法です。 はてなブログのス…

はてなブログの埋め込み記法で表示されるブログカード幅を一括指定する

埋め込み記法での表示幅を一括指定するプラグイン はてなブログでは埋め込み記法を使うことで、ブログカード形式で他のエントリをカード形式で表示させることができるのですが、デフォルト幅が500pxなのでデザインによっては短いと感じる事があります。タイ…

はてなブログのサイドバーにあるプロフィールから詳細プロフィールへの導線を作るプラグイン

詳細プロフィールへのリンクが欲しい はてなブログのプロフィールページには文言を追加する事ができないため、詳細プロフィールページを固定URLのエントリーとして作成し、グローバルメニュー等からリンクさせる手法がよく使われています。このブログにも詳…

他人のブログに勝手に感想一覧の表示機能を拡張するブックマークレット

感想書き放題ブックマークレットの向こう側へ 他人のブログに感想書き放題にする機能を追加するのが流行っています。実行すると自身のブログからこのエントリに言及するエントリの編集画面に飛ぶ機能です。 感想書き放題ブックマークレット作りました. - 無…

おっさんが今時の技術を活用して手描き風女子力ブログを作る

今日は天下一品でお昼 こってりと白飯はずっと友だょ♪ 手描き風ブログをでっち上げる ユルい手描きイラストや手書き文字があるブログって、暖かみや独特の面白さがあってついつい読んでしまいますよね。だけど僕は絵や文字を描くのが壊滅的に下手なので、そ…

はてなブログでGoogleにパンくずリストを認識させるカスタマイズ

photo by keso Googleにパンくずリストを認識させるプラグイン 最近のGoogle検索ではブログ内のカテゴリを認識して、検索結果がサイト上のどこに位置付けられているかを表示するようになっているのですが、breadcrumbタグを利用したマークアップをしていない…

はてなブログから簡単にVine動画を埋め込めるプラグインでスマホからのグルメ動画レポートが捗る

はてな公式で対応しました(2016/2/17) 以下の記法でイケます。 https://vine.co/v/OqTE5BwBqml:embed Vine動画をはてなブログから簡単に扱いたい いま、『Vine』がアツい。Vineとは写真感覚で6秒間の動画を撮って共有するサービスである。ステーキのシズル…

はてなブログの記事下に関連記事を表示する「あわせて読みたいG」

はてなブログ用「あわせて読みたいG」 上記で作成していたカテゴリ表示に対応した記事を表示させるブログパーツについて、内部的にいくつかの問題があって放置していたのですが、『はてなブログカードガチャをブログパーツ化して自分のブログに設置できるよ…

はてなブログカードガチャをブログパーツ化して自分のブログに設置できるようにしたよ

はてなブログカードガチャのブログパーツ化 はてなブログカードガチャを作ったよ - 太陽がまぶしかったから 前に『はてなブログカードガチャ』を作ったのですが、このプログラムについて自分のブログに設置できるようにしました。ブログパーツ化に伴っていく…

他人のはてなブログで使われているカテゴリ一覧をクロスドメイン表示する

このスクリプトは利用不可となります Yahoo Pipesが停止するので旧「あわせて読みたい」は利用不可となります - 太陽がまぶしかったから はてなブログカテゴリ一覧表示ツールを作った 他人のはてなブログで使われているカテゴリ一覧を表示するよ 他人のブロ…

はてなブログにトラックバック機能を拡張するブログパーツ

このスクリプトは利用不可となりました Yahoo Pipesが停止するので旧「あわせて読みたい」は利用不可となります - 太陽がまぶしかったから トラックバックの復活 はてなブログの醍醐味のひとつとして、ブログ同士の言及があります。誰かが問題提起をした記事…

はてなブログカードガチャを作ったよ

photo by Danny Choo はてなブログカードガチャを作った 自分のブログのURLと取得エントリ数を入力してガチャスタート 通常ガチャはサイトマップから最大1000件の過去記事を取得*1してブログカードをランダム配置 レアガチャはブクマ数が多い記事や新しい記…

はてなブログでパンくずリストを認識させたよ

修正版のご連絡 はてなブログでGoogleにパンくずリストを認識させるブログパーツ - 太陽がまぶしかったから 以下に紹介しているスクリプトは古いので、上記をご覧ください。 はてなブログのカテゴリ構造をGoogleに認識させる シブヤタクトさんの『カテゴリー…

「あわせて読みたい」のブログカード化

本スクリプトは動作不能となります Yahoo Pipesが停止するので旧「あわせて読みたい」は利用不可となります - 太陽がまぶしかったから はてなブログ用「あわせて読みたい」ウィジットがブログカードに 最近、『はてなブログの記事を紹介しやすくしました。UR…

当ブログで配布していた「あわせて読みたいウィジット」がSEOスパムになっている可能性があるため差し替えをお願いします

最新版 はてなブログで表示記事に関係するカテゴリのブログカードを記事下に表示させる「あわせて読みたいG」の公開 - 太陽がまぶしかったから はてなブログに言及一覧(トラックバック)機能を拡張するブログパーツ - 太陽がまぶしかったから 「あわせて読…

はてなブログのスマートフォン表示で記事フッターに詳細プロフィールへのリンクやソーシャルボタンセットを表示する

記事下にプロフィールリンクを表示するのが流行ってる 『http://bulldra.hatenablog.com/20140504/5737288.html』などでも触れられているのですが、記事下にプロフィールリンクを表示させるのが流行っています。実は私も『『太陽がまぶしかったから』につい…

はてなブログの追尾型ソーシャルボタンセットにPageTop/Downボタンを付ける

追尾型ソーシャルボタンセットにスクロール機能を付ける Word Press界隈ではよく見かけていたのですが、嫌味じゃない程度に追尾するソーシャルボックスがあると、読んでる途中でも「シェア」や「あとで読む」がやりやすくなって確かに便利です。Word Pressで…

はてなブログにスクロール追尾するソーシャルボタンセットを付ける

はてなブログにスクロール追尾するシェアボタンを付ける Word Press界隈ではよく見かけていたのですが、嫌味じゃない程度に追尾するソーシャルボックスがあると、読んでる途中でも「シェア」や「あとで読む」がやりやすくなって確かに便利です。Word Pressで…