Front makes you look at things from a different perspectives.
お絵かき大好き、かめです。 あまり上手くはないのですが、最近は画用紙などに落書きして娘のおもちゃを作るのにハマっています。 はじめに 先日、 手順書を書くときに気をつけていること | DevelopersIO でも書きましたが、私は手順書を作成する際になるべくフロー図を書くようにしています。 前職では、フローといえば Visio を使っていたのですが、弊社では Visio を採用していないので、似た操作感のツールを探し、 Draw.io にたどり着きました。 今回はこちらをご紹介します。 Draw.io とは 弊社ブログ エンジニアのための無料で使えるドローイングツールまとめ | DevelopersIO などでも簡単に紹介されていますが、 Draw.io にアクセスするだけで利用できる無料のお絵かきツールです。 魅力1:豊富なテンプレート フローチャートだけでなく、ネットワーク図や ER
どうも。つじけ(tsujikenzo)です。このシリーズでは「draw.io(ドローアイオー)でデータベース設計のER図をかこう」ということで、全4回でお届けします。今日は1回目で「インストール編」をお送りします。 このシリーズでまなぶことこのシリーズは全編を通して「draw.ioの使い方を学ぼう」という内容になっています。データベースは、「ERモデル」と「IE表記法」という2つの手法を用いることで、初心者でもかんたんに設計図を作成することができます。 しかしながら、半自動的にデータベースの設計図を作成してくれるツールはありません(ERwinやERstudioというソフトがあったようですが、今は情報が更新されていない気がします)。draw.ioはあくまで、アイディアをER図に落とし込む描画ツールです。 また、SQLからテーブルを作成するような手順も、想定しておりません。「ER図とはなにか」
システム構成図を書く時、ツール選びに悩むことってありませんか? システム構成図に限らずとも、情報を分かりやすく表現する手段として、いわゆる「お絵かきツール」はとても需要があるのではないでしょうか。例えば Nulab の Cacoo だったり、MS Visio・Excel・PowerPoint だったりと、人によって・現場によって多種多様だと思いますが、今回はその中でも個人的によく使っている draw.io について紹介し、その使い方について共有したいと思います。 draw.io とは?システム構成図や図面等の作成に便利なお絵かきツールで、ブラウザ上で動くウェブアプリケーションです。オープンソース化(Apache License 2.0)されており、提供元 JGraph の GitHub リポジトリにてソースコードが公開されています。 公式サイトがあるので、合わせてチェックしてみてください。
無料で使えるチャート作成アプリdraw.ioには、Webアプリケーション版とは別に、デスクトップアプリケーション版とGoogle Chrome拡張機能版があります。 なぜブラウザ上で使えるWeb版とは別に、デスクトップ版や拡張機能版も提供するのでしょうか? ここではこれらの違いとユーザーにとってのメリットを紹介します。 Web版とデスクトップ版の違いはウィンドウ Webアプリ版があるのに、なぜわざわざデスクトップ版や拡張機能版を紹介するかというと、単純に使い勝手の問題のようです。 Webアプリ版はブラウザ上で動作するので作業エリアの大きさは、ブラウザのウィンドウサイズによって決まります。 draw.ioの作業画面はできるだけ広くとりたい、でもブラウザをフルスクリーンで使うのはイヤ、ということです。 その点、デスクトップアプリならブラウザとは関係ない独立したウィンドウで動くから使いやすくなり
ごきげんよう 今回はスマスピ関係ない話。 UMLでシーケンス図なりクラス図なりアクティビティ図なりを描く機会は、ITエンジニアのあるあるだと勝手に思っている。 え?そもそもドキュメントをまったく書かない?ドキュメントはmustで必要ではないけど、常に書かない文化だとしたらどうやって共有知にしてるんだろう。教えてほしいです。 で、最近そんな機会がやってきたわけでして、ツールが自由に選べる立場だったのでdraw.ioってのがすごい良かったという話。 公式サイト about.draw.io 何がいいの? 無料である テンプレートが豊富である 矢印とかがサクサクきれいに連結できる ブラウザで使えるけどセキュリティが気になる・・がオフラインモードでも使える!! はまったところ インストーラーが8.8.0.exeだけどインストールすると9.1.Xになっている ダウンロードするページによってインストーラ
みんな大好き draw.io (diagrams.net) の細かいテクニックです。 ちなみに、2020年2月あたりから、セキュリティ上の理由でサイトのドメインを diagrams.net に名称変更し始めているので、アクセス先はこちらに変更したりしましょう。 非圧縮XML形式のデフォルト化 ダイアグラムをファイル保存すると、デフォルトでは圧縮されたXMLになっていますが、これだと差分の確認・バージョン管理がしづらいです。 メニューの「拡張 (Extras)」->「圧縮 (Compressed)」のチェックを外すと非圧縮形式になるので、新しいファイルを作るたびにこれを実行しても良いのですが、忘れないように非圧縮XML形式をデフォルトにすると良いでしょう。 メニューの 拡張 (Extras) -> Configuration で開く設定ダイアログに以下を記載すると、アプリの再読み込み以降は非
draw.io はブラウザを使用してフローチャート、プロセス図、組織図、UML 図、ER モデル、ネットワーク図などを作成できる優れたツールです。作成した図は xml ファイルとして保存でき、GitHub との連携もシームレスに行われます。3 年ほど愛用しているツールですが、隠された使い方がたくさんあります。すぐに忘れてしまうので取りまとめておきます。 「こんな使い方あるよ!オススメだよ!!」という方はぜひ編集リクエストをいただければ追記していく予定です 😊 ※ 主に参照している文献は以下、公式ブログは非常に分かりやすいのでオススメです。 ツイッター公式アカウント 公式ブログ ショートカット ショートカット集です。机の上に置いて覚えましょう。 Line / 線 まずは最も頻繁に使う Line(線)の使い方からご紹介します。 矢印をまっすぐに揃える ちまちまと矢印の線をドラッグして微調整し
追記 versionによっては設定を変えないとエクスポートができないようです。 エクスポートできない方はこちらの記事をご参考に設定いただくとエクスポートできるかもしれません。 現状バージョン0.4ではこちらの設定が必要となります。 VSCodeでDraw.io Integration使用時にエクスポートできないことがある問題への対処 2020/10/18追記 現在のバージョン0.7ではdrawio拡張子のエクスポートがうまくいかないようです。 その場合はオフラインモードに移行変更していただくか、drawio.pngやdrawio.svg拡張子でファイルを作成してもらうことで直接編集もできた上で、エクスポートとせず末尾の拡張子ファイルとして利用することができます。 はじめに VSCodeで簡単にDraw.ioで描画できるようになったみたいなので、 導入方法と使い方を備忘として残していきます。
追記 versionによっては設定を変えないとエクスポートができないようです。 エクスポートできない方はこちらの記事をご参考に設定いただくとエクスポートできるかもしれません。 現状バージョン0.4ではこちらの設定が必要となります。 VSCodeでDraw.io Integration使用時にエクスポートできないことがある問題への対処 2020/10/18追記 現在のバージョン0.7ではdrawio拡張子のエクスポートがうまくいかないようです。 その場合はオフラインモードに移行変更していただくか、drawio.pngやdrawio.svg拡張子でファイルを作成してもらうことで直接編集もできた上で、エクスポートとせず末尾の拡張子ファイルとして利用することができます。 はじめに VSCodeで簡単にDraw.ioで描画できるようになったみたいなので、 導入方法と使い方を備忘として残していきます。
こんにちは丸山@h13i32maruです。つい先日、devchat.fmというポッドキャストに出演して、「ドキュメント」というお題について話しました。なぜこんなニッチなお題について話したかというと、Ubie Discoveryに入社して5ヶ月の間にいくつか*1まとまったソフトウェアドキュメントを書いたので、自分の中でホットな話題だったからです。 #devchatfm 33回目は、Ubie DiscoveryのSWE @h13i32maru にドキュメントを書くことで得られるメリットや、ポイント・工夫などを聞きました! #33 チームの生産性を上げるドキュメントのすすめ with@h13i32maruhttps://t.co/TrmZd13D91— 久保 恒太 / Ubie CEO (@quvo_ubie) 2021年8月12日 これらのドキュメントは個人的にわりと良く書けたと思ってますし、
[edit] 要約 RubyGems を扱うためのクラスやモジュールが定義されているライブラリです。 gem コマンドの使い方 $ gem help RubyGems は Ruby のための高機能なパッケージ管理ツールです。 これはより多くの情報へのポインタを含んでいる基本的なヘルプメッセージです。 使用方法: gem -h/--help gem -v/--version gem command [arguments...] [options...] 例: gem install rake gem list --local gem build package.gemspec gem help install さらにヘルプ: gem help commands 全ての 'gem' コマンドをリストアップします gem help examples いくつかの使用方法の例を表示します gem h
「公式ドキュメントを読め」というのが急に話題になっていたので自分なりに整理してみました。 注意: そんなに真面目に推敲していません。フィーリングで書いているので実態に即してない部分もあるかも…… 公式ドキュメントとは何か あなたが使おうとしている道具 (ライブラリ、フレームワーク、プログラミング言語、ミドルウェア、コマンドラインツール、etc.)[1] は必ず誰かによって作られています。ある程度成熟した道具であれば通常、その作った人・組織自身によって公開されているドキュメントがあるはずです。これが公式ドキュメントです。 公式ドキュメントは、OSSにおいてはソースコードと双璧をなす最も信頼できる資料のひとつです。ソースコードが非公開の場合は通常、公式ドキュメントが最も信頼できる資料でしょう。 (以降はOSSを主に想定して説明します) たとえば…… Python のソースコードはGitHub上
資料を作るときにいつもロゴを探すので、自分が使うものを中心にまとめました。 Google画像検索で見つけたものでもいいのですが、その辺にある野良画像を本当に使っていいんだろうかと後ろめたさがあったりするので…。 公式に案内があるものはそのページ、なければロゴを公式で使っているところを紹介しています。 大体は「技術名(プロダクト名)[スペース]logo|brand|icon|trademark|media」で検索すると出てきます。 「なんでこれが入ってないの」というのはあると思いますが、 死ぬほどあるので、他の方にも使えるように網羅できませんごめんなさい。 何かリクエストがあれば受け付けます。 まとめてみて、企業系はやっぱり自社ブランドの要なので、ポリシーが割とはっきりしてるなと思いました。 ロゴがかっこいいと、なんか使いたくなりますね。 一覧(昇順) Ansible Atlassian系
お知らせ: 2022/9/1 CS50 を活用した非営利/協賛企業による「コロナ学生支援」プロジェクトを実施中 ▼ 学生の方へ:CS50 の学習(履修証明書の取得)を一緒に取り組むプロジェクト CS50日本語版の翻訳コントリビューターである CODEGYM が主催する、非営利/無償のプロジェクト「CODEGYM Academy (外部リンク)」は、昨年に続き2022年度(春/秋)も、キャリア選択を控えた学生に対し、以下の企業の協賛により無償で17週間のプログラミング教育カリキュラムを提供します。 CODEGYM Academy 協賛企業(2022年) https://codegym.jp/academy/ 今年度のエントリーは締め切りました — ようこそ! このページは、ハーバード大学 CS50 の日本語版翻訳プロジェクトのページです。当サイトのドメインに掲載されているコンテンツは、Cre
グラフストックは誰でも無料で使えるグラフや図表の素材サイトです。企業の決算情報や官公庁の統計などのグラフが利用できます。文章を発表する人たちが、より客観的なデータを引用できる世界を目指します。
はじめに オークファングループ Advent Calendar 2019 16日目 はじめます! 弊社はインフラ環境として AWS を使用しています。 構成図のツールでは PlantUML を採用しており、 インフラチーム全体が構成図をコードで管理出来るようにしております。 今回は AWS の構成図を PlantUML で描く際に使用している『AWS Icons for PlantUML』について ご紹介したいと思います。 なお PlantUML そのものについては色々記事が出ていると思いますので割愛させていただきます。 『AWS Icons for PlantUML』って? PlantUML で AWS の構成図を作成するツールといえば標準ライブラリとして提供されている AWS-PlantUML が有名かと思います。 PlantUML Standard Library milo-mind
先日、パブリックの方も対応したようです リリースノート - Qiita これをやった経緯 これまで経験してきたプロジェクトでも多くのシステム構成図を作成してきましたが、ER図とか仕様書とか構成図も含め、 ドキュメントってやっぱり最新の状態で管理されないなー というのを結構、課題に感じていまして、しばらくどうしたらいいんだろう と考えを巡らせていたのですが、システム構成図に関してはこうするのはどうだろう という僕以外の優秀なエンジニアの皆様への問題提起となります。 これまでは何が問題だったのか? 図を描きやすいツール(Cacooとかね)を使って構成図を作成していて、開発するソースや使ってるツールとは離れた場所で管理される状態だった 開発プロジェクトへ参加した際に最低限必要なもの(ソースとか、ミドルウェアとか、タスク管理ツールとか)の中にいないため、途中から入った人には共有されないこともあった
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く