Diagram as Code
Diagram as Code6 different ways to turn code into beautiful architecture diagrams
「自動テストとテスト駆動開発、その全体像」を執筆しました（Software Design 2022年3月号） - t-wadaのブログ
【更新】寄稿した記事が Web に公開されました 技術評論社様のご厚意により、 Software Design 2022年3月号に寄稿した「自動テストとテスト駆動開発、その全体像」が gihyo.jp にて公開されました。誠にありがとうございます！ gihyo.jp はじめに 2022年2月18日発売の Software Design 2022年3月号 にて、第2特集「そろそろはじめるテスト駆動開発」の第1章「自動テストとテスト駆動開発、その全体像」を執筆いたしました。第1章では、混同されることの多い自動テスト関係の概念を自動テスト、テストファースト、テスト駆動開発（TDD: Test-Driven Development）の3つの段階に分け、それぞれの効果や注意点を包括的に整理整頓しています。 ソフトウェアデザイン 2022年3月号 作者:大竹 章裕,瀬戸口 聡,庄司 勝哉,光成 滋生,
React Flow is a MIT-licensed open source library. You can help us to ensure the further development and maintenance by subscribing to React Flow Pro. React Flow Pro Getting Started with React Flow Make sure you’ve installed npm, pnpm or yarn. Then you can install React Flow via:
山口智美 on Twitter: "早川さんがツイートしてた経産省の報告書の図、拡大してツイートされてたのかと見てみて気づいた。 やけに壮大といえばいいのかなんといえばいいのかわからなすぎる図だが、これ意味わかる人いるのか！？ https://t.co/LXvS0oLbeU"
早川さんがツイートしてた経産省の報告書の図、拡大してツイートされてたのかと見てみて気づいた。 やけに壮大といえばいいのかなんといえばいいのかわからなすぎる図だが、これ意味わかる人いるのか！？ https://t.co/LXvS0oLbeU
月間10万人が読んでいるCoral Insightsのニュースレターにご登録いただくと、Coral Capitalメンバーによる国内外のスタートアップ業界の最新動向に関するブログや、特別イベントの情報等について、定期的にお送りさせていただきます。ぜひ、ご登録ください！ Coralの社内ではもはや誰もが知っていることですが、私は数ある企業文化の中でも、特にリクルートとNetflixのカルチャーが素晴らしいと感じています。両社は全く別の業界の企業で、まるで共通点がなさそうですが、そのカルチャーは驚くほど似ています。具体的には、どちらも社員にかなりの裁量と責任を与える傾向があります。リクルートの「お前はどうしたい？」にしても、Netflixの「コントロールではなくコンテキストを」にしても、意思決定権を意図的に分散させている点が特徴的です。こうした組織体制から生まれる社風こそが、インターネット時代
はじめに 自分が読んだ本や記事などを読む時に書いたノートを体系的に管理したいですよね。 現在優秀なナレッジマネジメントツールはありふれています。企業向けだと Confluence DocBase Qiita Team などがあります。個人向けは Notion HackMD Boost Note のようなシンプルで使いやすいツールがあります。マインドマップツールをさらに含めると数え切れません。 筆者自身はミニマリストです。 コードのようにGithubで自分のノートを管理したい Webからマインドマップ形式になっているノートを確認したい サブスクではなく、無料で使いたい なので、個人ナレッジマネジメントツールを自作したいという発想に至りました。 結果としては下記の15行シェルスクリプト、GitHub ActionsとMarkdownマインドマップ変換ツールmarkmapで作りました。 項目をク
「読書×マインドマップ」で学びが圧倒的に加速する！ やっぱり書くのは最高だった。 - STUDY HACKER（スタディーハッカー）｜社会人の勉強法＆英語学習
読んだ本の内容を忘れないよう、読書後のアウトプットを実践してみても、なかなか効果が実感できないと感じることはありませんか？ いろいろな方法を試してみても自分にあったものが見つからない人や、そもそもどんなアウトプットをしていいかわからない、という人も多いのではないでしょうか？ 筆者自身も、SNSに本の感想をアップしたり、印象に残った文をメモに取ったりといったアウトプットを実践しているのですが、やはり時間がたつと本の内容を忘れてしまいます……。そんな折、編集部の人から「これ実践して記事にしてみて！」と言われて出会ったのが、今回紹介する「マインドマップ」を使ったアウトプット法。「なんだか難しそうだなぁ」と思っていましたが、取りかかってみると、そこには納得の効果がありました。 そもそも読書後にアウトプットが必要なのはなぜ？ そもそも、なぜ読書後にアウトプットが必要だと言われているのでしょうか？ 精
markmap
markmap markdown + mindmap Visualize your Markdown with mindmaps Try it out → Try markmap in VSCode
#gotanda.rb 第37回目 で発表したスライドです。
フローチャート機能を備えたWebアプリの作成を非常に簡単にするJavaScriptライブラリを紹介します。フローチャートやマインドマップなど簡単なプログラミングプラットフォームを数分で構築することができます。 Flowy -GitHub Flowyの特徴 Flowyのデモ Flowyの使い方 Flowyの特徴 Flowyは、フローチャート機能を備えたWebアプリの作成を非常に簡単にするJavaScriptライブラリです。 Flowyは以下の機能をサポートしています。 ドラッグ&ドロップ（レスポンシブ対応） 自動スナップ ブロックの再配置 ブロックの削除 ブロックの自動センタリング 条件付きスナップ 保存したファイルのインポート スマホ・タブレットのサポート jQueryをES6に置き換える（対応予定） npmでのインストール（対応予定） MITライセンス Flowyのデモ デモページでは、
Visualize your ideas. Infinite space to research, brainstorm, diagram, and lay out your ideas. Canvas is a core plugin included for free with Obsidian. A playground for thought Canvas allows you to organize notes visually — an infinite space to research, brainstorm, diagram and lay out your ideas. Embed your notes alongside images, PDFs, videos, audio, and even fully interactive web pages. A new w
マインドマップAI テーマや文章を自動でマインドマップ化できるAI 文章から テーマから 両方 テーマをマインドマップ化： 例： 京都旅行、プロ野球の球団、コロナ 文章をマインドマップ化： 例：ワイのペット、桃太郎 出力： 画像をDL freemind形式(.mm) テキストをコピー AIリンク集： ・AI作文くん ・AI作文判定くん ・マインドマップAI ・宿題代行AI ・宿題ヒントAI ・AI事務員 ・履歴書AI ・プロンプトxプログラム ・Talk-AI - 作曲MML-AI - モールス信号AI - 占い師AI ・AIメーカー satoru.net - with ChatGPT API
Heptabase
Learn complex topics visually.To truly make sense of what you've learned, visualize your notes with whiteboards, sections, and mindmaps. Learn More Research and discover insights faster.Bring all your highlights, annotations, PDFs, journals, and research notes together to discover new insights. Learn More Project management, reimagined.Manage complex projects with clarity and flexibility by using
この記事を読むことで得られる知識 マインドマップとはマインドマップを使うメリットブログ運営におけるマインドマップの必要性マインドマップの書き方おすすめのマインドマップ作製無料ツール 今回はこんな感じで、マインドマップに関する情報満載でお届けします。 筆者もブログ運営を始めたばかりの頃に書くネタに困ったことがありました。 そんなに時の知ったのが「マインドマップ」です。( ^ω^ )／
AWS Well-Architected フレームワーク 5 本の柱（2020年7月版）をマインドマップ化してみた | DevelopersIO
コンバンハ、千葉（幸）です。 AWS Well-Architected フレームワークは、AWS のエキスパートが長年の実績から作り上げたアーキテクチャ設計のベストプラクティス集です。 要件定義、設計、構築、運用など、様々な工程でその指針とすることができます。ホワイトペーパーとして PDF で見れたり、HTMLで見れたりします。 また、マネジメントコンソールから操作可能な AWS Well-Architected Tool も用意されており、フレームワークにの則った質問に答えていくことで準拠状況を可視化できます。 フレームワークは大きく以下の5つの柱からなり、それぞれでドキュメントが用意されています。 運用上の優秀性 セキュリティ 信頼性 パフォーマンス効率 コスト最適化 じっくり読んでいきたいところですが、如何せん……ボリュームが大きい。そうなると、私のような人間は以下のようなことに辛み
GitHub - antonioru/beautiful-react-diagrams: 💎 A collection of lightweight React components and hooks to build diagrams with ease 💎
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
コクヨの現役社長が編み出した､A3であらゆる数字を図解化する独特な｢神ノート｣が面白い キッカケは360度評価で書かれた｢英邦さんは数字に弱い｣
人生を変えるノートの話だ。20代後半のこと、コクヨトップの黒田英邦さんは360度評価で部下から痛烈なコメントをもらってしまう。「英邦さんは、数字に弱いです」。ショックを受けた黒田さんだが、当時の社外取締役に「たいていの経営者はそうですよ。ノートに『面グラフ』を書いてみたらどうか」と勧められる。その後、一生の付き合いとなる「面グラフ」とは一体いかなるものか――。 いつでもどこでも「A3の方眼ノート」を持ち歩く 平日、7時半から8時には出社することが多いです。そこから始業までの1時間から1時間半は一人きりの集中タイム。買ってきたコーヒーを飲みながら、今日1日やるべき仕事の準備をします。次に、1週間、1カ月、3カ月それぞれのスパンで達成すべき目標やタスクを確認します。 僕はもともと1日24時間を緻密に管理するタイプではありません。ただ唯一、欠かせないのがこの朝のルーティンです。経営者の役目を果た
かんたんな図とテキストで思考を整理できるフリーソフト
教えてくれませんか？ 例えば、AとBの因果関係を説明するために、「A→B」という表現ができたり、 AとB二つの要因でCが発生することを示すために「A・B（これは縦になってる）→C」という表現ができたりするものです ワード文書に図として挿入したいんですけれど、デフォルトのやつが使いにくくて…… フリーソフトとかブラウザでちゃちゃっといいかんじに作れるやつ教えてください
テレワークで困るのが、複数人でのミーティングやアイデア出しなどの意見を交わす場を持てないことです。Adobe XDの便利なプラグインが登場しました！ Whiteboardの名の通りホワイトボードをはじめ、ブレインストーミング、カードソーティング、ワイヤーフレーム、フローチャート、マインドマップなど、Webサイトやスマホアプリのミーティングで使用するさまざまなツールが簡単に利用できます。 複数人での使用はもちろん、個人で使用するのにも便利です。 Adobe XDのビジュアル協業プラグイン「Whiteboard」 Adobe XDのプラグイン「Whiteboard」とは Adobe XDのプラグイン「Whiteboard」のダウンロード Adobe XDのプラグイン「Whiteboard」の使い方 Adobe XDのプラグイン「Whiteboard」とは Adobe XDはAdobeユーザーは
Marginnote
Integrating powerful tools for book annoation, mindmapping, flashcards and more, to build up your reading notes as never before.
PS5版プロコン「DualSense Edge」が2,411円OFF。やり込むなら断然おすすめ #Amazonタイムセール祭り
GitHub - xyflow/xyflow: React Flow | Svelte Flow - Powerful open source libraries for building node-based UIs with React (https://reactflow.dev) or Svelte (https://svelteflow.dev). Ready out-of-the-box and infinitely customizable.
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
Simplify documentation and avoid heavy tools. Open source Visio Alternative. Commonly used for explaining your code! Mermaid is a simple markdown-like script language for generating charts from text via javascript.
markmap-vscode This extension integrates markmap into VSCode. Features Preview markdown files as markmap Edit markdown files in a text editor and the markmap will update on the fly Works offline Usage Command Palette Open a markdown file. Then open the Command Palette (⇧⌘P) and search Open as markmap, press enter. Context menu Right click on a markdown file, then choose Open as markmap. Button on
マインドマップ生成AIの衝撃 ～ここまで来た!マインドマップ作成におけるAIの活用～ | 柏村 祐 | 第一生命経済研究所
目次 1.ビジネスに活用されるマインドマップ 2.マインドマップAIの実態 3.マインドマップAIのメリットとデメリット 4.マインドマップAI,の可能性と展望 1.ビジネスに活用されるマインドマップ マインドマップは、情報を視覚化し自分の思考を整理するための手法で、1つのアイデアや概念から多くの異なるアイデアや概念へと思考を広げていくという「放射思考」につながるものである。これにより、テーマに関する情報を放射線状に分類し、項目やジャンルごとに思考を進めていくことができる。その用途はアイデアの生成、問題解決、戦略策定、事業企画など多岐にわたり、ビジネスにおける重要なツールの1つとなっている。 マインドマップの視覚的な形式は、脳の自然な思考プロセスに適合しており、脳内のイメージを直接的に図化することで、より効果的な情報の理解、組織化、記憶を可能にする。それらによって自身の思考を整理することが
Daniele VFacebook Maybe the best free online tool for mind maps (I tried few others). Very versatile and very fast, as soon as you learn the main shortcuts. Amazing. Thank you! SmilexsInstagram constituye una inteligente herramienta para generar aprendizajes desde una lógica analítica y aprovechamiento de textos relevantes. Raina KodaTwitter メインツールにしました。Xmindの中華フォントが嫌でGitMindへ切り替えました。オンラインならではですが他
Brainio is an application that helps you build lifelong knowledge. It combines note taking and mind mapping so you can unleash the visual potential of your brain.
フローチャート AI AIでフローチャートを作成するだけでなく、クリックして25種類のAI機能を確認しよう！
PlantUML Web Server
Create simply and freely UML diagrams from your browser thanks to PlantUML Web Server. Just enter a text diagram, and get the result in PNG or SVG format.
Markdownでメモを書くのに慣れると、なんでもMarkdownで書き残しておきたくなります。後はMarkdownから別なフォーマットに展開できればいいわけです。グラフィカルな部分が少ないので、コンテンツに集中できるのが大きなメリットでしょう。 今回紹介するmarkmap-libはMarkdownファイルをマインドマップに展開するソフトウェアです。 markmap-libの使い方 サンプルです。リストで表現します。 階層を深くすれば、その分だけ分岐されます。 SVGで出力できます。 markmap-libはコンテンツは純粋なMarkdownです。リストしか使わないので、誰でもすぐに使いこなせるでしょう。アウトラインを書く感覚で考えをまとめていけば、それがマインドマップになるのは面白いです。 markmap-libはTypeScript製のオープンソース・ソフトウェア（MIT Licens
GitHub - markmap/markmap: Build mindmaps with plain text
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
最近よく「パソコンにアプリをインストールせずに、ブザウザでそのままマインドマップを作成したい！」といった声を聞きます。 そこで僕が選んだWEBブラウザで使える無料の【オンライン】マインドマップツール15選を主観たっぷりの... The post 《2024年完全版》WEBブラウザで使える無料オンラインマインドマップツール＆アプリ比較15選 first appeared on MAPLOG｜あなたに最適なマインドマップツールを。.
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ChatGPTにマインドマップを作ってもらったら理解速度が爆速になる件｜Abiru
文章からマインドマップを自動生成「マインドマップAI」 ChatGPTで構築
Node-Based UIs in React – React Flow
マネジメントの新ハック「優先事項のメンタルマップ」 | Coral Capital
無償で始められる人気のマインドマップツール「XMind」がリフレッシュ／アプリアイコンとイラストのスタイルが一新、プレゼン機能も強化
ただ15行のシェルスクリプトで個人ナレッジマネジメントツールを作った話
残して価値のあるテスト設計 / Test design by specification map
フローチャート機能を備えたWebアプリの作成を非常に簡単にするJavaScriptライブラリ -Flowy
デザイン制作のスピードを上げるために取り組んだこと7選 | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
Obsidian Canvas - Visualize your ideas
マインドマップAI - 与えられたテーマ・文章をマインドマップ化できるAI
ChatGPT ❌ マインドマップ 【楽勝】｜オージーユージ @ Sydney
【マインドマップの書き方】ブログに必須！書かないと迷子になる【無料ツールも紹介】
テレワークのミーティングに役立つツールが全部無料で使える！Adobe XDの協業用プラグインが登場 -Whiteboard
メモをとる感覚でマインドマップが作成できるアプリ | ライフハッカー・ジャパン
アップルが作る新ツール「フリーボード」とはなにか【西田宗千佳のイマトミライ】
Online FlowChart & Diagrams Editor - Mermaid Live Editor
Markmap - Visual Studio Marketplace
GitMind - AI搭載のマインドマップ、フローチャート、ホワイトボードツール
「人生に奇跡を起こすノート術」を実践する3つの心得 - 日々の学び研究所
Note taking and mind mapping combined in one app
PlantUMLでマインドマップがかけるようになっていた件 - Qiita
優れたフローチャートソフト＆作図ツール | Wondershare EdrawMax
markmap-lib - Markdownをマインドマップに展開
《2024年完全版》WEBブラウザで使える無料オンラインマインドマップツール＆アプリ比較15選 | MAPLOG
www.itmedia.co.jp
akiba-souken.com
qiita.com/mi2__user
napel-green.hatenablog.com
business.nikkei.com
koubodatabase.com