Bitbucket | Git solution for teams using JiraWith best-in-class Jira integration, and built-in CI/CD, Bitbucket Cloud connects developer workflows from planning to incident management. Join millions of developers who choose to build on Bitbucket.
flaskからJQueryにJSONオブジェクトを渡す - Pythonに萌えているか - Is Python Burning?
Pythonタイトルの表現が正しいのかどうかはわかりませんが、サーバーからクライアントにデータを渡す方法がよくわからんくて相当悩みました･･･(苦笑) 改めて自分のレベルの低さを思い知りましたけど、まぁ前向きに頑張っていこうと思います。 flaskにも大分慣れてきまして、データベース接続は少しペンディングして、将棋の盤面AAジェネレーターを少し便利にしたものを作っています。で、pythonファイルで色々処理を行って、JSONオブジェクトにしてからブラウザに渡して、JQueryで表示するっていう方法を取ることにしたのですが、そもそもどうやってオブジェクトを渡せば良いのか全くわからず、数時間悩んでいました(笑) はじめはpythonで作ったオブジェクトがブラウザ上に浮遊しててそれを頑張って捕まえて表示するっていうよくわからないイメージをしていたんですが、正確にはどっかにJSONファイルを出力し
JavaScript + Chrome Packaged Apps API を使用したシリアル通信Webアプリ - Tech-Sketch
米カリフォルニア州サンフランシスコにて2013年5月15日から17日の三日間開催された「Google I/O 2013」 そこでChrome Packaged Apps APIに複数の追加機能が発表され、その中にシリアル通信機能があった事を皆さんご存知でしょうか？ 当記事はそんなChrome Packaged Apps APIのシリアル通信機能を使用し、コンソール上にシリアル通信で取得したデータを表示してみようという内容になります。 はじめに この記事ではChrome Packaged Apps の作成方法とChrome Packaged Apps APIのシリアル通信機能の使い方を説明します。 Chrome Packaged Apps 作成方法の説明ではGoogle公式リファレンスの Create Your First App を参考にさせて頂いております。 Chrome Pack
webアプリ(perlやjavascript)でグラフ表示なら、Highcharts で決まりかも - end0tknr's kipple - web写経開発
2013/6/23追記 www.fusioncharts.com によるグラフ・ライブラリの比較表を追加 http://www.fusioncharts.com/javascript-charting-comparison/ 2014/11/7追記 amChartsというものを見つけました。詳しく見ていませんので、参考として www.amcharts.com http://d.hatena.ne.jp/end0tknr/20110514/1305359945 以前、perlで利用できるグラフ生成ツールを調べて見ましたが、moongiftで「IE6から使えるSVG/VMLを使った高機能JavaScriptグラフライブラリ「Highcharts」が紹介されていたので、試しに使ってみました。 ライセンスが...という方は、canvasChart ( http://jsgt.org/c/ )も良さ
湯葉でも分かるHighcharts — 湯葉でも分かるHighcharts 0.1 documentation
このドキュメントについて¶ この文書は @yubais が、ホワイトデーにお返しする相手がいなくて暇だったから書いたものです。 内容に関する責任は負いかねます。 ここに書いている内容は、以下の環境で動作をなんとなくチェックしています。 Highcharts 2.3.3, jQuery 1.8.2 Google Chrome 25.0, Firefox 19.0, Safari 6.0, Opera 12.14, Internet Explorer 10 (およびその互換モード) Windows 8, OS X 10.8 Mountain Lion, Ubuntu 12.04, Android 4.2
Highstockスゴイ！日本語化もしてみた。 - アーキテクチャをスマートに。
Yahooファイナンスなんかでよく見られる、株価のチャートを表示する必要があったので、jQueryプラグインで使いやすいのがないか探してたのですが、すごいクールなのが見つかったので紹介。 （あと自分の備忘録も兼ねた記録です） Highstockってなんだ？ グラフ描画のための「Highcharts」というjQueryプラグインがあるのですが、それをさらに株価チャート向けバージョンが「Highstock」という位置づけのようです。 すぐに試せるデモサイトがあるので、一度見てみると、、、スゴイです！ http://www.highcharts.com/stock/demo/ 見た目もかっこよくて、カスタマイズもいろいろ出来て、IE6でもOK（試してないけど）、使い方もわかりやすそう！ Very Cool !!! ってなわけで使ってみました。 使い方は、ググればいろいろ情報が出てくるのでそれだけ
初心者でも絶対わかる、WebGLプログラミング＜three.js最初の一歩＞
初心者でも絶対わかる、WebGLプログラミング＜three.js最初の一歩＞ 小山田 晃浩（株式会社 ピクセルグリッド） WebGLはとても高度な技術である一方、APIは低レベルであるためそのまま使うにはどうしても冗長な準備を行う必要があります。一方で、JavaScriptライブラリーを通して高レベルなAPIとしてWebGLを利用する方法があります。こうしたJavaScriptライブラリーとしてはthree.js、Away3D.js、Babylon.jsなどが有名です。その中でも特に人気があるthree.jsを通して、WebGLを利用する方法を解説します。(three.jsのリビジョンは執筆現在の最新であるr65を利用します) three.jsを手に入れる three.jsはhttp://threejs.org/から手に入れることができます。downloadから、zipファイルを手に入れま
geventでWebSocketを使ってみる - へきょのーと
WebSocketを使ってやりたいことがあったのですが Pythonのモジュールを使いたかったので Node.jsではなくPythonのgeventを使ってみました。 環境 Max OS X 10.6.8 Python 2.7.3 gevent 0.13.7 gevent-websocket 0.3.6 インストール Pythonはインストール済みで virtualenvで作った仮想環境で行います。 port install libevent # pip install geventだとエラーが出るのでソースからインストール curl http://pypi.python.org/packages/source/g/gevent/gevent-0.13.7.tar.gz#md5=c74004730c2543260b751b0aa782987c -o gevent-0.13.7.tgz ta
Flotを使ったリアルタイムグラフ更新を少しカスタマイズしてみた - Splash of waters - 2nd. Season
Javascript製のグラフ描画用ライブラリとして、色々あるうち、Flotを使ってみた。 他にもいくつか選択肢はあったんだけど、 Ajaxで外部データを取り込んでグラフ描画が可能 以前も使ったことのある実績（簡単に使える） jQuery製であること ひと通りのAPIが提供されていて、サンプルやリファレンスなどのドキュメントが充実している MITライセンス といった理由により、他の選択肢と比べて一歩抜き出ているので、Flotにしてみた。 今回はリアルタイム更新の機能を試してみたかったので、サンプル( http://people.iola.dk/olau/flot/examples/realtime.html )に少し手を加えてみた。 改良点は、 X軸を時系列にする。 データは外部JSONデータを取り込む。 グラフを複数本（2本）にする。 初期表示時はデータ数は0個で、更新のたびに1個増えて
解析データの、グラフ化に。JavaScript製統計解析ライブラリ·jStat MOONGIFT
jStatはJavaScriptで作られた統計解析ライブラリ。Canvasタグにデータをプロットする。 jStatはJavaScript/jQuery製のオープンソース・ソフトウェア。単純に一覧化された数値では分からない情報も、データをビジュアル化すると見えているものがある。トレンドや偏差が見えると、次の手や分析する上でのきっかけが掴めるようになる。 二つのデータを描画 統計のビジュアル化をする解析言語としてはMATLABやRが有名だ。しかしそうした言語を覚えないとデータのビジュアル化ができないのは面倒だ。Webブラウザ上でもっと手軽にグラフを描くソフトウェアとしてjStatを紹介しよう。 jStatでは多様な統計解析を行うライブラリだ。描画にCanvasを使っているのでHTML5をサポートしたモダンなWebブラウザがサポート対象になっている。またjQueryを使っている。線で描画すること
Jqueryでグラフ表示 - ochi0218の日記
仕事でグラフを表示したいという要件が出てきた。 そのため、Jqueryでグラフ表示できるプラグインがないか調査することに。 んで、下記が候補として見つかったプラグイン。 jqplot グラフの見栄えがよく、様々なグラフを表示できる。 表現方法が多い。（色やプロットの形など） 特に、グラフをドラッグで変更できる点などは、素晴らしい。 APIも整備されていて、実装時に、探しやすい。 flot 見栄えはjqplotより落ちるが、様々なグラフを表示できる。 機能的な部分が多い。ズーム、スクロール、リアルタイム描画、描画対象の変更等。 軽量のスクリプトになっているので、ソースリーディングが容易。上記２つで作成した所、スマフォでのグラフ表示ということもあり、グラフ内部のスクロールが出来なければならないため、今回は「flot」を採用することにした。 それぞれで作成した方法を記述しておく。 jqplot
Three.js doc
top THREE.PerspectiveCamera File doc/three.js/src/cameras/PerspectiveCamera.js Instance Variables fov aspect near far fullWidth fullHeight x y width height projectionMatrix Superclass THREE.Camera Examples (122) doc/three.js/examples/canvas_geometry_birds.html (source) doc/three.js/examples/canvas_geometry_cube.html (source) doc/three.js/examples/canvas_geometry_earth.html (source) doc/three.js/ex
jQueryでクリックされたエレメントの属性を取得する
どうも、俺＠仕事中です。 jQuery＋Ajaxを使ってインタラクティブなデザインのシステムを構築中なのですが、ちょっとハマったのでめも。 画面にテーブルとか使って、何かデータを一覧表示した場合に、クリックされた要素のvalue値やname属性の値やidの値とか取りたくて、取りたくて、、、取れなくて1時間悩みました。。。 例えば <td><a href="foo" id="foo_id" value="foo_value">FOO</a></td> <td><a href="bar" id="bar_id" value="bar_value">BAR</a></td>のようなテーブルがあるとします。 これでjQueryで'FOO'をクリックした時に、その<a>タグに指定してあるid値やvalue値を取得したい！場合は $("a").click(function() { id = $(thi
JavaScriptでステレオ画像処理 – Rest Term
過去、OpenCVやFlashで簡単なステレオ画像処理を試してきましたが (ステレオ画像処理, Flashでステレオビジョン入門)、今回はJavaScriptとCanvas APIで同じものを作ってみます。 Demo: HTML5 Stereo Vision Source Code: cv/stereo_matching at master from wellflat/jslib – GitHub ここではKinectのように赤外線センサーはもちろん利用できないので、純粋な画像解析のみで奥行きを計算します。 2枚の画像でステレオマッチングを行い、カメラから対象までの距離を濃淡で表す視差マップ (深度マップや距離画像と呼ばれることもある、CGの視差マッピングとは別物)を生成します。使用するアルゴリズムはこれまで同様にブロックマッチングを、類似度評価にはSAD（Sum of Absolute
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Serial Devices | Apps | Chrome for Developers
https://github.com/twelvelab11/chrome_serial_sample/blob/master/chromeserial.js
WEBSITE.WS - Your Internet Address For Life™
Flot Examples
Flot Examples
Draggable - jQuery UI API 1.8.4 日本語リファレンス - StackTrace