「総合ブログ」は読む側からすると負担になることがある このブログは『ノマドワーカーという生き方』でいうところの「総合ブログ」と位置付けていて、書評・プログラミング・イベントレポ・自意識語りなどがGOTTA MIXされたものになっているのですが、例えば「プログラミング記事だけ更新してればいいんや」と思う人もいるのだろうと感じる事があります。 これを回避するために、ジャンルごとのサブブログを立ち上げる人もいて、僕自身もグルメやゲームやポエム等のあまりに性格が異なるエントリについては裏ブログに投げ込んでいます。はてなハイクでやろうとしたのだけどiPhoneアプリがないし。それでも、メインコンテンツが複数ある場合にサブブログに分散させるとリソースやアテンションが分散してうまくいかない可能性が高いですし、読む側からしても面倒になることが多いです。 カテゴリ別フィード購読への導線 ワシのブログはカテゴ

はてなブログで標準的に利用可能なアイコン絵文字 はてなブログには各種サービスやブログ内のアイコン画像がWebフォントとしてインストールされており、特定のクラスをつけたタグを用いる事で「はてなブログ」の様に文字列として出力可能となっています。はてなブログ専用の絵文字という事ですね。 「<i class="blogicon-hatenablog"></i>はてなブログ」 はてなブックマーク Twitter でシェア Facebook でシェア Feedlyでフォロー こんな感じで、バイラル風のシェアボタンやブログパーツを作る時に重宝するのですが、実際に出力される内容について把握しきれていなかったので、これを機会に現時点で利用可能なアイコン絵文字フォントのリファレンスを作成しました。 アイコン絵文字フォント一覧 No クラス名 アイコン 000 blogicon-hatenablog 001 b

バイラルメディア風シェアボタンを設置したい はてなブログにバイラルメディア風のシェアボタンを設置しようと思ったので上記を参考に作ってみました。アイコンを含めてベタなHTMLテキスト出力なので一般的なシェアボタンよりも高速に表示されます。 https://vine.co/v/O1z3dw1q3Qr アイコンにはてなブログ用の絵文字フォントを利用。 設置方法 デザイン画面の記事下に以下のHTMLを記述します。文言や表示させたいボタンなどは各自調整ください。 <div class="snsshare"> <a class="share_bookmark" href="http://b.hatena.ne.jp/entry/{Permalink}" target="_blank"><i class="blogicon-bookmark lg"></i> はてなブックマーク</a> <a class

はてなブログのカレンダーモジュール改修案 ・枠線の事を考えると最終日からその行全体を「.calendar-day」で埋めてほしい ・1桁の日付は0埋めをしてもらえると、◯囲みとかのスタイルも書きやすい ・aタグの有無でしかエントリの存在が判別できないからスタイルを分けてほしい ・月のセレクトボックスの隣にカテゴリーを選ぶ機能があると嬉しいな 上記エントリではCSSで見た目だけを直してみたのですが、内部構造を見るとCSSだけなんとかするのは無理があるという事がわかりましたので、スクリプトによって出力要素を改変します。またサムネイル画像の表示や月別アーカイブへの移動機能を追加します*1。 エントリ更新日に手書き風の赤丸*2 エントリ更新日をマウスオーバーするとズームしてサムネイル画像表示 選択している月のエントリ一覧へ移動するボタンの追加 カレンダーヘッダの曜日を色分け 1桁日付の場合に0詰め

『風の歌を聴け』再々読 『風の歌を聴け』を15年ぶりに再読したのはちょうど1年前。決してハルキストとは言えなかった僕は「はしか」に掛かったかのように読み直していって、パロディらしきものも書いたり、『風の歌を聴け』を題材にした読書会を実施したりもした。 それでも、僕が高校生の頃から圧倒的に好きだったのは続編の『1973年のピンボール』であり、本書の印象は正直なことを言えば薄かった。評価が逆転したのは良くも悪くも「『風の歌を聴け』はミステリー小説である」という読み方をいくつかの評論文から提示されてからである。 僕自身も「『風の歌を聴け』を読んでも何も感じない人間の側」に居たのだ。今村夏子のピクニックを読んでも何も感じない人間のように。 完璧な読解などといったものは存在しない 「完璧な文章などといったものは存在しない。完璧な絶望が存在しないようにね。」 風の歌を聴け (講談社文庫) 作者:村上

『レールの外ってこんな景色』出版記念イベント 『レールの外ってこんな景色』出版記念イベントに参加しました。出版記念パーティといっても交流メインの飲み会でゆったりと進んでいましたが、共著者を含めて初対面の方々が多くて、ちょっと緊張。こういう会合に出ると、なんとなく部屋の隅にリアルはてなスペースが出来上がる現象に名前を付けたい。 そんな感じも開始前だけで、砕けた感じで盛り上がりました。ブロガーや編集者さんや企業の方も来られていて、色々なお話をさせて頂いたり、マネーフォワードの人に「セツヤクエスト2位」をアピールさせていただく事ができた。本来は節約ライフハックブロガーなんですよね。 芸人としてのポテンシャルを磨く必要性 スクリーンに自分の名前やアイコンが映っているのが本当に不思議な感覚。僕の一言スピーチが真面目か！っていう内容かつカミカミだったのに対して、id:juverk さんがBCGネタを出

カレンダーモジュールがリリース カレンダーモジュールがリリースされました。リスト形式のアーカイブは縦幅が広すぎて使いづらかったのですが、カレンダー＋セレクトボックスであれば一定のスペースに詰め込めるので捗ります。使用するのにあたってCSSを書いてみたのでシェアします。 /* エントリがある時はアンダーライン */ .hatena-module .calendar-day a { text-decoration:underline; } /* 半透明処理解除（普通はいらない） */ .hatena-module .calendar-day a:hover { opacity: 1; } /* 枠線 */ .hatena-module .calendar-day { border:1px solid #999; } /* マウスオーバーでおっきくなる */ .calendar-day:hove

ブログ改造はミニ四駆の改造に似ている ここ2ヶ月ぐらい余暇のたびにブログのデザイン改造をし続けていて、なんだか破滅的な方向に進んでいる気がするのだけど、ミニ四駆を破滅的に改造するのが好きだった事を思い出した。ブログエンジンの大枠が決まっている中でも処理を横取りして、砂場の中を「出来る限り」で自分の思うようにしていく感覚。 ミニ四駆では違法モーター、中空シャフト、スポンジタイヤ、ボールベアリングなどのカスタマイズパーツはもとより、「肉抜き」と言われるボディやシャーシに穴を開けて行う軽量化が破滅的な改造として存在していた。多少は軽くなるものの、脆くなったボディは容赦なく壊れてしまうし、剛性が狂って遅くなる事もある。それでも限界まで削り取る事に価値を感じていた。 ミニ四駆程度のこと 改造に限らず「ミニ四駆」が僕自身のブログに対するスタンスなのかもしれない。本物の自動車や高価なラジコンであれば、絶

photo by Vicky Brock 置かぬなら、勝手に設置、はてなスター この件について説明しても「JavaScriptをブロックしているのが悪影響にならないと100%は言い切れない」と返ってくるので考え方を抜本的に変えましょう。これからは、他人のブログにクライアントサイドから勝手にはてなスターを設置する時代です。 それであれば、そのブログのサーバーサイドに存在しない処理になるので100%影響ありません。存分にスターを味わって頂く事が可能となります。他人のブログに勝手に感想一覧を表示させる機能拡張を行うブックマークレットのはてなスター版という事ですね。 作ろうとおもったら既にあった そういう意気込みで作ろうと思ったら既に id:yuta25 さんが作られていたので紹介させて頂きます。こちらのブックマークレットを利用すると、はてなスターを非表示にしている他人のはてなブログに勝手にスター

photo by Octavio Rojas はてなしぐさ 「はてなしぐさ」とは、かつての「はてな村民」が使っていた秘伝の奥義である。おとなり日記の時代には、はてな村中の人間が知っていたが、なぜか最近まで知られていなかった秘伝でもある。実在する株式会社はてなに関する仕草なのかは自分のあたまで考えよう。 はてな村は特殊なネットコミュニティであり、各地からアレな人が集まっている事から、お互いに気持ち良く手斧を投げるための「工夫」が必要であったとされ、ソーシャルメディア時代にも通用するものとして、普及を促進する「特定非営利活動法人はてなしぐさ」が商標権を有していた気がする。 これら、はてな村民の行動・マナーは文書としては残されていないが、少数のはてな元老院によって伝承されており、後に「はてなしぐさ」として知られるようになった。語源も知らずに「モヒカン」と言ったりするのはその名残りである。 200

Googleからのペナルティへの対応 以前に配布していたブログパーツ用のスクリプトに対して、このブログへのクレジットリンクを付けていたのですが、それが原因でペナルティを受けている可能性があるとして、ご連絡を取らせて頂いているのですが、「クレジットリンクにはnofollowをつけていたのに……？」という話がありました。 ちなみに「ペナルティ」と判断しているのは徐々に下がるというレベルではなく、唐突に検索表示数が10分の1程度になり、検索流入数がほぼ0になったことからです。また使用者側ブログへの影響ではなく、配布者側ブログの問題です。 それで、調査をしていると「はてなブログにトラックバック機能を拡張するウィジット - 太陽がまぶしかったから」のクレジットリンクに「rel="nofollow"」がついてないソースコードを利用しているブログがいくつかある事が判明しました。これはアカン。 当時は再配

電子書籍はスマートフォンやブラウザからでも読めますよ 11月14日に共著者として参加させて頂いた『レールの外ってこんな景色: 若手ブロガーから見える新しい生き方』が発売されるのですが*1、電子書籍について会話すると「タブレットとか専用端末を買わないと読めないんだよね？」 みたいな反応になることがあります。 このことについて「情弱」と言ってしまうのは簡単なのですが、そのまま機会損失になっていくわけで、電子書籍はiPhoneなどのスマートフォンやPCのブラウザからでも読めるという事をもっと周知すべきなのだろうと思いました。岡田斗司夫のメルマガのバックナンバーには以下のような広告が入っていたのですが、この文言は「電子書籍」という単語を聞いた事があるぐらいの見込み読者へのアプローチとして優れています。 岡田斗司夫の電子書籍が　いますぐスマホで読めます。 まずは【無料のキンドルアプリ】を　ダウンロー

プロフィールページの読者アイコンの問題 「JavaScriptのブロックが100％問題ないか？」という議論までスコープを広げると「完璧なSEO対策などといったものは存在しない。完璧な絶望が存在しないようにね」という結論になってしまうのだけど、その中でプロフィールページの読者アイコンの話があがったので、ついでに対応してみます。 ついでに問題提議も。プロフィールページについてはいまだにnofollowが記載されていない状況なので、こちらもスパムっぽいリンクの並び方をしてます。 このブログについて - クレジットカードの読みもの 当サイト『クレジットカードの読みもの』の場合には、現時点で８１４個のリンクがリストタグで並んでいます（苦笑）。ちょっとSEO的にはゾッとする記載方法ですよね。ここもnofollowでOKだと思うので、はてな側には即対応をお願いしたいです（ウェブマスターツール上の『サイト

Google は JavaScript の実行結果を解釈している はてなスターが Google からリンクスパムと判定されて SEO に悪影響するという話が定期的に出てくるのですが、結論から言うとデマである可能性が限りなく高いです。 確かに現在の Google は Google Bot の JavaScript 実行により生成されたリンクやマークアップを解釈しています。 『Google Search Central (formerly Webmasters) | Web SEO Resources  |  Google Developers』の「Fetch as Google」においてGoogle botが行ったレンダリング結果を取得可能です。こちらを確認するとJavaScriptで生成されたパンくずリストもGoogle Botから認識可能となっています。 はてなスターはGoogle Bo

第4回Skype読書会 第4回Skype読書会は『風の歌を聴け (講談社文庫)』 を題材に下記の要項で開催することとしましたので、よろしければご参加頂ければと思います。Skype読書会とは事前に課題図書を読み込んでおいて、Skypeによる音声チャットをしながらGoogleドキュメントをリアルタイムに編集していくオンライン上のバーチャルな読書会です。 項目 内容 日時 2014年11月16日(日) 19時より 参加条件 事前に題材の作品を読んでくる 参加の連絡 右記のSkypeIDまでお願いします → bulldra 題材 村上春樹『風の歌を聴け (講談社文庫)』 特別ルール 『風の歌を聴け』は『1973年のピンボール (講談社文庫)』『羊をめぐる冒険(上) (講談社文庫)』『ダンス・ダンス・ダンス(上) (講談社文庫)』と続いていく作品ですし、他にもいくつかの関連が見いだせるのですが、今回

Amazonインスタントストアをブログ内にオープン このブログ内にAmazonインスタントストアを『ikedakana.書店 - このブログで紹介した書籍』にオープンしました。記事内にAmazonインスタントストアを埋め込んであるので、オススメ商品の参照から購入までをブログ内で完結させることができます。書店なのにゲームや雑貨を置くのはヴィレヴァンのリスペクト。 『書くことなし日記：インスタントストア編 - 何かのヒント』を読んで面白いと思い、指定した商品を陳列するインスタントストアを作成したのですが、これを雑貨やゲームなどを含めてブログ内のコンテンツとして常設したいと考えました。このブログでも商品を紹介する機会は多いですし、ひとつにまとまっていると便利です。 アマゾンの「くるくるウィジェット」を作るのも少し飽きてきたので、今度は「インスタントストア」という形で、お勧めの本を並べる作業をやっ

埋め込み記法での表示幅を一括指定するプラグイン はてなブログでは埋め込み記法を使うことで、ブログカード形式で他のエントリをカード形式で表示させることができるのですが、デフォルト幅が500pxなのでデザインによっては短いと感じる事があります。タイトル文字数が多いと省略されてしまうし、少し長く表示させた方が良さそうです。こんな風に。 生成されたブログカードの最大幅をスタイルシートで指定しようとしたのですが、内部フレームにクラスが指定されていないので簡単には指定できません。スタイル直書きで懐かしい感じ。 <p><iframe src="http://bulldra.hatenablog.com/embed/side-gatcha" title="はてなブログカードガチャをブログパーツ化して自分のブログに設置できるようにしたよ - 太陽がまぶしかったから" scrolling="no" frame

ブロガー共著本が予約開始 若手ブロガー達で出版するKindle本について、予約が開始されましたので告知させて頂きます。「新しい生き方」をテーマにしたのアンソロジーに僕自身も参加しています。 21世紀に入り、インターネットが普及し、学生での起業なども簡単になってきました。また、ブログなどを通じ“個人”の１人１人が情報を発信したり、モノを売買したり、ネット上でコミュニケーションをしてファンを形成して行く事が可能になりました。 今の時代は「生き方を選択する時代」「生き方を自分で創る時代」だと思っています。 個人での情報発信を行っており、様々な生き方をしているメンバーで書く「新しい生き方」についての本を、様々な年代の方に読んで頂ければと思っております。 レールの外ってこんな景色: 若手ブロガーから見える新しい生き方 作者:イケダハヤト,タクスズキ,鳥井 弘文,けいろー,ツベルクリン良平,下津曲 浩

講義録のような「街場」シリーズ 内田樹の「街場」シリーズ4作目。「街場」シリーズとは、大学でのディスカッションのテープ起こしを元に書かれた本であり、既に多数の「街場」本が出版されている。 街場の現代思想 (文春文庫) 作者:内田 樹文藝春秋Amazon 街場の読書論 作者:内田 樹太田出版Amazon 大学の講義録のように進むので、文字で読むと少々お節介なぐらいの反復や例示があったりもするのだけど、その主張が心に染みこんでダンスステップに変わるまでには、そのぐらいの手続きが必要がなのだろう。教育者としての彼は常にパフォーマティブであろうとする。 縦横無尽に展開される内田節 語られる内容には「メディアの不調」というテーマがあるものの、縦横無尽に雑多であり、ひとつの結論に向かって論が進むわけではない。僕なりに気になった内容を以下に列挙する。 適正や潜在能力が先にあるわけでなく、仕事に求められて

Kindle漫画をMacの大画面で読みたい事もある Kindle漫画をMacの大画面で読みたい事が時々あります。Kindleにはブラウザで読めるCloud Readerも提供されているのですが、読み込みが遅かったり、出先で読めなかったり、対応していない本があったりして充分には活用できていませんでした。 過去にはAndoroidエミュレータを使って表示させる方法を紹介しましたが、OS X YosemiteのQuickTime Playerに搭載されたスクリーンキャプチャ機能を使えば快適に読める事が分かったので、そちらの方法を紹介します。 スクリーンキャプチャ機能 この機能はMac上のQuickTime Playerから簡単にiPhoneのスクリーンをリアルタイムでキャプチャーしながら録画を行えるもので、録画の前段階として画面を「表示するだけ」も可能です。標準機能なので高価なアプリや周辺機器を