文字をJavaScriptで画像のようにレンダリングする·typeface.js MOONGIFT
Webサイトを見ていると、文字を画像に置き換えたサイトを見ることがある。思い描いている見せ方をそのまま表示させたいときなど、デザインを重視するサイトでよく見られる工夫だ。しかし問題はそのメンテナンス性の悪さだろう。 奇麗に文字が表示されるようになる それに適切に説明文を入れておかないと文字読み上げブラウザなどでは何も情報が得られなくなってしまう。そうした煩雑さから解放されるライブラリがこれだ。 今回紹介するオープンソース・ソフトウェアはtypeface.js、文字をSVG画像に変換するJavaScriptライブラリだ。 typeface.jsは指定した文字をそのままcanvasタグを使ったSVG画像に変換する。CSSを使って文字装飾を行うことができ、太字/イタリック/色変更を変更できる。他にもfont-stretch（横幅）、文字間隔、行の高さなどを指定することが可能だ。 選択すると文字全
MOONGIFT: � Web上で音声入力を可能にする「w3voiceIM.js」:オープンソースを毎日紹介
音声入力というのはずっと昔からあるわりには一般的な普及が進まない技術だ。もちろん、何らかの障害がある方々の間では利用されているが、もっと一般に普及しなければよりよい技術革新やコスト低減などが臨めないのではないだろうか。 単語の認識精度は高い そんな中、一つのきっかけになり得るソフトウェアが登場した。なんとJavaScriptを埋め込むだけで音声入力が可能になる。 今回紹介するオープンソース・ソフトウェアはw3voiceIM.js、Web APIを使った音声認識ライブラリだ。 w3voiceIM.jsはw3voice.jpで提供される音声認識エンジンをJavaScriptだけで利用できるようにするライブラリだ。テキストボックスやテキストエリアに対して利用可能で、オブジェクトをダブルクリックすると音声入力のダイアログが表示される。 Pukiwikiに組み込まれた例。テキストエリアに音声入力でき
280 Slides - Create & Share Presentations Online
AutoPPT: The Best AI PPT Maker & Presentation AI Tool Beautiful AI Presentations Made in Seconds Powered by AI. What is Autoppt.com? Autoppt, the ultimate AI PowerPoint maker. We’re committed to delivering the best AI PowerPoint generator, working tirelessly to perfect it. Just enter your topic, and our AI PPT generator instantly creates a beautifully designed AI slideshow. You can also upload doc
【ハウツー】jQuery、Dojo、YUIの使えるウィジェット (1) フレームワークの概要 | エンタープライズ | マイコミジャーナル
数あるJavaScriptフレームワーク、あなたはどれをよく使う? Webアプリケーションの開発現場において、JavaScriptは切っても切りはなせない存在だ。特に業務支援系Webアプリケーションの場合は、エンドユーザに対して「どれだけわかりやすく、入力・操作しやすいUIを提供できるか」がカギとなる。 最近ではJavaScriptフレームワーク自体に各種の用途・目的に合わせたウィジェットが増えてきており、デベロッパは自前で複雑な実装をすることなくさまざまな機能・UIを簡単に導入することができるようになってきた。 jQuery UI、Dojo Toolkit、Yahoo! User Interface Library(以下、Yahoo UI)、script.aculo.us、Ext JS……、ライセンスや稼動環境、エンドユーザの要望、デベロッパの嗜好などでさまざまな選択肢があるが、どのフレ
MOONGIFT: » Railsで有名な37signalsによるシンプル＆カスタマイズ可能なWYSIWYGエディタ「WysiHat」:オープンソースを毎日紹介
WYSIWYGなHTMLエディタは既に数多く存在している。有名なものとしてはFCKEditor、TinyMCEなどが知られている。これらは非常に便利な代物ではあるが、出来上がったものをカスタマイズしようという気にならないくらい重厚な作りになっている。 シンプルな作りのWYSIWYGエディタ もっと自分たちにあったシンプルでカスタマイズが容易なものを！そう願った37signalsは自分たちで作ってしまうことを考えた。 今回紹介するオープンソース・ソフトウェアはWysiHat、カスタマイズ容易なWYSIWYGエディタだ。 WysiHatの特徴はprototype.jsをベースに作られている点だろう。そして文字に対する装飾がメソッドを呼び出すだけで良いというシンプルさもある。選択されている文字などを気にすることなくアクションを呼び出すだけで良い。 prototype.jsベースなのでカスタマイズ
MOONGIFT: » 必見！JavaScriptのalert処理にさよならを「Blackbird」:オープンソースを毎日紹介
※ 画面は公式サイトデモより JavaScriptのデバッグによく利用されるものと言えば、alertだろう。簡単に使えて便利な関数だが、ブラウザの処理が止まってしまったり、長文の表示が難しいなどデメリットも数多い。 alertとお別れするためのJavaScriptデバッグツール そこで使ってみたいのがBlackbirdだ。Google Code上で公開されているオープンソースのJavaScriptアラートだ。 Blackbirdは見た目の格好いいフローティングダイアログにログを表示できる。デバッグ、インフォ、ウォーニング、エラー、プロファイルの5つのメッセージパターンが設定できる。Blackbirdのウィンドウでは各メッセージタイプの表示、非表示が切り替えられるようになっている。 表示位置の変更、表示するメッセージの種類が変更できる さらにF2キーを押して表示/非表示を切り替えたり、Shi
はてな記法をアシストするGreasemonkey用スクリプト - IkeTの日記
有るようで無かった、はてな記法をアシストするGreasemonkey用のスクリプトを作ってみました。 IDEのコードアシスト依存症の方をターゲットにしています...って俺の事かい！ Webの入力画面でコードアシストってどうよ？って前々から考えていたのでJavaScriptの勉強がてらに作った次第です。 まず手始めに、日頃、お世話になっているはてな記法に適用してみました。 まあ、ブログの記法のような短いコードにアシストは不要な気がしますが、私のようなはてな記法を覚えていない新米ブロガーには良いかと。 尚、その場編集モードには未対応ですのであしからず。 今後は、他のブラウザ対応をほどこした後、テキストエリア用のコードアシストライブラリとしてgithub公開する予定です。 機能的に気になるところや、バグを発見された方は、ご指摘いただけると助かります！ 尚、現在進行形のスクリプトなので、利用される
MooToolsを30日でマスターするチュートリアル登場 - 現在21日目 | エンタープライズ | マイコミジャーナル
consider: open blog Ajax JavaScriptフレームワークは代表的なものだけでもいくつかある。古参のPrototypeやScript.aculo.usにはじまりjQuery、YUI、Dojo、Ext JSなど。個別の機能を提供するJavaScriptライブラリにまで手を広げるとかなりの数に及ぶ。有名なJavaScriptフレームワークとしては若干シェアが低いが、根強いユーザがいるのがMooToolsだ。 そこでconsider: openで開始された連載30 Days of Mootools 1.2 Tutorialsに注目したい。1日で取り組むチュートリアルを随時公開していき、合計で30日分のMooTools 1.2チュートリアルを完成させるというもの。JavaScriptやMooToolsを使ったことがないデベロッパ向けに組まれたもので、MooToolsをマス
Flash不要！JavaScriptで派手なWebデザイン
ブラウザーいっぱいに広がる鮮やかなグラフィック。フェードインでゆっくりと出現する写真画像。スクロールしながら画像に重なっていく半透明のテキストボックス――思わず見とれてしまう、キャンペーンサイトなどでおなじみの“派手なWebサイト”は、フルFlashが一般的だ。「Flashはよく分からないし、そもそもオーサリングツールもない」という個人サイトの制作者はあきらめるしかなかった。 パリ在住のフリーコンサルタント／Webデザイナー「Sebcreation」のWebサイトは、そんな常識を打ち破ることに挑戦している。まずはトップページを見てみよう。 おなじみのローディングアイコン、上下右左から次々とスライドしてくる半透明のテキストボックス……といったダイナミックなデザインに、「またFlashか」と思わずつぶやいてしまうかもしれない。ところがSebcreationでは、アニメーション／エフェクト処理を
Spark勉強会 JSplashの資料を公開＋α - 最速チュパカブラ研究会
A Brief Introduction in English JSplash is a conversion tool, that converts SWF movies to javascript. Converted script renders shapes with SVG and rewrites ActionScript dynamically to run on browser's JS Engine. You can see a demonstration at http://www.libspark.org/svn/ruby/jsplash/trunk/client2/demo_20081001.xml Left one is a screenshot of the movie running on JSplash. And right one is running o
MOONGIFT: » Google製のJavaScriptによるイメージ生成エンジン「Top Draw」:オープンソースを毎日紹介
アートな世界は感性的な要素が強く、デジタルな世界からのアプローチは難しい。だが、幾何学的な美しさや緻密さから生み出されるアートは技術からもアプローチができる。そんな可能性を感じさせてくれるソフトウェアが登場した。 幾何学的な模様が描き出される 今回紹介するオープンソース・ソフトウェアのTop Drawは、Google製のソフトウェアで、JavaScriptを使って画像を生成するというものだ。プログラミングから生み出されるものだけあって、幾何学的で、それでいてMac OSXらしさが加わった面白さに溢れている。 Top Drawを起動するとメニューバーにアイコンが表示される。そしてテーマを決めて指定時間が経過すると背景が変わっていく。それらは常に数式によって生み出されるものなので、表示されるたびに内容が変化している。 設定画面 プログラムはそれほど長くなく、60行程度のものになっている。なので
パスワードを勝手に暗号化するぐりもん - syttruの日記
パスワードをハッシュ化（暗号化）保存することを法律で義務化するくらいのことが必要だと思う 一番最初に「パスワードを第三者に漏らしてはいけない」という厳守すべき一般常識を破ったのはユーザー自身に他ならないのだから、ここはきちんと認識しておくべきだろう。 「言いすぎじゃないか？かわいそうだ。実際のところパスワードの使いまわしはしょうがないでしょ？」という気持ちはわかるが、「しょうがない」なんていう台詞は通用しないのがビジネスであり世間の冷たさであり社会というものだ。 なるほどなー 引用文だけ見ると誤解を招きそうなのですが、上記エントリは利用者が多数のサイトで同じパスワードを使うことを非難しているわけではなくて、「ユーザーのパスワードを預かるサービスは、預かったパスワードを平文のまま保存したらダメだよ」ということでした。 とはいえ、クライアント側でも何かできることがありそう。「利用者」じゃなくて
TechTarget - Global Network of Information Technology Websites and Contributors
Looking for information about Informa TechTarget products and services? The commercial homepage has moved. Visit Informa TechTarget News 24 Jul 2025 / AI Technologies Why Apple is ripe for an AI acquisition to improve Siri Following Apple Intelligence's absence at WWDC, questions mount over the company's GenAI approach. An acquisition may be necessary for it to gain ground in GenAI. 24 Jul 2025 /
MOONGIFT: » JavaScriptによる幾何学ライブラリ「JSXGraph」:オープンソースを毎日紹介
幾何学は学生のころ、割合好きな授業だった。特に数式で表される模様などはどれも見事で、ちょっとパラメータを変更するだけで豹変するのが面白かった。今となっては殆ど使われない知識なのが勿体ない。 JavaScriptで作られた幾何学ライブラリ だがこれなら少しは使えるかも知れない。JSXGraphはJavaScriptで作られた幾何学ライブラリで、オープンソース・ソフトウェアとして公開されている。 JSXGraphはFirefox、Opera、Safari、Google Chrome、IEなど幅広いブラウザをサポートしているライブラリで、様々な幾何学模様を描いたり、動的に描画したりすることができる。 内トロコイド デモとして、三角形の各辺から垂直線を引くもの（頂点は自由に変更でき、それに合わせて交点が変わる）、三角錐モデル、三角形の中に三角形を次々と描き出すもの、グラフ、内トロコイドなどがある。
MOONGIFT: » JavaScriptの物理エンジン「Box2DJS」:オープンソースを毎日紹介
※ 画像は公式サイトデモより コンピュータの中ながらにして、重力や慣性の影響を再現する物理エンジンはとても面白い。ビジュアルも関連することから、GUIを備え持ったプログラム言語で数多く実装されている。例えばJava、Flashなどだ。 JavaScriptで作られた物理エンジンだ そしてさらにもう一つ加わった。Box2DJSはJavaScriptで実装されているオープンソース物理エンジンだ。 Box2DJSはJavaScriptで実装されているので、ブラウザ上で物理エンジンを実現できる。ある一点を軸に回転するもの、固定位置のもの、クリックをした場所に出現し、落下していくものなど多彩なオブジェクトが用意されている。 ピストン運動のデモ デモも数多く登録されており、ピストンエンジン風に動くもの、振り子、ボックスやくさび形のオブジェクトが落下して相互作用しながら添加していくものなど様々だ。物理エ
MOONGIFT: » 要チェック！テーブルからグラフを生成するJavaScriptライブラリ「Bluff」:オープンソースを毎日紹介
※ 画像は公式サイトのデモより これは面白い発想だ。Web上でグラフを作成、表示するライブラリは数多く存在する。その際に使う方式としては、基準になる点をXY軸それぞれに対して追加し、描画するという方式だ。これはプログラム言語にとっては簡単な方式かも知れない。 JavaScriptだけで画像グラフを生成する だが、使い慣れている表計算ソフトウェアの場合はどうだろう。はじめに表があり、そこからデータを読み取ってグラフを描くようになっている。その慣れた方式を使えるのがこちらのライブラリだ。 今回紹介するオープンソース・ソフトウェアはBluff、グラフ描画ライブラリだ。 BluffはJavaScriptのライブラリで、画像形式（PNG）のグラフを生成する。棒グラフ、円グラフ、エリアグラフ、折れ線グラフなど様々なグラフ形式をサポートしている。背景色を変えたり、複数のデータを描画できるなど多機能なライ
UbiquityでHTMLコンテンツとマッシュアップ - IkeTの日記
すこし遅れましたがUbiquityの波に乗ってみよう！ ということでHTMLコンテンツとマッシュアップにチャレンジしてみます。 HTMLコンテンツとのマッシュアップは利用規約に配慮 APIを公開していないサイトはHTMLコンテンツを意図しない方法で利用されることを許可していない可能性がある プレビューすることによりコンテンツの価値が上がる（広告掲載など） これらに配慮し、利用規約を確認した上で、私的利用なら問題ないと思われるExcite翻訳（英→日）とマッシュアップしてみました。 Ajaxはcharsetに注意 まず手始めにAjaxを使用したマッシュアップを作成してみました...が、ExciteのcharsetがShift_JISのため文字化けします。 どうもMozilla Firefoxの場合、Ajaxで取得したコンテンツはcharsetがUTF-8でないと文字化けするみたいです。 ※c
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSでクールなWYSIWYGエディタを実装「FreeRichTextEditor」:phpspot開発日誌
シンプルに使えるJS製WYSIWYGエディタ「widgEditor」:phpspot開発日誌
IBM Developer
