IT戦記

プログラミング、起業などについて書いているプログラマーのブログです😚

JavaScript

Facebookページの顔、「Welcomeページ」のとことん簡単な作り方

はじめに みなさんこんにちはヽ(´ー`)ノ 本日、Facebook ページにウェルカムページを簡単に追加できるサービス「ウェルカムページメーカー」をリリースいたしました! どんなサービスなの? Facebook ページを持っている人なら、誰でも「とことん簡単に」ウ…

WebKit サーバーというものを作ってみた

みなさん お久しぶりですヽ(´ー`)ノ夏休みの宿題終わりました? 毎日が夏休みの最終日みたいな生活してるあまちゃんです! さてさて 今日は WebKit サーバーというものを作ってみたので、紹介してみます。 WebKit って何? WebKit っていうのは Chrome や S…

明日は Kanazawa.JS です!

はじめに 実家のある金沢で JavaScript のイベントが行われることになり。 明日がその当日です! 参加される方は、忘れないように参加してくださいね! http://kanazawajs.tumblr.com/v1-0/ 僕はとういうと 今、絶賛準備中です! こちらで準備の様子を書いて…

はてなダイアリーにいいねボタンを置く方法

たっち! みなさん、こんにちは お元気ですか、僕はアイスのあとラーメンを食べて気持ち悪い状態ですが元気です。 さてさて 最近は、フェイスブックやミクシィやツイッターなどの SNS で面白いと思ったモノを紹介し合う文化が定着してきているような気がしま…

ツイッターのふぁぼられ時間表に色を付けてみた

はじめに 何曜日の何時ごろにどれだけふぁぼられているかも表にしてみました。 Twitterで最もふぁぼられる時間帯は? - さまざまなめりっと おおおお。おもしろーい。 と、言うわけで じゃーん、色付けしてみた。 10 fav 以上 50 fav 以上 おおお 色を付ける…

サイボウズで学んだこと

はじめに 2010 年 9 月 15 日を持ちまして、サイボウズ・ラボを退職いたしたました。 報告も兼ねて、久しぶりにブログを書いてみたいと思います。 (写真はゆうすけべーさんです) この会社に入って、たくさんの学びと思い出がありました。 その一つ一つをま…

IE で、透明なオーバーレイ要素に mouseover 、 mouseout イベントが発生しない

はじめに IE では透明なオーバーレイ要素のマウスイベントのハンドリングがおかしい たとえば 以下のページで表示されている要素には透明な div がオーバーレイされています。そして、その要素に mouseover が発生すると背景を青くしています。 試してみてく…

要素が document につながっているかを高速に調べる方法

とある要素が document につながっているかどうかを調べたい! とりあえず、ほとんどすべてのブラウザで出来る方法としては、 parentNode で確認することができますね。 function isElementInDocument(node) { do { if (node === document) { return true; }…

Firefox に outerHTML を実装する

outerHTML について outerHTML とは Mozilla 系のブラウザ以外のすべてのブラウザで使える要素の HTML が文字列として取得できるプロパティです。 alert(document.body.outerHTML); // => body の HTML がすべて見える(例:<body><h1>It works!</h1></body>) というわけで 以下の…

はてなダイアリー新機能「Twitter記法」を使って、トゥギャッターを引用するブックマークレット

はてなダイアリーがバージョンアップしましたね!!!! やったー! 主な新機能・改善の内容 バージョンアップに伴う新機能・改善の主な内容は以下の通りです 管理画面を大幅刷新しました。デザインを調整し、ナビゲーション改善など使い勝手の改善を行いま…

Tabnagging の自衛用 User JavaScript を書いてみた

Tabnagging というフィッシング手法があるそうです。 詳しい内容は、以下の記事をごらんください。 ブラウザでたくさんのタブを開いてネットサーフィン! あなたが知らないうちに非アクティブなタブの内容が偽のGmailページに書き換えられた!(タブのアイコ…

Mixi の Gmail 連携機能からマイミクを一括追加するブックマークレット

Gmail のコンタクトリストからマイミクの追加が出来るようになったみたいですね! 『mixi』の「友人を招待」ページhttp://mixi.jp/invite.plや「メアドでマイミクリクエスト」ページhttp://mixi.jp/add_friend_mail.plにおいて、「Gmail」のアドレス帳を読み…

はてなモノリスで一括フォローするためのブックマークレット

はてなモノリスが登場しましたね!! はてなモノリス サービス終了のお知らせ このサービスは、各種商品を投稿することで「モノ」に対するコメントを共有するものみたいです! これはきっと、フォロワーがたくさんいたほうが楽しいに違いない!!! と言うわ…

サーバーサイド jQuery をやってみる!

最近、社内で PHP Spidermonkey が流行って(?)いるようです><! Cybozu Inside Out: SpiderMonkeyを使ってPHPでサーバーサイドJavaScript id:ama-ch さすがです>< というわけで 僕も、 PHP の Spidermonkey でどのくらいのことが出来るのか試してみま…

社内勉強会の資料を公開します

社内で HTML の勉強会がありましたので その資料を公開いたします。 Google Slides - create and edit presentations online, for free. ではでは、良い週末を

hCalendar を使って予定を公開しよう!

はじめに みなさん、こんばんわ! さてさて最近のことですが、 Google の検索結果にイベントや予定へのリンクが表示されるようになりましたね!(まだ、英語版だけですけどね^^;) ASCII.jp:Google、リッチスニペットでイベントの日時や場所表示に対応 …

ウェブページから NG ワードを消すグリースモンキー

id:otsune さんの RT 論を読んで あと「公式RTだろうが非公式だろうが返信だろうが何でもいいけど、オレはタイムラインに◯◯の文字が見えるのが嫌なんだ」って要望は3年前から存在する。オレの持論は何十回も言ってるけど「すべてのブラウザはNGワード機能を…

文字の情報を調べるためのブックマークレット

ウェブで見かけた文字が、やたら気になることがあるので 作ってみました javascript:location.href = 'http://www.fileformat.info/info/unicode/char/' + (function(r){ var n = r.startContainer; var p = r.startOffset; return (n.nodeType == 3) ? n.no…

「ツイート」を「ツイート(笑)」に置換するブックマークレット

【急募】twitterトップページのツイートをツイート(笑)に置換するグリモン notfunc on Twitter: "【急募】twitterトップページのツイートをツイート(笑)に置換するグリモン" というわけで書いてみた javascript:var r=document.evaluate("//text()[conta…

live な NodeList の作り方

live な NodeList 概要 NodeList の IDL interface NodeList { Node item(in unsigned long index); readonly attribute unsigned long length; }; Interface NodeList - Document Object Model Core 「live な」NodeList とは DOM の変更が動的に反映される…

XPath に文字列を埋め込むときの注意

よく、以下のように XPath に文字列を埋め込む事があります document.evaluate('//*[@class="' + text + '"]', document, null, 7, null); まあ、僕もよくこんなコード書くんですけど。 でも、これって text が外部から来るものだったら、意図通りの動作をし…

HTML5 のセクションアウトラインを生成してみよう!

昨日 HTML5 のセクションアウトラインを取得する JavaScript - IT戦記 という記事で、以下の JavaScript ファイルを公開しました Outliner.js で 公開したのはいいのですが、 @amachang 使い方がわからんです…。見てるページで試せるように、Bookmarkletにな…

HTML5 のセクションアウトラインを取得する JavaScript

id:vantguarde さんが HTML5 のセクション 3 箇条を書かれて紹介しています スタイルシートやスクリプトの都合には使わないこと。それらにはdivを使うこと。 article, aside, navが適切な場合には、そちらを使こと。 セクションの先頭に見出しが自然に存在し…

新はてなブックマーク件数取得 API を使って自分のページに件数を埋め込む最も簡単な方法

はてなブックマークから新しい件数取得 API が提供されているようです! (開発者さま向け)はてなブックマーク件数取得APIに新しいAPIを追加 - はてなブックマーク日記 - 機能変更、お知らせなど この API のいいところは JSONP に対応しているところでしょう…

本を検索して yonda4.com に呟きやすくするブックマークレット作りました

はじめに Twitter 経由で、読んだ本を紹介しあえるサイト yonda4.com がリリースされましたね! twitterで読書記録。読んだ4! このサイトは @yonda4 に本の名前をつぶやくだけで、本の紹介ページが生成されるという「本格書籍紹介サイト」です! すごいです…

みんなの願い事が分かる API

みなさん!七夕ですね! 七夕といえば、願い事! みなさんは、どんな願い事をしますか? そして、気になるあの子はどんな願い事をしているのでしょうか? 気になりません? それならこれ! Twitter ユーザーみんなの願い事が以下の API に集まって来るようで…

HANDAN☆メーカーというサービスを作った

はじめに はてブのコメントで客観ぶって「判断は保留」とか言ってるやつが一番チキンで最悪。はてブみたいにあれだけ個人が保護された環境下においても自分の中にまともな判断基準を持てないような輩は普通にポピュリズムに突き動かされて差別とかヘイトスピ…

はてブプラスの提供枠をニコニ広告風に表示する

はじめに http://b.hatena.ne.jp/guide/plus がリリースされましたね! エントリーページに提供っていうのが表示されているのが楽しいですね! でも、もっともっと提供っぽい感じにしたらおもしろいんじゃないかと思って作ってみました! 以下のような感じに…

はてなブックマークプラスに登録していないユーザーをエントリーページから抹消する JavaScript と Greasemonkey

はじめに http://b.hatena.ne.jp/guide/plus がリリースされましたね! というわけで、「てなブックマークプラスに登録していない(正確には、 plus アイコンを出していない)ユーザーをエントリーページから抹消する JavaScript」を書いてみました!! これ…

Mozilla 台湾の audio 要素のデモが超カッコいい

Firefox 3.5 から audio 要素という音楽を再生するための要素が導入されますが、 Mozilla 台湾のサイトに載っている audio 要素のデモがすごくかっこよかったので紹介します。 百聞は一見にしかず Firefox 3.5 (現状 Beta 4)で見てみてください http://moz…