『Soldi』は、複数の企業と提携しており、当サイトを経由して商品への申込みがあった、もしくは当サイトへの情報掲載依頼があった場合には、各企業から報酬を受け取ることがあります。ただし当サイト内のランキングや商品の評価に関して、提携の有無や支払いの有無が影響を及ぼすことはございません。また当サイトで得た一部収益は、サイトを訪れる皆様により役立つコンテンツを提供するために、情報の品質向上・ランキング精度の向上等に還元しております。

【追記】この記事をきっかけに、名著「ノンデザイナーズ・デザインブック」の20周年記念特典eBookの制作に協力させていただきました。詳しくはこちらを御覧ください。 ノンデザイナーズ・デザインブック20周年記念の特典に寄稿しました デザイナーである・なしに関わらず、仕事の中で伝えたいことを「図」で説明する機会は多々あります。提案書で事業内容を説明することもあるでしょうし、具体的な数値をグラフで説明することもあるでしょう。そんな中でこんな指摘を受けたことはありませんか? ・最終的に何を言いたいのか結論が見えないよ。 ・関係性が複雑すぎて理解しずらいんだけど。 ・要素が多すぎて全てを把握するのが大変。 ・何をどこから見れば良いの? ・結局一番言いたいことはなんなの? ・文字サイズがたくさんありすぎてまとまりがないね。 ・安っぽいチラシみたいでダサイなぁ。 ・全体的にバランスが偏ってて不安定。 ・
どうも、まさとらん(@0310lan)です。 今回は、JavaScriptを使って「グラフやチャートを描きたい!」とか、「さまざまなデータを可視化させたい!」という人にオススメのJSライブラリをご紹介しようと思います。 また、すぐに使い始められるように、ミニマムな構成の「サンプルコード」も合わせて掲載しているので、自分に合ったライブラリを使う取っ掛かりになれば幸いです。 ■Chart.js 【Chart.js】 最近、活発にバージョンアップをしている「Chart.js」は、すべてのグラフが自動的にアニメーション表示されるユニークな仕掛けを持っており、シンプルで理解しやすい記述が出来る点も魅力です。 グラフの種類は少ないものの、モダンブラウザ&レスポンシブ対応で、あまりカスタマイズせずに「デフォルト」のままでも手軽に使えるでしょう。 【 基本の書き方 】 「chart.js」ファイルは、公式
ちょっとしたデータをサクッと「グラフ」や「チャート」にして、Webページに素早く公開したい人に最適なJavaScriptライブラリ「CanvasJS」のご紹介です! 類似のライブラリはいくつかありますが、「CanvasJS」はわずか数行のコードですぐにグラフが作成でき、なおかつ豊富なパラメータをいじることで驚くほど細かいカスタマイズも実現できるのが特徴的です。 今回は、基本的な使い方を中心にご紹介しようと思います! 必要なファイルを準備しよう! 「CanvasJS」の本体ファイルは、サイトのトップページからダウンロードできますが、CDN経由からも利用できるようになっています。 https://cdnjs.cloudflare.com/ajax/libs/canvasjs/1.7.0/canvasjs.min.js これを、HTMLファイルに読み込みます! // index.html <!d
Step1.タイトルを入力 グラフのタイトルを入力します。管理しやすいようにタグの入力も可能です。作成したグラフは、タイトル、タグからグラフを検索することができます。 Step2.データを入力 グラフデータを入力します。グラフデータはCSV、TSV形式に対応しています。CSV、TSVファイルをアップロードもしくは、エクセルなどのスプレッドシートからデータをコピー&ペーストでグラフデータを入力できます。 Step3.グラフのテーマと種類を選択 グラフのテーマと種類を選択します。グラフのテーマは、「white」「grid」「dark-blue」「dark-green」「dark-unica」の5テーマ、グラフの種類は、「棒グラフ」4種類、「線グラフ」2種類、「面グラフ」4種類、「円グラフ」3種類、グラフの色は4パターンから選べます。
半年ほど前のことです。 1歳半健診へ行った私は不安を増やして帰ってきたのでした… ご注意 ・主人公はメンタル弱い ・まだマシな方でもっと酷い所は沢山あるし良いところもある ・保健師さんは仕事をしているだけ ・一歳半健診がまだの方は不安になる可能性がある →健診内容だけ知りたい方は他のサイトを探してね! 愚痴っぽいので何でも許せる方のみどうぞ\(^o^)/ 偽りの問診票 1歳半健診では事前に問診票が配布されており 1日の生活の様子を書く帯グラフみたいなのがありました。 書き方例は模範となるようなしっかりした生活リズムで 当時授乳があんまり減らないし食べムラがあるしで生活リズムが整ってなかったので 「アッ!正直に書いたら別室行き案件や!」と思った私は おおよそのぼんやりとした生活リズムを書いておきました。真似しないでください。 闇の健診のながれ 健診の流れは 受付→食べ物の話(人が揃うまで待機
SNSの普及や相互依存性の高いデータの増加に伴い、従来型のリレーショナルデータモデルの処理効率の問題を解決するために登場し、近年使われるようになったのが、「グラフデータモデル」です。本書ではこのグラフデータモデルと、このモデルを使ったグラフデータベースについて、グラフデータベースの代表的な存在であるNeo4jを使って解説。Neo4jの中心的な開発者たちによる執筆のため信頼性が高く、また、実例も随所に織り込まれ実用性も高いものとなっています。内部アーキテクチャについてもていねいに書かれており、なぜリレーショナルデータモデルよりもグラフデータモデルの方がグラフ処理に適しているのかを理解できるでしょう。本書は、グラフデータモデルとグラフデータベースの特徴と使い方をまとめた優れた入門書です。 序 まえがき 1章 はじめに 1.1 グラフとは何か 1.2 グラフ領域の概要 1.2.1 グラフデータベ
「自分が人生で何をしたいか図にしてみたら…なんてこった!」共感を得ていたグラフ 人生はままならないもので、誰もがなりたい自分になれるわけではありません。自分の才能や境遇と相談しながら、「なりたいこと」や「したいこと」を模索していくわけです。 「自分が人生でしたいこと」をグラフにしたところ、悲しい現実に直面したと言う人がいました。 どんなグラフなのかご覧ください。 4つの要素がみんなバラバラ! それぞれ独立していて、まったく重なっていません。 これが現実というものなのですね。 海外掲示板では、この人生のジレンマを見て多くの人が「あるある」と共感していました。 ●君の両親は現実的な仕事をやらせたがらないのかい? ↑「恐竜の獣医か、宇宙の医者になるように育てたというのに!」 ↑両親によっては、何が現実的な仕事かわかっていない人々もいる。 ↑「僕は大きくなったら、校長先生か青虫になりたかったんだ」
移転しました。(新ブログ:http://prehyou2015.hatenablog.com/)プリキュアシリーズ 過去のプリキュアの視聴率、玩具売上げなど数字に関するブログです。 (訂正) 2015年3月5日 キネマ旬報最新号により、ハピネス映画の最新の数値が確認できました。 ハピネス映画の最終興行収入を訂正いたします。 5.0億→5.3億です。 (本文も訂正済みです) よろしくお願いいたします。 **************************************** ハピネスチャージプリキュアの数字が出揃ってきたので数値上のまとめです。 ハピネスチャージプリキュアは昨年1年でどのような数字を残してきたのか、 検証していきたいと思います。 (内容) 1:バンナムトイホビー売り上げ、東映アニメ版権売り上げ 2:視聴率関係 3:映画興行収入 4:玩具ランキング 5:Googleトレ
ウソグラフの世界 ここ数年、統計学がブームとなっています。オープンデータやビッグデータなど、IT化の進展とともにそれまで以上にさまざまな数字が扱われるようになっています。 そんな統計において、欠かせないものがグラフです。数値を図形化して視覚的な理解をうながすグラフには、棒グラフ、折れ線グラフ、円グラフなどなど、さまざまな種類があります。 ただ、意図的かどうかはさておき、作為が加えられたグラフを見かけることも珍しくありません。数値に手を加えることはもってのほかですが、それよりも目立つのは見せ方を工夫(作為)して実際の数値以上の効果や影響を錯覚させようとするものです。そうしたものは、「ウソグラフ」あるいは「クソグラフ」などと呼ばれたりします。 それでは、こうしたウソグラフにはどういうものがあるのでしょうか? 電子コミック市場は急成長? 先日『News Picks』という新興のネットメディアに、
「これより面白いグラフなんて存在するの?」多くの人が感心させられていたグラフ グラフは情報を視覚的に表しているため、ただ数字が並んでいるよりも理解しやすいですが、見ただけで楽しくなるようなグラフはそんなにありません。 「お気に入りのグラフ」と題された円グラフが、とても面白いと人気を呼んでいました。 どんなグラフなのかというと……。 ……。 一瞬、何の円グラフなのだろうと真面目に見てしまいましたが、美しいピラミッドになっているとは! これをグラフと呼んでいいかは疑問ですが、トリックアートのようなおもしろさがありますね。 こうした隠し要素のあるグラフは他にもあるようで、海外掲示板にいろんな「お気に入りのグラフ」が紹介されていました。 ●もうちょっと色を調整したもの。 ●これが自分のお気に入りのグラフ。 シルバー:「食べたパイの部分」 イエロー:「まだ食べてないパイの部分」 ●自分のお気に入り。
新しい監視ツールとして開発途上の Prometheus 概要と、インストール・設定方法、そして複数サーバのCPUやメモリ情報を参照したり、Docker コンテナ情報の取得方法、そしてアラートの確認の仕方を調べました。実際使い始めるまで少々とまどった所もあり、Prometheus を知りたい方、使いたい方向けに、ここで共有します。 ■ Prometheus とは? Prometheus(プロメテウス)は、オープンソースのサービス監視システムと時系列データベースであり、要は監視ツールです。先月末にバージョン 0.1.0 が公開され、目下開発が進んでいます。開発は、音楽のソーシャル・プラットフォームを展開しているSoundCloud社によって2012年から行われ、数千ものサーバを管理することが目的でした。現在はGitHub上で公開されています。開発言語は Go です。 ■ これまでの監視ツールと
AngularJSやTypeScriptサポート、モバイル対応、グリッドやグラフなど業務用JavaScriptコントロールを備えた「Wijmo 5」、グレープシティがリリース グレープシティといえば、VBXと呼ばれたVisual Basicのカスタムコントロールの時代からソフトウェアコンポーネントに強いベンダとして知られています(当時の社名は「文化オリエント」でした)。 その同社が、ECMAScript 5に準拠し、AngularJSやKnockoutJS、TypeScriptなど最新のJavaScript技術との連携を強化したソフトウェアコントロール「Wijmo 5」(ウィジモファイブ)をリリースしました。 Wijmo 5の「5」はJavaScriptの新しい仕様であるEcmaScript 5からとったもので、ECMAScript 5のgetter/setterでコンポーネントのプロパテ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く