今日が最終出社日でした。溜まった有給休暇を消化して、正式には5月14日をもって退職です。入社したのが2007年5月1日なので、ちょうど14年間働きました。入社当時29歳だったのが今や43歳です。そう考えると長いですね。 僕がはてなに入社した時は、鉢山のインキュベーション施設の一室にオフィスを構える20人くらいの小さな会社でした。Web2.0ブームや梅田さんのウェブ進化論が話題になっていた頃で、憧れの会社だったんですよね。当時ヤフーで働いていて、業界では一番大きな会社だったからベンチャーのスピード感や情報をオープンにしていく姿勢が眩しくて、自分もこんな会社で働きたいと思って飛び込みました。 社内で最初のディレクターだったのではじめは開発チームにはエンジニアとデザイナーしかいなくて、大変だったけど重宝されていろんな仕事をさせてもらえました。14年間の主な仕事をリストアップするとこんな感じです。
インフィード広告とは、 記事一覧のようにリストアップされたコンテンツの中に、 溶け込むように配置される広告です。 記事一覧 Google Adsenseでは、 他のリスト要素と似せた広告を自動的に生成することができ、 サイト全体の外観を損なわない形で広告を挿入することができます。 広告を設置するためには、 設置したい場所に広告のHTMLコードを配置する必要があるのですが、 「はてなブログ」では、記事一覧などのHTMLを直接編集できません。 そこで、JavaScriptを使って、 はてなブログで用意されているHTMLを上書きすることで、 広告を挿入する必要があります。 ここでは、 JavaScriptをあまり触ったことのない人でも、 何をしているかわかるように解説しながら、 はてなブログにインフィード広告を貼る方法を紹介します。 広告コードの用意 広告ユニットの生成 広告コードを取得 広告コ
今回は、はてなブログの中で使っている画像を一括でダウンロードする方法について紹介します。 WordPressへの移行時にも大活躍する技なので、ぜひ覚えておいてもらえればと思います。 はてなブログでは、はてなフォトライフに写真などの画像データがアップロードされています。 私の場合、ブログに使っていない画像も含めて５７７４個もの画像データがはてなフォトライフにアップロードされていました。 はてなフォトライフにアップされたブログの画像数 これを一つ一つダウンロードするのは非現実的です。 そこで今回は、はてなブログ内で使っている画像をはてなフォトライフから一括でダウンロードする方法を紹介します。 流れとしては、以下のようになります。 はてなブログのデータをエクスポートブログ内で使われている画像のURLを一括で抽出フリーツールで一括ダウンロード はてなブログのデータをエクスポート まず、はてなブログ
Nov 14, 2019 (Updated on Git: Apr 25, 2022) · 11 min read · nothing-special uncategorized · 去る2019年10月に、完全に思い付きで独自ドメインに移行したわけよ。 もう長いことデフォのはてなブログURLで運営していたから今更感満載なんだけど、 最近Google様の立て続けのアルゴリズム変更でアクセス減してるし、独自ドメイン変更のデメリットなんて無視できるんじゃね？っていうノリで。 んでんで、タイミングよく10月にリリースされたサーチコンソールの新ツール「アドレス変更」を試してみることに。 そしたら、「1 件以上の必須のテストに失敗しました。リクエストを続行できません」っていう問題発生ｗｗ なんでやねん！！ってことで、今回は試行錯誤してる中で、その解決方法の糸口が見つかった気がするのでメモ。 余計な前
こんにちは、坪内佑樹です。Web上では、ゆううき（@yuuk1t）と呼ばれています。 僕は現在、さくらインターネット研究所で研究員を務めています。専門領域は、ITエンジニアが情報システムに対して常に変化をもたらしながら、同時に情報システムの信頼性を高めていくための技術である、Site Reliability Engineering（SRE）です。 これまで、大学院を中途退学したのち、Webサービス企業でWebオペレーションエンジニアおよびSREを5年間務めました。そして昨年（2019年）の2月から現職で研究開発に取り組んでおり、今年はさらに情報系の大学院の博士課程に社会人博士として進学します。 本記事では、昨今注目を浴びているSRE分野において「代表的プロダクト」を作ることに憧れ、それを目標の軸に据えて、なぜエンジニアから研究者になる「選択」をしたのかをご紹介します。 大学で研究するより、
2016年8月、はてなの3代目CTOとして就任した大坪弘尚さん（32）。田中慎司さんの後を継いで1年。不安やプレッシャーを感じながらも、大坪さんはどのようにCTOという役職と向き合ってきたのか。そして、葛藤の末に見つけた大坪さんならではのCTO像とはー？ はてな CTO就任から1年 2016年7月。はてなでCTOとして6年にわたり活躍してきた田中慎司さん（現はてな技術顧問）の退任が発表された。後任として抜擢されたのが、大坪弘尚さん（id:motemen）だ。 大坪さんの経歴をカンタンに振り返っておこう。 はてなと大坪さんとの出会いは、学生時代の2006年までさかのぼる。東京オフィスでアルバイトを開始し、2008年の本社が京都に移転するタイミングで正社員として入社。 その後は田中さんの薫陶を受けながら、アプリケーションエンジニアとして『うごメモはてな』や『はてなブログ』、『はてなランド』、『
Webサービスの開発は、ユーザ/顧客へ価値を早く届けるため、競合より早くリリースするため、人的リソースを無駄使いしないためなど、とにかく素早く進めたいものですね。一方で、開発を急ぐあまり品質を犠牲にすればかえって価値が失われたり、技術的負債が溜まって長期的なコストが大幅に増大する可能性もあります。開発速度とプロダクト品質は基本的にはトレードオフの関係にあるのでしょう。 開発速度と品質のどちらを優先するかはプロダクトの性質や、チームもしくは会社の状況によって異なるとおもいます。この状況の認識がチームメンバー間でずれていると、チームのパフォーマンスを最大限に発揮できないばかりか、チーム内の関係悪化も招きかねません。エンジニアたちとプロダクトオーナーの間の対立のようなありがちな問題の原因の一つかもしれません。 そこで、開発速度と品質のトレードオフをどう判断すべきかの基準を明確にして、原則それに従
この記事は、はてなエンジニアアドベントカレンダー2016の1日目の記事です。 8月よりCTOになりましたid:motemenです。たいそうな肩書きがつきましたが、引き続きチーフエンジニアという役職も兼任しており、これまでどおりアプリケーションを書きつつ、技術組織の開発・改善をおこなっています。 せっかくの機会なので、このエントリでは現時点でのはてなのエンジニア組織の概観と取り組みを紹介しようと思います。 技術グループ はてなにおいてエンジニアと呼ばれる職種の人は、それぞれが提供するサービス（ウェブサービス、スマートフォンアプリ、インフラなど）を軸とする開発本部に属しつつ、職能を軸とした横串の組織である「技術グループ」に所属する、という形態を採っています。現時点で、ここに属するのは40名強になっています。 会社を駆動させていくお金を生み出すのは造られたシステムであったり、営業活動であったりす
YAPCでおもしろ発表してきた． はてなブログの開発を振り返って設計の進化と最高の設計を紹介するという話． speakerdeck.com なぜか大人気発表みたいになってて，会場満員で，すみませんこんなところに来ていただいてすみませんというかんじだった． 紹介した本はこちら．予約投稿で仕込んであって，発表終わったら，こちらから買ってくださいとかやろうと思ってたけど，すっかり忘れてた． YAPCの発表で紹介した本 - hitode909の日記 質問たくさんいただいて，よいかんじにおさまったと思う． 「難しくて挫折するという問題がありますよね」「歯を食い縛って実装しろって書いてあった」 #yapcasiaE— そらは (@sora_h) 2015, 8月 21 Q: 「コメントの良い書き方は？」 A: 「オブジェクト指向入門下巻に書いてあります」 ↓ 「買って読みます。」 #yapcasiaE
はてなブックマークが、2015年8月19日で10周年を迎えます。これを記念し、はてなニュースでは10年間の歴史を振り返るさまざまなデータをご紹介！ まずは、2005年から10年間のブックマーク数ランキングトップ100を発表します。10年間で最もブックマークされたエントリーは……？ 各年代別のランキングもあわせてご覧ください！（集計期間：2005年1月1日～2015年5月31日） ■ 10年間のブックマーク数ランキングトップ100 10年間のブックマーク数ランキング（2005/1/1～2015/5/31） 順位 タイトル 1位 Yahoo! JAPAN 2位 Twitter 3位 niconico(ニコニコ) 4位 急がばまわれ式・堅実で一番効率的な英語の勉強法 5位 20歳を過ぎてから英語を学ぼうと決めた人たちへ | The Wisdom of Crowds - JP 6位 はてなブックマ
はてブの機能を組み合わせるとこんなことが出来る。 まぁまずは見てほしい。 http://bukuma-diver.com/ ブックマークをWeb上に記録したり、Webページにコメントを付けたり出来るサービスは世の中にたくさんある。日本においては、はてなブックマーク、いわゆる「はてブ」が最王手最大手である。 そのため、ややIT系に偏っているものの、はてブのホットエントリーをチェックすればネットでの旬のページをだいたいチェックできる。 さらにはてブの拡張機能を入れると、閲覧しているページのブックマーク数が表示されるため、そのページがどれくらいブックマークされているかで人気度を把握することが出来る。それだけでなく、拡張機能のボタンをクリックすれば閲覧中のページに寄せられたコメントを確認することも出来る。 そしていつしか、「ブックマーク数が多いほど良いページ」となんとなく思うようになり、「良い」と
みんな元気ー？ ローラだよー。えーっ、メロス怒ってるのー？ あんまり怒るとお肌に良くないよー？ メロスがシラクスの街ってところにお洋服を買いに行ったんだってー。ローラもオシャレ好きだよー。あ、妹のためなんだー？ メロスやさしいねー☆ そしたらなんか街の様子が暗かったんだよねー。王様が街の人達の首をはねていたんだって。えっ、こわーい。絶対痛いよねー？ 怒ったメロスがお城に行ったら逆に捕まっちゃってー。死刑になっちゃうんだよねー。メロスがさー、妹の結婚式にいきたいから、セリヌンティウスを人質に置いていくよって王様にお願いしたんだー。そしたら王様が言ったんだよねー。ウフフ、オッケー☆ そんでメロスが走っていくんだけどー。ローラはねー、走るのあんまり好きじゃない。でも友達のためだったら頑張って走るよー。楽しいねー。 でもお城に戻る途中で、川にかかっていた橋が壊れていたんだってー。メロス大ピンチじゃ
株式会社はてな（代表：近藤淳也／東京都渋谷区）は、ソーシャルブックマー クサービスはてなブックマークのベータ版を開始しました。 「はてなブックマーク」 http://b.hatena.ne.jp/ はてなブックマークはブックマークを通じて他の人とつながったり、注目の話 題を簡単に探すことができる、国内初のソーシャルブックマークサービスです。 はてなブックマークで提供される機能は、以下の通りです。 ◇ブックマークを自動でカテゴリー分けして整理します。 追加したブックマークは、音楽、映画、ウェブ、コンピュータ、スポーツなど、 自動でカテゴリーわけされ整理されます。このカテゴリーをクリックすると、 はてなブックマーク全体でこのカテゴリーに登録された他のエントリーを見る ことができます。 ◇ブックマークに含まれるキーワードを元に、関連したページを探すことがで きます。 ユーザーがブックマークした各
http://anond.hatelabo.jp/20140529173455 暇な女子大生さんが、どの程度はてなーたちの心をつかんで姫として君臨しているか… まだ未知数であるというのが、私の見解です。 はたして彼女は姫となるのか？ 確かにブレイク初期のブコメ群には、彼女への興味・期待が熱量となって満ちていた気がします。 ブックマークページから色が見える…というのは私の持論です。 冷笑のコメントが多ければペールブルー。悪意が大きければパープル。賛同はオレンジ、怒りは真紅。 彼女へのブコメ群が放っていた（と私が考える）色は、マゼンタ90％。 広い意味での知的興奮と、性的な興味が入り混じっていたように思います。 あくまで私の実感にすぎませんが。 しかしながら現在では、彼女の快進撃をわりと冷ややかに眺めている人が多そうです。 なにやら怪しげなネット人脈を築き始めたことで、これは静観だ… と、訓練
はてなブログで「デザインテーマコンテスト」が開催されています！ オリジナルデザインを投稿してAmazonギフト券を当てよう！ 「はてなブログ デザインテーマコンテスト」開催 - はてなブログ開発ブログ 使われている"id"や"class"がわかっていると デザインしやすいのでザックリさらってみました。 おおよそこんな感じ。 body（トップページで.page-index、記事ページで.page-entryが追加）div#globalheader-containeriframe#globalheader（ヘッダ[メニューやHatena Blogロゴ、Hatenaロゴなど]）div#containerdiv#container-innerheader#blog-titlediv#blog-title-inner（タイトル画像）h1#title（ブログ名）h2#blog-description（
何人かの方に気に入って使っていただいたようなのですが、以前の記事では jQuery だけベロっと貼ってあってわかりずらかったので、きちんと通して説明するために、改訂版として本記事を書くことにしました。 改訂版といってもまとめ直しただけで、コードが改「善」されたわけでないのであしからず…(´・ω・｀) はてなブログのサイドバーの「カテゴリ」表示、よく一般的なブログで見かける「タグクラウド」のようにしたいと思う方は少なくないと思うのです。そもそもこの、記事にキーワードをがしがし追加してく感じって「タグ」じゃないのかなぁ…というわけで、自分のブログでもやってる「タグクラウド」表示の仕方を以下にまとめました。 ちなみにタグクラウドっていうのは↓みたいなやつです。ここにあるコードではこんなに格好良くはなりませんが（苦笑） Original by Markus Angermeier. Vectoris
いまいちどんな機能があるのか分からないので、わかった範囲内でメモをする。 Markdownモード Markdown記法に対応しました - はてなブログ開発ブログ 記事をMarkdownで書くことができる。管理画面から編集モードを変更することで利用可能。 bタグの類なども併用できる(気持ち悪いけど)。 スーパーpre記法 はてなダイアリーでおなじみの記法。ソースコードがシンタックスハイライトされるのでよく利用される。 アクセス解析で見られるデータを過去30日分に増やしました - はてなブログ開発ブログ スーパーpre記法のシンタックスハイライトについて、はてなダイアリーで使用できるものすべてに対応しました。さらに、CoffeeScriptやioなど、新たにいくつかの言語にも対応しました ということで既にはてなダイアリーは超えているらしい。 はてなブログの雰囲気からいってもしかしたらこのあと更
[Web開発者のための]大規模サービス技術入門 ―データ構造、メモリ、OS、DB、サーバ/インフラ (WEB+DB PRESS plusシリーズ) 作者: 伊藤直也,田中慎司出版社/メーカー: 技術評論社発売日: 2010/07/07メディア: 単行本（ソフトカバー）購入: 80人 クリック: 1,849回この商品を含むブログ (129件) を見る 机を片付けていたら見つけた。いやー懐かしいですね。2009 年のインターンを基にした本だったと思うけど、もう 5 年前だもんな。僕は講師として参加していました。Perl や ORM/WAF をひと通りやった後の、インターン講義の後半の週の内容ですね。読んでみると当時のはてなのノウハウが詰めこまれていて、面白い。2010 年の本だからといって古臭いわけでもないのは、単なるハウツーでなく、本質的なところに重点を置いてるからだと思う。 とはいえ時代を
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
