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
はじめに はてなサマーインターン2017の大規模システムコースの成果報告をします。 今年の大規模システムコースではメンターのid:masayoshiさんとid:y_uukiさんの下、自律分散監視システムとそれを利用したネットワークグラフの可視化に取り組みました。自律分散監視システムでは単純なクラスタリングによる死活状況の確認だけではなくアプリケーションレベルの疎通確認を行えるものを実現しました。またどのようにしてクラスタを形成するかという問題に取り組む内に、サービス間のネットワーク上のつながりを取得できるようになり、その情報でサーバー間の関係性の可視化を行いました。この記事では、それらの詳細を説明します。 はじめに 自律監視システムの実現 中央サーバー型の監視システム 自律分散監視システム アプリケーションレベルの相互監視 どうやってクラスタを形成するか? 実験 ネットワークグラフの可視化
データを扱うレポートには、グラフやテーブルなど、データの可視化が不可欠です。今回は特にR MarkdownでHTML形式のレポートを作成する時に役立つ可視化手法について紹介します(PDFレポートなどでも使える手法もあります)。可視化においてもコピペ汚染の排除、再現性の確保、すなわちオートメーション化が最重要課題であることに変わりはありません。今回紹介する手法は全て、外部グラフ作成ツールやテーブル作成ツールなどを使うこと無く、.Rmdファイルの中で完結できるようになっています。 なお、それぞれの手法についての詳細な解説は避けて、どのようなことができるのかを広く浅く紹介します。というのも、レポートを作る際には自分が使う手法をきちんと使えれば充分で、全ての手法に精通している必要はないからです(誌面が足りないというのと執筆時間が足りないというのもあります)。今回の記事を一通り眺めてもらって
mermaid.jsとは JavaScriptのチャート作成ライブラリです。他にも似たようなのは色々ありますが、これ一本でフローチャート、シーケンス、ガントに対応してるので、個人的にお気に入り。 http://knsv.github.io/mermaid/ サイトの各チャートのページ見ると書き方と何ができるかはわかるので、ご覧あれ。 僕の使い方 JSのライブラリを自分でインポートして何かすることはほとんど無くて(後述の理由からガントだけJSで使ってるけど)、基本的には以下の2つの方法で使ってる。 Haroopad フリーでクロスプラットフォーム(OS X, Win, Linux)なMarkdownエディタ。 v0.13からmermaid.jsがインテグされているので、何もしなくてもそのまま使える。 mermaid.jsのグラフの書き方は、コード表記で、言語をmermaidにしてあげるだけ。
B! 250 0 0 0 GitHubで面白そうなシェルスクリプトを探してる時に見つけた Spark by holman について。 数値を棒グラフ上に表示してくれるスクリプトです。 Spark 使用例 Spark Spark は数値群を引数に与えるか標準入力で与えてあげると その数値群を棒グラフに変換してくれるシェルスクリプトです。 インストールはGitHubのレポジトリ から直接sparkというスクリプトファイルを取ってきてPATHの通った所に入れるか、 MacであればHomebrewで $ brew install spark でsparkコマンドが使えるようになります。 使い方は非常にシンプルで $ spark 0 20 40 60 80 100 ▁▂▃▅▆█ こんな感じで数値を与えるとそれを棒グラフにしてくれます。 インプットに使える数字は少数も使えますが、 実際に使われる際には
Beautiful JavaScript Charting Library HTML5 JavaScript Charting Library with a Simple API and 10x Performance – makes your dashboards fly! Simple JavaScript Charting API 10X Performance 30+ Chart Types Well Documented Supports Chrome, Edge, Firefox, Safari, IE8+ Support Directly from Developers Our HTML5 Charts work with all the popular Libraries & Frameworks like React, Angular, jQuery, ASP.Net,
2013年01月16日00:58 by oklahomer Open Graphに触れる 3:ユーザのウォールへの投稿 カテゴリhow-to 「Open Graphに触れる 2:ユーザ認証と権限の認可」ではAuthダイアログを用いたユーザ認証と権限認可について紹介しました。今回は、そこで許可された権限を用いて、ユーザ自身のウォールにステータス投稿や画像投稿を行う方法を紹介します。 テストユーザを作成する 管理画面から作成する APIで作成する アプリのアクセストークンを取得する Graph APIでのテストユーザ作成 Graph APIでテストユーザ同士を友だちにする Facebook::OpenGraphを使う 与えられたパーミッションを確認する ウォール投稿する 方法 Facebook::OpenGraphを使う 画像を投稿する 方法 Facebook::OpenGraphを使う まと
Graphwords.com은 한때 단어 간 연관성과 의미망을 시각적으로 보여주는인터랙티브 영어 사전으로 많은 사용자에게 활용되었습니다.기존의 단어 검색…
Googleの検索結果に関数グラフが表示できるようになりましたが、早速これを使ったお絵かき遊びが生み出されたようです。 Googleの検索窓に関数を入力すると、検索結果に関数グラフを表示する機能が先日追加されましたが、この機能を使ってお絵かきする遊びが早速生み出されたようです。NAVERまとめにはまとめページができていました。いくつかご紹介しましょう。 まずはちょっと長いですが「sqrt(0.16-(abs(x+0.5)-0.5)^2)*0+(abs(x+0.6)-abs(x+0.4))*1.25-0.25+sin(x*1000)*0.1, sqrt(0.09-(x+1)^2)*0+0.5+sin(x*1000)*0.1, sqrt(0.01-(x-0.7)^2)*0+sin(x*1000)*0.6, sqrt(0.04-(x-1)^2)*0-0.5*x+0.4+sin(x*1000)*0
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く