インタラクティブに図が書ける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に移植したものみたいでソースコードを読もうとしても全然分からないけど、便利すぎるので全面の信頼をおいて使います。
【レスポンシブOK】私はこれでhtml5とcss3をie８以下に対応させました。
クソッ！ IEのクソッ！！ 失礼しました。 最近、Wordpressのテーマを作りました。 でもIEを考えてなかったので一応確認したら案の定レイアウトは崩れてます。 面倒くさいし、ブスだからインターネットエクスプローラーは無視しようと思ってたんですが、チラチラ|ω・｀)（←IE）こっちを見やがるから、 いやいやだけど対応させてみました。 ということで今回は、html5とcss3で作ったレスポンシブサイトを、 ブラウザ界のブスことInternetExplorerにも対応させてみようって話。 手を煩わせるんじゃないよ。まったく。 あんたかわいくないんだよ！ で、世間の方々を参考にしようと検索するとたくさん出て来ました。 [browser-shot width=”200″ url=”http://www.arch-web.jp/archives/771/” target=”_blank”] IE
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)
透過PNGをIEできちんとopacityさせたい ｜ Tips Note by TAM
透過PNGをIE6/7/8にエラーなく反映させたい時、みなさんどのように対処されていますか？ 今回、つまずきがちなその問題に立ち向かうべく、私なりに色々と調べてみました。 有用と思しき記事に出会うたび、リンク切れだったり、ちょっと難しかったりしたので、 簡単にわかりやすく、次に自分が対応するときのことも考えて記事に残したいと思います。 今回はMach3.laBlogさんのページを参考に実際のサンプルを作っていくことにいたしました。 【参考サイト】 IEの透過PNG+opacityの不具合を治すメモ | Mach3.laBlog 透過PNGをIE6で使用する際に有名なのは「DD_belatedPNG」ですが、 IE6向けのライブラリのため、IE8ではエラーが出てしまいます。 IE6/7/8全てに透過PNGを対応させるため、Mach3.laBlogさんの記事を元に、 「DD_belatedPN
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
[n] CSSやJSを/(スラッシュ)始まりの絶対パスで指定したままローカルで確認する
最近ではページに読み込むCSSやJavaScript、アンカーのリンク先を<link rel="stylesheet" href="/style.css" type="text/css" />のように/(スラッシュ)始まりの絶対パスで指定するのが一般的になってきています（関連エントリー:[n] 絶対パス2.0）。 これは、リンク先のファイルとの位置関係を気にしたり、テストサーバ・ミラーサーバによってURIを書き換える等という事をしなくても良かったりと、ファイル管理がとても楽になる書き方です。 一方、この指定方法では“実際にテストサーバなり実サーバなりにアップしないと見栄えが確認できない”という人が、特にデザイン系の人に結構いるような気がします。 しかしマシンにApacheが入っていれば、ファイルの修正後アップロード作業をする事無く、その場でCSSやJSを読み込んだ動きを確認できます。 //
伊人精品久久久久7777,亚洲人成人网站在线观看,亚洲日韩精品无码AV海量,坐公交车被C了2个小时
伊人精品久久久久7777,亚洲人成人网站在线观看,亚洲日韩精品无码AV海量,坐公交车被C了2个小时,暖暖 日本 视频 高清在线观看,免费网站正能量WWW软件直播,亚洲AⅤ精品一区二区三区
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
[JointJS入門]JointJSを使ってブラウザ上にフォルダ構成図を描いてみよう | Tech-Sketch
JavaScript diagramming library for interactive UIs – JointJS
http://cosao.net/archives/5137
【symfony】読み込むCSSやjsファイルをモジュール単位で分けたい：株式会社センティリオンシステム
Form.Element.Observer - フォームの入力要素の値を監視する - prototype.jsリファレンス
wordpressにjQueryを搭載し隊１ | メモ帳（仮）
finefinefine.jp
jQueryを使うときに、問題なく動作させる為の基礎知識やTipsと、動かない場合の対処例 - かちびと. net
