WebMidiLinkがわずか40行でなしとげたとてつもないブレイクスルー - aike’s blog
3日前にg200kgさんが提案したWebMidiLinkという規格がすごすぎていまだに興奮がさめやらない感じ。DTMとWebの世界はいったいこれからどうなってしまうんだろうという気持ちです。 WebMidiLinkは、ひとことで言うと「MIDI over window.postMessage」というようなもので、とてもシンプルなアイデアながら、これまで多くの人が夢想してしかし誰もできなかったWeb楽器のアプリ間接続を実現してしまいました。 けっして複雑な手法ではなく、マスター側約20行、スレーブ側約20行の合計40行程度で誰でも実現できてしまいます。ブレイクスルーはすぐ目の前にあったのです。みんなが模索している中、とてもクレバーでクールな解決方法を提示しました。 Web楽器はまだ新しい技術です。これまでFlashベースやJava Appletベースの楽器アプリがそれなりの数ありましたが、去
大きなディスプレイでPDFなどの文書を読むときは横スクロールが最強だと思うので実装してみた - このブログはURLが変更になりました
以前から、縦幅基準に1ページまるごと収めても十分読めるほどディスプレイが大きいのであれば、PDFビューアのページ遷移は水平方向にスクロールすべきだと思ってたんですね。 画面が広いとこういうの無駄だよね。 じゃあこうすればいいんじゃね？ 画面を縦にするって手もありますが、こういう風に横に並べると複数ページにまたいで確認できるのもメリット。ワイド液晶なら3ページぐらい表示できちゃうかも。 しかし… しかし既存のPDFビューアで水平方向にスクロールできるものは見当たらず、またPDFビューアを1から作るほどのスキルはないのでどうしたものか。 で、そういえばJavaScriptで実装されたPDFビューアがあったな、ということを思い出しました。 mozilla/pdf.js @ GitHub お、JavaScriptなら俺でも改造できるかも？ということで、水平方向にスクロールできるPDFビューアを作っ
CSS3で笑い男 - jsdo.it - Share JavaScript, HTML5 and CSS
CSSアニメーションの練習に作ってみた chromeのみ動作確認 /*参考*/ 笑い男 SVG : http://d.hatena.ne.jp/fls/20061023/p1 /*修正*/ before,after要素を導入 <div id="Laughing_man"> <div class="out-frame"> <div class="in-frame"> <div class="hat"> <div class="eye eye-left"></div> <div class="eye eye-right"></div> </div> <div class="mouth"></div> </div> <div class="text"> <span class="p1">I</span> <span class="p3">t</span> <span class="p4">h</
まさに発想の転換。Jailbreak無しでiPhoneをFlash対応にする方法。
まさに発想の転換。Jailbreak無しでiPhoneをFlash対応にする方法。2010.01.22 11:30 iPhoneがFlashに対応するのを首を長ーくして待っている方。なんと、Jailbreak無しでもFlashがiPhoneで再生できるプレイヤーが登場しました。 JavaScriptで書かれたオープンソースFlashプレイヤー｢Gordon｣は、FlashファイルをJavascriptを通してブラウザに指示することができるもの。このプレイヤーをページに組み込めば、iPhoneのSafariからFlashが見れてしまうということなんです。いやぁ、この発想はなかったわ。 開発者のページではソースコードのダウンロードとデモが見れます。 [Gordon via Slash dot japan] （遠藤充）
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
Googleのトップページを開くと毎秒100回JavaScriptが実行されるよ - 射撃しつつ前転 改
FirefoxがCPUを常に15%ぐらい食うのが気になっていたので調べてみたら、Googleのトップページを開くとものすごい勢いでJavaScriptが実行されることがわかった。具体的には、var k=t.value;k!=h&&X(0);h=k というコードが毎秒100回実行されている。このせいで、自分の使っているPCだと、Googleのトップページを開くだけでCPU使用率が2%ぐらい上がっているようだ。Firefox特有の問題というよりは、ウェブページ側の作り方に依るものみたいだ。たぶん他のブラウザでも問題は変わらないだろう。 Googleのトップページの場合、コードを調べてみた限りでは、原因はどうも検索候補の自動補完用のコードみたいだ。現在の入力文字列が過去の記録と違ったら補完の提示をやり直す、みたいなことをやっているように見える。 HTMLではテキストボックス内のテキストが変更され
スクロールさせると動くステレオ写真 :: デイリーポータルZ
先日、画面をスクロールさせると動く動画、というのをやった。（⇒「スクロールさせると動く動画」） これをステレオ写真でやったらどうなるだろう？ ちゃんと飛び出す動画になってくれるだろうか？ （T・斎藤） 前回の復習 前回、以下のようなことがわかった。 ・連続写真を縦に並べたものをスクロールして見ると動いて見えた。 ・ただし普通にスクロールしても動いて見えない。画像の縦幅に合わせてスクロールするのがポイント。そうなるよう簡単な細工を施した。（JavaScriptで実現） ではさっそく、新作を用意したのでカーソルキーの「→」を連打、または押しっぱなしにして動かしてみよう。 ちゃんと見えたでしょうか？ （ここがクリアできてないと今回は先に進めないので） ＩＥ と Firefox と Safari にてちゃんと動くことが確認できているので、たぶん大丈夫だろうと思うが、ブラウザによっては、間違って「↑
他人の記事のタイトルを使ってスパムリンクを大量に貼ってるウザいページ - by edvakf in hatena
Firefox だとおかしいと言われたので直した。 querySelectorAll を使ってるので Firefox 3.5 以上、Opera 10 以上、Safari 4.0 以上なら使えるはず。 Google検索の上位に表示されているページが元ページへのリンクを貼っただけのサイトでイラッとしたのでグリモン書いた - 今日もスミマセン。 深江直人(カッペ)さんのサイトは邪魔だよね、という話 - 隠れん坊将軍の隠れ蓑 常日頃からウザいと思ってました。 いや、別に検索結果で元の記事より下に来てくれるならあまり文句は言わないのですが、元記事はずーっと下のほうにあるのにこういう役に立たない自動生成ページが上に来るのが許せないのです。 というわけで、snaka さんが最初に書いてた UserJS をフォークしてみました。 http://gist.github.com/153078 http://g
はてなブックマーク一覧が非表示にされているブックマークページで一覧を表示するスクリプト - 風柳メモ
追記 http://b.hatena.ne.jp/bookmarklist?url=〜の方からもブックマークコメントが取得できなくなったため、動作しなくなっています。 はげしく今ごろになっての感はありますが、気にせずに。 コメント一覧非表示機能について - はてなブックマークヘルプ のような設定がされているブックマーク一覧ページであっても、一覧表示を行うスクリプトです。 ブックマークレットは各種ブラウザで動作します。 Windows XP SP3上のFirefox,Sleipnir(IE7),Google Chrome,Opera,Safariでは一応動くみたいです。 ブックマークレット javascript:(function(){var%20s=document.createElement('script');s.charset='UTF-8';s.src='http://furyu-
はてなダイアリーを軽くする設定 - os0x.blog
『「このエントリーのブックマークコメント」アイコンを表示する』をOFFにする*1 ←このアイコンのこと。 効果のほどは下記の画像でご納得いただけると思います。 ON OFF なんでこんなことに 以前どこかで読んだんですが、はてなスター以前はどのJavaScriptライブラリを使うかといったルールがなかったそうです。 実際、ブックマークコメント表示機能が実装されたのは結構古く、当時Prototype.jsの対抗馬として注目されていたMochiKitを使って実装されています。上の画像の差分はすべてMochiKit関連のものです。 今となっては Ten.js への統合が進んでいるので、早めにこの機能も実装しなおしてほしいです。 きっかけ:DragonflyのNetworkタブがちょっと実用的になってる - もし高校野球の女子マネージャーがOpera Browserを使ったら - チーム俺等 ちな
郵便番号マップを作ってみた - てっく煮ブログ
ビジュアライジング・データ ―Processingによる情報視覚化手法 を読んでたら「アメリカの郵便番号を地図上に図示する」という例が出てきたので、これの日本版を作ってみました。 郵便番号マップ内陸地がぽっかりあいてるのが不思議だったり、色でどのへんの地域が近い番号なのかが分かったり、いろいろ興味深いです。絞り込み機能先頭の数字で絞り込む機能もつけてみました。これが東京（1XX）。これが中国四国地方（7XX）。うっすら四国の海岸線が見えます。今週は、これを作っていく過程を紹介していきたいと思います。乞うご期待。ビジュアライジング・データ ―Processingによる情報視覚化手法作者: Ben Fry, 増井俊之(監訳), 加藤慶彦出版社/メーカー: オライリージャパン発売日: 2008/12/01メディア: 大型本 連載目次（予定）郵便番号データをデータベースに入れるgeocoding
クリックジャッキングってこうですか？ わかりません
↑ この透過されているiframeは、ブラウザの最前面に配置されています ※はてなにログインしていると、どのようにボタンが被っているのかわかりやすくなります
[JS]複数のレイヤーをずらして動かし立体感を与えるスクリプト -mParallax
ユーザーのマウス操作にあわせて、複数のレイヤーをずらして動かし、パララックス（視差）効果を与えるスクリプト「mParallax」を紹介します。
ウェブリブログ：サービスは終了しました。
「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 ※10秒後にBIGLOBEのおすすめページに遷移します
SleipnirとPOP辞書を使って英文サイト読む - ふぃすたぶろぐ
こんなエントリーを発見して、せっかくなので普段自分が使ってるSleipnirで英文のサイトを読むときに便利な機能(スクリプト)を紹介しておきます。 まず、Sleipnirを知らない人はこちらへどうぞ。 持ってない人はここから最新版をDLできます。IE6以下のバージョンを使ってる人やIE7じゃちょっと物足りない人はこの機会に使い始めてもいいかもしれません。最初は簡易版のGraniがお勧め。Anti-IEの人は無理せずFireFoxへどうぞ。 Sleipnirは持ってるけれど、スクリプトは使ったことがないという人は、予めキーボードのF12を押して"全般"にある"スクリプトによるクライアントの操作を許可する"にチェックを入れておきます。 そしてここに行き"POP辞書を表示"と書いてあるリンクをクリックしてスクリプトを適当なところに落とします。DLが完了したら.zipになっているので解凍して"PO
青空文庫ゲートウェイ
青空文庫ゲートウェイとは? 青空文庫は、専用ソフトを使うか、WEBブラウザで見ることができます。ただ、前者はダウンロードとインストールが必要、また後者の方法は手軽な反面、長文を読むには縦スクロールがストレスになるなど、一長一短です。「青空文庫ゲートウェイ」は、手軽なWEBブラウザ方式を見やすく改良した閲覧方法です。 青空文庫ゲートウェイはbookreader.jsを使って、青空文庫を紙媒体ようにページめくりしながら読むためのサービスです。縦スクロールが無いと、視線移動が減りブラウザでも意外と(?)長文が読めます。お試しください。 サービスは無料なの? テキストファイル自体は、青空文庫のサーバから取り込みますし、プログラムもJavaScriptなのでサーバへの負荷はほとんどありません。有料化することはありませんが、プロクシサーバの負荷が高くなるようならばGoogleAdを入れるかも。 boo
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
1ビット音楽 - 音の鳴るブログ
TOKI WOKI. Scroll Clock
jsmario.com.ar
新はてなブックマークの登録ブックマークレット - Ogawa::Memoranda