検索対象

並び順

ブックマーク数

期間指定

  • から
  • まで

1 - 18 件 / 18件

新着順 人気順

diagramの検索結果1 - 18 件 / 18件

  • JSON Canvas

    An open file format for infinite canvas data. Infinite canvas tools are a way to view and organize information spatially, like a digital whiteboard. Infinite canvases encourage freedom and exploration, and have become a popular interface pattern across many apps. The JSON Canvas format was created to provide longevity, readability, interoperability, and extensibility to data created with infinite

      JSON Canvas

    • DB設計書の管理が楽になるDBML入門 – DBMLの書き方,dbdiagram.io, dbdocs の紹介 – | SIOS Tech. Lab

      こんにちは！サイオステクノロジーの安藤 浩です。DB設計書の生成が容易にできるDBMLをご紹介します。DBMLの入門として、DBMLの書き方、ER図生成方法、Github actionsでCIを実行して閲覧する方法をご紹介させていただきます。 DBMLとは DBML は DataBase Markup Language の略でDB構造を定義するために設計された言語です。 DB構造に焦点を当てており、可読性の高い言語です。 dbdiagram.io や dbdocs.io などを利用することでDBドキュメントの生成が可能です。 コードベースで図を生成できる点でPlantUMLと似ていますね。 DBMLの書き方 テーブルの書き方 まずはテーブルの定義の例をもとにDBMLの記法を紹介していきます。users というテーブルを作成してみます。コードは以下のようになります。 Table users

        DB設計書の管理が楽になるDBML入門 – DBMLの書き方,dbdiagram.io, dbdocs の紹介 – | SIOS Tech. Lab

      • draw.ioを使ってAWSの構成図を作成するコツ - Qiita

        案件でAWSの構成図を作成する機会があったので備忘兼ねて投稿します。 ※約5分で読めます 1. グループの内側から作成していく AWSの基本的なグループ構成はこんな感じ 添付の場合、個人的には Public subnet or Private subnet > Availability Aone > VPC > Region > AWS Cloudの順番で作成することをオススメします。理由は内側のグループが肥大すると外側のグループの手直しが発生するためです。 今回作成した時に外側から作成してしまい、めっちゃ時間がかかってしまいました... 2. グループの左上を掴む 日本語が下手ですみません。 なぜ左上を掴まないといけないか？試しにPublic subnetをクリックしてドラッグをすると、添付の様になりました。 クリックをするとグループの外から選択されてしまうため、選択したグループ内に存在

          draw.ioを使ってAWSの構成図を作成するコツ - Qiita

        • GitHub - ByteByteGoHq/system-design-101: Explain complex systems using visuals and simple terms. Help you prepare for system design interviews.

          Architecture styles define how different components of an application programming interface (API) interact with one another. As a result, they ensure efficiency, reliability, and ease of integration with other systems by providing a standard approach to designing and building APIs. Here are the most used styles: SOAP: Mature, comprehensive, XML-based Best for enterprise applications RESTful: Popul

            GitHub - ByteByteGoHq/system-design-101: Explain complex systems using visuals and simple terms. Help you prepare for system design interviews.

          • ChatGPTを使ってDDLからER図をすばやく作成する - Taste of Tech Topics

            最近、酢を飲むと健康に良いという話を聞き、頑張って毎日飲んでいるkonnoです。 何となくですが、朝の目覚めは良くなっている気がしますよ！ 今回はデータベース設計に欠かせないER図を、ChatGPTを使ってDDL（Data Definition Language：SQLのデータ定義言語）から簡単に作成できるのか試してみたいと思います。 サンプルとなるDDLを用意 DDLのサンプルとして、以下のMySQL公式サイトで公開されている従業員データベースを利用します。 dev.mysql.com 従業員データベースに必要なファイル類一式は、上記サイトで紹介されている以下のGithubリポジトリから、 "test_db-master.zip"としてダウンロードできます。 github.com ダウンロードしたtest_db-master.zipには、従業員データベースを設定するために必要なDDLとし

              ChatGPTを使ってDDLからER図をすばやく作成する - Taste of Tech Topics

            • Screwtape / sqlite-schema-diagram · GitLab

              GitLab.com

                Screwtape / sqlite-schema-diagram · GitLab

              • GitHub - drawdb-io/drawdb: Free, simple, and intuitive online database design tool and SQL generator.

                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

                  GitHub - drawdb-io/drawdb: Free, simple, and intuitive online database design tool and SQL generator.

                • Typograms / Overview

                  https://github.com/google/typograms/ Overview Typograms (typographic diagrams) is a lightweight image format (text/typogram) useful for defining simple diagrams in technical documentation. Like markdown, typograms is heavily inspired by pre-existing conventions found in ASCII diagrams. A small set of primitives and rules to connect them is defined, which you can use to build larger diagrams. Typog

                  • [Flutter]Flutterでの依存関係図の自動生成が便利だった件について - Qiita

                    こんにちは。いせりゅーです😃 「視覚的に理解しやすく、効率的にコードの構造や流れを把握する」ということは開発においてとても助けになると思っています。特に複雑なアーキテクチャや多数のコンポーネントを持つフレームワーク、例えばFlutterのようなものを使用する場合、依存関係の把握は必須となりますが、把握をするのが難しかったり、時間がかかったりすると思います。 実際に、社会人になり研修課題をしている中でriverpod_graphを勉強し、それがとても便利だったので、アウトプットのために書いていこうと思いました。 riverpod_graphとは、 ↑こちらから引用しています。 riverpodの作成者が作成したツール providerとwidget間の相互作用のグラフを生成し、可視化できるもの 手順を踏むとと自動生成ファイルが生成される（今回は、graph.mdに生成する） グラフは、d2

                      [Flutter]Flutterでの依存関係図の自動生成が便利だった件について - Qiita

                    • GitHub - 3rd/tsdiagram: Create diagrams and plan your code with TypeScript.

                      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

                        GitHub - 3rd/tsdiagram: Create diagrams and plan your code with TypeScript.

                      • iNet

                        Programming with interaction nets.

                        • GitHub - tldraw/make-real: Draw a ui and make it real

                          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

                            GitHub - tldraw/make-real: Draw a ui and make it real

                          • Recursion Viewer

                            Website for visualizing recursive functions. Helps to debug and understand how your recursive algorithm works

                            • TSDiagram - Diagrams as code with TypeScript

                              Create diagrams and plan your code with TypeScript.

                                TSDiagram - Diagrams as code with TypeScript

                              • About Mermaid | Mermaid

                                About Mermaid ​Mermaid lets you create diagrams and visualizations using text and code. It is a JavaScript based diagramming and charting tool that renders Markdown-inspired text definitions to create and modify diagrams dynamically. If you are familiar with Markdown you should have no problem learning Mermaid's Syntax. Mermaid is a JavaScript based diagramming and charting tool that uses Markdown

                                • GitHub - eras/tlsd: Generate (message) sequence diagrams from TLA+ state traces

                                  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

                                    GitHub - eras/tlsd: Generate (message) sequence diagrams from TLA+ state traces

                                  • ライブ配信の機材構成図作りに便利な「Draw.io」の紹介｜松井 隆幸@ライブ配信が好きな人

                                    先日、ライブ配信の機材構成図作りに「Draw.io（diagrams.net）」を使ってみました。 これまではPowerPointを使って書いていたのですが、とても使いやすかったです。しかも無料で全機能が使えるのもありがたいですね。 今回はそんなDraw.ioを紹介したいと思います。 この記事は2021/1/6に定期購読マガジンで公開した記事を再編集したものです。多くの方にご覧いただいているため、無償公開することとなりました。最新の内容と異なる場合がありますのでご了承ください。 これまでの書き方今までの構成図はPowerPointを使って作成していました。図形の配置などは簡単ではありますが、あまり効率的ではない印象がありました。やはりプレゼンテーションソフトですからね。 例えばこのようなイメージ自動的に位置調整などもしてくれますが、やはり綺麗に整うには二手間必要な印象があります。線の描画も

                                      ライブ配信の機材構成図作りに便利な「Draw.io」の紹介｜松井 隆幸@ライブ配信が好きな人

                                    • 人型ピクサーフィング　使い方 – Pictogramming

                                      画面構成 領域Aは隣接行列の値，及び減衰係数を設定する「ネットワークグラフ設定領域」，領域BはPageRankの計算式を表示する「行列式表示領域」，領域Cは人型ピクトグラムをノードとするネットワークグラフをアニメーション表示する「ネットワークグラフ表示領域」である．この3領域から構成される． 領域A「ネットワークグラフ設定領域」 領域A「ネットワークグラフ設定領域」では，ノード数を選択する「ノード数選択ボックス」，隣接行列を入力する「隣接行列入力ボタン群」,隣接行列入力ボタン群をランダムに自動入力する「ランダム入力ボタン」，減衰係数を入力する「減衰係数入力ボックス」，各ノードのPageRankの値を１ステップ更新し，対応するアニメーションを再生する「進むボタン」，PageRankの値を更新し続けるアニメーションを再生，及び一旦停止する「再生制御ボタン」で構成している． 「ノード数選択ボック

                                      1

                                      はてなブックマーク

                                      公式Twitter

                                      はてなのサービス

                                      • App Storeからダウンロード
                                      • Google Playで手に入れよう
                                      Copyright © 2005-2024 Hatena. All Rights Reserved.