HTML5のcanvas機能で綺麗なグラフが作れる！「Flotr2」を試してみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
HTML5のcanvas機能を使用してグラフが作成出来るライブラリ、「Flotr2」がとても素敵だったので試してみました。グラフは円グラフ・棒グラフ・折れ線グラフなど様々な形での表現が可能です。 使用方法 使用するときのルールは以下の通りです。 「flotr2.min.js」を読み込む グラフを表示するdivのID名を決めて、ソースを書き換える（デモでは「#graph」） 上記IDにwidth、heightを設定する あとはサンプルのソースの数値や項目名など書き換えればOK。 デモ 表現出来るグラフが紹介しきれないくらいたくさんあるので、汎用性のある折れ線グラフ、レーダーチャート、円グラフを試してみました。 折れ線グラフ デモページはこちら <br /> <!DOCTYPE html><br /> <html lang="ja" dir="ltr"><br /> <head><br />
いろんなHTML5 canvasのフレームワークを試してみた
TFujinami codes (jsdo.it) 珍しくというか初めてニュースクリップではなくオリジナルで書きます。 EaselJSやGuryなど幾つかのHTML5 canvasのフレームワークを試してみました。 ランダムで線、四角（長方形）、丸（楕円）を描画します。画面をクリックするとローテーションします。 コード共有サイトのjsdo.itですべて公開してあります。 - EaselJS (記事) - Gury (記事) - oCanvas (記事) jsdo.it上では動作しないのでダウンロードしてください - jCanvaScript (記事) - CasualJS (記事) 4/27追加 パフォーマンス低し、使い方が間違っている？ - jCanvas (記事) 5/20追加 - Processing.js (記事) 5/24追加 - LibCanvas (記事) 6/8追加 Ell
KineticJS
KineticJS is a fast, robust, HTML5 Canvas Library that is no longer maintained. The last stable version is v5.1.0, and it's pretty darn solid. You can find the github project here. I am also no longer maintaining the CDN which hosted KineticJS files. If your site was using KineticJS hosted on Amazon's S3 CDN services, I'm very sorry for having to pull the plug, but it was getting very costly. For
元はてな・GREEのプログラマ 伊藤直也が語る、ソーシャルメディアの功罪。［前編］ | キャリアハック（CAREER HACK）
「はてなブックマーク」の開発者であり、またGREEにてソーシャルメディア開発を指揮した経験も持つ伊藤直也さん。この10年、日本のWeb業界の第一線を走り抜けてきた彼は、「ソーシャルメディア」というものをどのように捉えているのだろうか？ 日本のソーシャルメディアを牽引してきた、トップエンジニア。 伊藤直也―。この10年、日本のインターネットビジネスの第一線で活躍しつづけてきた紛れもないトップエンジニアの一人だ。「はてな」の屋台骨を支えるCTOとして主要サービスである「はてなブックマーク」を開発。その後、フィールドを「GREE」に移し、ソーシャルメディア統括部長としてソーシャルゲーム・プラットフォーマーとしての急成長をエンジニアリングの面から支えた。 一方で、現在の「ソーシャルメディア全盛」の状況に対しては、やや懐疑的な立場をとることもあるのだという。それは一体なぜなのか？エンジニアとしてのキ
「宣伝か自腹での帰国かを迫られた」--サムスン、IFAに招待のブロガーとトラブルか
ブロガーたちへの助言：サムスン電子から、航空券代を負担するのでイベントに参加してほしいという申し出を受けたのであれば、帰路の航空券は自費で購入しておいた方がよいだろう。 The Next Webの報道によると、サムスンは少し前に、インドに在住しているモバイルテクノロジ関連のブロガー数人に対して、ベルリンで開催中の「IFA 2012」カンファレンスに参加するための航空券代を負担すると申し出たという。この申し出を受けたブロガーの1人であるニューデリー在住のClinton Jeff氏は、同カンファレンスにはレポーターとして参加するだけで、サムスンのための宣伝活動は一切行う気がないと同社に明言していたと述べている。そしてサムスンはこれに対して何の異議も唱えていなかったという。 しかしカンファレンスの日が近づくにつれてブロガーたちは、サムスンから衣服のサイズを通知するよう要求されるなど、うさんくさい
NEC、SQL言語からFPGA回路を自動生成するシステムを2014年に提供
NECは2012年8月31日、大量データの高速検索に向けて、ハードウエアを使ったデータ検索用半導体チップをSQL言語だけで設計/実装できるシステムを開発したと発表した。これにより、ハードウエア回路に詳しくないデータ分析担当者が回路を実装できるようになる。2014年までに、サーバーなどと組み合わせたシステム製品として提供する予定。 今回発表したのは、回路をプログラミングによって組み替えられる半導体チップであるFPGA（Field Programmable Gate Array）を利用したシステム。前提として、C言語からFPGAの回路を自動生成するツール「CyberWorkBench」を利用する。今回、CyberWorkBenchの前処理（プリプロセス）を担うソフトウエアとして、データ検索用のSQLを、FPGA設計用に特化したC言語に変換するプログラムを用意した。 CyberWorkBench
【速報】ついに！ 招待状の発送スタート！ iPhone 5の発表は9月12日（水）で確定。
【速報】ついに！ 招待状の発送スタート！ iPhone 5の発表は9月12日（水）で確定。2012.09.05 01:15 思いっきり影が｢5｣になってる！ ようやく来ました！ 今回は遅かったー。やきもきしましたよ。iPhone 5と目される新製品の発表イベントについて、アップルからマスコミ向けに招待状が送付されているとMac Rumorsが伝えています。 招待状には｢It's almost here.（もう、すぐそこ）｣の文字が。 場所はサンフランシスコのYerba Buena Center、日時は現地時間で9月12日（水）午前10時。日本では9月13日（木）2時となります。 今までの噂はこちら！ ↓ 【9月版】iPhone 5の予想・噂・まとめはここだけ見れば大丈夫 ［Mac Rumors via Boxer C］ （松葉信彦）
女子高生に受けたら一般に受ける!みたいな論調こそオッサン臭いよね - ARTIFACT@はてブロ
米国における電子書籍の新しい試み 「神待ち家出少女、援助求む」と一緒にしないで！ - Market Hack Market Hackは金融日記などと同じ箱に入れていて、マジレスしてもしょうがないと思っているのだが、最後の部分が、見事に自分が以前ネタにしていたのと同じパターンだったので、思わず取り上げる。 大体、次にどんなサービスが死ぬかを測るには、女子高生あたりの行動を見ればわかると言われますけれど、彼女たちはスマホにしてからメールを以前ほど見なくなっているのではないでしょうか？ メルマガなんて、オジンのツール。 僕なら「神待ち家出少女、援助求む」などという迷惑メールといっしょくたにされる場所で、自分の意見を発信したいとは、思いません。 以前、村上福之氏がTwitterやFacebookが若い女性に受けないから一般化しない、みたいなことを言っていて、それをネタにしたのだが、まさに同じパター
東京新聞:核燃料プール 数年で満杯 ６割が運転不可に:社会(TOKYO Web)
全国の原発五十基のうち約六割の三十三基が、数年間稼働させれば使用済み核燃料プールが満杯になり、動かせなくなることが、各電力会社への取材で分かった。新たに中間貯蔵施設を造るには十年はかかり、使用済み核燃料を再処理しても、核のごみは減らず、再生される混合酸化物燃料（ＭＯＸ燃料）は使う計画がない。原発の抱える深刻な問題がはっきりした。 本紙は、原発を保有する九つの電力会社と日本原子力発電（原電）に、各原発のプールの空き容量のほか、一年（通常、原発の定期検査の間隔は十三カ月）ごとの核燃料交換の実績値を取材。そのデータから、各プールがあと何年で満杯になるかを計算した。 これまでプールの空き容量は三割強あり、当面は何とかなるとされてきたが、個別に見ると状況はもっと厳しかった。 東京電力の福島第一５、６号機（福島県）や柏崎刈羽６、７号機（新潟県）は既にほぼ満杯。同社と原電は共同出資して青森県むつ市に中間
エフセキュアブログ : Javaジャンキーのためのティップス
Javaジャンキーのためのティップス 2012年09月04日04:11 ツイート sean_sullivan ヘルシンキ発 by：ショーン・サリバン 我々が最近行ったアンケートによれば、Java Runtime Environment（JRE）をインストールしていないのは、たったの12％だった。そして残りの皆さん（88％）は多かれ少なかれJavaジャンキーだ。 OK、Javaをインストールしており、ブラウザのプラグインもオンにしている41％については、少なくとも、Javaに遭遇するたび、ユーザにパーミッションを促すGoogle ChromeでJavaを使用して欲しいと思う。 あなたはFirefoxユーザだろうか？ おそらくTrinh Nguyenのエクステンション「Plugins Toggler」が、ブラウザでJavaを停止するよう推奨するだろう。 これは非常にシンプルで使いやすいツール
ネイティブアプリのようなWebアプリを作るために
※image via 003 FREE WEB GRAPHICSデバイスの多様化に伴い、拡張性の高いWebアプリの重要性が見直されています。サイバーエージェントのデカグラフを構成するサービスも基本的にはWebベースで作られていますが、これはアプリの改善スピードを上げたり、各サービス間の回遊性を高めるという狙いもあるようです。 ただし、スマートフォンユーザーはネイティブアプリ先行でサービスに触れているため、これまでのWebアプリでは当たり前だったことが、今ではストレスに感じてしまうことも多いです。HTML5の登場やJavascriptのライブラリの充実などにより、最近ではリッチなWebアプリを作る環境が急速に整ってきてはいますが、それでもスマートフォン向けに満足度の高いWebアプリを提供するハードルは非常に高いと言えると思います。 そこで、「もっさり＆カクカク」な印象のあるWebアプリの操作
AJAX で拡張したサイト - ウェブマスター/サイト所有者 ヘルプ
Understand the JavaScript SEO basics JavaScript is an important part of the web platform because it provides many features that turn the web into a powerful application platform. Making your JavaScript-powered web applications discoverable via Google Search can help you find new users and re-engage existing users as they search for the content your web app provides. While Google Search runs JavaSc
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
humble software development - flotr
CreateJS | A suite of JavaScript libraries and tools designed for working with HTML5
Java向けの簡易なデータ抽出機能を提供するApache Tika 1.0
現状 #Scala で #Android をやるのは思っている以上に罠が多いという話
民放各社が10月1日より「ラウドネス」運用開始。番組やCMの音量差を平準化
東京新聞:原発ゼロ社会 電気代高騰は本当か:社説・コラム(TOKYO Web)
大量データをクラウドで分析 日本人起業の米VB - 日本経済新聞
TechCrunch
