# フリードローの操作

## **はじめに**

ConMas i-Reporter for Windows のフリードロー機能には、次のような特徴があります。

* ペンだけでズーム＆移動、手袋でも快適操作。
* キーボードなしでも、カンタン文字入力。
* カメラで撮影、写真を貼り付け。
* ペンで描く、消しゴムで消す。
* 画像や図形を貼り付ける。
* 矢印つき文字スタンプ。

{% hint style="warning" %}
フリードロー機能は、Manager 5.1.6255以上でご利用可能です。

5.1.6255未満の環境ではご利用いただけません。
{% endhint %}

## **iOS版i-Reporterと混在した環境でフリードローを使用する場合の注意事項**

iOS版とWindows版のフリードローには、編集データの互換性がありません。

Windows版i-Reporterからサーバー保存したフリードローの編集データを、iOS版i-Reporterで編集する場合、Windows版で編集したフリードローの編集データは一枚の背景画像として扱われます。\
写真やテキストなど、各オブジェクト毎の操作はできなくなります。\
iOS版i-Reporterで編集したフリードローの編集データを、Windows版i-Reporterで編集した場合も同様です。

&#x20;画像化された状態で帳票を保存した場合、再度元のアプリで開いても画像になったままで、オブジェクト別に編集はできません。新たにオブジェクトを追加、編集することはできます。

## **フリードローの起動と終了**

### **フリードローの起動**

<div align="left"><figure><img src="/files/sP2ZHrH7gYhCBBeyf1jL" alt="" width="563"><figcaption></figcaption></figure></div>

### **フリードローの終了**

<div align="left"><figure><img src="/files/bNUCKVCUkKXwADmhuyiL" alt="" width="563"><figcaption></figcaption></figure></div>

## **拡大・縮小する**

**ペンで拡大**

<div align="left"><figure><img src="/files/KKbBglJckWnwzT5jC1Ii" alt="" width="563"><figcaption></figcaption></figure></div>

**指で拡大**

<div align="left"><figure><img src="/files/vrTxR0jyVXuKfXL5tpQW" alt=""><figcaption></figcaption></figure></div>

**位置指定拡大**

<div align="left"><figure><img src="/files/4TuJtE5xeKJ6qzez6Gyx" alt="" width="563"><figcaption></figcaption></figure></div>

**そのほかの拡大**

<div align="left"><figure><img src="/files/QThqy4U2X92uqPAwVoy4" alt="" width="563"><figcaption></figcaption></figure></div>

{% hint style="success" %}
マウスホイールでも拡大できます。
{% endhint %}

## **ペンで描く**

ペンで自由に文字や絵を描けるのが、フリードローの最大の特徴です。\
２種類のペンで描けます。

**標準ペン**

<div align="left"><figure><img src="/files/M8I0LuAY3iY5tc73q6Hl" alt=""><figcaption></figcaption></figure></div>

**透明ペン**

背景画像（※）に使用した場合は不透明になります。\
※画像系クラスターに貼り付けた画像ではなく、帳票定義に背景として取り込まれた画像

<div align="left"><figure><img src="/files/qleguRII7TftEVNqdwZM" alt=""><figcaption></figcaption></figure></div>

**ペンの設定**

<div align="left"><figure><img src="/files/l2ygWi7uXVEAxBlBe6Ah" alt="" width="563"><figcaption></figcaption></figure></div>

## **図形を描く**

**図形オブジェクトの描画**

図形タブを選択します。以下の図形オブジェクトを描画できます。

* 円　　枠のみの円、塗り円
* 四角　　枠のみの四角、塗り四角
* 直線
* 矢印
* 連続直線
* 多角形

<div align="left"><figure><img src="/files/F2uBaM9UFlQXwRd7T24c" alt="" width="563"><figcaption></figcaption></figure></div>

**図形オブジェクトの設定**

背景画像（※）に半透明図形を使用した場合は不透明になります。\
※画像系クラスターに貼り付けた画像ではなく、帳票定義に背景として取り込まれた画像

<div align="left"><figure><img src="/files/7HAkFjKF9ijiR6dhBuGs" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
連続直線や多角形は、クリックで頂点を決め、ダブルクリックで終了します
{% endhint %}

## **画像を貼り付ける**

<img src="/files/qAUcYAii2eXbbb50evn8" alt="" data-size="line">アイコンをクリックします。以下の画像の種類を選択します。

<div align="left"><figure><img src="/files/Rb7bB01pnUEP1wo0gQig" alt="" width="375"><figcaption></figcaption></figure></div>

* **タブレット内蔵カメラでの撮影**\
  フォトを選択します。タブレットの内蔵カメラで撮影した写真を貼り付けできます。

  <div align="left"><figure><img src="/files/m2jmOtgOOFw1Q4xJxDO4" alt=""><figcaption></figcaption></figure></div>

* **ピクチャフォルダからの貼り付け**

* **クリップボードからの貼り付け**

* **PCの画面からスクリーンショット切り取り**

<figure><img src="/files/vHbVhoVSG88tJjBxy06B" alt=""><figcaption></figcaption></figure>

Windows画面取込のメニューは、次の通りです。

<div align="left"><figure><img src="/files/Xi1tjr4UIK20cLazGEtZ" alt=""><figcaption></figcaption></figure></div>

## **文字を書く**

### **テキストを貼付ける**

<div align="left"><figure><img src="/files/hmSIbHX1PZrk2Z03aGS5" alt="" width="563"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/ejDHBtVWQiLJx0UAC2Py" alt="" width="563"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/xu1Pk9F0BrOfsxBgs51N" alt="" width="563"><figcaption></figcaption></figure></div>

**テキストの色やサイズの設定**

<div align="left"><figure><img src="/files/NCFewrj5Kqr2SAymvKGp" alt=""><figcaption></figcaption></figure></div>

### **文字スタンプを貼付ける** <a href="#toc424226926" id="toc424226926"></a>

<div align="left"><figure><img src="/files/wFcLUT1yIO78CuPdR1gD" alt="" width="563"><figcaption></figcaption></figure></div>

**文字スタンプの色やサイズの設定**

<div align="left"><figure><img src="/files/w8zEGuUJXOyi4n7ruFg9" alt=""><figcaption></figcaption></figure></div>

### **文字を変更する** <a href="#toc424226927" id="toc424226927"></a>

文字入力や文字変更は、「文字入力ウィンドウ」を使用します。

<div align="left"><figure><img src="/files/m26pXJ4kfo2HFG3fh05d" alt="" width="563"><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/08VvXqWwQlsGB2PygI4o" alt="" width="563"><figcaption></figcaption></figure></div>

### **文字入力ウインドウを使用して入力する**

文字入力ウインドウから選択リストを使用した入力、記号・日付の入力、履歴を使用する入力が可能です。

#### **選択リスト** リストから文字列を選択し、文字入力します。

<div align="left"><figure><img src="/files/kRKgCkkQRAMED8QmQFtt" alt=""><figcaption></figcaption></figure></div>

【メニュー・エリア】の詳細は、次のとおりです。

<div align="left"><figure><img src="/files/NQu2XjWjvmg2eIbMP1mR" alt=""><figcaption></figcaption></figure></div>

**ユーザー設定リスト**

ユーザー設定リストは、ユーザーが自由に文字を追加できるリストです。

<div align="left"><figure><img src="/files/2vV3cCXsMTiaAHBtrRkH" alt=""><figcaption></figcaption></figure></div>

追加や削除の方法を説明します。

①文字列を追加

<div align="left"><figure><img src="/files/7ZIdNfYaY3h2cXhiup8r" alt=""><figcaption></figcaption></figure></div>

②一部の文字列だけの追加

<div align="left"><figure><img src="/files/QR5R5H4q1wT5GXX5VlX3" alt=""><figcaption></figcaption></figure></div>

③複数行の文字列を追加することも可能です。 １行に表示されますが、貼り付けたときに改行も入ります。

<div align="left"><figure><img src="/files/yQCVUeoiGGLajKDfaCNZ" alt=""><figcaption></figcaption></figure></div>

④削除と移動

<div align="left"><figure><img src="/files/Hb078A5OgKuQJXEOro6M" alt=""><figcaption></figcaption></figure></div>

#### **記号・日付** <a href="#toc424226931" id="toc424226931"></a>

記号や日付を入力します。

<div align="left"><figure><img src="/files/IJ6MTSs9dal8nbKsmW6Y" alt=""><figcaption></figcaption></figure></div>

**記号ファイルの読込**

右側の記号キーは、「記号ファイル」を読み込むことで、自由に変更することができます。

<div align="left"><figure><img src="/files/soZGLuZMljUn1XGtOtNA" alt=""><figcaption></figcaption></figure></div>

<img src="/files/kMVZ7zsvABqgA2ZmMI2j" alt="" data-size="original">起動時の記号に戻る。![](/files/eOXdo2SeuUkn5DhjOPEq)諸記事のフォルダを選択。![](/files/v5gSnaTjRXWLilFq5CVb)フォルダを開く。

**記号ファイルの作成**

下記のような、ＴＡＢ区切りのＴＸＴファイルを用意します。\
最初の行は、文字サイズ、ボタンの幅と高さ、ボタンとボタンとの間隔を設定します。

<div align="left"><figure><img src="/files/c9ct7isvNcnVcw0KwQgC" alt=""><figcaption></figcaption></figure></div>

特殊文字 「@sp」は続く数値の分だけ横に空白が空きます。 「@lsp」は縦の幅を空けます。

<div align="left"><figure><img src="/files/dkHoz0Dq96w8p4N5hGhU" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/p2uV24gIqGro65dpzmX7" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/pX7jimLNOBG3P07qXJfu" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
半角は１バイト、全角は２バイトで計算されます。
{% endhint %}

#### **履歴・設定** <a href="#toc424226932" id="toc424226932"></a>

過去に入力した内容を再度入力できます。

<div align="left"><figure><img src="/files/aoTkZmPHGdyqvHijCUj1" alt=""><figcaption></figcaption></figure></div>

### **文字のサイズや色を変更する** <a href="#toc424226933" id="toc424226933"></a>

**文字モーション （サイズ、文字間隔、行間隔を変更）**

左下、右下の●セレクタをつかみドラッグすると、文字サイズの拡大・縮小ができます。

<div align="left"><figure><img src="/files/zNPjqGwRtKeBCwxSRkng" alt=""><figcaption></figcaption></figure></div>

左中、右中の■セレクタをつかみドラッグすると、文字間隔の変更ができます。

<div align="left"><figure><img src="/files/RxR8VZ3yVC1cGBdgUcYF" alt=""><figcaption></figcaption></figure></div>

中下の■セレクタをつかみドラッグすると、行間隔の変更ができます。

<div align="left"><figure><img src="/files/3JWjiPoHnAIpQ4z9yTDj" alt=""><figcaption></figcaption></figure></div>

**「属性」ボタンで変更する**

文字色や背景色、矢印の種類などを変更する場合

<div align="left"><figure><img src="/files/cu6zZWqChEC6LywJS0rh" alt=""><figcaption></figcaption></figure></div>

**付箋にする、固定する**

<div align="left"><figure><img src="/files/60Tz2IpNs3Za47QDtb4g" alt=""><figcaption></figcaption></figure></div>

### **文字スタンプを作成・編集する** <a href="#toc424227244" id="toc424227244"></a>

**「編集」ボタンで編集する**

<div align="left"><figure><img src="/files/sJdUBkSjTWjxV6AwVa5g" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/4GekuOkDQQuefpEW1Nki" alt=""><figcaption></figcaption></figure></div>

**Excelやエディタで作成する。**

次のようなファイルを作成すれば、文字列リストとして使用できます。

<div align="left"><figure><img src="/files/1u28dLrVEHLYFiz5J4IB" alt=""><figcaption></figcaption></figure></div>

サンプルが、【ドキュメント】フォルダ下の「FreeDraw¥Stamp」フォルダにコピーされていますので、その他のファイル形式を確認ください。 （１列、２列、TAB区切りtxtなど）

<div align="left"><figure><img src="/files/srIuWOwNluyAs8QcIEHX" alt=""><figcaption></figcaption></figure></div>

## **オブジェクトの選択、移動、拡大・縮小**

ペンで描いた線、図形、画像、文字列（※後述）を、「オブジェクト」と呼びます。\
これらオブジェクトを選択し、移動や拡大・縮小することができます。

<div align="left"><figure><img src="/files/7QHLOMKTTm4n2pAcoHMx" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/FazuNIfuSedQR2T7CKR5" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
ペンで描いた線、図形、文字列も、同じように移動や拡大・縮小できます。
{% endhint %}

**複数オブジェクトの選択**

オブジェクトは、複数まとめて選択できます。

<div align="left"><figure><img src="/files/knY5N6Yo6eWxUQUT3d3r" alt=""><figcaption></figcaption></figure></div>

{% hint style="success" %}
オブジェクト④ セレクタ以外を ドラッグすると、 移動します。 選択状態で、「Del」キーを押すと削除できます。
{% endhint %}

**オブジェクトのコピー、カット、ペースト**

選択したオブジェクトをコピー、カット、ペースト（貼付）できます。

<div align="left"><figure><img src="/files/EJcv7HwWtAuQS02YYVtK" alt=""><figcaption></figcaption></figure></div>

<div align="left"><figure><img src="/files/jstv3qqY1MwcXZdphDy1" alt="" width="563"><figcaption></figcaption></figure></div>

**オブジェクトを消す**

<div align="left"><figure><img src="/files/jTd6bnLyJiWuGj4xEaL8" alt=""><figcaption></figcaption></figure></div>

**元に戻す**

<div align="left"><figure><img src="/files/5bYWf7QRqMqnjAh1OMx0" alt=""><figcaption></figcaption></figure></div>


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://manuals.i-reporter.jp/basicoperation/win-app-basicoperation/win-freedraw-operation.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
