テーマ:JavaScript

日経ソフトウエア(2010年12月号)に JavaScript のコラムを寄稿

今月23日に発売された 日経ソフトウエア(2010年12月号) に2ページの短い記事を 寄稿させて頂きました。特集1『HTML5 時代が目前!本気で学ぶ JavaScript』の中で、 『HTML5 は JavaScript プログラムをスマートにする』というコラムです。 Shibuya.js にいる人たちがやってるような…
トラックバック:0
コメント:0

続きを読むread more

ウェブリブログに、はてなスターを貼る手順

ウェブリブログに、はてなスター を貼ってみた手順メモ。 はてなスターは、最近話題の『いいね!』『Like!』みたいなレイティング・投票機能の一種です。 はてなダイヤリーに限らず、他のサイトにも 簡単な JavaScript だけで手軽に★機能を追加できます。 1. はてなスターのページ http://s.hatena.ne.j…
トラックバック:0
コメント:2

続きを読むread more

DISQUS CommentsのTwitterコメント投稿・表示欄を掲載する手順

TechCrunch でも使われている DISQUS COMMETNS が便利です。 JavaScript のコードを貼るだけで、自分のブログやウェブサイトにコメント欄を追加できます。 コメントを投稿する人は、Twitter アカウントで認証できるのでラク。(OpenIDも可) 投稿されたコメントは、そのまま Twitter で流…
トラックバック:0
コメント:3

続きを読むread more

ウェブリブログでトラックバックの表示を削除するスクリプト

トラックバックは死んだ と言われて久しいですが、ウェブリブログは「ブログ」サービスなので、 今もトラックバック機能が付いています。表示エリアも結構大きい。ときどきは便利なんですが、 最近は滅多に使われないので、『トラックバック (0件)』の表示エリアをまるごと削除して しまうスクリプトを書いてみました。ウェブリブログの表示が少しス…
トラックバック:0
コメント:0

続きを読むread more

Bookmarklet Viewer/ブックマークレットのJSソース表示(iPhone・iPad用)

新しいブラウザを使い始めるときはいつも、ブックマークレットの登録から始めるのですが、 iPhone・iPad では、javascript: のリンクをブックマーク登録できないため、 ブックマークレットの登録が大変面倒です。そこで、ブックマークレットのソースを表示して、 コピー&ペーストすることでブックマークに登録しやすくするブック…
トラックバック:0
コメント:1

続きを読むread more

#lltiger 「LTの虎」で #shibuyajs チームが優勝!「3D JavaScript」

2010年7月31日(土)は、虎ノ門のニッショーホールで開催された軽量プログラミング言語に関する総合カンファレンス「Lightweight Language Conference 2010」こと(通称:LL Tiger)に参加。出場8チームがトーナメント方式で対戦していく LT ライトニングトーク大会『LTの虎』に Shibuya.js…
トラックバック:0
コメント:0

続きを読むread more

flickr の写真をブログに貼り付ける際に便利なブックマークレット

Flickr の写真をブログに貼り付けたいときに便利なブックマークレットを書きました。 通常は、最新の fr(2) または img2html をご利用ください。(2010/9/26更新) ・fl = そのウインドウで画像のみを表示する版 ・fH = HTML ソース生成版 ・fr = title/width/height 対…
トラックバック:0
コメント:2

続きを読むread more

Blogger『TicTac Blue』テンプレートをCSS/JSでiPhone対応

MovableType 4、ウェブリブログ に続けて、今度は Blogger (Blogspot) のブログを iPhone で読みやすくしてみます。川崎は『TicTac Blue』テンプレートを使っています。 これは2ペインのテンプレートで、ボディが460ピクセル程度とかなり狭いやつです。 右側のナビゲーションをページ下部に追い…
トラックバック:0
コメント:5

続きを読むread more

ウェブリブログ(1ペイン・横700ピクセル)を iPhone 対応させる

2~3ペインの MT4 のブログを iPhone 対応 させた続編。 ウェブリブログは、横幅700ピクセルと(今では少し狭い)1ペインのシンプルなブログです。 ナビゲーションバーを追い出す必要もないので、iPhone で読みやすくさせるのも難しくありません。 まず、 設定→表示項目設定→サイドバー表示項目設定→フリー…
トラックバック:0
コメント:0

続きを読むread more

script・css・img・iframe が読み込まれるタイミング調査

HTML の script 要素はインラインで評価(実行)されるので、 document.write() でページに HTML を追記できる。 src="" で外部 JS ファイルを指定すると、その外部 JS の読み込み中は ブラウザの描画が止まるのは知られている。 つまり、外部 JavaScript は素早くダウンロードできる…
トラックバック:0
コメント:0

続きを読むread more

Google Closure LibraryフルスペックJSフレームワーク+Templates

Google から新しい JavaScript フレームワーク Closure Tools が登場。 まだ試していないけど、ドキュメントを流し読みするだけでも涎が出てくる。 事前コンパイルが基本なので、ブラウザでの実行速度も速そう。 フルスペックだけど、Google各サービスで使われているコードがベースらしいので、 実績もあって…
トラックバック:0
コメント:0

続きを読むread more

HTML5.Audio - JavaScriptからMP3再生ライブラリ(HTML5風)

HTML5 では <audio> 要素 が使えるようになって、JavaScript からも再生操作ができるようになるわけですが、すぐには普及ブラウザでは使えないので、代わりに、Flash 経由で音声再生するライブラリ HTML5.Audio を書いてみました。 デモ1:HTML5.Audio で音を鳴らすデモ デモ2…
トラックバック:0
コメント:0

続きを読むread more

OSDC.TW 2009(台北)で JSAR デモを世界初披露!

先週末は、台湾のオープンソース系カンファレンス OSDC.TW に参加してきました。 OSDC.TW は、昨年に引き続いて 2回目の参加となります。 前回は、Wii リモコン+Gainer を使った DOM 操作について発表しましたが。 今回は、『The JUI Digest Taipei』と題して、JavaScript を活用し…
トラックバック:0
コメント:0

続きを読むread more

JSARToolKit - JavaScriptでAR拡張現実(Augmented Reality)

川崎は、リアルデバイスとか、ネットとリアルが繋がるようなユーザ・インターフェース周りの技術に特に関心があるわけですが、リアルな世界を拡張した情報を表示する AR (Augmented Reality) も、新しいインターフェースの形として面白いです。 とりわけ、Adobe MAX で FLAR のデモ があまりに素敵だったので、J…
トラックバック:0
コメント:0

続きを読むread more

ページタイトル+URLをTwitterに投稿するブックマークレット

ブックマークレットを書いてみました。 今見ているページのタイトルとURLを Twitter に手軽に書き込めるブックマークレットです。 最近、Twitter ユーザが増えて、楽しくなってきたので。 たぶん同じものが既にありそうだけど、ブックマークレット作成の練習も兼ねて。 『面白いページを見つけたので、はてブや delici…
トラックバック:2
コメント:1

続きを読むread more

[JavaScript] 海外の canvas 3D 技術

海外のサイトでも、canvas を使った 3D が紹介されていました。 だいぶ一般的な技術になってきたんですね。(ウソです…) でも、jscloth ほど高度ものはまだ見つかってません。(ご存知の方は教えて!)   canvas を使った 3D でモーションブラー http://www.kaarellumi.co…
トラックバック:0
コメント:0

続きを読むread more

[JavaScript] data scheme 全盛時代の到来か!?

JavaScript の data スキーム を使った興味深いデモ2本。   data:audio/wav で演奏できるドラムマシーン http://www.themaninblue.com/experiment/JS-909/ 事前に base64 エンコードした wav 形式の音声データ を利用して、再生しています。 …
トラックバック:0
コメント:2

続きを読むread more

gyuqueさんのJavaScript 3Dが熱い! Google Chromeのキラーアプリに!?

gyuque さんのピュア JavaScript の 3D デモが熱すぎるのでご紹介。 各デモの再生は、Google Chrome を強く推奨です。 Google Chrome の速さは、JIT 搭載の V8 だけでなくて、 描画エンジンの Skia もポイントらしい。(⇒詳細) IE では動きません。Firefox は少し遅い…
トラックバック:0
コメント:0

続きを読むread more

出張JUIカンファレンス in Adobe MAX Japan 2009 を開催しました

昨年5月に開催したThe JUI 2008 Tokyo の第二弾として 『出張 JUI カンファレンス』を先日、1月30日に開催したので(遅れたけど)ご報告。 JUI は、JavaScript のユーザインターフェース技術に関するカンファレンスで、 今回は Adobe MAX Japan 2009 内の1セッションとしての出張開催…
トラックバック:0
コメント:0

続きを読むread more

Brendan Eich - JavaScriptインタビュー記事(InfoWorld)

InfoWorld の記事 JavaScript creator ponders past, future で、 JavaScript の作者 Brendan Eich のインタビューが掲載されている。 そのうち、後半の JavaScript 2ネタなど。(印刷版 の方が読みやすい)   以下、メモ抄訳。 JavaScri…
トラックバック:0
コメント:1

続きを読むread more

The JUI カンファレンスご来場ありがとうございました♪

19日(月)は、会社のセミナールームを借りて、JavaScript を活用した ユーザインターフェース技術に関するカンファレンス The JUI 2008 Tokyo を開催しました。 会場は100名以上の方でほぼ満員と大盛況! ご来場いただいた皆さま、本当にありがとうございました。 また、スピーカー各位もお疲れさまでし…
トラックバック:0
コメント:0

続きを読むread more

The JUI 2008 Tokyo カンファレンス開催のお知らせ

The JUI カンファレンスを開催します!   jQuery ライブラリ UI チーム の Paul Bakaus さん、 20年後の日本のWebを牽引 する id:amachang さん、 Twitladder の inucara さんら豪華スピーカー陣を招いて、 今どきな Web のユーザインターフェースについて語り合う…
トラックバック:0
コメント:0

続きを読むread more

ワンクリック翻訳機能付『S6』で、国際化JavaScriptプレゼンテーション

OSCD.TW 2008 の発表では、amachang が開発した JavaScript ベースのプレゼンテーションツール S6 をベースにさせてもらって、エフェクト簡易指定機能とワンクリック翻訳機能を追加した独自バージョンを利用しました。 その 追加したコード と、サンプルのスライド を公開したので、ご紹介。 このバージョ…
トラックバック:0
コメント:1

続きを読むread more

JavaScript+Canvasでもうちょっと3Dっぽく

前回の JavaScript+Canvasによるリアルタイム3Dアニメーション を拡張して、 面を色塗りしてみるようにした習作。⇒デモを見る Canvas の fillStyle を利用しています。 ただし、まだまだ制限たくさん。 法線ベクトルの計算をしていないので、陰面処理もやってません。 とりあえず、透き通ったよう…
トラックバック:1
コメント:0

続きを読むread more

JavaScript+Canvasによるリアルタイム3Dアニメーション

JavaScriptで、リアルタイムに 3Dアニメーション表示 を行うのは原理的に難しいけど、 Canvasを使えば結構実用的に動いてくれた。⇒デモ Firefox、Opera、IE で確認しています。(IE では、Google の excanvas.js を利用) まだ完成していないけど、Canvas を使ってワイヤフレ…
トラックバック:0
コメント:0

続きを読むread more