ネットワーク図を書くためのjavascriptのライブラリ
先ほど、Yahoo!知恵袋とQiitaにも投稿したんですが、こちらの方が詳しく話を聞けそうなので、投稿しなおしました。 下記のような、ネットワーク図を書く最適なライブラリを教えてください。 言語はJavaScriptを考えています。それよりも簡単に書ける言語やライブラリがあればそれも教えていただければ嬉しいです。 目的は、ログデータの可視化をしたいと思っています。 ログデータの中身は複数の施設を人物が移動した履歴のデータです。 データは２点間同士の関係のデータで以下のようになっています。 下記のようなデータ群があります。 ・出発点 ・到着点 ・出発時刻 このようなデータが２０万件ほどあります。 このデータをもとに、ネットワーク図のノードを施設、エッジを人物の移動を表し、 人物の移動をアニメーションで作りたいです。（出発時刻をもとにした時間経過の。） あと、その２点間を通った人数（重複含めた
[Web] Webページ上でオンライン/オフライン状態を知る、ネットワークの変化に気付く - YoheiM .NET
こんにちは、@yoheiMuneです。 最近知った驚いた機能で、なんとJavaScriptでネットワーク状態を把握する機能があります。 今日はその紹介をブログを書きたいと思います。 現在のネットワーク状態をJavaScriptで知る なんと、以下の１行で現在のネットワーク状態が、オンラインかオフラインかを知ることが出来ます。 var isOnline = navigator.onLine; こんな簡単にできる事を知ってビックリしました。onLineプロパティを使えるか否かも考慮して、以下のようなコードを書くと、 現在のネットワーク状態を知ることが出来ます。 if (navigator.onLine === true) { alert("current network status is online"); } else if (navigator.onLine === false) { a
![[Web] Webページ上でオンライン/オフライン状態を知る、ネットワークの変化に気付く - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/2cc5747ae72ce23305ad10c40e244a5ff6bd3427/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F139.png)
JavaScriptプログラミング講座【ブラウザを使って通信内容を確認する】
ブラウザを使って通信内容を確認する ・「Internet Explorer」を使用する ・「Mozilla Firefox」を使用する ・「Google Chrome」を使用する 前のページに戻る 「Internet Explorer」を使用する ■「Internet Explorer 10」を使用する ■「Internet Explorer 11」を使用する ■「Internet Explorer 10」を使用する Internet Explorer 8 以降から、「開発者ツール」という機能が利用できます。 ■開発者ツールを起動する メニューから、「F12 開発者ツール」を選択します。 「F12」キー を押しても起動します。 ■トラフィックを監視する タブメニューから、「ネットワーク」を選択します。 上のメニューから、「キャプチャの開始」ボタンを選択します。 この状態で、ネットワークの通
JavaScriptでニューラルネットワーク : synaptic.jsですぐに作れる手書き数字分類器 | POSTD
ニューラルネットワークは複雑な非線形問題を解決する可能性を提供してくれるもので、信号の分類や時系列的な予測、パターン認識など様々な領域で利用できます。ニューラルネットワークは人間の脳から着想を得たモデルで、接続された複数のニューロンから構成されます。ネットワークには入力ニューロンの層(情報が入ってくるところ)と出力ニューロンの層(結果が得られるところ)、そしてその間にある「隠れ層」と呼ばれるいくつかの層があります。 より深い理解のために、 Neural Networks and Deep Learning をチェックすることをお勧めします。 ここ数年、ニューラルネットワークを色々な目的のために作成・訓練・利用する助けになるJavaScriptフレームワークがいくつも開発されました。このブログ記事では、画像の分類のためにネットワークをセットアップする方法を学んでいきます。 ニューラルネットワ
JavaScript で実装してみる Deep Learning
ヤフー株式会社は、2023年10月1日にLINEヤフー株式会社になりました。LINEヤフー株式会社の新しいブログはこちらです。LINEヤフー Tech Blog はじめに はじめまして、安藤義裕と申します。ヤフー株式会社データ＆サイエンスソリューション統括本部ソリューション本部でプログラマーをしております。趣味はカミさんの手料理です。 機械学習で用いられるアルゴリズムの一つにニューラルネットワークがあります。ニューラルネットワークは脳細胞の働きにヒントを得て考えられたものです。今回扱う多層ニューラルネットワークはニューラルネットワークの中間層と呼ばれる部分を多層化したものです。近年話題に上ることの多い Deep Learning ではこの多層ニューラルネットワークが利用されています。 多層ニューラルネットワークは用途に応じて異なるネットワークが利用されます。画像処理では畳込みニューラルネッ
Processing.js基礎最速入門 - catch.jp-wiki
関連：p5.js、日本語っぽいプログラミング言語そら豆スクリプト、HTML5+JavaScript Processing.jsは、ビジュアルデザイン用プログラミング言語の先輩格である「Processing」をベースに、最新のWeb環境(HTML5のCanvas要素、Javascriptあたり)で手軽に使えるようにしたものです。 この記事は、そんなProcessing.jsの簡単な入門記事です。先に書いたProcessing基礎最速入門の姉妹編になります。 本記事の対象読者は、基本的にまるでプログラミング体験のない人。でもまあ、Webデザインとか少しでも知っているほうが、取り組みやすいかも知れません。自分でいろいろ調べたり探究するのが好きなほうが良いでしょう。 2011-06-06:Processing-1.2.1.js で動作確認しています。 ●なんと、日本語っぽいコードをProcessi
忘却曲線を意識した学習をEvernoteで快適に実施するためのJXAスクリプトを書いた - Qiita
エビングハウスの忘却曲線というグラフがあります。 Ebbinghaus’s Forgetting Curve (Figure 1) by Educ320 / CC BY 4.0 これはドイツの心理学者であるエビングハウスが、 ある事柄を記憶した後、時間をおいたらどの程度思い出せるか、についての実験結果を図示したもの。 です。 忘却曲線 そのグラフからは以下のような事が読み取れます。 忘れる速度は一定ではない 覚えた直後が最も忘れやすい 2を生き延びた記憶は割りと長持ちする そして、その忘却曲線を踏まえて考案された復習タイミングが以下の4回です。 学習した翌日に1回目 その1週間後に2回目 2回目の復習から2週間後に3回目 3回目の復習から1ヶ月後に4回目 全部で4回の復習を少しづつ間隔をあけながら、2ヶ月かけて行います。 このように繰り返せば海馬は、その情報を必要な記憶だと判断するようです
すでに動いているRailsアプリケーションにReact.jsを投入する
React×RailsについてLTをしたのでその時のスライド http://www.slideshare.net/KoheiIto/the-first-react-on-rails-58486821 スライドって声で補う前提なので、スライドだけみてもよくわからないかなと思ってQiitaに書く このスライドでは、すでにRailsで開発されているサービスにReact.jsを導入する方法を説明した。実際に使っているコンポーネントを元に、実用的な内容にした。 前の記事が中途半端で終わったので http://qiita.com/khrtz/items/89773651bf3698aae029 React化にあたって考えること react-railsを使う RailsのView上でのSPA遷移は諦める Rubyで出力しているHTMLをJavaScriptで書き換えることだけ考える ReactRoute
イラレでもサインカーブなど数学的な曲線を描きたい！JSでできるじゃん！！
(※2015-03-21追記：拡大してカクカクが気になる場合はトレースの力技と言っていましたが簡単にベジェかする方法が分かりましたんで追記しました！) ど～も～、数学は好きだけど数学の成績はそれほどあまりよくなかった、なんちゃって理系男子の dice（@dice_dDtea）です。 曲線に強い、ベクター系最強画像ソフトであるAdobe Illustrator。通称“イラレ”。 イラレで使われている曲線ってのは「ベジェ曲線」と言って ベジエ曲線とは、N 個の制御点から得られる N – 1 次曲線である。 出典: ベジェ曲線 – Wikipedia ・・・。なるほど、よくわからん！ とにかくハンドルをいじって曲線を制御します。 他にも曲線を描く手法としてスプライン曲線とか、 それの3DCG版ならNURBS(ナーブス)ってのがあります。 それぞれ曲線を描く計算式は違いますが、どんな曲線も描くこと
優秀なJavaScriptの開発者になるための5か条 | POSTD
(注記：7/15、いただいた翻訳フィードバックを元に記事を修正いたしました。) 子供の頃、私の興味は互いに関係性のない様々な分野に及んでいました。数学も歴史も大好きでした。 ルネッサンスマン 、つまり 博学者 と言う、複数の分野に秀でた人になりたいと思っていました。これはとても難しい課題で、私は突如として、器用貧乏な人になってしまう危機に直面したのです。 私は特定の分野に特化しなくては、と考え始めました。そうすればたとえルネッサンスマンにはなれなくても、少なくとも、器用貧乏にならなくても済むと思ったのです。どうしたらソフトウェア開発をするのに必要な広い知識を保ちながら、1つの分野で専門性を高めることができるのでしょうか。 この記事では、過去5年間、私が良いJavaScript開発者になるために使ったテクニックとリソースの概要をお伝えしようと思います。 最近の多くのWeb開発者は、ある共通の
初心者でもほぼ無料でJavaScriptを勉強できるコンテンツ16選 - paiza times
Photo by dotConferences こんにちは。谷口です。 プログラミングをこれから学ぼうとしている方で、「JavaScriptを使えるようになりたい！」という方は多いと思います。 JavaScriptは実行環境が主にWebブラウザに実装され、動的なウェブサイト構築や、リッチインターネットアプリケーションなど高度なユーザインタフェースの開発に用いられます。（JavaScript - Wikipedia） Webサービスの作成・運用をする機会がある方には必要不可欠なJavaScriptですが、これから勉強を始める方の中には「プログラミング経験ゼロなんだけど、一体どうやって勉強したらいいの……？」と思っている方も多くいらっしゃるのではないでしょうか。中には「エンジニアではないんだけど、仕事でJavaScriptを触る機会があるから覚えたい！」という方や、「初心者だけど、なるべくコス
webmanab.html
canvasでシェイプを作成するためにピクセル位置を指定するときに、 極座標系を使って(x,y)座標を求めるtipsです。 極座標とは 極座標とは原点からの半径と原点を中心とした回転角度(r,θ)によって空間の点を決定します。 円形に要素を配置させたいときなどに、極座標をループさせて連続して求めて、デカルト座標(x,y)に変換したりします。 極座標 → デカルト座標 極座標をデカルト座標に変換する式は以下のようになります。 cos(theta) = x/r → x = r * cos(theta) sin(theta) = y/r → y = r * sin(theta) ラジアンへの変換 thetaの角度はラジアンという単位に変換し利用します。 radianという変数に格納する場合は以下のように記述します。 javascript var radian = angle * Math.PI
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScript集（ネットワーク関連）
javascript ネットワーク - Google 検索
js-sequence-diagrams
はてなブログ Javascript - Google 検索
PDF.jsとReactでブラウザ上で完結する暗記帳的なものをつくった。 - Qiita
javascript pdf 読み込み - Google 検索
Javascript 数学 - Google 検索
http://mummummusasabi.hatenablog.com/entry/2016/05/12/220040