グラフ作成ツールが人気ですよね。べつやくメソッドも地位を確立しつつあります。 さてそうした流れを受けてご紹介したいのがEJSChart。Javascriptだけで実現できるグラフ作成ツールです。 残念なことにまだ公開前なので全容は不明ですが、やたら高機能らしいです。 ズームやスクロールが可能であるばかりか、マウスイベントを拾ったり、ヒントの表示などもサポートしている模様。ぐっとインタラクティブな表現が可能になりそうですね。 また、グラフの種類も豊富、かつ、XMLによるデータ連携もできるようです。 サイトから推測するに有料かと思われますが、早く試してみたいところですね。
Recurrent Neural Networks Humans don’t start their thinking from scratch every second. As you read this essay, you understand each word based on your understanding of previous words. You don’t throw everything away and start thinking from scratch again. Your thoughts have persistence. Traditional neural networks can’t do this, and it seems like a major shortcoming. For example, imagine you want to
GitHub - mermaid-js/mermaid: Generation of diagrams like flowcharts or sequence diagrams from text in a similar manner as markdown
Mermaid is a JavaScript-based diagramming and charting tool that uses Markdown-inspired text definitions and a renderer to create and modify complex diagrams. The main purpose of Mermaid is to help documentation catch up with development. Doc-Rot is a Catch-22 that Mermaid helps to solve. Diagramming and documentation costs precious developer time and gets outdated quickly. But not having diagrams
クラス図（Class Diagram） クラス図はUMLの基本となる図のひとつで、システムを構成するクラスとそれらの関係を表現します。また、各クラスが保持する属性（プロパティ）や操作（メソッド）も表現します。 クラスの表現 クラス図は次の要素で構成されます。 ■クラス名称 クラス名を記述します。抽象クラスの場合はイタリックで記述します。 パッケージ：クラス名 ※パッケージは省略可能 また、クラス種別(ステレオタイプ)を表示するには、<<ステレオタイプ>>の形式でクラス名の上部に記述します。 例 : <<interface>> ■属性 属性は次の形式で記述します。 可視性 名前 : 型 = 初期値 { 制約条件 } ※名前以外は省略可能
GitHub - apache/superset: Apache Superset is a Data Visualization and Data Exploration Platform
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
Home - Pencil Project
An open-source GUI prototyping tool that's available for ALL platforms. Pencil is built for the purpose of providing a free and open-source GUI prototyping tool that people can easily install and use to create mockups in popular desktop platforms. The latest stable version of Pencil is 3.1.1 which contains stability fixes and many new features. More details can be found in the release notes. Proje
Alex Bespoyasov Posted on Sep 1, 2021 • Updated on May 12, 2022 • Originally published at bespoyasov.me Not very long ago I gave a talk about the clean architecture on frontend. In this post I'm outlining that talk and expanding it a bit. I'll put links here to all sorts of useful stuff that will come in handy as you read: The Public Talk Slides for the Talk The source code for the application we'
この記事では、Windows 環境に Visual Studio Code と PlantUML をセットアップする手順を説明します。 PlantUML とは PlantUML は、以下のような図をテキストで素早く描くためのオープンソースプロジェクトです。 シーケンス図 / Sequence diagram ユースケース図 / Usecase diagram クラス図 / Class diagram アクティビティ図 / Activity diagram コンポーネント図 / Component diagram 状態遷移図 / State diagram オブジェクト図 / Object diagram 環境 下記の環境で動作確認しました。 Windows 10 Pro (64bit) Visual Studio Code 1.11 Java SE Runtime Environment
Harness the Power and Simplicity of Plain Text Plain text has been around for decades and it's here to stay. Monodraw allows you to easily create text-based art (like diagrams, layouts, flow charts) and visually represent algorithms, data structures, binary formats and more. Because it's all just text, it can be easily embedded almost anywhere. Of course, exporting as images is also supported (PNG
Diagrams - システム構成図をコードで書く
MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました 開発者であっても図を描く機会は多いです。仕様書のようなドキュメントであったり、システム構成図の中に書いたりといった具合です。ドローソフトウェアを使ったり、スライド作成ソフトウェアを使ったりしまうが、操作やメンテナンスが面倒でストレスです。 そこで使ってみたいのがDiagramsです。開発者らしく、コードで図を描けます。 Diagramsの使い方 コードで書いた内容で図が書けます。 シンプルな例。 k8sなどの構成にも使えます。 GCP用。 DiagramsはAWS、GCP、k8s、AzureそしてAlibaba Cloud向けにアイコンが用意されています。これらのサービスを作ったシステム構成を考えた時に、Diagramsを使えばメンテナンスもしやすい図が描けます。 Diagrams
UML入門 - IT専科
UML（Unified Modeling Language）とは、様々な開発現場で使用されている設計書の書式を統一する目的で規定された言語で、1997年にOMG ( Object Management Group ) により標準化されました。 但し、UMLによる標準化はあくまで表記方法であって、開発手法の方法論ではありません。 UML2.0では表記方法を以下のように分類しています。 構造に関する表記 振る舞いに関する表記 構造に関する表記 ・クラス図（Class Diagram） クラス構造を表現します。 ・オブジェクト図（Object Diagram） クラスをより具体化したオブジェクトで表現します。 ・パッケージ図（Package Diagram） クラスなどをグループ化し整理された関係を表現します。 ・コンポジット構造図（Composite Structure Diagram） クラ
Observable: Build expressive charts and dashboards with code
Observable offers a modern way to create powerful, performant, polyglot data apps built on open source. Deploy on Observable to share instantly, privately, and securely.
A curated list of awesome Go frameworks, libraries and software - Awesome Go
Awesome Go We use the Golang Bridge community Slack for instant communication, follow the form here to join. Sponsorships: Special thanks to Awesome Go has no monthly fee, but we have employees who work hard to keep it running. With money raised, we can repay the effort of each person involved! You can see how we calculate our billing and distribution as it is open to the entire community. Want to
argouml.tigris.org
Problems and suggestions about individual projects should go to users@thatproject.tigris.org 2020-03-13: This site is going to be decommissioned and shut down very soon. Please copy and archive any data you wish to keep ASAP
お奨め本リスト*1と対をなす，非お勧め版の入門書・参考書リスト．*2 あくまで『非』お勧めの、駄本、屑本リストである点に注意。しかし皮肉な話だが，初心者を惑わす入門書を避けるためにも要チェックだろう． 主に「何故か有名だけど悪い本」を取り上げる予定．「無名だけど悪い本」はきりがないので，ここではパス．結果として持ってない本が中心になるので詳細について触れるつもりはない．*3 「オブジェクト指向本」 実は「オブジェクト指向」というのは，あまり専門的な用語ではない．*4オブジェクト指向プログラミング(OOP)，オブジェクト指向設計(OOD)，オブジェクト指向分析(OOA)などと，きちんと区別すべきだ．ただ口頭で話す時は「オブジェクト指向プログラミング」と言うのは冗長だしOOPと言っても理解してもらえない．しかたがないので省略して「オブジェクト指向」と言う時も少なくない． ここで挙げるのは「いわ
TL;DR プレビュー対象はcdk synthで出力されたCloudFormationのテンプレートファイル 構成図はVSCode拡張機能aws toolkitのApplication Composerでプレビュー表示(変更検知機能利用) nodemonを用いて、プレビューを開いた状態でtsファイル保存時にcdk synthを実行することで再表示させる nodemon -e ts --ignore cdk.out --exec 'cdk synth' 情報元: aws-summit-2024-iac-booth-demo/realtime-draw-diagram at main · aws-samples/aws-summit-2024-iac-booth-demo · GitHub 前準備 ※コンテナ開発/TypeScriptを前提とする。 1. CDKプロジェクト作成 すでに作成済み
311 SCALE
出典・補足 気象庁発表の『震度データベース検索』から「全国いずれかの地点での有感地震検索」の平成23年（2011年）3月11日14時46分 — 平成24年（2012年）4月30日0時02分のデータを使用。 気象庁地震火山部発表の『平成23年（2011年）東北地方太平洋沖地震（平成23年3月11日14時〜）震度4以上の最大震度別地震回数表（本震を含む）』に倣い、「震度≧4」のデータを使用。 気象庁発表の『緊急地震速報や震度速報で用いる区域等の名称（平成23年10月11日現在）』のそれぞれの区域等の中心点に、最大震度を記載。 M 9.0は、CMT解析によるモーメントマグニチュード9.0を表しています。 震度:気象庁震度階級。日本において「地震の揺れの大きさ」を表す指標です。10階級（震度0、1、2、3、4、5弱、5強、6弱、6強、7）により構成。計測震度計によって観測され、気象庁から発表されて
Isoflow | Network Diagrams
Create beautiful network diagrams. In minutes.Create easy-to-follow network diagrams without a designer.
オージス総研は2012年1月17日、業務フロー作成ツール「Activity Diagram Drawing Tool」を無償公開した。アドインツールとしてMicrosoft ExcelまたはOpenOffice.org上で利用する。すでに大手信託銀行などで利用実績があるという。 Activity Diagram Drawing Toolは、作業や文書などを表現する記号を、オブジェクトパレットから選択し、作業の担当を区分するレーンテンプレートに貼り付けることで業務フロー図を作成できる。すでに導入している大手信託銀行では、Activity Diagram Drawing Toolで200業務以上のフロー図を作成したという。 オージス総研では、Activity Diagram Drawing Toolを利用した業務の可視化（見える化）のトレーニング「可視化スターターキット」などのサービスを提供す
People Can't Believe This Photo of a Bird Isn't Photoshopped or AI-Generated
People Can’t Believe This Photo of a Bird Isn’t Photoshopped or AI-Generated Japanese photographer Kenichi Ohno makes regular visits to a local marsh in order to practice his nature photography. But one image in particular, which shows an egret wading in the shallow water, is causing a stir. After being awarded an honorable mention in the Nature in Japan photo contest organized by the The All-Japa
by Steven Depolo 複雑な英語の文章でも、コピー＆ペーストするだけで文章の構造やそれぞれの単語の関係を自動的にツリーとして可視化してくれるのが「FoxType」の「Sentence Tree」です。 FoxType https://foxtype.com/sentence-tree 「Sentence Tree」の使い方は、画面上部のテキスト欄に分解したい英文をコピー＆ペーストするだけと、非常に簡単。英文をペーストするとすぐにテキスト欄の下にセンテンスツリーが表示されます。 ツリーが見にくければ表示場所を移動させたり、マウスホイールなどを使って拡大したりすればOK。 ということで、「全裸で人々が暮らしルールも通貨も存在しなかった究極のヒッピーの理想郷『テイラーキャンプ』」という記事の原文から、「It was the ultimate hippie fantasy.(それはヒッ
UMLet 15.1 Free UML Tool for Fast UML Diagrams UMLet is a free, open-source UML tool with a simple user interface: draw UML diagrams fast, create sequence and activity diagrams from plain text, share via exports to eps, pdf, jpg, svg, and clipboard, and develop new, custom UML elements. Find below the full-featured UMLet as stand-alone app for Windows, macOS, and Linux, or as Eclipse plugin. It is
前の記事 天の川全景の動画とパノラマ 「熱い氷」がある世界：超高圧で「第15相の氷」を生成 2009年9月15日 Laura Sanders 写真は普通の氷。Flickr/darrenhester 水の氷は、圧力を変えることで相変化を起こし、さまざまな高圧相氷になる。図は縦軸に温度(摂氏と絶対温度)、横軸に圧力(GPa：1 GPaは大気圧の1万倍)。例えば、10GPaでは数百度という高温の氷VIIが存在する。画像と説明はWikipedia 安定した氷の「相」として、予測されながら唯一確認されていなかった「XV相」の氷と呼ばれるものが、このほど初めて実験室で生成された。 氷の相とは、水分子がどれだけ緊密に、どのような構造で配列されているかに基づいて氷を分類したものだ。これらは発見順に命名されている。今回のXV相の氷の発見により、これまでに確認された氷の形は全部で16になった(「I相」の氷には
Regular Expression Matching Can Be Simple And Fast (but is slow in Java, Perl, PHP, Python, Ruby, ...) Russ Cox rsc@swtch.com January 2007 Introduction This is a tale of two approaches to regular expression matching. One of them is in widespread use in the standard interpreters for many languages, including Perl. The other is used only in a few places, notably most implementations of awk and grep.
Interactive Globe: Small Arms Imports & Exports
This data visualization was produced by Google as part of the Google Ideas INFO (Illicit Networks, Forces in Opposition) Summit with support from the Igarape Institute and data provided by the Peace Research Institute Oslo (PRIO) small arms database. The visualization includes >1 million individual import and export data points from annual custom reports and maps the transfer of small arms, light
図解は、情報を整理したりわかりやすく伝えたい時に便利な手段です。ビジネスにおいても、研修やセミナー、プレゼンなどあらゆるシーンで活用されています。 しかしながら、スライドや資料の一部に図解を入れようと思った時、「どうやって描き始めたらいいのかわからない……」と感じたことはありませんか？作ってみてもしっくりこなかったり、なかなか見た目が整わないこともあるのではないでしょうか。 絵心がないと難しいと思われがちな図解ですが、知識を身につけることで誰でも簡単に描けるようになります。 本コンテンツのゴールは、図を描く力＝「図解力」を習得すること。実例を間に挟みながら、図解作成のフローとコツをご紹介します。 「伝えたいこと」を明確にする まず最初に、図解を使って「誰に」「何を」伝えたいのかを明確にする必要があります。図解の役目はテキストのみでは伝わりきらないことを補強・補足したり、ビジュアル化して直感
制約条件の理論 - Wikipedia
この記事には複数の問題があります。改善やノートページでの議論にご協力ください。 出典がまったく示されていないか不十分です。内容に関する文献や情報源が必要です。（2014年11月） 中立的な観点に基づく疑問が提出されています。（2014年11月） 広告・宣伝活動的であり、中立的な観点で書き直す必要があります。（2014年11月） 出典検索?: "制約条件の理論" – ニュース · 書籍 · スカラー · CiNii · J-STAGE · NDL · dlib.jp · ジャパンサーチ · TWL 制約条件の理論（せいやくじょうけんのりろん、英：Theory of Constraints）もしくは制約理論（せいやくりろん）とは、イスラエルの物理学者であるエリヤフ・ゴールドラットが開発したマネジメント理論である。 自然科学で幅広く活用される「原因と結果（因果関係）」というコンセプトを、人が絡む
Home
Because code and documentation are meant to be together. phpDocumentor is the de-facto documentation application for PHP projects. Your project can benefit too from more than 20 years of experience and setting the standard for documenting PHP Applications. Documentation FeaturesWhat can phpDocumentor 3 do to help you with your documentation Super easy to install and use Thanks to the power of Dock
ブロック図生成ツール blockdiag¶ blockdiag シリーズはシンプルなテキストからブロック図などの画像を生成する画像生成ツール群です。 blockdiag を用いると以下のような図が簡単に生成できます。 blockdiag の主な機能: 数種類の図に対応 ブロック図 (blockdiag コマンド) シーケンス図 (seqdiag コマンド) アクティビティ図 (actdiag コマンド) 論理ネットワーク図 (nwdiag コマンド) テキストベースの定義ファイルから画像ファイルを生成 (graphviz 風の文法を採用) 定義にあわせて図の配置を自動的に決定 (自動レイアウト) Sphinx, Trac, Redmine, 各種 Wiki エンジン等、多様なシステムへの画像埋め込みに対応 Enjoy documentation with blockdiag !
Terraform構成をビジュアライズできるツール Pluralithを使ってAWS構成図を自動作成してみる | DevelopersIO
CIに組み込むことで真価を発揮するツールかと思うので、Localは検証・実運用はCIといった使い分けをするのが良さそうです。 やってみた 今回はLocalで試してみます。 Pluralith CLIのインストール 利用にはユーザー登録が必要です。 以下のページからユーザー登録します。 Pluralith サインインができたら以下のページに遷移します。 Localで試したいため、Local Setupを選択します。 Download CLIでバイナリをダウンロードして、macの場合は以下のコマンドでcliを利用できるようにします。 mv pluralith_cli_darwin_amd64_v0.2.2 pluralith mv pluralith /usr/local/bin/ chmod +x /usr/local/bin/pluralith ブラウザで表示されているAPI Keyを使っ
Loading...
leanModal
Strengths perfect for hidden page content uber light at just over 1kb (minified) flexible width & height image free multiple instances on one page great for login, sign up & alert panels, etc. How To Use Step 1: together with JQuery, include jquery.leanModal.min.js in your page, thusly: <script type="text/javascript" src="path_to/jquery.leanModal.min.js"></script> Step 2: rather than call another
「あのグループのあの子、どこかで見た気がする」を解決したい。追加・修正情報お待ちしてます。
![IDOLS DIAGRAM [アイドル相関図]](https://cdn-ak-scissors.b.st-hatena.com/image/square/73e64f69d619fc7f11062004f1adb94c90fe77cc/height=288;version=1;width=512/https%3A%2F%2Fidolsdiagram.s3-ap-northeast-1.amazonaws.com%2Fog.png)
SECURITY IS AWESOME SECURITY IS AWESOME I write about security and privacy. I regularly post original security research, custom tools, and detailed technical guides. Companies selling "security scorecards" are on the rise, and have started to become a factor in enterprise sales. I have heard from customers who were concerned about purchasing from suppliers who had been given poor ratings, and in a
Infrastructure as Codeにおける理想のドキュメント管理を目指して #infrastudy | DevelopersIO
インフラをコードで管理するInfrastructure as Codeだからこそ、必要なドキュメントについての考察とそれの管理方法についてLTした様子です。 「なんや、この視聴者数… 震えが来るぜ・・・」 先日開催されたInfra Study Meetup #2「VM時代の開発とCloud Native時代の開発」 - connpassにおいて、「IaCにおける理想のドキュメント管理を目指す」という内容でLTしてきましたので、その内容をお届けします。 当日は、イベント内容も登壇者も超絶豪華で、なんとリアルタイム視聴者数1000人超えということで、さすがに自分も緊張しました。まじで。 青山さんのメインテーマがKubernetesの話であり、前後それに関わるテーマが中心の中、Kubernetesもコンテナも1ミリもでてこない発表にしたのですが、IaCに関わる普遍的な考慮ポイントについて喋れたの
こんにちは、@sawada0903こと澤田です。 今Rails3.0を使ってサービスを開発しているのですが、 DBを定義するにあたり、やはりER図が欲しい。 Rails2.3.8を使っていた頃はRailroadというgemを使っていたん ですが、2008年で開発が止まっており、当然Rails3.0には非対応(涙)。 ちなみにRailroadに関してはこの記事が詳しいです。若干ね。若干。 Railsを見える化「RailRoad」 http://www.moongift.jp/2007/07/railroad/ なのでしばらく頭の中で開発を進めていたんですけど、やっぱり欲しい。 アジャイル気味に開発してるのもあり、かっつり最初から決めたくない。 とはいえリレーションを目で見たいし、複数人で開発するとなると尚更欲しい。 そこで、Googleさんに聞いてみる....。 と！ こんなgemを発見。
長いだけで議論の前進しない会議や、参加者が当たり障りの発言しかできない空気のある会議など、不毛な会議が続いてうんざりした経験はありませんか？ そんな場の議論を整理・活性化させるため、主に模造紙とペンを用いて人々の対話をイラストや図式でリアルタイムに可視化する「グラフィックレコーディング」という手法が、近年注目を集めています。 今回お話を伺う清水淳子さんは2013年から「Tokyo Graphic Recorder」としてグラフィックレコーディングの研究・実践を続けている人物。日本におけるグラフィックレコーディングの第一人者である清水さんに、グラフィックレコーディングという手法を始めたきっかけやその効果、そしていち会社員が社内の会議に無理なくグラフィックレコーディングを取り入れるためのコツなどを語っていただきました。 きっかけは「このまま終わったらまずい」会議だった 清水さんがグラフィックレ
画面展開の表記方法 – capeknote
iphoneアプリの画面設計をしていて、画面フローの表記をしようとして普通の画面フローチャートだとUIインタラクションを表記しにくいよね、と思ったので考えてみた。 画面フロー図の限界webの画面フロー図は以下のことができないなー、不便だなーと思ってた。 画面展開を表記する記法がない。webだと_blankくらいしかないけどアプリだと不便 画面が内包しているコンポーネントを表記できないので、画面のどのボタンが次の画面につながっているのかわからない。 ↑レベルのを練ろうとするとワイヤーフレーム/プロトタイプをつくる作業になってしまう。プロトタイプだと逆に画面のつながりや展開の法則性がとらえにくく、整合のとれたインタラクションデザインが試行錯誤しにくい そもそも画面展開の種類って網羅的に把握されてる？ 構造化寄りの表記方法は「情報アーキテクチャ、インタラクションデザイン記述のためのビ
なぜアーキテクチャ図を必要とするのか？
Spring BootによるAPIバックエンド構築実践ガイド 第2版 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with Spring Boot」から、Spring Bootを使ったREST API構築の基礎を学んだ。この本では、出版時に新しくリリースされたバージョンである Spring Boot 2 を使用している。しかし、Spring Boot3が最近リリースされ、重要な変...
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Javasciptだけで実現するやたら高機能なグラフ作成ツール『EJSChart』 | 100SHIKI
ファシリテーション・グラフィック―議論を「見える化」する技法
Understanding LSTM Networks -- colah's blog
クラス図(Class Diagram) - UML入門 - IT専科
Clean Architecture on Frontend
Visual Studio Code で UML を描こう！ - Qiita
Monodraw for macOS — Helftone
自己流オブジェクト指向＆Java参考書 『非』お勧め版 - カレーなる辛口Javaな加齢日記
AWS CDKのコード変更時にリアルタイムで構成図のプレビューを表示する
オージス総研が業務フロー作成ツール無償公開、ExcelとOpenOfficeのアドイン
英文を分解して自動的に文法を可視化できる「FoxType」の「Sentence Tree」
UMLet - Free UML Tools for fast UML diagrams
「熱い氷」がある世界：超高圧で「第15相の氷」を生成 | WIRED VISION
Regular Expression Matching Can Be Simple And Fast
【実例で解説】3STEPで覚える、図解の作り方｜アナグラム株式会社
ブロック図生成ツール blockdiag — blockdiag 1.0 ドキュメント
IDOLS DIAGRAM [アイドル相関図]
HTTP Security Headers - A Complete Guide
Rails3.0でモデルのER図を簡単に出力する方法
不毛な会議はもうしたくない！ 議論を可視化するグラフィックレコーディングのすすめ - りっすん by イーアイデム