ドットインストール代表のライフハックブログ
![JavaScriptで画像にさまざまなエフェクトがかけられる『JSManipulate』 | IDEA*IDEA](https://cdn-ak-scissors.b.st-hatena.com/image/square/74a1ff17190beee2752abe548143d7d5edbd9b61/height=288;version=1;width=512/http%3A%2F%2Fwww.ideaxidea.com%2Fwp-content%2Fuploads%2F2011%2F08%2Fd.gif)
Home » jQuery, Resources, Web Design » 40 Best Free jQuery Plugins For Web Developers
Joint - JavaScript diagramming library. UMLなんかが描けるJavaScript描画ライブラリ「Joint」。 UMLのステートチャート図やクラス図、組織図といった図形の他に様々な図形が描画できるライブラリです。 更に描画だけではなくドラッグ&ドロップで移動できるインタラクティブな機能も存在 組織図 UMLのクラス図(ドラッグ&ドロップしても矢印が吸着してます) UMLのステートチャート図 その他色々描画できます デモ一覧はこちら 関連エントリ HTML5のcanvasタグで描くグラフ描画ライブラリ「AwesomeChartJS」
Sugar is a Javascript library for working with native objects. シンプルで直感的に扱える新しいJavaScriptライブラリが登場した。既存のJavaScriptフレームワークと衝突しないように開発されており、JavaScriptを使った開発効率を向上させるライブラリとして注目される。ライブラリは「Sugar」と呼ばれている。 SugarはJavaScriptのネイティブオブジェクトを拡張するためのライブラリ。一般的なJavaScriptライブラリのように多くの機能を提供するのではなく、ネイティブオブジェクトを拡張することだけに主眼が置かれている。最初からほかのフレームワークと併用することを想定して開発されているため、導入のための敷居が低いところもポイントとなる。 どのような機能がネイティブオブジェクトに追加されるのかは、Sug
PDFKitはnode.jsを使ったPDF作成ライブラリ。 PDFKitはnode.js/JavaScript製のオープンソース・ソフトウェア。Webアプリケーションにおいて鬼門とも言える技術がPDFではないだろうか。これまで広まっているとWebアプリケーションからPDFでデータを出力してほしいという要望が必ず出てくる。しかしそう簡単にできるものでもない。 作成されたPDF 多数のプログラミング言語向けにPDF作成ライブラリが存在する。node.jsであってもそれは変わらない。JavaScriptでPDFを生成する、PDFKitを紹介しよう。 PDFKitはテキストはもちろん、リストや画像の埋め込み、SVGのレンダリング、リンクに対応したPDF生成ライブラリだ。フォントの埋め込みに対応しているので、日本語フォントを用意すれば使えるはずだ。TrueType系のフォントが利用できる。テストのス
移転しました http://please-sleep.cou929.nu/20110721.html
HTML5 AudioとJavaScriptで作られたシンセ付き8トラックパターンシーケンサー : Sonant Live » 音楽Webサービス(作曲/演奏) [編集] HTML5 Audio と JavaScript で作られたソフトシンセ機能付きの8トラックのパターンシーケンサー Sonant Live を紹介。 HTML5 Audio、Canvas に対応した Chrome、Firefox、Safari、Opera で利用可能です。 主な特徴 音色編集機能がついたトラッカー風のコンパクトな8トラックシーケンサーで、Windows 版 Sonant がベースになっています。 HTML5 Audio と javaScript だけで音声処理を行っている (Flash 未使用) 最大8和音、8トラック・パターンシーケンサー 1パターン32ステップ、1トラックにつき最大10パターンまで作
昨日のソフトバンクの非公式JavaScript対応の調査結果 | 徳丸浩の日記で報告したように、昨年5月に、ソフトバンク60機種の検証を行い、JavaScript対応の状況などを調査しました。当時はまだ公式なJavaScript対応機種はない状態でしたが、既にほとんどの端末が *非公式に* JavaScriptに対応していました。 このエントリでは、検証の様子を報告します。 なぜJavaScript対応状況を調査したか http://www.hash-c.co.jp/info/20091124.htmlを公表した前後に、とある方(この方)から、ソフトバンクのケータイでもJavaScriptが動作すると伺いました(参考のやりとり)。XMLHttpRequestも含めてJavaScrptが動くと教えていただいた932SHを私も購入して調べたところ、以下が判明しました。 確かにJavaScrip
Mozilla FoundationのプログラマーAndreas Gal氏とChris Jones氏は米国時間7月3日、ウェブ標準技術でPDFを表示するツール「pdf.js」がバージョン0.2になったと発表した。特定のPDFファイルについて、非常に正確なレンダリングを達成したという。 pdf.jsプロジェクトは、6月に公表されたもので、PDFファイルをJavaScriptとHTML5のCanvasを使用して表示する。バージョン0.2では、ユーザーインターフェースの改善、TrueTypeフォントのサポート、グラフィック性能の向上などが加えられた。pdf.jsによる論文で、このツールの動作を見ることができる。筆者が確認したところ、「Firefox」では動作したが、他のブラウザにはまだ対応していない。 両氏は、「われわれはpdf.jsがHTML5に準拠したすべてのブラウザで動作することを目指して
enchant.js is … カンタンにゲームやアプリを開発できる HTML5 + JavaScript フレームワークです。 2011年に公開され、すでに 1,000 本以上のゲーム/アプリが公開されています。 オープンソース (MITライセンス) で、無料で利用できます。 ドキュメント・書籍・チュートリアルサイトが充実しています。 たくさんのプラグインで機能を拡張できます。 UEI/ARC を中心としたメンバによって開発・メンテナンスされています。 プログラミング教育のためにも利用されています。 Features オブジェクト指向: 表示されているものはすべてオブジェクトです。 マルチプラットフォーム: iOS, Android, Mac, Windows のブラウザで動作します。 Windows 8: Windows 8 対応のHTML5アプリケーションを開発できます イベント駆動
Paper.js ? About 超絶サンプル満載のベクター画像描画JavaScriptフレームワーク「Paper.js」。HTML5で描画するタイプのフレームワークです。 ベジエ曲線をマウス位置に応じてリアルタイムにぐにゃぐにゃ動かすサンプルやベクターグラフィックが動きまわるサンプル等、こうしたライブラリは将来使う予定がないという方もWEBに関わるなら絶対に見ておいたほうがよいと思います。 とにかくExamplesのページをChromeなどで開いてみてみましょう。 色々と可能性を感じてしまうサンプルでした。もちろん作る人のスキルやセンスも問われると思いますが、活用することで比較的楽につくることができそう。 関連エントリ ブラウザ上で物凄いアートが作れるHTML5ベースの描画ツール「The Endless Mural」 HTML5でブラウザにドラッグ&ドロップでファイルアップ可能なjQue
JavaScriptで特にガジェットなどを開発する場合には常識とされるらしいこの表記ですが、学びはじめの頃はこれを見て「JavaScriptってキモい」と思いました。どう考えてもカッコ付けすぎでしょう。それに、大抵の本に解説が乗ってないんですよね。確かサイ本にも書いてない。ただヨーロッパヤマウズラ本(そう説明に書いてあるんだもの)には書いてあって、さすがオライリー抜かりねえなと感心しましたけど。 さて、今となってはこの表現の重要性は十分分かっているつもりです。ただ、効果は知れど論理は知らずではカッコ悪いので、この機会に一気にまとめてみたいと思います。多少冗長な部分もありますが、お付き合い下さい。いつも通り、間違いがあれば指摘して下さるとありがたいです。 これを書くことで、どういう効果があるのか。 グローバル変数の使用を抑え、他のスクリプトとの変数衝突を防げます。これは「即時関数」"imme
node.js上でコードを書くため、JavaScriptをしっかり復習したりnode.jsの制御フローを知るための読むべきページのリストです。 JavaScriptそのものの復習http://ejohn.org/apps/learn/John Resigさんの書かれたチュートリアルがわかり易いと思います。 JavaやRubyなどの言語を普段使っている方で、JavaScriptのプロトタイプベースのオブジェクト指向に親しみのない方は一読です。またJavaScriptに詳しい方も、GoogleのClosureでコードの最適化を行う際に問題を起こしにくいinheritanceを書くために、Michael Bolinさんの「Inheritance Pattern in JavaScript」を読んでみることをすすめます。http://www.bolinfest.com/javascript/inh
JavaScriptの"this"って難しいですよね。理解しないまま使ってると、思わぬところでグローバルオブジェクトを指していたり、そもそもvarでプライベートな変数にすべきところにもthisを使っていたり…。私もthisには散々悩まされてきたので、そろそろ完璧に理解しようと思い、以下の記事をまとめてみました。間違いを見つけたら指摘して頂けるとありがたいです。なお、文中の引用文章は読みやすさを考慮して適宜改行、強調を行っています。 thisとは何か。 まずは仕様書を見てみましょう。 ECMA-262 3rd 11.1.1 The this Keyword The this keyword evaluates to the this value of the execution context. ECMA-262 5th 11.1.1 The this Keyword The this k
Captcha security check arcturo.com is for sale Please prove you're not a robot View Price Processing
pdf.js: Rendering PDF with HTML5 and JavaScript (Andreas Gal) HTML5 canvasで、PDFを読み込んで描画するJavaScriptライブラリ「pdf.js」が公開されています。 (英語) まだレイアウトが崩れてしまったり、動作が遅いですが、今後の開発が楽しみです。 ライセンスはBSDのようです。
Mashi - Javascript Timeline Toolkit JavaScriptでFlashみたいなタイムラインアニメーションを作るToolkit「Mashi」 トップページにアクセスするとわかるのですが文字や画像がいい感じにアニメーションします。 ドキュメントも比較的綺麗にまとまっています オーサリングツール等は存在しないため、使い方にはちょっとコツが必要かもしれませんが、iOS端末用に、よし、Javascriptでやろうっていうような時に使えるかもしれません。メジャーになってくればコードを吐いてくれるオーサリングツールなんかも出来るかもしれませんね。 関連エントリ もうFlashは買わなくていいかもしれないデザイナー向けフリーのFlashアニメーション作成ツール「Giotto」
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く