MacBookの天板に貼られたシール問題 エンジニアやブロガーの奇行のひとつにMacBookの天板をステッカーでデコレーションするというものがある。自身が使っているサービスや所属などを主張できるし、無個性的に流通しているMacbookのアルミボディに彩りを加えてくれるのだけど、デコ携帯や痛車と大差ないような気もする。 僕自身も、はてなスターなどステッカーを貼り付けてきたのだけど、時間が経てば汚くなってくるし、ちょっとアレだと思うようになった。あたらしいマシンに買い換えるときにも邪魔になるし、ステッカーを剥がすことにした。 各社で明暗が分かれるステッカーの取り回し 実際に剥がす作業をしていると各社によって剥がしやすいステッカーと剥がしにくいステッカーがはっきりと別れた。 『薄い財布』を展開するabrAsusのステッカーは糊付け面にコーティングがしてあって綺麗に剥がせる。流石スタイリッシュメー

はてなブログ用「あわせて読みたいG」 上記で作成していたカテゴリ表示に対応した記事を表示させるブログパーツについて、内部的にいくつかの問題があって放置していたのですが、『はてなブログカードガチャをブログパーツ化して自分のブログに設置できるようにしたよ - 太陽がまぶしかったから』とマージして実現する事にしました。 セレクトボックスの内容から指定枚数のブログカードをランダム表示 表示エントリのカテゴリを初期設定 表示内容の更新が可能 「アーカイブ」「はてなブックマーク」「カテゴリ一覧」画面への移動が可能 要するに言えば「カテゴリ別ブログカードガチャ」を表示記事のカテゴリに合わせてロード時に実行させる事で「カテゴリ別あわせて読みたい」の機能を代替させるということです。「あわせて読みたいG」の「G」は「ガチャ」の「G」です。『モンスターハンター4G』の「G」じゃなくて。 カテゴリ別あわせて読みた

ガストのチーズinハンバーグが399円 10月9日の本日からガストのチーズINハンバーグ(通常価格499円)が399円に提供されるフェアが開始される。 ガストのチーズINハンバーグは、ふっくらジューシーなハンバーグの中に「カマンベール」「モッツァレラ」「ホワイトチェダー」「パルメザン」の4種のチーズが絶妙なバランスでたっぷり入った、ガストを象徴するメニューで、本年8月にはハンバーグ愛好家たちによって結成された一般社団法人日本ハンバーグ協会が主催する「第一回ハンバーググランプリ」(※1)において、全国チェーンのファミリーレストランで唯一の金賞を受賞した名実ともにナンバー1のハンバーグです。 (※1) 一般社団法人日本ハンバーグ協会が主催する、全国のハンバーグ専門店・飲食店・市販食品を対象に日本を代表するにふさわしい「金賞バーグ」を決定するコンテスト。エコノミーバーグ部門(1,000円未満)に

photo by P!XELTREE はてな村興亡史 hatenablog.com サブドメインPVランキングが大分変動したのでスナップショットをとっておく。このランキングは Who.is というサービスが推計したものだ。過去には Alexaというサイトを利用することが多かったのだが、有料化されてしまったので Who.is を利用するようになった。あくまで hatenablog.com だけで、別のドメインのはてなブログは対象外である。 http://who.is/website-information/hatenablog.com こうしてみると2年前とはガラリと変わって無慈悲な世代交代の波を感じる。2位と3位は「Page Views Per User」が多すぎるし、Similarweb での追試結果も外れ値であることを示しているが、その他のブログはほぼ正確と思われる。 検索流入基盤が確

ソーダストリームで無限に炭酸水を錬成できる 家庭用炭酸水マシンを製造しているソーダストリーム社より、無限炭酸水生成マシンをモニター提供して頂くことになった。ありがとうございます。 私たちは1903年に、家庭で簡単に炭酸水を作れるという、飲料業界において非常に革新的なシステムを開発し、それから１世紀以上に渡り65の特許と198の商標登録を取得し、革新を続けてきました。 そうして市場をリードし、今では世界45カ国60,000店を超える店舗で販売されている家庭用炭酸水マシンのメーカーとして、世界中のご家庭で炭酸水、炭酸ジュースをお楽しみいただける最大級のメーカーとなりました。 暑くなると、ついついコンビニで炭酸飲料水を買ってきてしまいがちなのだけど、お金がもったないし、身体にもよくない。社会的にみてもペットボトル飲料水の製造・運搬・廃棄にかかる環境への負担が大きいわけで、確かに家庭で気軽に炭酸水

記事タイトルにはてブボタンを設置 記事タイトルにシェアボタンを設置しているブログも多いのですが、表示処理が目線に追いついてなかったり、記事を読むまえからズラズラっとボタンや広告が表示されると萎えてしまうことがあります。個人の感想ですが。 そうはいっても、「あとで読む」ためにブクマをしておきたいとか、タイトルだけで大喜利をしたくなるという用途もわかるので、タイトル部分にアイコンフォントではてなブックマークへのリンクを設置する方法を考えました。 ネイティブアドのようにさりげなく 以前につくった、バイラルメデイア風シェアボタンと基本的には同じ構造なのですが、記事タイトル自体にまぎれさせるようにしています。 タイトルの一部のように見えるので、「あとで読む」と思ったときにしか気にならないし、それでいて明示的なアイコンなので誤クリックもないと思われます。 「B!」ボタンの設置方法 デザイン画面の「記事

Google PageSpeed Insightsのスコアがひどい Google Adsense のコンソールを眺めていたら、スコアカード内の「サイトの状況」がひどいことになっていることに気が付きました。 Google Adsense のスコアカードにおける「サイトの状況」は、広告リクエストが最も多いページのPCと携帯端末でのパフォーマンス分析から決定されます。 実はデフォルト状態でもはてなブログモバイル版の PageSpeed Insights の点数は低いので、スコアが「3」になるのはしかたがないのですが、流石に「1」は異常事態なので改善方法を探りました。 画像フォーマットの問題 問題となっているページに対して PageSpeed Insights を実行します。 結果を見るとPCのスコアが大幅に悪化しており、詳細を開くと「〜.png をロスレス圧縮すると XXKB（YY%）削減できま

photo by P4BLoX 公式コピペ設置方法をまとめておきます はてなブログのカスタマイズ記事が季節ごとに新規ユーザー同士で流行るのは風物詩なのですが、http://bulldra.github.io ドメインから配布している自作のブログパーツを直接的に呼び出すコードが別の人からのコピペで紹介されているのを何度か見かけました。 （フィッティングした上での）転載自体は仕方ないのですが、孫引きされて元記事へのリンクや著作物者の情報が消えた状態で紹介されるのはバイラルメディアの直リンク画像問題に近しいものを感じます。 とはいえ利用者からの視点で見ればこちらの解説記事にも問題があったので、能書きはさておいてコピペで簡単に設置できるように公式でまとめておきますね。なお自分のブログにソースコードの転載する場合には必ず著作者を明記し、全文転載はご遠慮ください。孫引きは禁止します。 パンくずリストを

photo by Julia Roy ギークになれない 今年の4月半ばから転職や転居をしてから、適当に忙しくて、適当に充実していて、適当に頽廃している。予測していた通りになったこともあれば、そうじゃないこともあるけど、色々なことが中途半端だからこその楽しさや不安が同居している。 仕事内容も前職に近い「技術も分かる折衝役」に落ち着きつつあって、プロダクション環境のコードを書くような機会はついぞなかったなと。そこに全く不満はないし、適性的にも合っているのだけど、ギークになれなかったコンプレックスのようなものを今更ながらに感じたりもする。ギークになりたかったわけでもないに。 オタクにもなれなかった オタクにも同じような感覚を抱く。よくもまぁ色々なアニメを継続的に見続けていられるなとオタクになりたいわけでもないのに劣等感を感じてしまうというか。 ただ、それから後に放映されたアニメについてはそこまで

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 the infrastructure running until end of September 30th 2015 in a read-only mode. Yahoo Pipes Blog - Pipes End-of-life Announcement 非常に便利なサービスだったので残念です。このブログで配布していたブログパーツにも Yahoo Pipesに依存した処理が含まれているため、修正作業や配布停止を行

てんやの季節天丼が食べたい てんやは定期的に季節メニューを更新していて、「いつもの」とは一風変わった天丼が食べられる。 怖いもの見たさで、牛たん天とかチーズ鶏天とかの変わり種も食べたいのだけど、結局のところで正統派メニューを頼んでしまう。 今回は、「真鯛といかかき揚げ天丼」が季節メニューにあったので、注文する。宇和島産の真鯛を使っているとのこと。 カツオのすり身大葉包み揚げがアクセント 天ぷらの素材は以下の通り。 真鯛といかかき揚げ カツオのすり身大葉包み揚げ 海老 なす れんこん いんげん 宇和島産の真鯛だから良いって事はないのだろうけれど、ふっくらとして美味い。イカの歯ごたえもよいアクセントになっているのだけど、それよりもカツオのすり身大葉包み揚げ衝撃だった。ツナマヨのような味や食感で背徳感のある美味さ。レンコンもポイント高い。 天丼は美味いけれどカロリーも高い そんなわけで満足したの

イームズチェアが欲しい IKEAでアウトレットの机を買ったのだけど、アウトレット品は送料が独立してかかるので、椅子と一緒に送ることができなくて、購入を見送っていた。 椅子については色々な考え方があると思うのだけど、キャスター付きの回転椅子はフローリングを傷つけやすいし、そんなに回転したくない。以前に独り暮らしをしていた時もリビングチェアを常用していた。 イームズチェアのリプロダクト品が安い それでリビングチェアをAmazonで検索していたら、イームズ・チェアのリプロダクト品が安くて驚いた。リプロダクト品とは著作権の切れたデザイナーチェアを別の業者が作成したもので、ジェネリック家具とも呼ばれる。日本の意匠権の有効期限は20年なので、1980年代頃に流行っていたデザイナーズチェアは他の業者が自由に作れる状態にあるのだ。 タンスのゲン Eamse イームズチェア DSW ダイニングチェア デザイ

共同ブログ運営に向けたデザイン 複数人のブロガー達が、毎回のお題に対して、自分なりの答えを書いていく期間限定のブログが立ち上がりました。企画を丸投げしつつ、デザインなどの足回りを担当したので、どんな感じで実装したのかについて解説していきます。 はてなブログを用いて、共通のお題を複数人で執筆する形のブログを運営するのに適したウェブデザインを試行錯誤した時の備忘録って感じでしょうか。 テキストに集中できるデザイン いくつかのコンセプトを混在させているのですが、まずはテキストだけを純粋に楽しめるミニマルなデザインにしました。『Medium – Where good ideas find you.』の影響を受けており、サイドバー、アイキャッチ画像、バナー広告、章分けなどの要素は出来るかぎりなくしています。メールマガジンのような気分で読んでもらえたら嬉しいです。 執筆者ごとに記事を独立させつつ全体で

photo by Roberto Maxwell IT健保最大の福利厚生が使えなくなる SIer を辞めた影響として、もっとも大きいのは「関東ITソフトウェア健康保険組合」の健保会館で運営されている鮨一新（通称：健保寿司）に行けなくなることである。普通の店なら2万円ぐらい取られそうな寿司懐石が5,400円で提供される知る人ぞ知る名店であり、「IT健保最大の福利厚生」とまで言われている。 IT健保（関東ITソフトウェア健康保険組合）最大の福利厚生と言っても過言では無い、鮨 一新。銀座の「かねさか（ミシュラン2ツ星）」の隠れ支店なわけですが、そのクオリティがどんどん向上している気がするのは僕だけでしょうか。 人生の節目には健保寿司があったし、本格的な寿司屋のカウンターは鮨一新でしか経験した事がない。退職に伴ってIT健保の保険証を返すと、他の被保険者の同伴でないと入店できないし、値段も高くなる。

読者アイコンの大きさを指定してWMT警告を消す これは確かに押せない（タップ出来ない）ね・・・・・・ おかげさまで読者登録が700人を超えており凄い一覧になっています。 1面がアイコンな状態です。 これは改善せねば！と思ったのですが、モバイル版をデフォルトで使っていると直し方がわかりません(^_^;) 誰か直し方ご存知の方は教えて下さい。 確かに『Google Search Console』のモバイル ユーザビリティにおいてAboutページ内のアイコンが密集していて「タップ要素同士が近すぎます」という警告が出るんですよね。これはスマートフォン表示においての読者アイコンサイズを設定し直す事で回避可能と思われます。このブログのAboutページでは同様の警告が発生していません。 モバイル表示時における読者アイコンサイズの設定方法 スマートフォン表示のスタイルシートを設定するためには、デザイン設定

Google Analyticsのベンチマーク機能 Google Analyticsにはベンチマーク機能があって、業種や地域を絞った平均値と自分のブログとの特性差異を確認する事ができます。 ベンチマーク機能の使用方法 Google Analyticsで「ユーザー」→「ベンチマーク」→「チャネル」を選択 ベンチマーク先の特性を設定。僕のブログだと「日本国内」の「本や文芸について」でいいのかな。206件の平均値だそうです。 すると自分のブログとベンチマーク先との比較がでてきます。とりあえず1週間分。 ……うん。 自分のブログの特性を知る 僕のブログの導線はバイラルメディアに似ていると書いた事があるのですが、ほんとそうですね。はてなブックマークやSNSやニュースキュレーションなどで一時的に大きく広がるけれど、検索エンジン上は存在しないも同然なので小規模サイトのままだという立ち位置を半年ぐらい続け

はてなブックマーク10周年 はてなブックマークが10周年とのことでおめでとうございます。10年間って改めてすごいなーって思います*1。僕が使う大抵のWebサービスは3〜4年で一段落って感じになるんですよね。 はてなが運営するソーシャルブックマークサービス「はてなブックマーク」（はてブ）が2月10日に10周年を迎えた。10日午後2時現在、サービス公開時のニュースリリースがはてなブックマークのホットエントリに上がっており、ユーザーから「おめでとう」などと祝福のコメントが寄せられている。 『自然言語処理技術を用いたはてなブックマークの新機能「トピック」をベータリリースしました - はてなブックマーク開発ブログ』などの機能もリリースされて「改悪」と言われつつも着実に進化しています。純粋なブクマユーザーとして使っていた頃には全然意識してませんでしたが、良くも悪くもブログのアクセス数や承認欲求的な話と

カスタムURLが捗る Google AnalyticsやGoogleウェブマスターツールを見る時に、意味のあるURL文字列にしておいた方が便利である。日付URLは数が増えると、URLと内容の紐付けが頭の中で出来る範囲を超えてしまうのだ。もちろんページタイトルを取得する画面や方法はあるのだけど、タイトルを変えると集計が分散してしまうし、そもそもデフォルトで出来ないのは面倒。 そんなわけで、はてなブログのカスタムURL機能を使うようになった。英文法的には間違っていても内容がすぐに連想できる。このカスタムURLはGoogleからも認識されていて、マッチすると強調表示される。 この時に区切り文字は「-」にしないとGoogleが単語認識してくれなくて、「_」などで区切るすべきではないというのは、SEO本に書かれている。もっとも、この文字列がマッチしたところで検索順位には関係ないらしく、SEO的な意味