縦書き表記をサポートするテキストレイアウトエンジン·Nehan MOONGIFT
NehanはJavaScript製のオープンソース・ソフトウェア。コンピュータはアメリカ発とあって、左から右に表記されるのが基本だ。アラビア語のように右から左に表記される場合もあるが、それでも横に流れるのは変わらない。日本語のように縦に書かれることは考慮されていない。 だが日本人である以上、慣れはあるとは言え縦書きの方が分かりやすい。それは今後電子書籍が流行っていく中で必ずネックになるはずだ。とは言え出力自体縦書きにするのは難しい。そこで表示だけを切り替えるのがNehanだ。 NehanはHTMLでは通常通り横向きに書かれている文章をJavaScriptを使って縦書きに変換する。カギ括弧など単純に縦に並べると問題のある文字は画像を使って置き換えてくれる。これによってぐんと見やすい状態になる。 実際の使い方としてはclassの中に幅、高さ、フォントサイズを指定する程度で良い。特に何も考えずに
いまさらアルゴリズムを学ぶ意味
いまさらアルゴリズムを学ぶ意味：コーディングに役立つ！ アルゴリズムの基本（1）（1/3 ページ） 本連載ではアルゴリズムを学ぶ、または学び直すことで、プログラミングのスキルを深めていきます。アルゴリズムは学問として取り扱われることが多いですが、この連載では開発の現場に役立つスキルを身に付けることを目的とします。初回は、アルゴリズムを学ぶ意義について。コンピュータに「3の倍数と3の付く数字」を判断させるにはどうしたらいいか。発想力を鍛えよう。 アルゴリズムを学ぶ意味 IT技術者である読者の皆さんなら、普段から何げなく「アルゴリズム」という言葉はよく使っていることでしょう。しかしあらためて「『アルゴリズム』とは何か」と問われて、すぐに明快に答えられるでしょうか。 また、IT技術者であってもアルゴリズムをきちんと勉強した人は意外と多くないのではないでしょうか。大学で学んだとか、入社後の新人研修
JavaScriptでradiko.jpを制御する·RadikoJS MOONGIFT
RadikoJSはJavaScript/Flashによるオープンソース・ソフトウェア。radiko.jpの人気が高い。ラジオの電波状況など関係なく、滅多にラジオを聴いてこなかった人もパソコンからであれば手軽に使えて聴けるようになる。さらに最近ではTwitterなどを通じて他のユーザと情報交換も可能だ。 おうっ、小さい！ だが聴くために都度rakiko.jpへアクセスするのは面倒という人も多い。特にあの大きなプレーヤが常時表示されているのはノートPCでは邪魔に感じる人は多いだろう。そんな人に朗報だ、RadikoJSはごくごく小さなrajiko.jpプレーヤだ。 大きさで言えば小さなバナー程度の大きさだ。自分のサイトに貼り付けておいたりすると便利かも知れない。小さいとは言え、放送局の選択はもちろん、再生と停止もできる。全く機能的には問題ないレベルだ。これ以上の軽量化はないのではないだろうか。
Greasemonkeyスクリプトの開発で役に立ったサイトや本 - Alone Like a Rhinoceros Horn
Firefox にこんな機能があればいいなあ → ん、Greasemonkey というのでできるらしいぞ → ユーザースクリプトとやらを書けばいいのか → どうやって書くんだ？ というところからスタートして、最終的に自作のユーザースクリプトを公開するに至るまでの間、参考にしたサイトや本をできるだけ自分の学習順に時系列に沿って列挙してみました。 JavaScript を少々かじったことのある人が Greasemonkeyスクリプトを書いてみようと思い立ったときに、その学習の指針というか、道標のようなものとして役立つリンク集になればいいなと思ってます。 Greasemonkey まずは Greasemonkey ってなんだとか、ユーザースクリプトってどう書くんだというのを調べるところからスタート。（以下小見出しがリンクになっています） Greasemonkeyの開発をまとめてみる ここで Gr
MicrosoftがIE9披露 新JavaScriptエンジン搭載でHTML5をサポート
米Microsoftは3月15日、次期版Webブラウザ「Internet Explorer（IE）9」を自社のMIXカンファレンスで披露した。開発者向けプレビュー版もリリースした。 プレビュー版はMicrosoftのサイトからダウンロードできる。開発者にIE9の進捗を知ってもらうため、β版リリースまで8週間ごとにアップデートする（ただしMicrosoftは、プレビュー版はレンダリングやスクリプトエンジンなどプラットフォームのコア部分に軽量フレームを載せたもので、あくまでもテスト用であって日常的に使っているブラウザの代わりになるものではないと注意を促している）。IE9のデモを体験できるIE9 Test Driveサイトも設けた。 IE9の大きな特徴の1つは、Microsoft社内で「Chakra」と呼ばれる新しいJavaScriptエンジンだ。マルチコアを活用する設計になっており、JavaS
JavaScript、速度の次は互換性がポイントに Chromiumチームがブラウザで動くテスト・スイート公開 − ＠IT
2010/03/12 Chromium開発チームは3月11日、JavaScript処理系の互換性をチェックする「Sputnik」を公開した。Sputnikは、もともと単体のテストスイートとしてオープンソースで公開されていたが、今回新たにブラウザ単体でSputnikを走らせる機能を追加して公開した形だ。自分のWebブラウザの互換性チェックができるほか、開発者は互換性やバグの検証に使えるとしている。 Sputnikは、JavaScriptを標準化した仕様「ECMAScript Language ECMA-262」（日本語訳）に基づいて、5000以上のテスト項目を含むという。
ストリートファイター系ゲームまで！ゲーム用jQueryプラグイン·gameQuery MOONGIFT
gameQueryはJavaScript製/jQueryプラグインのオープンソース・ソフトウェア。iPhoneでストリートファイター4が発売になったと話題になっている。最適化処理が行われているのだろうが、意外とiPhoneでも遊べるレベルで動作する。アクションゲームまでこなせるようになるとiPhoneの可能性は飛躍的にあがりそうだ。 なんとストリートファイター系！ しかしもっと手軽に遊びたいならばWebブラウザベースで動作する方が良さそうだ。Webブラウザで動くゲームと言えば、これまではFlash製のものが多かった。だがこれからは違う、JavaScriptでゲームが作れるようになる。それを実現するのがgameQueryだ。 gameQueryでまず目を引かれるのがストリートファイター風ゲーム「JavaScript Fighter」だろう。デモなので自分で動かすことはできないが、二人のキャラ
ニコニコ動画をHTML5で見るbookmarklet - saiten@blog
性懲りも無くニコニコネタです。 iPadでも結局Flashが搭載されなかったこともあって、最近Flashの代替手段としてHTML5がやけに押されているので、ものは試しでニコニコ動画のFlashプレイヤーをHTML5で構成したプレイヤーに置き換えるbookmarkletを作ってみました。iPhone/iPadのvideoタグの動作がマシになってれば、iPhone/iPad上でも動くかもってな期待込みで。 使い方は、下記のbookmarkletをニコニコ動画の再生ページ(http;//www.nicovideo.jp/watch/*)上で実行するだけです。実行すると標準のFlash製プレイヤーを、HTML5+javascriptで構成したプレイヤーに置き換えます。 javascript:(function(){var e=document.createElement("script");e.s
ライフハッカーお勧めの多機能ブックマークレットQuixを試したら本当に便利だった - かちびと.net
この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 ライフハッカーで紹介されていた 高機能なブックマークレットの Quixを試したら本当に便利でした のでご紹介します。使いこなせば かなりブラウジングやWeb制作 の助けになりそうです。 Quixの使い方はいたって簡単で、指定されているコマンドを入力するだけ。以下のようにブックマークレットを使って出るテキスト欄にコマンドを入力します。 短いコマンドを入力するだけでGoogleの様々なサービスや、Web制作に役立つFirebugやxray、Twitterやtumblrにポストする事も可能。 コマンドの数はかなり多いので個人的にお勧めのコマンドを抜粋します。 Quixにはおよそ90ものコマンドが用意されており、ブックマークレットを使って出るテキストエリアにそのコマンドを入
JavaScript基本概念最速マスター - TechTalkManiacs
プログラミング言語の文法をまとめた最速基礎文法マスターが流行っていますが、それだけだと物足りないので少し視点を変えてJavaScriptという言語の基礎となっている概念について簡単にまとめてみようと思います。(基礎文法についてはこちらを参照してください) (20010/2/4 記述ミス Typoなどを修正しました) JavaScriptの基本概念 JavaScriptの基本となる概念は次の二つです。 連鎖指向 全てがオブジェクト 連鎖指向はプロトタイプチェーンやクロージャ、全てがオブジェクトであるという性質は連想配列やプリミティブ型などの性質に関わってきます。 連鎖指向 JavaScriptでは変数、オブジェクト、メソッドなどのリソースの利用において鎖のようにリソースを定義や宣言できるポイントが連なり、一番近くの宣言や定義に基づいてリソースの内容が決定される、という仕組みが採用されています
見るべし、試すべし！オンラインのSVGエディター·SVG-edit MOONGIFT
SVG-editはWebベース/JavaScript製のオープンソース・ソフトウェア。時々こういうソフトウェアに出くわすからオープンソースの紹介は止められない。オンラインで動作するWebアプリケーションは多数存在し、画像編集すらオンラインで行えるようになっている。 オンラインでSVGを作成、編集！ そういったソフトウェアは大抵Flashを使って動作する。だがSVG-editは違う、JavaScriptのみで動作するのだ。jQueryを用いたソフトウェアになっており、Webブラウザ上でSVGファイルを編集、作成できるようになっている。 まるで画像編集ソフトウェアのようなインタフェースをもち、右側に並んだツールアイコンを使ってドローができる。文字を書いたり、円や四角を描くこともできる。直線や自由線を描き、色を変更することだって可能だ。オブジェクトは描画後にドラッグして移動したり回転させることも
yebo blog: JavaScriptでPDFを生成するライブラリ「jsPDF」
2010/01/12 JavaScriptでPDFを生成するライブラリ「jsPDF」 JavaScriptでPDFを生成できるオープンソースのライブラリ「jsPDF」というのがあるそうだ。サーバーサイドJavaScriptでも利用できる。面白いかも。 var doc = new jsPDF(); doc.text(20, 20, 'Hello world!'); doc.text(20, 30, 'This is client-side Javascript, pumping out a PDF.'); doc.addPage(); doc.text(20, 20, 'Do you like that?'); // Output as Data URI doc.output('datauri'); 投稿者 zubora 投稿時間 09:47 ラベル: Open Source, Progra
Ext JSを使った高機能グループウェア·Feng Office MOONGIFT
Feng OfficeはPHP製Webベースのオープンソース・ソフトウェア。Webベースのグループウェアは2000年頃には既に存在していたが、それから10年以上経過してもあまり進化していない。機能が出来上がっていると言えばそれまでだが、もっと進歩しても良いはずだ。 リッチなインタフェースのグループウェア 機能的なものはもちろん、インタフェースもそうだ。Feng Officeは新しいグループウェアの形として知っておくと役立つかも知れない。元々OpenGooとして知られた高機能グループウェアが名前を変え、さらに発展したものがFeng Officeだ。 Feng OfficeはPHP製のグループウェアで、Ext JSを使ってエレガントなインタフェースを提供している。機能はノート、メール、コンタクト、カレンダー、文書、タスク、リンクそしてレポートとなっている。オブジェクトにはタグを付けて管理できる
SVGを使ったものすごいグラフライブラリ·dygraphs JavaScript Visualization Library MOONGIFT
dygraphs JavaScript Visualization LibraryはJavaScript製のオープンソース・ソフトウェア。グラフライブラリは多数あれど、大抵は円グラフや棒グラフなどのシンプルなグラフを描く機能しかない。高度なグラフを描こうとすると利用できるライブラリは途端に少なくなる。 高機能なグラフライブラリ また高度なグラフはクライアントサイドだけでなく、サーバサイドの仕組みが必要になることも多い。そんな中dygraphs JavaScript Visualization Libraryはとても簡単に使えるグラフライブラリになっている。JavaScriptでSVGを描いてグラフ化するのだ。 主なグラフはX-Y軸を持った折れ線グラフになるようだ。とはいえ測定範囲を含んだグラフを描いたり、グラフの一部をマウスを使って拡大する、マウスオーバーすると値が表示されるなど高度な機能
ハイテンションAjax入門 - 三等兵
JSが少しできる人ならうじうじ考えるほどのこともでもない！ 何も難しいことはない！ぶっとんぢまいなよ！ヒャッパー！！！ というノリでAjaxを学んでみました。醜いです。 Ajax入門 Ajaxはいろいろできるんだぜ！ 以上入門終り！キミは完璧だ！次いけ！ Ajaxは非同期通信だかなんだかそんなもんはどうでもいいんだ！ どうでもいい！そんなことよりもXMLHttpRequestオブジェクト生成！ var request = false; if(window.XMLHttpRequest) { request = new XMLHttpRequest(); //frefox ie7,8 safai opera } else if(window.ActiveXObject) { try { request = new ActiveXObject("Msxml2.XMLHTTP"); // ie6
ExcelデータのWeb化で情報共有をスムーズに
Webクエリでダイナミックにインターネットやイントラネットのデータを収集 今回は、「Office Excel（以下、Excel）データのWeb化」をテーマに業務効率を高める手法やツールを紹介したい。 連載Index 【第1回】「脱・Excel」から脱するためのExcel活用 【第2回】ExcelデータのWeb化で情報共有をスムーズに 【第3回】オフィスに眠るExcelデータから新発見？ クロス集計を活用する 【第4回】Excel＋OLAPでスタートする「身近なBI」 前段として、Excelに搭載されている「Webクエリ機能」を利用し、WebとExcelのデータを同期させながら、ダイナミックに情報を収集する方法について触れておこう。これは、WebデータをExcelデータとして取り込む方法である。今回の「ExcelデータのWeb化」とは逆のプロセスとなるものの、WebからExcelに最新データ
SVG + VMLのJavaScriptグラフィックスライブラリ·Raphaël MOONGIFT
SVGは技術的に注目を集めていても実際に利用されている場面はそう見かけない。ブラウザ上でドローを描くだけであれば、画像で十分という話であるし、アニメーションを必要とするならFlashがあるからだ。かつIE6をはじめとするレガシーなブラウザで動作しないという最大の問題がある。 だがFlashに比べれば扱いやすく、テキストベースなのでシステムとの親和性も高い。また画像とは違いインタラクティブな動作ができる。そんなSVGの利用を推進するのがRaphaëlだ。 今回紹介するオープンソース・ソフトウェアはRaphaël、JavaScriptのグラフィックスライブラリだ。 RaphaëlはSVG、VML、JavaScriptを使ったグラフィックスライブラリだ。グラフやSVG、様々なオブジェクトを描き出すことができる。もちろんJavaScriptによって刻々と変化するアニメーションやマウスの動きによって
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Welcome to nginx!
michaelv.org
GitHub - tbtlr/gordon: An open source Flash™ runtime written in pure JavaScript
