太陽がまぶしかったから

C'etait a cause du soleil.

プログラミング

Mac & Python3でmatplotlibのグラフ表示とscikit-learnの機械学習

Pythonでグラフを表示 上記記事で整えたMac & Python3環境でグラフ表示を可能とするために matplotlib をインストール。 (data_analysis) $ pip install matplotlib 乱数配列をヒストグラム化するプログラムを作成。 import pandas as pd import numpy as np…

Mac & Python3でデータ分析環境の構築準備

Python3環境の準備 データ解析基盤Mac で Python3 環境での開発を行う準備を環境を準備した際の備忘録。Anacondaなどを利用すれば一発で入るけど、サーバー環境に移行する場合にコンフリクトするのが面倒なのと自身の理解のためにいちからやってみる。まずは…

クライアントサイドで本文注釈をWikipediaから自動生成するJavascript

本文注釈をクライアントサイドで自動生成 ブログに書いた文章をクライアントサイドで解析してWikipediaから注釈を自動生成するスクリプトを作ってみた。wikipedia_annotaionクラスを持つSPANタグで囲まれた文章に対して分かち書きと簡単な単語判定を行い、切…

はてなブログで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)からホスティングしているのですが、当該サーバーの表示停止措置によって配信が停止されてい…

簡易難読化のためにJavaScriptでシーザー暗号(日本語対応)を実装する

シーザー暗号化/復号化ツール(日本語対応) /* シーザーー暗号化 */ function caesar(val, key) { console.log(val); val = encodeURIComponent(val); var result = ""; for (var i = 0; i シーザー暗号による簡易難読化スクリプト

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

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

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

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

GoogleスプレッドシートをAPI化するSheetsuはJSONPできないから微妙

GoogleスプレッドシートをAPI化するSheetsu Sheetsuは、GoogleスプレッドシートをAPIにしてくれるサービスだ。 使い方は簡単で、GoogleスプレッドシートのURLを入れてサービス連携するだけだ。 あとは指定されたURLでデータの取得や書き込みができてしまう。…

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

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

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

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

Googleスプレッドシートで指定URLのはてなブックマーク数を取得する関数

はてなブックマーク数をGoogleスプレッドシートで管理したい 以前に、Googleスプレッドシートにある「GOOGLETRANSLATE」関数を用いて多言語対訳表を作ったのだけど、これはGoogle翻訳のAPIをスプレッドシート上で実行することで実現されている。 開かれたWeb…

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

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

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

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

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

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

Google Docsのスプレッドシートで多言語対訳表が簡単に作れるよ

対訳表を作るのが面倒 システム設計をする時に、データベース名や変数名や表示名などを決めるのが面倒です。一般的には英字文字列で作るのですが、ローマ字で「kokyaku」とか付けるのはダサいし、いちいち辞書を引いていくのも面倒です。 多言語対応のために…

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

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日。ここのところで本ブログは「はてなブログ改造ブログ」として紹介される機会が多い。実際問題として色々なスクリプトを…

はてなブログで全記事からランダムで記事名付き定期ツイートをさせる方法

過去記事ガチャを記事名付きで定期ツイートさせたい bulldra.hatenablog.com Yahoo! Pipesが死んだのでできなくなりました。 読みましたー。ここのところランダムリンクをつかって定期ツイートしたり、過去のエントリをツイートしようという話が流行っていま…

サイトマップを読み取って「初めてのはてな」や「ランダムな記事」へリンクする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スパム…

オススメ本の参照から購入までをブログ内で完結できるAmazonインスタントストアをオープンしてセレクトショップ運営ごっこ

Amazonインスタントストアをブログ内にオープン このブログ内にAmazonインスタントストアを『ikedakana.書店 - このブログで紹介した書籍』にオープンしました。記事内にAmazonインスタントストアを埋め込んであるので、オススメ商品の参照から購入までをブ…

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

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

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

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

ブログ用の写真検索さんがサービス停止したので任意の大きさのAmazon画像を表示してアフィリエイトリンクを作成する簡易代替ツールを作成

ブログ用の写真検索さん(旧ブログ画像ゲッター)がサービス停止 Amazonの画像を取得してアフィリエイト画像として表示することで、版権画像をブログ内で比較的自由に扱えるようにする「ブログ用の写真検索さん」という便利なサービスがありました。 著作権…

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

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

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

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

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

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

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

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

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

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

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

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