はてなブログ編集画面JSのページャ見どころ紹介 #pagernight - hitode909の日記
昨日，ページャNightという勉強会で，はてなブログのJSの見どころを紹介するLTをした．(昨日の日記)． 資料公開しようかと思ったのだけど，発表資料そのまま公開しても意味不明なので，エントリに書き直すことにした． たとえば，このLGTM画像は発表資料の1枚目で，もし発表資料をそのまま公開したら，こういう謎の画像を解説もないまま見ることになっていたはず． JSのページャいっぱいある はてなブログの編集画面には編集サイドバーというのがあって，写真とかAmazon検索とかTwitterとかinstagramとかあれこれ貼れるようになってる． Amazon検索しても画面遷移するわけじゃなくて，ウェブ2.0という感じで，XHRでJSONを取ってきて，HTMLを組み立てて表示，クリックすると選択，貼り付けを押すとエディタに挿入される，という仕組み． 編集サイドバーから貼れるサービスは10種類くらいあ
「はてな教科書」をgithub上に公開しました - Hatena Developer Blog
こんにちは、id:shiba_yu36です。 はてなのエンジニア陣によって執筆されたウェブアプリケーション作成の基本を学ぶための「はてな教科書」をgithub上に公開しましたのでお知らせします。 はてな教科書は、はてなサマーインターンでも利用されている、約1週間でウェブアプリケーションの基本を身に付けるためのものです。はてなでは日々のウェブ開発で得られたノウハウをこの教科書を継続的に盛り込みながら、インターンシップやエンジニアの新人教育などに利用しています。今回、はてな教科書をgithub上で公開することで、広くPerlを使ったウェブアプリケーション開発に興味を持ってもらえれば、と思います。 いまのところ公開されている資料は、以下の4つになります。 Perl によるオブジェクト指向プログラミング ORM によるデータベース操作 (DBIx::MoCo を使った開発) MVC によるウェブア
Hatena-Textbook/javascript-event-driven.md at master · hatena/Hatena-Textbook · GitHub
JavaScript によるイベントドリブン アジェンダ JavaScript の言語について DOM について イベントについて jQuery について MVC アーキテクチャについて まずはじめに Just moment! Web で JS を使うとき、HTML の知識が前提となることが多い http://www.kanzaki.com/docs/htminfo.html 少なくとも「簡単なHTMLの説明」は押さえておきたい。 目的 講義時間は限られているので JS を学ぶ上でとっかかりをつかめること リファレンスを提示します。概念を理解 言語的部分、DOM 及びイベントドリブンなプログラミング 覚えようとするとクソ多いのでリファレンスひける部分は覚えない JS とはどんな言語であるか? 基本クライアントサイド=ブラウザで動く 実装がたくさんある はてなのエンジニアはみんな誰もがある程
アドレスバーでMyはてブをインクリメンタルサーチ - Csideのダイアリー
アドレスバーに "b" と入力すると検索できる拡張を作った。ダウンロードhttps://github.com/Cside/my-bookmark-seach.crx/downloadsソースコードhttps://github.com/Cside/my-bookmark-seach.crx事の経緯http://b.hatena.ne.jp/my/search.data というページに自分のブクマのサマリー情報が詰まっているということを昨日sohさんのつぶやきで知って*1、これをインデックスに使えばMyブクマを検索できるよねいうことで、勢いで作ってみた。今まで自分のブクマの検索は、公式拡張のポップアップをえいやっと開いてやっていたのだけど、これならほぼ一瞬でできるから便利（のはず）。参考Chrome Web Store - Android SDK Reference Searchソースコードは
Chrome+HTML5 Conference「Webアプリの道も一歩から」講演資料を公開します - Hatena Developer Blog
2011年8月21日(日)に開催されたChrome+HTML5 Conferenceにて、id:nagayamaとid:nanto_viが講演を行ったので、その資料を公開します。「Webアプリの道も一歩から 〜はてなブックマークの場合〜」と題し、公式Chromeウェブアプリ はてなブックマークの開発フローや利用技術について解説しました。発表は2部構成で、ディレクターのid:nagayamaがはてなでのChromeウェブアプリの開発フローに関して、エンジニアのid:nanto_viがウェブアプリで活用しているHTML5関連技術に関して述べています。 Webアプリの道も一歩から 〜はてなブックマークの場合〜 View more presentations from nagayama Web アプリの道も一歩から 実装について by nanto_vi スクリプトの設計 表示内容と URL の切り
はてな技術勉強会 #2 録画公開 「TitaniumによるiPhone/Androidアプリ開発」「iPhoneアプリ開発講座Web連携アプリ編」 - Hatena Developer Blog
こんにちは、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連携アプリ
インターン講義4日目「JavaScript で学ぶ イベントドリブン」 - Hatena Developer Blog
今日行なわれたインターン4日目の講義「JavaScript で学ぶ イベントドリブン」by id:cho45の資料と録画を公開します。今回は、JavaScriptの概要からDOM、イベントドリブンまでを2時間で網羅した密度の高い講義となっています。今回の放送は安定していましたので、音質・画質とも良好にできました。 明日もAM10:30より、JavaScript界の貴公子id:nanto_viによる「ユーザーインターフェース, HTML5」を放送しますので、是非ご覧ください。 自己紹介 id:cho45 - vimmer うごメモチームのエンジニア (7月後半〜) 少し前までブックマークチーム Perl, JS (Scala, Ruby, etc...) サーバサイド・クライアントサイドUI・スマートフォンなど Java や AS も場合によっては書いています 特技 1行コードを書くごとにハ
はてなのサービス間を移動するグリモン - NullPointer's
△のリンク、ダイアリーとブックマーク間を移動するのに便利だったので使ってたんだけど… ダイアリーに限らず、はてなサービス内で気になるユーザーを見つけたとき、そのユーザーが他のはてなサービスを使ってないかどうかを調べるのに地味に便利だったんですけどね、三角。古参はてなユーザーくらいしか使ってる人がいなかったので、消えてしまったのかもしれません。 小さいから分かりにくかったら、大きくすればいいんだ！、なんて簡単に変更しても逆に違和感ばりばりになるだけですね。何か分かりやすい同様のナビゲーション機能があるといいんだけど・・・あるのかな？ そういうのは作ってア・ラ・モード。というわけで今日もまたGreaseMonkey https://github.com/paulownia/greasemonkey/blob/master/hatenawarp.user.js このグリモンスクリプトをインストー
はてなスターをブログに設置するには - はてなスター日記
はてなスターは、はてなダイアリー、はてなグループでは自動的に表示されますが、それ以外のブログサービスでも、利用していただくことが可能です。ここでは、その方法と、はてなスターの仕組みについて解説します。 はてなスターでは、JavaScriptを利用しています。はてなスターの提供するJavaScriptファイルをご自分のブログのページ内で読み込むことで、ページの読み込み完了とともにそのJavaScriptが実行されます。JavaScriptでは、そのページに存在する記事とPermalink（記事ごとの固有のURL）を検出し、その記事につけられたスターの数をはてなスターのサーバに問い合わせます。そして、その結果と、星を追加する「Addボタン」ボタンをページ内に埋め込みます。 「Addボタン」が押された際にも、はてなスターのサーバに問い合わせが行われ、スターの情報が保存されます。 スターの数の表示
SiteConfigWiki - はてなスター
Here is the wiki page for sharing information for Hatena Star, Hatena Star Everywhere Greasemonkey and compatible user scripts. SYNTAX Please specify a host name and configurations for the host as JSON data in Text::Hatena's "Supre Pre Syntax" (>|| .. ||<). You can specify as many configurations for a host as you like. Multiple configurations will be tried in the order written in here. path: '^/[\
コードDJ 第0回 - Fjord, Inc(株式会社フィヨルド)
とうとう始まってしまった。Help me, hackers!に上がったコードの中身を毎回紹介していくコードDJ。 「始まる、始まる」って電波を送信しといたから、宇宙の知識の全てが記録されているというアカシックレコードにアクセスしてた人は、本当にお待たせ。komagata a.k.a. DJです。 第0回といっても準備号的なものってわけじゃなく、ゼロオリジンなだけなので注意だ。 今回紹介するのはコレ。 はてなブックマークのコメントをGoogle Readerに表示するFirefox Add-onかGreasemonkey – Help me, hackers! Google ReaderとはてブはDJも愛用している。正直俺も欲しい。 machibuse a.k.a. ネオニートが投稿してくれた。ありがとう！ 即効でGistにアップしてくれたのがm_satyr a.k.a. short-cod
Hatena Statusというグリモン更新しました - maru source
"Haten Status"というのは、はてなダイアリーの左上にちょっと便利なバーを表示するGreasemonkeyスクリプトです。 Hatena Status for Greasemonkey 例えばid:amachangさん、id:javascripterさん、id:ofkさんのページを見るとこんな感じ。 バーの内容は左から順に バーの開閉ボタン ユーザの被ブックマーク数(カッコ内は1つの記事あたりの平均) ユーザの被スター数(カッコ内は1つの記事あたりの平均) ユーザのTopHatenar ユーザのTwitter(はてなダイアリーと同じユーザ名と仮定) バーの開閉状態は各はてなダイアリー毎に記憶されます。 それと今後新しいバージョンが出た場合、更新のお知らせダイアログが出るようになっています。 よろしければお使いください。 Hatena Status for Greasemonkey
はてなブックマーク開発ブログ
はてなブックマークのブックマーク数が多い順に記事を紹介する「はてなブックマーク数ランキング」。7月13日（月）～7月19日（日）〔2026年7月第3週〕のトップ30です*1。 順位 タイトル 1位 デロイトが国に納品したスライド351枚、全部数えたらパターンは7つだけだった｜うちた 2位 AIで資料作成を終わらす、プロンプト＋パワポ420点｜うちた 3位 子どもが大好きな「トマトと卵の炒め物」を作ったと投稿したら、中国の人から作り方のアドバイスが次々に寄せられる「トマトの皮は剥いて」「ニンニクはたっぷり入れて」 - Togetter 4位 【追加あり】「写真で一言 ボケて」が18年間にわたるサービスに幕…という衝撃に、18年分の「何回見ても笑ってしまう」懐かしすぎる名作ボケが大量に集まる - Togetter 5位 ご来店記念コース★2時間飲み放題付き！ : やきとん三吉 神田北口店 -
新はてなブックマーク件数取得 API を使って自分のページに件数を埋め込む最も簡単な方法 - IT戦記
はてなブックマークから新しい件数取得 API が提供されているようです！ (開発者さま向け)はてなブックマーク件数取得APIに新しいAPIを追加 - はてなブックマーク日記 - 機能変更、お知らせなど この API のいいところは JSONP に対応しているところでしょうね！ すばらしい！ というわけで、 HTML だけで、件数を埋め込む例を書いてみたよ！ やり方は簡単 callback パラメータに document.write を指定するだけ！ <script src="http://api.b.st-hatena.com/entry.count?url=http%3A%2F%2Fwww.example.com%2F&callback=document.write"></script>件のブックマークがあります。 あとは、適当にリンクとか張って <a href="http://b.ha
はてなダイアリーの本文中で部分的にjavascriptが解禁された。 - 情報の海の漂流者
解禁といってもえらい回り道をすれば間接的に、ですけど。 ■d2.hatena.ne.jpで新機能・新デザインのベータテストを開始しました - はてなダイアリー日記 ということで、ベータテスト中のはてなダイアリーを試している。 ファイルのアップロード機能が付いたのが物凄くでかい。 今のところ、一ファイル辺り100MまでOKで、あらゆる拡張子のファイルがアップロード可能。 ちょっと手間を掛けると色々な事ができるようになりそうです。 1.d2サーバーではファイルのアップロードが可能 2.拡張子を問わずどんなファイルタイプでもアップロードが可能 3.1ファイル辺り100MまでOK 4.htmlファイルやjavascriptファイルがアップロード可能 5.アップロードしたhtmlファイル内でjavascriptが無制限に動いている 6.popIn Rainbow等の外部ページをプレビュー出来るブログ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
http://naoya.hatenablog.com/entry/2011/11/07/224643
http://s.hatena.ne.jp/js/HatenaStar.js