diag.md シーケンス図とかフローチャートをしごとで描画することになった場合、 テキストから生成できたら楽なので、それ系のツールまとめ GraphViz http://www.graphviz.org/ C製 Doxygen, Moinmoinなどと連携可能 ブロック図、クラス図、ネットワーク図など PNG, SVGなど 出力可能形式一覧 JavaScript（Emscripten）版もある。リアルタイムプレビュー出来て便利 https://github.com/mdaines/viz.js PlantUML Java製 シーケンス図, ユースケース図, クラス図, アクティビティ図, コンポーネント図, ステート図, デプロイ図, オブジェクト図などめっちゃたくさん作れる PNG, SVG, LaTeX, ASCII出力 なんとワイヤーフレームも作れる。アイコンとかも入れられる。 オ
Raspberry Piで取得したセンサーデータをリアルタイムに可視化する（センサー編） Posted: 2015-06-11 / Modified: 2015-06-17 / Tags: Raspberry_Pi Node.js 前回に引き続き、Raspberry Piでセンサーデータを取得して、Milkcocoaを使ってリアルタイムにブラウザ上にグラフ化する方法を紹介していきます。 弊社オフィスの玄関の明るさをリアルタイムで表示しているデモはこちらです 今回は以下の流れで、センサーデータの取得と保存について説明していきます。 回路を組む シリアル通信の準備 ADコンバーターからデータを取得 データの確認と保存 なお、センサーは以下のキットのものを使用します。同じように開発したい場合はご購入ください。 ハック ラズベリーパイ Raspberry Pi 電子工作入門キット。 回路を組む こ
Raspberry Piで取得したセンサーデータをリアルタイムに可視化する（導入編） Posted: 2015-06-08 / Modified: 2015-12-09 / Tags: Raspberry_Pi Node.js Raspberry Piを買ったは良いもののLチカで止まってる、なんて人は少なくないんじゃないでしょうか？ センサーデータがうまく取得できなかったり、通信の部分がよくわからなかったり、色々な理由があるかと思います。 そこで今回は、Raspberry Piでセンサーデータを取得して、Milkcocoaを使ってリアルタイムにブラウザ上にグラフ化する過程を、導入部分からひとつひとつ説明したいと思います。 こちらでデモを見ることが出来ます 今回は導入編ということで、以下の流れで説明してきます。 Raspberry Piのインストール Raspberry Piを持ち運べるよう
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? 改訂版について (5/7/2019公開) この記事は、私がこちらに公開したもの中では最も読まれているようです。そこで、執筆後に気づいたこと、古くなった情報、新しい技術動向などを考慮に入れて改訂をしました。主な変更点は以下の通りです： 新しいセクションの追加 最近の本の紹介 細かな表現の修正 この記事は複数のセクションに分かれていますので、前編から始め、順番にアップデートして行きたいと思います。何かお気付きの点などありましたら、コメント欄、もしくはkonoアットマークucsd.eduにお願いいたします。 はじめに この記事は、可視化の専門
ドットインストール代表のライフハックブログ
普及期を迎えたスマートフォンの代表的なOSの一つである「Android」向けのソフトウエア開発において、素早くアプリケーションを実現できる開発ツールとして注目されているのが、米Googleが提供する「App Inventor for Android（以下、App Inventor）」である。このApp Inventorを使えば、GUI（グラフィカルユーザーインタフェース）上のプログラム部品をマウスで操作することにより、Android用のアプリケーションを比較的簡単に開発できる。 具体的には、あらかじめ用意されたUI部品を開発画面上にドラッグしてアプリケーションの表示画面をデザインしたり、「ブロック状の部品」をパズルのように組み合わせて挙動を実装したりできる。コードを全く書かずにアプリケーションを実現できるので、開発者はプログラミング言語の仕様や開発ツールのAPI（アプリケーションプログラミ
（2010/06/28追記：これの調査当時、かなめもはガチ百合だったんですが、6月時点ではけいおん/レールガン寄りになってます） 2010/01/05 作成 2010/01/06-1 そらのおとしものの位置を中央付近から左上に移動 2010/01/06-2 矢印の微調整。けんぷファー、にゃんこいなどの位置を調整 2010/01/08 文字位置の微調整 図の読み方 2010年1月4日時点 アマゾンの「この商品を買った人はこんな商品も買っています」で、作品の近しさを判断 矢印は、ある作品が他のどの作品にどの程度近しいかを示す 作品に熱中するファンの割合が高いほど、枠線が赤く太くなる ちょっとわかりにくいので、具体例を。 にゃんこい!とけんぷファー にゃんこいファンでけんぷファーに興味を持つ人や、けんぷファーファンでにゃんこいに興味を持つ人の割合は大きいです。なので、双方向の太矢印で結ばれます。
2019-01-04 名無し＠ベアード : 3大運転中イライラする奴ら「法定速度厳守マン」「曲がると同時にウインカーマン」- 2019-01-04 bosbobet : 国内旅行に役立つテンプレまとめ- 2019-01-04 agen bola : 国内旅行に役立つテンプレまとめ- 2018-12-24 RazviksInoto : サザエさんを萌え絵にしたららきすたになるんじゃね？-деньги на карту без отказов круглосуточно - Все-Займы-Тут.РФ 2018-12-07 長崎県でアパートを売るの情報はこちら : 日本SUGEEEEEEEEEEEEEEEE!ってなるコピペくれ- 2018-11-24 名無し＠ベアード : 東京の都会度を100とすると大阪80名古屋70くらいじゃん- 2018-11-23 名無し＠ベアード : 【悲報】槍
Arduino スケッチの動作確認を行うには，シリアルモニターを使うのが最も一般的な方法だと思う。シリアルモニターを使えば数値や文字列などの情報を， Arduino から PC へと手軽に出力することができる。 ただ，時には単なる数値や文字列ではなくて，グラフなどのように視覚化されたかたちで確認を行いたい場合もある。また，シリアルモニターは情報がスクロールして流れてしまうため，リアルタイム性の高い情報を扱うにも不向きだ。 そんなときに便利なのが Processing だ。 Processing の Serial ライブラリを使えば， Arduino のシリアル出力を簡単にキャプチャーすることができる。 Arduino からは常に情報を吐き出し続けるようにしておいて， Processing 側では serialEvent を使ってその情報をキャプチャーしつつ，適当に視覚化を行えばいい。チュー
ブログランキングサービス『TopHatenar』に登録された20万件超のブログを3Dの仮想都市景観に凝縮したサイト、『Blogopolis』を公開しました。 Blogopolis Blogopolisとは Blogopolisは、昨年6月に公開したはてなダイアリーの勢力地図『HatenarMaps』のコンセプトを継承したサイトです。HatenarMapsの初版は、1000ユーザ×5エントリーの土地から構成された「はてな村」の地図でしたが、Blogopolisは20万人超のユーザと30万件近くのエントリーを収容する「メガロポリス」です。 Blogopolisは、TopHatenarが収集している全ブログのデータ（はてなブックマークにおけるエントリー、ブックマーク数、ブックマークタグ、livedoor Reader購読者数）を活用して、3Dの都市景観を自動生成しています。 ブックマークエントリ
_, ._ （ ・ω・） んも〜 ○=｛=｝〇, |:::::::::＼, ', ´ ､､､､し ､､､((（.＠）ｗｖｗｗＷＷｗｖｗｗＷｗｗｖｗｗｗｗＷＷＷｗｗＷｗ ｗＷＷＷＷＷＷｗｗｗｗＷｗｗｖｗＷＷｗＷｗｗｖｗＷＷＷ 作ってみたｗｗｗｗｗ とりあえず公開ｗｗｗｗｗｗｗっうぇ 日本語版はてきとーです．きっと英語版のほうが詳しいです． 実装 インタプリタ Interpreter written in Standard ML (accept US-ASCII only) by UENO Katsuhiro Interpreter written in Ruby by UENO Katsuhiro Interpreter written in ニコスクリプト Interpreter written in Prolog by zick Interpreter written in Java b
なんか最近 id:nishiohirokazu さんや akrさん が色々ビジュアライズとかされてて面白いです。感化されてちょっとなんか絵をかいてみました。 上の絵は3目並べを引き分けになるように探索していった時の絵です。わかりにくいですが、一番下の板が一手目なので9個点があって、その9個の点からはそれぞれ垂直にのびる以外の8本の線がそれぞれのびてるはずです。今までの軌跡に応じて点がずれるようになってるので何か組み合わせが増えてるなーという雰囲気がわかります。 ありえる点を全部調べると一番上の板がもっと光ってあまり綺麗じゃなかったです。後は敗着になる手は避けるような探索をすると上の方が光らなかったのでこれもいいかと思いました。 ソース http://shinh.skr.jp/gl/ttt.c
芸術の秋にProcessingでスケッチプログラミングを始めてみよう：絵心がなくても簡単に絵が描けるProcessing（1）（1/3 ページ） アートやデザインのための“プログラミング” 読者の皆さんは「プログラミング」という用語や、それをすることに、どんなイメージを持っているでしょうか。仕事に使われるアプリケーションやWebサービスの開発の世界の「プログラミング」を考えてみると、多くの場合「実用性や効率が重んじられ、専門的な知識を持ったエンジニア／プログラマーが慎重に正確に行うもの」といったイメージではないかと思います。 しかし一方で、実用性ではなくスクリーンに表されるイメージや動きの美しさ、見るものを引き込むインタラクションのアイデアをプレゼンテーションする「プログラミング」の世界も存在します。エンジニアではなくアーティストやデザイナーが、驚きやインスピレーションを求めて大胆に「プロ
■ [misc] ケータイの絵文字がどのように変換されるかを巨大な図にまとめてみた ケータイの絵文字は他社の端末に送信する際に、「似ている絵文字」に変換されるため、例えば au端末で「熱がある」という表情の絵文字を含んだメールを作り、それをSoftBank→Docomoと順に転送していくと、 「熱がある」だったはずの絵文字が巡り巡って「ほっとした顔」になってしまうらしい。 上記の例は「適当に拾った例」とのことだけれど、せっかくなら全部まとめて見てみたいと思わないだろうか？ よろしい、ならばGraphvizだ。 emoji_conv.png (7.4MB、大きいので注意) 注意点としては： 枠の色は、赤がDocomo、グレーがSoftBank、オレンジがau、緑がE-MOBILE、青がWILLCOM。 画像もこちらのページのものをそのままお借りした。ありがとうございます。 pngなのでアニメ
この授業は、アートやデザイン分野の学生にプログラミングを効率よく学習させるため組み立てられたものです。 現在のアートやデザインにおいて、プログラミングの知識があるという事実は、基礎的な教養としても、就職の際のスキルにしても年々その重要度が高まっています。しかし、芸術系の学生にとってはその敷居が高いのも事実です。 よって、この授業ではプログラミングによってグラフィックの描画やサウンドのエフェクト、動画のエフェクト、ネットワークなどの、直接表現に結びつく実践的な方法を学びます。 開発環境は、processingを利用して行ないます。processingは、マサチューセッツ工科大学で開発されたプログラミング教育用ツールです。 非常に短いコードでプログラムが書けるようになっていますので、初心者でも心配する必要はありません。 位置づけとしては1年のメディアプログラミング演習Iの応用編ですが、メディア
第22回 大きなデータを眺める 2008年5月16日 IT コメント： トラックバック (0) （これまでの増井俊之の「界面潮流」はこちら) 下図はMacintoshの Disk Inventory X というソフトで私のホームディレクトリの中のファイルの大きさを視覚化したものです。 大きなファイルが大きな矩形で表現され、ファイルをまとめたフォルダも矩形として階層的に表現されています。 一方、下図はWindowsの SequoiaView というソフトを使ってファイルの大きさを視覚化した例です。 後発のDisk Inventory Xは、おそらく SequoiaView に触発されたと思われるので外見がよく似ていますが、階層的に配置した矩形の集合でファイルサイズを表現するという方法は、University of Maryland の Human-Computer Interaction
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
