EvernoteやNotionなど色々ありますが、今回紹介するObsidian（オブシディアン）は「ノートとノートをつなぐ」という独特の発想が面白い、完全無料のメモアプリです。

Windows・Mac・Linux すべてで動き、データは自分のパソコンに保存されます。クラウドに情報を渡したくない方にも安心です。

Obsidianとは

Obsidianは2020年にリリースされた、ノートをリンクでつなぐメモアプリです。最大の特徴は [[ノート名]] という書き方でノート同士を自由につなげられること。つながりを「グラフビュー」という地図で見ることができ、世界中の読書家・研究者・知識労働者に使われています。

インストール方法

① 公式サイトにアクセス
obsidian.md を開き「Get Obsidian for free」をクリック

② OSを選んでダウンロード
Windows・Mac どちらも対応しています

③ インストールして起動
「新規Vaultを作成」→ 保存したいフォルダを選択するだけです

💡 Vault（保管庫）とは？
Obsidianのノートをまとめて保存するフォルダのこと。Dropbox・OneDrive・iCloud 内に作ると複数デバイスで共有できます。

日本語化の方法

初期設定は英語ですが、すぐ日本語にできます。

1. 右下の ⚙️（設定）をクリック
2. 「General」→「Language」を開く
3. 「日本語」を選択して再起動

3つの主要機能：ノート・キャンバス・デイリーノートの違い

Obsidianには用途が異なる3つの主要機能があります。それぞれの使い分けを理解すると、グッと活用の幅が広がります。

【機能①】ノートの使い方

Obsidianの基本はノートです。Ctrl+N（Mac：Cmd+N）で新規ノートを作成し、タイトルと本文を書いていきます。

Markdownの基本書き方

Obsidianはmarkdown形式でテキストを装飾します。難しく聞こえますが、よく使うのは以下の数パターンだけです。

読書ノートの作り方（実例）

読んだ本のノートを作るときは、以下のようなテンプレートを使うと整理しやすくなります。

## 書籍情報
- 著者：〇〇
- 出版社：〇〇
- 読了日：2024-01-01
- 評価：★★★★☆

## 要約・感想
（本の内容をひとことで）

## 印象に残ったフレーズ
- 「〇〇〇〇」（p.XX）

## アクションアイテム
- [ ] 〇〇を実践してみる

## 関連ノート
[[著者名]] [[関連テーマ]]

このテンプレートを毎回使うことで、どの本のノートも同じ形式でそろい、後から見返しやすくなります。テンプレート機能（後述）を使えば自動で呼び出せます。

タグの活用

ノート内に #読書 #ビジネス書 #未読 のようにタグをつけると、後からタグで絞り込み検索ができます。

左サイドバーの「タグ」一覧から一覧で確認でき、「#未読」タグをつけた本をまとめて管理するといった使い方も便利です。

【機能②】キャンバスの使い方

キャンバス（Canvas）はObsidian 1.1から追加された機能で、自由なホワイトボード上にノートやカードを配置して視覚的に整理できます。

キャンバスの作り方

1. 左サイドバーの「+」ボタンをクリック
2. 「新規キャンバス」を選択（または Ctrl+Shift+N 代替）
3. キャンバス上をダブルクリックでカードを作成
4. カードの端をドラッグして矢印で他のカードとつなぐ

キャンバスの便利な使い方

• 読んだ本の関係図を作る：「影響力の武器」→「人を動かす」→「説得の心理学」のようにつないで俯瞰する
• ブログ記事の構成を考える：見出しをカードにして並べ替えながら構成を検討する
• プロジェクト管理：タスクカードを「未着手・進行中・完了」に分類して進捗を把握する

💡 ポイント：既存のノートをキャンバスにドラッグ＆ドロップするだけで配置できます。ノートの中身も表示されるので、複数ノートを比較しながら見ることができます。

【機能③】デイリーノートの使い方

デイリーノートは、その日の日付が自動でタイトルになるノートです。毎日の記録・日記・タスク管理に使います。

デイリーノートの設定

1. ⚙️（設定）→「コアプラグイン」を開く
2. 「デイリーノート」をオンにする
3. 設定画面で保存フォルダ・日付フォーマット・テンプレートを設定

設定したら、左サイドバーの📅（カレンダーアイコン）またはリボンの「Open today’s daily note」をクリックするだけで、今日の日付のノートが自動で作成されます。

デイリーノートのテンプレート例

## 今日の目標
- [ ] 

## 読書メモ
- 今日読んだ本：
- 印象に残ったこと：

## 今日のタスク
- [ ] 
- [ ] 

## 振り返り
（今日良かったこと・改善したいこと）

## メモ・気づき

このテンプレートを毎日自動で呼び出すように設定しておくと、開くだけで書き始められます。

Calendarプラグインとの組み合わせ

コミュニティプラグインの「Calendar」を追加すると、サイドバーにカレンダーが表示され、過去のデイリーノートへカレンダーのマスをクリックするだけでジャンプできます。日記・継続記録にとても便利です。

リンク設定のおすすめ

Obsidianの真髄は「ノートをリンクでつなぐ」ことです。リンクをうまく使うためのおすすめ設定を紹介します。

① 内部リンクの形式を「Wikiリンク」にする

⚙️（設定）→「ファイルとリンク」→「内部リンクの使用」を「Wikiリンク」に設定します。

これにより [[ノート名]] という書き方でリンクできます。MarkdownリンクよりもObsidianらしくシンプルに書けるのでおすすめです。

② バックリンクパネルを活用する

あるノートを開いたとき、右サイドバーに「バックリンク」パネルが表示されます。これは「このノートにリンクしている他のノート一覧」です。

たとえば「[[影響力の武器]]」ノートを開くと、その本を参照しているすべての読書ノートや記事メモが一覧で見えます。後から「あのアイデア、どこで読んだっけ？」を探すのに非常に役立ちます。

③「リンクされていないメンション」を使う

バックリンクパネルには「リンクされていないメンション」という項目もあります。これは、[[]] でリンクを張っていないのに、ノート名と同じ文字列が書かれている箇所を検出してくれる機能です。

「あ、ここもリンクしておけばよかった」という見落としを防げます。「リンクに変換」ボタンで一発でリンクに変換できます。

④ 新規リンクのファイルを自動作成する設定

⚙️（設定）→「ファイルとリンク」→「存在しないファイルへのリンクを作成」をオンにします。

この設定をオンにすると、[[まだ作っていないノート名]] と書いておくだけで、後からそのノートを作ったとき自動でリンクがつながります。「とりあえずリンクだけ書いておいて、後で詳しく書く」という使い方ができて便利です。

⑤ グラフビューでリンクの全体像を確認する

左サイドバーの「グラフビュー」を開くと、ノート同士のつながりが図で見えます。リンクが多いノートほど大きく表示され、「自分の知識の中心テーマ」が視覚的にわかります。

ノートが50個、100個と増えてきたときのグラフビューは壮観です。読書量が増えるほど知識の地図が広がっていく感覚がモチベーションにもなります。

読書ノートとの相性が抜群

Obsidianは特に読書好きの方に強くおすすめできます。

• 読んだ本ごとにノートを作り、感想・引用をまとめる
• 「著者・ジャンル・評価」をテンプレートで統一する
• 「この本とあの本は同じテーマ」をリンクでつなぐ
• キャンバスで読んだ本の関係図を作る
• デイリーノートにその日読んだページ数・感想を記録する
• グラフビューで自分の読書傾向を俯瞰する

書評ブログの下書きをObsidianで書いておき、まとまったらWordPressに貼り付けるという流れも相性抜群です。

実際に使ってみての感想

良いところ ✅

• 起動が速くてサクサク動く
• データが手元に残る安心感
• プラグインで自分好みに拡張できる
• 他アプリへ乗り換えてもMarkdownファイルがそのまま使える
• ノート・キャンバス・デイリーノートで用途に合わせて使い分けられる

気になるところ ⚠️

• 最初はMarkdownの書き方に少し慣れが必要
• スマホとの同期は標準では無料でできない（iCloud・Dropboxで代用可）
• NotionのようなオシャレなUIではない

まとめ

Obsidianはメモを「書く」だけでなく「つなぐ」「広げる」「毎日続ける」ことができる無料アプリです。

まずはノートを10個作ることから始めてみてください。リンクでつながり始めたとき、Obsidianの本当の面白さがわかってきます。

Inkscape の隠れた魅力、それはカリグラフィ機能です。

ペイントなどのフリーハンド・手書き機能では難しい繊細な線や曲線も、Inkscape なら素早く美しく描けてしまいます。

ベクター形式だから、拡大しても美しさそのまま。

Inkscape に慣れている人なら、直感的な操作で本格的なカリグラフィデザインを楽しめます。

今回は、このパワフルな機能の使い方と魅力をご紹介します。

はじめに

みなさん、こんにちは！　Nくまです。

今回は、Inkscape の説明第5弾！ということで、手書き風に描けるカリグラフィー(calligraphy)について書いてみます。

ドローソフト Inkscape について

かんたんにドローソフト Inkscape についての特徴を書いてみます。

この記事を書いたときの環境を書いておきます。

• Windows10
• Dell ノートパソコン
• Inkscape 1.4
• ペンタブレットは無くマウスで描画

Inkscape で 取り扱いしているフォーマットの一例です

基本はSVGファイルで編集を続けて、画像として出力する場合はPNGファイルやPDFファイルにすれば良さそうです。

カリグラフィツールとは

Inkscapeのカリグラフィツールを使うと、筆やペンで書いたような特徴的な線を描くことができます。

左のメニューバーから、カリグラフィを選択してください。

プリセットされているものがありますので、その一例を示します。

（６パターンあるようです）

ためしに、私がマウスで書いてみました。

フィルに灰色とストロークに黒色を付けている状態なんですが、「つけペン」あるいは「マーカー」が、無難な感じがしますね。

これだけでも十分な機能ではあります。

これをベーツに使いつつ、必要に応じて設定パラメータを変更して使用することが簡単です。

カリグラフィツールの特徴

• 幅のある線: 通常の線ツールとは異なり、カリグラフィツールは指定した幅を持つパスを描くことができます
• 筆致の再現: ドラッグに沿って、つけペンやブラシで描いたような自然な線を作成できます。 華麗な表現: このツールを使いこなすことで、華麗な筆致を表現することが可能です

一方で、正確な線が欲しい場合はベジエツールがオススメです。

カリグラフィー使用方法

カリグラフィツールを使用するには、Inkscapeのツールボックスからカリグラフィツールのアイコンを選択します。

その後、キャンバス上でドラッグすることで、つけペンやブラシで描いたような線を作成できます。

このツールは手書き風の文字やデザインを作成する際に特に有用です。

線の太さや形状を調整することで、様々な筆記具や書体の特徴を再現することができます。

Inkscapeのカリグラフィツールは、ベクターグラフィックスの特性を活かしながら、手書きの温かみや個性を表現できる強力な機能の一つと言えるでしょう。

設定項目

Inkscapeのカリグラフィツールには、以下の主要なパラメータがあります：

1. 幅(width)：1〜100pxの範囲で線の太さを設定します。px以外の単位も設定できます。
2. 幅変化(thinning)：-100〜100の範囲で、マウスの移動速度に応じた線幅の変化を指定します。0だと速度変化なし。0以上だと早く動くときに細くなります。マイナスだと太くなります。
3. 質量(Mass)：0〜100の範囲でペンのドラッグへの反応の遅れを設定します。慣性のイメージです。
4. 角度(angle)：-90°〜90°の範囲でペンの角度を指定します。
5. 固定度(fixation)：0〜100の範囲で設定。0でペン運びの方向に合わせて傾き、100で角度を固定します。
6. キャップ(cap)：0.0〜5.0の範囲で線の両端の盛り上がりを指定します。
7. 震え(tremor)：0〜100の範囲で横方向の震えを設定します。
8. うねり(wiggle)：0〜100の範囲でペンの波状やうねり幅を指定します。

実際の数値は個人の好みや描きたい効果によって異なるため、これらのパラメータを様々に組み合わせて実験してみることをお勧めします。

設定一例

設定の一覧を表にしてみました。

あくまで参考にお願いします。

パラメータは、随時調整してお使いください。

メモ：

　つけペンの設定で、固定度を100にすると Times のフォントに近くになります。

ドリッピング

Inkscape のカリグラフィツール でドリッピング（滴り落ちる）効果を出すには、以下のパラメータ設定が効果的です(perplexityに聞いてみました)：

1. 幅：50-100の範囲で設定し、太めの線を作ります。
2. 幅変化：100に近い値を設定し、動きが遅いほど線が太くなるようにします。
3. 固定度：0-10の低い値に設定し、ペンの角度が自由に変化するようにします。
4. 震え：50-80の高めの値に設定し、不規則な線を作ります。
5. うねり：70-100の高い値に設定し、大きな曲がりを作ります。
6. 質量：80-100の高い値に設定し、慣性のある動きを再現します。

これらのパラメータを組み合わせて調整することで、ドリッピングのような不規則で流動的な線を描くことができます。実際に描く際は、マウスやペンタブレットを使って、上から下へ向かってゆっくりと不規則な動きで描くと、より自然なドリッピング効果が得られます。

私の方で試してみました。

マウスの移動速度を変えてみることで線幅の変化を出すことができます。

最近読んだ本にジャクソン・ポロックのことが書かれていたので、気になりました。

ジャクソン・ポロックの画風とは、また違うものな気がしますが、アートっぽくなって面白いですね。

脳神経ニューロ？

幅を100px, 幅変化を100にしただけでも、脳神経のニューロみたいな？ものを描くことが出来ます。

カーソルのスピードに緩急をつけることで細くなったり太くなったりして楽しいですよ。

習字風

習字風な感じでやってみました。パラメータは上記の通りです。

Inkscape である程度、描画できることが面白いですね。

まとめ

今回は、カリグラフィーについて記事を作ってみました。

独自の文字を作ったり、アートの活用に有効な方法です。

また、ペンタブレットが無くてもマウスで作れてしまうことも便利ですよ。

ご興味があれば試してみることをおすすめします。

参考サイト

Inkscapeのカリグラフィーについて参考にしたサイトを記載しておきます。

大変ためになります。ありがとうございます。

カリグラフィツール

カリグラフィを描くには、ツールバーから カリグラフィツールを選択するか、ショートカットキーのCtrl+F6（またはC）で...

inkscape.paix.jp

Inkscape tutorial: カリグラフィ | Inkscape

inkscape.org

Wikimedia Error

ja.wikibooks.org

関連記事

関連記事としてInkscapeで線を書く方法について書いてみた記事もあります。

【2026年最新】Inkscape（インクスケープ）の使い方入門｜直線・図形の描き方を図解で解説

無料ドローソフトInkscapeの使い方を初心者向けに図解で解説。直線・図形の描き方、グリッド・スナップ設定、テキスト追加、PNG・SVG書き出しまで。Illustratorの代わりに使える本格ベクターソフト。

read-nonbiri.com

2026.06.03

ベジェ曲線を書く方法についても記載いたしました。

Inkscape ベジェ曲線の描き方｜ノード編集・調整方法を図解で解説

Inkscapeでベジェ曲線を描く方法を初心者向けに図解で解説。ペンツールの基本、ノードの追加・削除・ハンドル調整、テキストをパスに沿わせる応用まで。なめらかな曲線を自在に描けるようになります。

read-nonbiri.com

2026.06.03

Inkscapeで画像を切り抜く3つの方法｜クリップ・マスク・自動トリミングを図解で解説

Inkscapeで画像を切り抜く方法を3種類（クリップ・マスク・自動トリミング）に分けて図解で解説。難易度・用途別に使い分けられるので、初心者でも手順どおりに進めれば確実にできます。無料ドローソフトInkscapeの切り抜きを完全マスターしましょう。

read-nonbiri.com

2026.05.07

あとがき

本ブログの Inkscape の記事が予想以上に見ていただいているようなので、関連記事を作ってみました。

Windows標準のペイントのようなソフトでもいいんですが、面白い線、独自の文字を作れるのが魅力的なのでご紹介させていただきました。

何かしらの参考になれば幸いです。

読んでいただきまして、ありがとうございました！

ポスターやイベントチラシを作成してたりしますでしょうか。

今回は、そんなときに活躍できる中抜きの曜日アイコン（金、土、日など）の作り方についてまとめてみました。

フリーのドローソフトInkscapeで作成可能で、この記事ではその基本的な使い方について紹介します。

単なる文字ではなく、曜日を彩る方法として応用できますので、是非、参考にしてみてください。

はじめに

みなさん、こんにちは！　Nくまです。

今回は、Inkscape の説明第4弾！ということで、曜日アイコン使用に使える文字の形の中抜きについて書いてみます。

曜日を入れるときにオシャレな感じがしていいですよ。

ドローソフト Inkscape について

かんたんにドローソフト Inkscape についての特徴を書いてみます。

この記事を書いたときの環境を書いておきます。

• Windows10
• Dell ノートパソコン
• Inkscape 1.3

Inkscape で 取り扱いしているフォーマットの一例です

基本はSVGファイルで編集を続けて、画像として出力する場合はPNGファイルやPDFファイルにすれば良さそうです。

曜日アイコン作成例

以下に作例を載せます。

Inkscape で作成しpngファイルを Canva にアップロードして使用しております。

以下に作成手順について記載いたします。

手順1: 円と文字を作成

丸を作り、その上に文字を配置します。

丸は、円/弧ツールから作成可能です。　また文字についてはテキストツールで追加します。

オブジェクトー＞整列　を使えば、中心を合わせやすいです。

手順2:文字の部分を中抜き

方法1: パスの差分を使った方法

円と文字の両方を選択した状態で

メニューの「パス」ー＞「差分」

を押します。

こうするところで、重なり部分を削除することが出来ます。

方法2: シェイプビルダーを使った方法

似たような方法としまして、「シェイプビルダー」を使う方法もあります。

「シェイプビルダー」は、重なった領域を作ったり、削除したりするのに便利です（論理演算ツール）。

左のアイコンから「シェイプビルダーツール」を選択してください。

シェイプビルダーツールにすると、以下のような画面になります。あとは、左上の「＋」「ー」のどちらかにして、各領域をクリックすれば有効化したり無効化することができます。

終わったら完成ボタン「✓」を押しましょう。

ここでは、文字の「土」をーにしてクリック。それ以外の円の中身を「＋」にしてクリックしました。

これにより、同様の結果を得ることが出来ました。

最後にPNGファイルでエクスポートすれば完了です。

おまけ：中抜き形状

上記のように、パスの差分や、シェイプビルダーを使用すれば中抜き形状の作成ができます。

ちなみにシェイプビルダーは新しい機能のようですね。私が Inkscapeを始めたときには、このような機能はありませんでした。

重なり合った領域を削ったり有効化したりするのに使えるようです。

同じ手順で、このような単純な中抜けの形状をいくつか作れました。

そういえば、起動時にシェイプビルダー用のテンプレートを選べるものがあるので、それで試してみるのも良さそうです。

手順3: 画像のエクスポート

背景色を透明にしつつ、pngファイル をエキスポートすればOKです。

まとめ

今回はかなりニッチですが、自分の経験を元に中抜きの曜日アイコンについて記事を書いてみました。

検索してもよくわからず、無料素材もあるのですが、Inkscapeで簡単に作れたのでその作例です。

なにかの参考になれば幸いです。

関連記事

【2026年最新】Inkscape（インクスケープ）の使い方入門｜直線・図形の描き方を図解で解説

無料ドローソフトInkscapeの使い方を初心者向けに図解で解説。直線・図形の描き方、グリッド・スナップ設定、テキスト追加、PNG・SVG書き出しまで。Illustratorの代わりに使える本格ベクターソフト。

read-nonbiri.com

2026.06.03

Inkscape ベジェ曲線の描き方｜ノード編集・調整方法を図解で解説

Inkscapeでベジェ曲線を描く方法を初心者向けに図解で解説。ペンツールの基本、ノードの追加・削除・ハンドル調整、テキストをパスに沿わせる応用まで。なめらかな曲線を自在に描けるようになります。

read-nonbiri.com

2026.06.03

Inkscapeで画像を切り抜く3つの方法｜クリップ・マスク・自動トリミングを図解で解説

Inkscapeで画像を切り抜く方法を3種類（クリップ・マスク・自動トリミング）に分けて図解で解説。難易度・用途別に使い分けられるので、初心者でも手順どおりに進めれば確実にできます。無料ドローソフトInkscapeの切り抜きを完全マスターしましょう。

read-nonbiri.com

2026.05.07

あとがき

今回は、フリーのドローソフト Inkscape を使った曜日アイコン作成について記事を書いてみました。

これはですね、Canva でポスターやチラシを作ろうとしたときに 土曜日か日曜日のアイコンというか、青い丸と赤い丸で作られたアイコンがあるんですけど、よく見かけるので自分でも作ってみようかなと思ったんですね。

Canva で作ろうと思ったら簡単に作るのが難しそうだったので、Inkscape ならどうかなと思ってやってみたら意外と簡単にできたので ここに書かせていただきました。

なかなかニッチな内容だと思うんですけど、何かの参考になれば嬉しいです。

というわけで、自分がいろいろやってみてわかったことなので 忘れないように備忘のためにも書いてみました。

ここまで読んでいただきまして誠にありがとうございました。

多くのドローソフトでおなじみのベジェ曲線はInkscapeでも利用可能で、この記事ではその基本的な使い方について紹介します。

是非、参考にしてみてください。

ベジェ曲線の描き方の流れ

おおまかなベジェ曲線の描き方は次の通りです。

1. ペンツールでベジェ曲線を作成
2. ノードツールでノードとハンドルを調整・編集

ペンツールでベジェ曲線を作成

ベジェ曲線の描き方について説明していきます。

直線の作成と同様に、ペンツール（ベジェ曲線/直線を描く）を選択してください。

こちらを使用してベジェ曲線を描いていきます。

ベジェ曲線の基本はこちらになります。

ベジェ曲線の構成要素

• ノード（四角の点。曲線は必ずここを通過する）
• ハンドル（ノードについている線。長さと方向を変えられる。曲線の編集に使用する）

直線の場合は、クリックしてノードを追加していきました。

曲線の場合はハンドル付きのノードを追加していきます。

方法は簡単で、クリックしてノードを置いたらそのままマウスをドラッグしてください。

ドラッグした量と方向にハンドルが追加されます。

これを繰り返していきます。

狙ったとおりにうまくできなくても、後述する「ノード/ハンドルの調整」で直せまるので、ご安心ください。

「ノード」と「ハンドル」について覚えておきましょう。

このハンドルの長さや向きを設定して曲線を作っていくわけなんですね。

次にベジェ曲線の描き方の例です。

続けて別の場所で同じ操作をすることで、ノードとハンドルを追加します。

続けて

また、閉じた図形も可能です。

こんな感じでベジェ曲線を描くことができます。

ノードツールで曲線を編集・調整する

ベジェ曲線を描いたけど、イメージと違うとか調整したいということは多いにあるものです。

そのためにはノードツールを使います。これにより点（ノード）を選択することができます。

また、必要に応じて画面上部メニューバー付近にあるノード編集を使っていきます。

ノード、ハンドルの調整

まずはノードとハンドルの調整方法についてです。

ノードツールを選択し、オブジェクトを選択してみましょう。

そうすると、ノードとハンドルが表示されます。

マウス操作でノードの位置や、ハンドルを調整できます。

一例を示します。

ハンドルの長さや向きを変えることで直感的に曲線具合を調整することができます。

新しくノードを追加する

ここのボタンを使用します。

こちらはノードを挿入する一例です

次にノードの削除例です。

このように、ノードを追加したり削除することで自由度が上がるわけなんですね。

ノード間の編集

ノードを選択した状態で、これらのボタンを押すことでノード間を編集することができます。

たとえば、端点同士を１つのノードに連結する例を示します。

他にもアイコン通りの動作をしますので、試してみてください。

ノードの種類を変更

これらの機能を使えば、直線や曲線を切り替えることができますね。

「シャープにする」ボタンにより、ハンドルを追加したスムーズなノードからハンドルを削除できます。

次に「スムーズにする」ボタンにより、直線ノードにハンドルを追加することにも使えます。

直線から曲線にすることができるんですね。

そこで、最初はハンドル無しで直線で書いておいてあとで曲線にする方法でもできるわけなんですね。

次に「ハンドル左右対称」ボタンは、ハンドルを左右対称にする機能があります。

そういうときもありますので必要に応じて使用してください。

ちなみに、ノードの形状が

• 菱形であればシャープノード
• 四角であればスムーズノードか対称ノード
• 円であれば自動スムーズノード

です。

ノード間を直線、曲線にする

ノードを2個以上選択し、直線にしたり、曲線にすることができます。

曲線にした場合、ハンドルで調整することも可能です。

こちらはやってみた例です。

これらノードツールの機能を使うことで、直線や曲線を調整、編集することができます。

書き直すのも良いのですが、このようにノードの編集で微修正する方法もありますので、使ってみましょう。

補足:ノード点の作成について

補足としてノード（直線の描き方）について簡単に説明します。

ツールボックスからペンツール（ベジェ曲線/直線を描く）を選択し、始点をクリックした後、別の場所にクリックすることでその間が直線になります。

それを繰り返すことで単純ながら図形を描くことができます。

別の例も示します。

クリックを繰り返し、線を作っていきます

ちなみに、こちらの方法は「ノード」を順に追加して直線にしており、ハンドルは無い状態です。

ノードを編集してハンドルを追加することによって、曲線に変えることが出来ます。

また、ハンドルを削除して直線にすることもできます。

ハンドルを編集して狙い通りの形にしていきましょう。

応用例：テキストをパスに沿わせる方法

おまけとして、テキストをパスに沿わせる方法を紹介します。

この図のようにテキストとベジェ曲線を準備します。

この２つを選択した状態でメニューから

「テキスト」ー＞「テキストをパス上に配置」とすることでテキストをパスに沿わせて配置することができます。

文字の位置を調整するために、文字列の前にスペース（空行）を入れております。

ベジェ曲線に慣れてくるとこういう応用例もありますので、紹介させていただきました。

地図を描くときに通りの名前を入れたりできますね。

よくある質問（FAQ）

Q. ベジェ曲線はどんな用途に向いていますか？

A. イラスト・ロゴ・地図・アイコンなど、なめらかな曲線や複雑な輪郭を描きたい場面に最適です。Inkscape以外のドローソフト（Adobe IllustratorやCanvaなど）でも同じ概念が使われるため、一度覚えると応用が効きます。

Q. ノードの調整が難しくてうまくいきません。コツはありますか？

A. まずはハンドルの向きが曲線の方向、ハンドルの長さが曲がり具合を決めるという感覚を掴むことが重要です。最初は直線で形を描いてから、後でノードをスムーズに変換する方法もおすすめです。

Q. 一度描いた曲線を後から修正できますか？

A. はい、できます。ノードツールを選択してオブジェクトをクリックすると、ノードとハンドルが表示され、自由に位置・形状を調整できます。ノードの追加・削除も可能です。

まとめ

ベジェ曲線は大変便利なツールです。

私の経験上、 Inkscape 以外にもドローツールではよく使うベジェ曲線の描き方ついて少しでも参考になれば嬉しいです。

この機会に是非、使い方を覚えていただければと思います。

参考文献：Inkscapeパーフェクトガイド　（著・水上淳嗣　Windows100%編集部監修）

Inkscapeと相性抜群：おすすめのペンタブレット

ベジェ曲線の描画はマウスでも可能ですが、ペンタブレットを使うと手の動きをそのまま反映でき、ハンドル操作が格段にやりやすくなります。エントリーモデルのWacom Intuos Smallは手頃な価格で試せるためおすすめです。

関連サイト

Learn | Inkscape

Tutorials, how-tos, FAQ, and other important resources to le…

inkscape.org

Inkscape 公式サイトの Learn にいくつかチュートリアルがあります。

英語ですけどためになる内容です。

英語が苦手な方はGoogle翻訳を使いながら見てみるといいでしょう。

また、直線を書く方法について書いてみた記事です。

【2026年最新】Inkscape（インクスケープ）の使い方入門｜直線・図形の描き方を図解で解説

無料ドローソフトInkscapeの使い方を初心者向けに図解で解説。直線・図形の描き方、グリッド・スナップ設定、テキスト追加、PNG・SVG書き出しまで。Illustratorの代わりに使える本格ベクターソフト。

read-nonbiri.com

2026.06.03

他にInkscapeに関する記事を作ってみたので、良かったら御覧ください。

Inkscapeで画像を切り抜く3つの方法｜クリップ・マスク・自動トリミングを図解で解説

Inkscapeで画像を切り抜く方法を3種類（クリップ・マスク・自動トリミング）に分けて図解で解説。難易度・用途別に使い分けられるので、初心者でも手順どおりに進めれば確実にできます。無料ドローソフトInkscapeの切り抜きを完全マスターしましょう。

read-nonbiri.com

2026.05.07

Inkscapeシリーズ関連記事

• 【2026年最新】Inkscape入門｜直線・図形の描き方を図解で解説
• Inkscapeでテキスト・文字入れをする方法｜フォント変更からパスへの変換
• Inkscapeで画像を切り抜く3つの方法｜クリップ・マスク・自動トリミング
• ドローソフトInkscapeの使い方(5) カリグラフィで手書き風デザイン

わたしも以前、イベントのポスターをCanvaで作っていたとき、「会場の地図をどう描けばいいんだ？」と詰まったことがありました。Canvaは便利ですが、直線を何本も自由に引くのは意外と難しい。試しに昔インストールしたまま忘れていたInkscapeを開いてみたら、わずか30分でそれっぽい地図が完成してびっくり。

この記事では、Inkscape未経験の方でもその日から直線・図形を描けるようになる基本操作を、スクリーンショット付きで解説します。グリッドやスナップを使った効率化のコツ、PNGで書き出す方法までカバーしているので、最後まで読めばイベント告知用の地図やシステム図がサクッと作れるようになります。

2026年現在もアクティブに開発が続いており、最新版（1.4系）で安定して使えるソフトです。

Inkscapeで直線・図形を描く基本手順

新規ファイルを起動する

まずは新規でファイル作成します。

デスクトップ画面のアイコンか、スタートメニューからInkscapeを起動してみましょう。

デフォルトで、こんな感じでA4サイズのキャンパス作成されます。

最初にやっておくと便利な設定（グリッド・スナップ）

まず最初にこの設定を行うのがオススメです。

• グリッド表示
• スナップON

この２つを初めに行います。

表示メニューから「ページグリット」のところチェックを入れます（キーボードですと Shift+#）。

これを使うことで縦と横の方向が分かりやすくなりますので、真っ直ぐな線や棒を描くときに便利です。

次にスナップを有効化します。

この画面ですと右上にスナップボタンがあります（少々分かりにくいですね……）

スナップさせることで、カーソルの移動をグリッドに吸着させます。

作図を大雑把にすることができ、　横一直線、縦一直線が書きやすくなります。

キーボードでは「%」ボタンでスナップON/OFFの切り替えができます。

作り方は人それぞれですが、自分の場合は最初に大まかに作っておいてから、微調整は後で細かく行っていく流れです。

1. 最初は拡大しない表示と、スナップONで大雑把に描いてく。
2. 次に細かいところを調整。拡大表示(キーボードだと+)してスナップOFFで調整していきます。

拡大縮小表示は、キーボードの Ctrl ボタンを押しながらマウスのホイールボタンで切り替えできます。

他に、Ctrl ボタンを押しながらキーボードの矢印ボタンで表示移動させれます。

ペンツールで直線・折れ線を描く

こちら、ペンツールを使って描いてます。

こちらのアイコンをクリックしてください。

自分の場合、ほとんどこれを使ってます。

左側メニューからペンツールを選択→左クリックでポイント（ノード）を設定していく→パスが作られていき図形が作成されていきます→線の描画を終了したいときはEnterボタンを押してください。

三角形や四角形といった閉じた図形でもいいですし、単純な直線でもすぐに作れます。

話は変わりますが、これ以外にも左側のツールに「四角形」や「星」や「らせん」もあるので、簡単に描くことができますよ。

こちらは私が適当にやってみた例です。

話を戻します。

線や中身の色を変えることができます。

線や図形にフィルとストロークがあります。ここの色や太さを変更することができます。

メニュー表示の「オブジェクト」から「フィル/ストローク」を押すと設定画面が表示されます。

• フィル：図形の内側
• ストローク：図形の線

フィルやストロークを任意のものに変えていきましょう。

フィルとストロークの塗りスタイルがあるので、こちらも必要に応じて設定してみてください。

簡単には図形(オブジェクト)を選択した状態で、画面下部にある色のところ（グラデーションになっている箇所）をクリックすると、フィルの色を変更することが出来ます。　

一方で、Shiftキーを押しながら色をクリックするとストロークの色を変更することが出来ます。

また、線の種類（太さ、点線、矢印）はストロークのスタイルによって変更します。

この画面例にあるように、ストロークのスタイルで、線種やマーカーを設定します。

これでいうと右の図は矢印を入れたり丸いマーカーを追加したものになります。

線の先を矢印にしたり、途中を●にしたり、設定できますよ。

オブジェクトを選択・編集する

既に作った線や四角形といったオブジェクトを選択する場合、左側メニューの矢印ボタンを押してからオプジェクトを選択していきます。

選択したオブジェクトの大きさを調整したり移動したりします。

選択した状態にして色やストロークを変更したり、変形もできます。

ちなみにひとつ下にあるこのアイコンはもっと細かくポイント（ノードと呼ばれるパスの各点）を選択するときに使います。

ポイントの位置を調整したり、ノードの調整、追加・削除ができます。

細かい位置調整するときに重宝します。

テキスト（文字）を追加する

追加で文字を入れたい場合は、左側メニューのテキスト入力から行ってください。

テキストの色について注意点がありまして、

「ストロークは無色」

に設定するようにしてください。文字が妙に太くなります……

また、星とか円形を入れることでなんとなく地図っぽくなります。

PNG・SVGで保存・書き出す

PNGファイルでエクスポート可能です。

メニューにある「ファイル」→「エキスポート」から可能です。

私の場合、いつも PNG ファイルにしているのですが、背景の色がデフォルトだと透明になっています。

透明のままでもいいのですが、背景を白色にしたいとか、設定を変えたい場合は、エキスポート設定の右下の方に表示されている背景色の設定を変更しましょう。

また、エキスポートの範囲を指定したい場合、必要に応じて「ドキュメント」「選択範囲」あたりを変更してみてください。「選択範囲」は選択したオブジェクトのみエキスポートされるようになります。

パソコンのドキュメントフォルダなどに png ファイルをエキスポートした後に、そのファイルを好きなように使います（みなさんにお馴染みのPNGファイルです）。

例えば Canva にアップロードしてポスターやロゴに追加したり、パワーポイントのスライドに追加して使うことができますよ。

最後に、編集し直すことを考えて svg ファイルを保存しておくことを忘れないようにしてください。

拡張子 svg に馴染みがあまりないため、私の場合は別途、Inkscapeフォルダを作成しそこに保存するようにしています。

おまけ：カリグラフィーで手書き風の線を描く

直線向きではありませんが、マウスで直感的に描く機能（カリグラフィー）があります。

それについてもご興味があればご確認ください。

プリセットの設定でやってみるだけでも楽しいですよ。

ドローソフトInkscapeの使い方(5) カリグラフィで手軽に手書き風デザイン

ドローソフト Inkscapeの使い方(5) カリグラフィで手軽に手書き風デザインの方法や例を書いてみました。なにかの参考になれば嬉しいです。

read-nonbiri.com

2025.11.09

よくある質問（FAQ）

Q. Inkscapeは無料で使えますか？

A. はい、完全無料のオープンソースソフトウェアです。Windows・Mac・Linuxのいずれでも利用できます。商用利用も可能です。

Q. 直線をまっすぐ引くコツはありますか？

A. グリッドとスナップを有効にするのが効果的です。グリッドはShift+#、スナップは%キーで切り替えできます。スナップをONにすると、カーソルがグリッドに吸着して横・縦一直線を引きやすくなります。

Q. 保存するファイル形式は何がおすすめですか？

A. 編集用にはSVGファイルで保存してください。画像として使う場合はPNG書き出しが便利です。SVGは後から修正できるため、必ずセットで保存しておきましょう。

Q. IllustratorのファイルをInkscapeで開けますか？

A. Illustratorのネイティブ形式（.ai）は開けませんが、SVG形式に変換すれば読み込み可能です。Illustratorで「SVG形式で保存」してからInkscapeで開く方法が確実です。

まとめ

フリーソフトの Inkscape（インクスケープ）を使えば、直線・折れ線・図形・テキストを自由に描くことができます。

Illustratorのような高額ソフトは不要で、地図・システム図・ポスター用素材など、さまざまな場面で活躍します。

基本操作さえ覚えれば、すぐに実用的な図が作れます。ぜひ一度試してみてください。

作成例：地図・システム図・ポスターなど

ちなみに私が作ってみた地図を参考例として載せておきます。こういうものが作れるわけなんですね。

関連サイト

Learn | Inkscape

Tutorials, how-tos, FAQ, and other important resources to le…

inkscape.org

公式サイトの Learn にいくつかチュートリアルがあります。

英語ですけどためになる内容です。

英語が苦手な方はGoogle翻訳を使いながら見てみるといいでしょう。

また、ベジェ曲線について記事を作ってみました。

Inkscape ベジェ曲線の描き方｜ノード編集・調整方法を図解で解説

Inkscapeでベジェ曲線を描く方法を初心者向けに図解で解説。ペンツールの基本、ノードの追加・削除・ハンドル調整、テキストをパスに沿わせる応用まで。なめらかな曲線を自在に描けるようになります。

read-nonbiri.com

2026.06.03

他にもInkscapeの使い方について記事を作ったので良かったらご覧ください。

Inkscapeで画像を切り抜く3つの方法｜クリップ・マスク・自動トリミングを図解で解説

Inkscapeで画像を切り抜く方法を3種類（クリップ・マスク・自動トリミング）に分けて図解で解説。難易度・用途別に使い分けられるので、初心者でも手順どおりに進めれば確実にできます。無料ドローソフトInkscapeの切り抜きを完全マスターしましょう。

read-nonbiri.com

2026.05.07

ドローソフトInkscape使い方(4) 中抜き曜日アイコン作成

中抜き曜日アイコンをフリーのドローソフトInkscapeで作る方法例

read-nonbiri.com

2024.05.26

ペンタブがあるとさらに描きやすい

Inkscape関連記事一覧

このシリーズの他の記事も、ぜひあわせてご覧ください。

• Inkscape ベジェ曲線の描き方｜ノード編集・調整方法を図解で解説
• Inkscapeで画像を切り抜く3つの方法｜クリップ・マスク・自動トリミング
• ドローソフトInkscape使い方(4) 中抜き曜日アイコン作成
• ドローソフトInkscapeの使い方(5) カリグラフィで手軽に手書き風デザイン
• Inkscapeでテキスト・文字入れをする方法｜フォント変更からパスへの変換