システム構成図、ER図、フローチャートなどを描くときに無料で使える作図ツールやドローイングツールまとめ。2024 システムを開発する際には、インフラを構築するためのシステム構成図やアプリケーションの仕様を検討するためのさまざまなUML関連のダイアグラム、フローチャートやデータベース設計におけるER図など、さまざまな作図をする場面があります。 これらの作図作業を支援してくれるツールは多数存在しますが、ここでは無料で使えるツール、あるいは無料プランが利用できる有料サービスなどをまとめました。 draw.io 無料で利用できるドローイングツールの代表的な存在がdraw.ioでしょう。ユーザー登録すら不要ですぐに使い始めることができて、作図したデータはGoogle DriveやOneDrive、Dropbox、GitHubやGitLab、ローカルデイバイスなどに保存できます。 GitHubにサーバ

どうも、まさとらん（@0310lan）です！ 今回は、万能なドキュメントサービスとして人気の「Notion」を、さらにパワーアップさせて別の用途に活用できるWebサービスを厳選してご紹介します！ すべて無料で利用できる（もしくは無料プランありの）サービスであり、機能的に優れていて誰でも扱える簡単な操作のものを厳選しました。 現状のNotionだけでは足りない機能を多く搭載できるサービスばかりなので、ご興味ある方はぜひ参考にしてみてください！ ちなみに、Notionについてまだよく知らないという方は以下の記事で詳細を解説しているので合わせて確認しておくことをオススメします。 paiza.hatenablog.com ■Notionをメルマガ配信システムに変えるサービス！ 【 NoCodeLetters 】 Notionで作成したテーブルをメルマガ（ニュースレター）のコンテンツ管理用データベー

スクリーンショット これはなに 会社で「PR用の文章を人力でチェックする工数が重くて、めっちゃ残業が発生している。なんとか自動化できないか」との依頼を受け、Word等のファイルをGUIでそのままtextlintできるツールをちゃちゃっと作って社内公開しました。その結果、いい感じに社内で有効利用してもらうことができたので、外部公開に踏み切ることにしました。 github.com インストール＆設定 1. インストーラーでツールをインストールする GitHub上で配布しています。 https://github.com/gecko655/proofreading-tool/releases Mac版で「開発元が未確認のため開けません」が出た方へ https://support.apple.com/ja-jp/guide/mac-help/mh40616/mac を参考に、アプリケーションをセキュ

「ファイル・フォルダ名を一括で変更する機能」とか、標準装備で良いじゃん！ Microsoft謹製、Windowsの作業効率をアップさせる「PowerToys」というソフトの紹介・解説です。 記事のベースと画像はバージョンは0.27.1。執筆時現在は0.29.3が最新版ですが、内容はバグの修正と日本語化なので機能面の差異はなし。 PowerToysとは？ PowerToysは、Microsoftがオープンソースで開発中のソフト。元々Windowsに搭載するつもりだったが搭載されなかった利便性向上機能を複数提供するもの。 元々Windows 95時代から名前が続いているソフト。Windows XPまで提供が続けられていました。Vista以降は提供されていませんでしたが、2019年5月にWindows 10向けにオープンソースとして提供を再開しています。 各機能の詳細 FancyZones（複数

サランラップ®・ジップロック®を利用した、食材や料理が一目で把握できるチャートです。 各食材名をクリックすると、より詳しい保存テクニックを見ることができます。

Android/iOSアプリ「Memento Database」 使ってみる（同期の検証） 便利な機能 無料版と有料プランの違い かなり満足！ 僕は今はGoogleスプレッドシートで購入物を記録しています。 GoogleスプレッドシートはGoogleドライブで同期でき、ハードオフなど出先でスマホで検索できるのでそこそこ便利です。 ただ、スマホでの一覧性はあまりよろしくなく、検索機能も乏しくソートや条件での整理はできません。画像の登録・閲覧も限定的。まぁそりゃそうだ。ExcelもGoogleスプレッドシートも表計算ソフトであってデータベースソフトではないしね。 ならばデータベース専用ソフト（AccessやFilemaker）で記録と管理を・・・ということになりますが、これらのソフトは使い勝手がかなり専門的で古臭いのです。ボタン一つでスマホ対応・クラウド同期はほぼ無いですし、特に表計算ソフトで

At 332 meters, this is the deepest any human has ever scuba dived. Set by Ahmed Gabr in 2014.

国土地理院はこのほど、Web地図「地理院地図」に、CSV形式の住所リストをドラッグ＆ドロップするだけで、簡単に地図に表示できる機能などを追加した。災害時、避難所の住所リストを地図化する――といったことが簡単に可能になる。 住所だけでなく、CSV形式の経度・緯度のリストをドラッグ＆ドロップして地図にプロットすることも可能だ。 また、目的に応じてユーザが自由に色分けできる標高図「自分で作る色別標高図」は、設定した標高の凡例を簡単に作成できる機能を追加。2種類の地図を比較する機能には、重ねた地図をカーテンのように左右に動かして比較する機能を追加した。中抜きポリゴンも作成できるようになり、浸水範囲を示した地図などが作りやすくなった。 関連記事 「Googleマップが劣化した」不満の声が相次ぐ　ゼンリンとの契約解除で日本地図データを自社製に変更か Googleマップの地図データが変わり、一部で混乱が

このブログ「いつもていねいに」を書いている 小田やかた です。 プロフィールはこちら、Xのアカウントはこちらです。 前回の以下の記事で書いたとおり、読書ノートを約10年続けているのですが、使うツールはアナログのノート→Evernote→WorkFlowy→Evernoteという変遷をたどっています。 10年間「読書ノート」が続いている私の読書ノートの作り方 WorkFlowyを使った読書ノートもよかったのですが、Evernoteで作る読書ノートも悪くありません。 Evernoteで作る場合、本の表紙の画像をノートに表示できますし、デフォルトの機能として文字に色やマーカーをつけることができますので、見返しやすくなります。読書ノートは、キレイに見栄えよく作ると、後で見返すときのモチベーションにつながります。 では、実際、現在、私がEvernoteで作っている読書ノートの作成手順を紹介します。

こんにちは、戦略コンサルタントです。 今回は私の「社会人であればこんくらいは最低限出来てよ」というフラストレーションをぶつけた「これだけ最低限知ってろ」です。非常に長い記事ですが、目次をうまく活用しながら自分に必要な部分を読むようにして下さい。 エクセルで出来ること あるべきフォーマット/作ってはならないフォーマット 初心者でも知っておくべき頻出ショートカット alt + e + s(alt系は順番に押す)　：形式を選択して貼り付け 範囲選択のshift,ctrl フォーマット用) alt+w+v+gで罫線非表示 shift+ctrl+1でカンマ表示,shift+ctrl+5で％表示 ctrl+1でセルの書式設定 関数：兎にも角にもvlookup! vlookup ピボットテーブル 分析結果を伝える・グラフ作成 データだけでは意味を成さない、比較を行って初めて意味がある 簡単な分析設計をや

UIPalette 「UIPALETTE」は、配色を考えるときに使えるオンラインツールです。 サイトの左側にあるメニューのうちの「BrandColors」をクリックすれば、海外の企業のイメージカラーがわかり、「FlatColors」や「MaterialDesignColors」をクリックすれば、フラットデザインやマテリアルデザインに必要な配色がわかります。 「Hailpixel」を使えば、感覚的に色を決めることができるので、その時の自分に必要なカラーコードを直感的に見つけることができます。 SmartHR（スマートエイチアール） 「SmartHR」は、社会保険や雇用保険の手続きを自動化するクラウド型ソフトウェアサービスです。 従業員情報を入力するだけで、必要書類を自動で作成し、総務省が提供する電子政府「e-Gov」の外部連携APIと連携してWeb上から役所への申請できます。β版はすでに15

Kindle を購入したら何をしたいと思いましたか？ 勿論、Kindle 向けに電子化された本をストアで購入して読むのも楽しみでした。 ただ、僕が最初に期待したのは PDF 化された既存資産（電子書籍データ）を Kindle で読むことだったんです。 でも、これには少しがっかりしました。文字密度が高く、図・表も含まれ、場合によっては１ページに２カラムで記述される技術系PDF資料（例えば論文）を読むのにKindleが適しているとは言い難い状況だったんです。 色々と試したんですが、PDFをKindle向けに変換するツール・方法に銀の弾丸は無い、それが僕の結論でした・・・しかし、久しぶりに”PDF to Kindle”で感動するツールに出会いましたよ！ それが今日ご紹介する k2pdfopt 。 複雑なPDF電子書籍をKindleで読むことの難しさ 詳しくは下記エントリに書きましたが、図・表の含

で、図説ドローツールとしては、CacooやGliffyを紹介しました。 けれども、「draw.io」というのを使ってみたら、完全に無料で利用できるうえに、日本語にも対応、さらには機能も豊富という何拍子も揃った素晴らしいドローツールだったので紹介です。 photo by David Goehring draw.ioとは draw.ioは、WEB上で無料で使えるフローチャート作成ツールです。 インストールなどは必要なく、ブラウザからログインも不要で手軽に利用することができます。 通常、こういったドローツールは、「作業シート何枚まで無料であとは有料」などというサービスも多いのですが、draw.ioは完全無料で利用することができます。 やれることが豊富このツールを利用するだけで、以下のような図を手軽に作成することができます。 チャートなんかも。 こんな回路図なんかも。 もちろんこんなフローも。 関

サイト強化はこれひとつ はやく、大きな成果へ ヒートマップ、サイト解析、ページ編集、A/Bテスト、WEB接客、パーソナライゼーション 1つのタグ設置だけで、全てノーコードで使えます。

モバイルサイトのデザインデータなど、縦長の画像を自動分割して印刷用に1枚にまとめるツールを作成しました。 データのアップロード等も不要ですので、機密性の高いデータを印刷する場合でも安心して無料でお使いいただけます！ 明けましておめでとうございます。本年もWebNAUTをよろしくお願い致します。私の新年1本目の記事は特に正月らしい内容ではありませんが、Web制作の各場面で使える「痒い所に手が届く」ツールを紹介させていただきます。 デザイン確認時のよくあるやりとり ディレクター： ここでディレクターさんはデザインの確認と指示出しをどのように行うでしょうか？ デスクトップ上で修正指示を書き込むようなアプリも幾つかありますが、やはり見やすさや書き込みのしやすさでは紙に印刷して手書きで指示を書く事が多いと思います。 その際、縦に長い画像を印刷しようとすると一般的なアプリではこのようになってしまいます