太陽がまぶしかったから

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 ページは通常では広告を差し込めず、ヘッダーやフッターにAdsenseを貼る必要がありますが、個別エントリにも広告を配置にしているとAdsenseの制限枠数である「3枠」を…