10月26日（金）、マイクロソフトから「Windows 8」が発売されました。これまでのWindowsから大きく変化したWindows 8は、タッチに最適化された新しいユーザーインターフェース（UI）が話題を呼んでいます。はてなはWindowsストアアプリ「はてなブックマーク」を同日にリリース。新OSとアプリについて、はてなのエンジニア＆デザイナーと、日本マイクロソフト UXエバンジェリストの春日井良隆さんが対談しました。記事の終わりには、Windows 8 搭載PCのプレゼントのお知らせも！ （※この記事は日本マイクロソフト株式会社によるPR記事です） ▽ Experience the Power of Windows 11 OS, Computers, & Apps | Microsoft ▽ Microsoft Apps ――本日は、はてなエンジニアのid:nobuokaさん、はてな

ブログを「はてなダイアリー」から、自分のサーバーに移転しました。 せっかく移転するなら、2012 年の流行を取り入れた挑戦的なブログにしてみたい！と思い、構想から半年、ついにこの日を迎えることができました。 せっかくなので、凝ったところを自慢させてください。 これが俺史上最強のブログ システムだ ブログ システムとして Jekyll を採用 Jekyll のプラグインを自作 (はてな記法対応、英語ブログとの統合) 履歴管理は GitHub を利用、git push で自動でデプロイ コメント欄には DISQUS を採用、旧ブログへのコメントはインポート済み HTML5 マークアップ、CSS3、レスポンシブ Web デザインでのモバイル対応 盛りだくさんですね。 詳しく説明していきます。 ブログ システムとして Jekyll を採用 最近では WordPress を選ぶのが普通でしょう。Wo

本ドキュメントに関する注意事項​ 本ドキュメントははてなブックマークにおけるエントリー情報を取得するAPI実装を解説するものです。 API使用の解説​ https://b.hatena.ne.jp/entry/json/任意のURL (この任意のURL では # を %23 にエスケープする必要があります) を GET リクエストで送信することにより、JSON 形式でデータを取得することができます。 例:) https://b.hatena.ne.jp/entry/json/http://www.hatena.ne.jp/ 例:) https://b.hatena.ne.jp/entry/json/?url=http%3A%2F%2Fwww.hatena.ne.jp%2F また https://b.hatena.ne.jp/entry/json/ に対し、以下のクエリーパラメータを GET

はてラボ はてなの実験的ウェブサービスがまとまった"はてラボ"。ご存知ですか？ はてなユーザーでも知らないという方も結構いるんじゃないでしょうか。私も存在は知っていましたが、ひとつひとつのサービスを細かく見たことはなかったんです。久しぶりにじっくり見てみたら、すごく便利なサービスを思い出しました。 その名も"Hatena::Let"。ブックマークレットを作成して、公開する事ができるウェブサービスです。自分で作る事が出来なくても、ここで便利なブックマークレットを見つけて利用する事もできます。 今日はAndroidアプリの紹介に最適のブックマークレットを見つけたので、そちらを紹介したいと思います！ Androidマーケットからアプリ情報取得 ウェブ版のAndroidマーケットがリリースされたことで、アプリの紹介記事が書きやすくなりました。しかし、このブックマークレットでこれまで以上に楽に！！面

この三ヶ月ではてなブックマークiPhoneアプリの新バージョンとAndroidアプリを開発してきました。 両方共担当はエンジニアid:ninjinkunとデザイナーid:kudakurage、総合ディレクションid:nagayamaです。同じ開発者がiPhoneアプリとAndroidアプリ両方を作った事例として、なかなか面白いのではないかと思います。開発期間はちょうどそれぞれ一ヵ月半ずつでした。 自分にとってもブクマチームに移動してから初めての大きな仕事だったので、両方共思い入れがあるプロダクトです。開発話と一緒に、スマートフォンアプリを作る際の流れや、気を付けていることなどをまとめようと思います。（長いです） 開発プロセス iPhoneもAndoirdも開発の流れは基本的に一緒で、以下のような流れになります。 機能の検討 UIの検討 実装 ざっくり並べただけではWebサービス開発と変わり

遅い原因も調べてますがとりあえずその辺は後述ということで、先に新型はてブボタンの動作を速くする方法から書いていきます。 まずはてブのボタン配信ページから貼り付けコードを取得します。こんな感じの HTML スニペットがもらえると思います。 <a href="http://b.hatena.ne.jp/entry/http://sakuratan.biz" class="hatena-bookmark-button" data-hatena-bookmark-title="さくらたんどっとびーず" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"> <img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリ

2010年のはてなブックマークで多くのブックマークを集めた人気エントリーのランキングトップ100を発表します。あなたがブックマークしたエントリーはいくつランクインしているでしょうか？（集計期間：2010年1月1日〜12月24日） 2010年 はてなブックマーク年間ランキング（2010/1/1-2010/12/24） 1位Windows XPの起動時の長いディスクアクセスは、Windows Updateの履歴が溜まりすぎていたせいだった？！ - 全力HP 2位ネットで見れるすごい企画書 - NAVER まとめ 3位20歳を過ぎてから英語を学ぼうと決めた人たちへ | The Wisdom of Crowds - JP 4位radiko(ラジコ) | ラジオがインターネット（アプリやパソコン）で無料で聴ける 5位ウェブ制作者・アフィリエイターが知っておくべき便利な６２のサービス - 副業クエスト

こんにちは、id:stanakaです。昨日開催された、はてな技術勉強会 #2の資料&動画を公開します。今回は、翌日に公開できました。今後もこのスピード感を維持したいものです。 「TitaniumによるiPhone/Androidアプリ開発」 id:r_kurain いま最も注目をあつめる、スマートフォンアプリ開発環境であるTitaniumについて解説します。 インストールなどの導入から、簡単な Twitter クライアントの作成までの一通りの開発について実際に動く様子を確認しながら説明していく予定です。 TitaniumによるiPhone/Androidアプリ開発View more presentations from kurain. サンプルコード: https://github.com/kurain/TitaniumMobileSample 「iPhoneアプリ開発講座Web連携アプリ

YAPC::Asia Tokyo 2010 で LT してきました。以下はその資料(に少し説明を追加したもの)です。 mod_rewrite 正規表現によるURL書き換えモジュール スイス製アーミーナイフ / 黒魔術 まだ Apache 使ってますよね? reverse proxy とか… はてなの mod_rewrite 活用事例 ほぼ reverse proxy URLにより用途別のbackendに振り分ける 用途によりbackendを分けリソース効率化 特定のアクセスをキャッシュサーバーに振る URL加工 Squidにキャッシュさせたいが同一URLで異なるコンテンツを返す場合がある →クエリに情報を付加する BAN! 便利な半面… 増える! $ cat jp.www.proxy.apache.conf | grep Rewrite | wc -l 179 テストしづらい! → 一行加

2010年9月にはてなの最高技術責任者（CTO）に就任した田中慎司です。はてなの技術全般を見ていく仕事をしています。現在の筆者が注目する技術の一つがクラウドで、はてなのサービスでも利用を始めています。クラウドの技術というと、アプリケーションの実行環境が取り上げられがちです。筆者も2010年3月にセミナーで講演したり、クラウドについてのエントリーを書いたりしました。今回は、クラウドの利用で見逃せないもう一つの部分、クラウドのストレージサービスを、クラウドの利用を検討するエンジニア向けに解説します。 ■ クラウドのストレージサービスとは はてなのようなWebサービスを実現するには、ざっくりいって2種類の環境を用意する必要があります。一つは、サービスを動かすためのアプリケーションを実行するサーバ環境で、もう一つがユーザからアップロードされる多数のコンテンツを保存するストレージ環境です。Micro

『http://kengo.preston-net.com/archives/002866.shtml』経由 はてブと Google のリストに favicon を表示できる Greesemonkey スクリプトがあった]ので導入してみました．そこのコメントで議論されているように，favicon.ico が存在しないサイトがあるとガタガタになってしまう欠点があります．製作者の jun29 さんと同じく，私も favicon があると楽しいですから，それで全然問題無いです． でもやっぱり，favicon.ico が無いサイトには Firefox のデフォルトアイコンを表示させたいですよね．そこで，スクリプトを改良しました． 改良版スクリプト それぞれのスクリプト名には 2 って付けて違うものにしてあります．同時にインストールした場合は，どちらかを Disable にしましょう． まず Goo