インタラクティブに図が書けるJointJsを使ってみた - Qiita
JointJsとは 公式ページ Github 図を書くことに特化したjsライブラリです。 オープンソース・ソフトウェアですが、Rapid版という有料版が存在し、高度な実装がなされたテンプレートが使えるようになるようです。※ちなみに日本円で25万円です・・・高いw この類のライブラリだとD3.jsが有名かと思います。 D3との違いは、純粋にjointJsの方が図を書くということに特化されているので、D3よりは簡単に書ける印象です。 ただJquery/Backbone.js/Underscore.jsに依存しているので、その辺がすこし厄介です・・・ 現に僕の場合は、Underscore.jsの知識もキャッチアップする必要があったので、面倒でした。 その辺はメリットデメリットあると思うので、D3とどちらを使うかは検討して頂ければと。 APIの紹介 詳しくは公式ページを見て頂ければと思いますが、良
pure JavaScriptでアニメーションGIFを作る - 海峡
こんばんは、国民的スポーツのアニメGIFについてのニュースをお届けします。 今回はクライアントサイドのJavaScriptだけでアニメーションGIFを作る方法を共有させて頂きます。 ふつうアニメGIFを作ろうと思うとimagemagickなどを使ってサーバーサイドで処理させると思いますが、今回紹介するのはブラウザだけでアニメGIFを作る方法です。 jsgif antimatter15/jsgif · GitHub jsgifというJavaScriptでCanvasをアニメGIFに変換してくれる超絶便利ライブラリがあるのでこれを使います。 同名でアニメGIFをCanvasで制御再生できるライブラリがあって、そっちのほうが有名ですがそれとは別です。 どうやらAS3のライブラリをJSに移植したものみたいでソースコードを読もうとしても全然分からないけど、便利すぎるので全面の信頼をおいて使います。
autoKana.js を使ってみた。 - 夜の Discovery
名前から自動的にカナ名を取得してくれる javascript ライブラリ autoKana.js を使ってみた。 autoRuby.jsをDISってみる http://d.hatena.ne.jp/rubricks/20080702/1215003705 サンプルではうまく動作するのに、ローカル（IE6）では挙動がおかしくて（変換確定時に _eventKeyPress が呼ばれない）、 よくよく見るとサンプルは prototype.js 1.5 を使っていることに気づきました。 autoKana.js は prototype.js を 1.5 → 1.6 に置き換えると IE でのみ正しく動かない。 この不可解な現象を説明します。 まずは autoKana.js の _eventKeyPress イベント登録部分。（67行目） Event.observe(this.elName, 'key
[ JavaScript ] jQuery の基本的な書き方
今更ながら、jQuery の基本的な書き方を勉強したのでメモしておきます。 jQuery 以外のライブラリと [ $ ] が競合しないようにする ———————————————————————- jQuery(function($){ // この中では $ は jQuery として扱われる }); ページの読み込みが完了した時に関数を実行する ———————————————————————- 次の例では、ページの読み込みが完了した時に関数 test() を実行します。 $(document).ready(function() { test(); }); 次のように省略して書くことも出来る。 $(function(){ test(); }); 上のように書いてもうまく動作しない時は、 jQuery.event.add(window,”load”,function(){test();}); と
![[ JavaScript ] jQuery の基本的な書き方](https://cdn-ak-scissors.b.st-hatena.com/image/square/19691f3db719fc116cbcdd5e767c89ee15487f3e/height=288;version=1;width=512/https%3A%2F%2Fbowz.info%2Fwp-content%2Fuploads%2F2018%2F09%2Fudon-1.jpg)
最速インターフェース研究会 :: ページレンダリングを妨げない広告挿入手法に関する覚書
多分わかる人にはわかると思うんだけど、わかんない人にはわかんないと思うので、誰かわかりやすく書き直してくれると助かるんだけどとりあえず書いておく。 例えば、GoogleAdsenseなんかで広告を挿入するには、外部ドメインに置いたJavaScriptを読み込んで使う。セキュリティ上の問題があるにもかかわらず外部ドメインのJavaScriptをそのドメインにあるかのように取り込めるのは、多分、そういう需要があるからだろう。 んで、そういうスクリプトの構成というのは大抵、scriptタグを挿入した位置に広告がdocument.writeを使って書き出される、というものだ。 しかしこの方法には問題があって、それはscriptがロードされて実行が完了するまでページのレンダリングが止まる、ということだ。jsファイルを受信するまでにかかる時間と、解釈と実行、document.writeでブラウザに出力
script要素で外部jsをロードする際のレンダリング遅延 - フリーフォーム フリークアウト
移転しました http://please-sleep.cou929.nu/20100326.html
文字数カウンターを作る - purazumakoiの[はてなブログ]
昔作った文字数カウントするやつが出てきたのでメモ、 この頃はjqueryをあんまり使って無かったみたい。 Prototypeのversionは'1.5.1.1' 完成デモ demo 主なソース部分 html側 <script type="text/javascript" src="../js/prototype.js"></script> <script type="text/javascript" src="../js/text_count.js"></script> ・ ・ ・ <textarea id="tContents"></textarea> <p>現在の文字数<span id="sCount"></span>文字</p> text_count.js window.onload = function () { fCount_load(); } // ページの初期化 functi
![文字数カウンターを作る - purazumakoiの[はてなブログ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/30b67b785570bd6606dbfd85fc885e88cd09e66c/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F12704538227038789114%2F11696248318755872953%2F1374114669)
IE で border-radius を使う方法 - それはBooks
CSS3 から使えるようになった border-radius を IE でも使う方法です。IE でも使うと言っては語弊がありますが、IE でも角丸を表現する方法です。それは Blog で使っている方法をメモ。 IE で角丸を表現する方法 ご存じの通り、IE6、IE7、IE8 では CSS3 の border-radius を使って角丸を表現することはできません。んじゃ、どうやって角丸を実現するのかというと次のような方法があります。 border-radius.htc を使う VML を利用して、behavior を使って border-radius を実現する方法 border-radius.js を使う JavaScript を使って border-radius を実現する方法 JQuery Corner を使う jQuery Corner という jQuery プラグインを使って bo
伊人精品久久久久7777,亚洲人成人网站在线观看,亚洲日韩精品无码AV海量,坐公交车被C了2个小时
伊人精品久久久久7777,亚洲人成人网站在线观看,亚洲日韩精品无码AV海量,坐公交车被C了2个小时,暖暖 日本 视频 高清在线观看,免费网站正能量WWW软件直播,亚洲AⅤ精品一区二区三区
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JointJS入門]JointJSを使ってブラウザ上にフォルダ構成図を描いてみよう | Tech-Sketch
JavaScript diagramming library for interactive UIs – JointJS
Form.Element.Observer - フォームの入力要素の値を監視する - prototype.jsリファレンス
finefinefine.jp
DOM