You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
マインドマップは今もよく使います。頭の中を整理したり、網羅して考えることで思わぬ抜けを防げるようになります。ドリルダウンする形なので必要なところだけをメンテナンスするのも簡単です。 問題はマインドマップは専用アプリケーションが多いということです。インストールすれば良いのですが、それすら面倒という方は多いでしょう。そこで使ってみたいのがWebブラウザ上で使えるMy Mindです。 最初の表示です。 エンターとタブでどんどん作っていけます。 ノードの移動もできます。 ノードによっては小ノードのSUM/アベレージ数を出すこともできます。 より複雑なマップのデモ。これくらい使いこなせると面白そうですね。 保存を押すとJSONファイルでダウンロードされます。逆にJSONファイルをアップロードすれば再現もできますので、My Mindの置き場所はさほど問題ではないのかも知れません。サーバサイドの仕組みが
日付バリッド関数 JavaScriptで一般的な日付チェックを行う関数です。 日付オブジェクトに変換して確認しているので、うるう年などの間違いも正しく指摘してくれます。また、標準的な関数のみの使用なのでブラウザ依存もありません。 // ------------------------------------------------------------------- // 日付チェック関数 // ------------------------------------------------------------------- function ValidDate(y,m,d) { dt=new Date(y,m-1,d); return(dt.getFullYear()==y && dt.getMonth()==m-1 && dt.getDate()==d); } <script s
JointJsとは 公式ページ Github 図を書くことに特化したjsライブラリです。 オープンソース・ソフトウェアですが、Rapid版という有料版が存在し、高度な実装がなされたテンプレートが使えるようになるようです。※ちなみに日本円で25万円です・・・高いw この類のライブラリだとD3.jsが有名かと思います。 D3との違いは、純粋にjointJsの方が図を書くということに特化されているので、D3よりは簡単に書ける印象です。 ただJquery/Backbone.js/Underscore.jsに依存しているので、その辺がすこし厄介です・・・ 現に僕の場合は、Underscore.jsの知識もキャッチアップする必要があったので、面倒でした。 その辺はメリットデメリットあると思うので、D3とどちらを使うかは検討して頂ければと。 APIの紹介 詳しくは公式ページを見て頂ければと思いますが、良
昨日の続きなんだが・・・ $("select").clone().insertAfter(area); と $("select").clone(true).insertAfter(area); の違いなんだが、「clone(true)」とすると複製した物のイベントハンドラまでをも複製できるのだ。これを知らなかったためにずいぶんと苦労したよ。小1時間ほど悩んだ。 例として、SELECTの一覧を選んで始めて有効になるボタンがあるとする。そのボタンを押すと、SELECTの複製ができる。ボタンを押した時点でボタンはdisabled状態になる。その複製を選んだらボタンは有効になるようなものを作るときに、trueがあるのと無いのでは大きな違いが出るのだよ。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://ww
第11章 - Ajaxの統合 クライアントサイド上でのインタラクション、複雑な視覚効果(イフェクト)、非同期通信はWeb 2.0のアプリケーションにおいて共通の機能です。JavaScriptを必要とするこれらの機能の実装に関して、コードを手書きするのはやっかいでデバッグに時間がかかることはよくあります。幸いにして、symfonyはヘルパーの完全なセットを持つテンプレート内部のJavaScriptの多くの共通部分を自動化します。JavaScriptのコードを書かずに多くのクライアントサイドのふるまいを実現できます。開発者は実現したいイフェクトだけに集中していればよく、symfonyが複雑な構文と互換性問題を処理します。 この章ではクライアントサイドのスクリプト作成を円滑にするためにsymfonyが提供するツールについて説明します: 基本的なJavaScriptヘルパーは、DOM(Docume
[JS]Canvasを使って、リアルタイムにヒートマップを描くスクリプト -real time heatmap real time heatmap デモ [ad#ad-2] デモの画像の上でマウスを動かすと、その動いた量に伴いカラーがブルー、グリーン、イエロー、レッドとマウスの移動し滞在した量をヒートマップとして生成します。ヒートマップのデータはエクスポートも可能です。 また、iPhoneのシングルタップもサポートしている、とのことです。 スクリプトはjQueryなどの他のスクリプトは依存せず、下記のようになります。 JavaScirpt /* Copyright (c) 2010, Patrick Wied. All rights reserved. Code licensed under the BSD License: http://patrick-wied.at/static/li
heatmap.js | Create HTML5 Heatmaps with Canvas and JavaScript を使ってヒートマップを作る方法。 今回は、Leafletを使って表示した地図上にヒートマップをオーバーレイする。 実はこのExampleのままでは動かない。 heatmap.js | Examples: Leaflet Heatmap Layer 1. 必要なファイルの読み込み <script src="http://code.jquery.com/jquery-1.8.0.min.js"></script> <script src="http://cdn.leafletjs.com/leaflet-0.5.1/leaflet-src.js"></script> <script src="/lib/heatmap/QuadTree.js"></script> <scr
ヒートマップツールを無料でとても簡単に自作してWebサイトに導入する方法(heatmap.js+Milkcocoa) Posted: 2015-07-04 / Tags: heatmap.js Webでいうところのヒートマップツールとは、Webサイトを改善するために、クリックした場所やどこまでスクロールしたかなどを、度合いによって色を変えて視覚的にわかりやすく表示してくれるものです。 PtEngineやクリックテールといったサービスを聞いたことがある方もいるのではないでしょうか。 今回は、そういったサービスを使うことなく、heatmap.jsとMilkcocoaを使って、無料でヒートマップツールを自作してしまおうといった記事になります。とても簡単なので、初心者の方も是非試して頂きたいです。 こちらが、このブログのトップページのクリック箇所のヒートマップ表示になります ヒートマップを表示する
1.単純に obj.property で確認すると・・・ var obj = {}; if (obj.hoge) alert('not exist'); obj.hoge = false; if (obj.hoge) alert('exist false'); obj.hoge = null; if (obj.hoge) alert('exist null'); obj.hoge = undefined; if (obj.hoge) alert('exist undefined'); obj.hoge = ""; if (obj.hoge) alert('exist ""'); obj.hoge = 0; if (obj.hoge) alert('exist 0'); obj.hoge = NaN; if (obj.hoge) alert('exist NaN'); 1番上のif以外は、h
MVC と言えば Apache Struts をはじめとするサーバサイド・フレームワークを想像しますが、 今回は JavaScript による大規模開発の際に採用されるクライアントサイド MVC フレームワーク「Backbone.js」の使い方についてまとめてみました。 (厳密にはクライアントサイドの場合、MVC とは呼ばず MVVM とか MV* とか呼ばれてるようです。) 前提 Backbone.js の構成を簡単に言ってしまうと 単一データの管理を行うモデル 複数件のモデルの管理を行うコレクション 画面の管理を行うビュー の3つの主要モジュールを軸に構成されており、Underscore.js、jQuery(Zepto)に依存するかたちで動作するようになっています。 利用の際は、underscore.js、jquery.js、backbone.js の順で読み込みます。 //cdnjs
<script src="../../public/javascripts/jquery-1.10.2.min.js"></script> <script src="../../public/javascripts/jquery.autoKana.js" language="javascript" type="text/javascript"></script> <div> <label for="user_name" class="">氏名</label> <input type="text" id="user_name"> </div> <div> <label for="user_name_kana" class="">カナ</label> <input type="text" id="user_name_kana"> </div> <script type="text/javasc
JavaScriptを短く書くためのショートコード集 知っておくとちょっとだけコードが簡潔に書けるかもしれないショートコード集です。 投稿日2014年12月25日 更新日2014年12月25日 小数点以下切り捨て 「Math.floor」で切り捨てですが、 Math.floor(12.6598); //12 数値の前に「~~」付けるだけでもできます。 ~~12.6598; //12 桁数の制御 「~e」に続く数字で桁数を制御できます。 1e1 //10 1e2 //100 1e3 //1000 1e4 //10000 1e5 //100000 2の累乗はシフト演算子 2の累乗は左シフト演算子(<<)でできます。 200 << 1; //400 200 << 2; //800 200 << 3; //1600 逆は右シフト演算子(>>)です。 200 >> 1; //100 200 >> 2
上の地図は、Google Static Maps API を使って佐々里峠の位置を示したものです。これは、JavaScript や動的なページを読み込まずに、Google マップを静的(画像化)してブログに埋め込んでいます。この静的(画像化)することには、以下のような利点があります。 ブログの表示が速くなる。 スマートフォンの画面で地図を指で拡大縮小ができる。 地図画像をアップロードする必要がない。 地図の拡大縮小やその他の表示が数値で変更できる。 著作権の問題をクリアできる。 Google maps の動的な表示と静的な表示 Google マップをウエブサイトで使う場合には、Google maps の埋め込み用HTML コードを取得して貼り付ける方法が一般的です。こんなの ↓ 大変便利で簡単ですがスマートフォンだと、ページが重くなってイライラの原因になります。これは、「動的な表示」のため
イベントハンドラ一覧 onBlur/onFocus〔フォーカスが移動した時に処理を行う〕 onChange〔フォームの入力値、選択が変更されたときに処理を行う〕 onSelect/onSelectStart〔テキストが選択された時に処理を行う〕 onSubmit/onReset〔フォームの送信時、リセット時に処理を行う〕 onAbort/onError〔画像読み込み時に処理を行う〕 onLoad/onUnload〔ページ読み込み時、ページの切り替え時に処理を行う〕 onClick/onDblClick〔クリック、ダブルクリックされた時に処理を行う〕 onKeyPress/onKeyDown/onKeyUp〔キーの状態に応じて処理を行う〕 onMouseOut/onMouseOver/onMouseDown/onMouseUp〔マウスを乗せたり離した時、マウスでクリックした時に処理を行う〕
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く