docs/build/html/ringnotepad.html

   1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   2   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
   3
   4
   5 <html xmlns="http://www.w3.org/1999/xhtml">
   6   <head>
   7     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   8
   9     <title>Ring ノートパッドの用法 &mdash; プログラミング言語 Ring 1.12 取扱説明書</title>
  10
  11     <link rel="stylesheet" href="_static/bootstrap-astropy.css" type="text/css" />
  12     <link rel="stylesheet" href="_static/pygments.css" type="text/css" />
  13
  14     <script type="text/javascript">
  15       var DOCUMENTATION_OPTIONS = {
  16         URL_ROOT:    './',
  17         VERSION:     '1.12',
  18         COLLAPSE_INDEX: false,
  19         FILE_SUFFIX: '.html',
  20         HAS_SOURCE:  true
  21       };
  22     </script>
  23     <script type="text/javascript" src="_static/jquery.js"></script>
  24     <script type="text/javascript" src="_static/underscore.js"></script>
  25     <script type="text/javascript" src="_static/doctools.js"></script>
  26     <script type="text/javascript" src="_static/translations.js"></script>
  27     <link rel="top" title="プログラミング言語 Ring 1.12 取扱説明書" href="index.html" />
  28     <link rel="next" title="テキストエディタの設定" href="codeeditors.html" />
  29     <link rel="prev" title="入門 - 第三形式" href="getting_started3.html" />
  30     <link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,600' rel='stylesheet' type='text/css'/>
  31
  32   </head>
  33   <body role="document">
  34 <div class="topbar">
  35   <a class="brand" title="Documentation Home" href="index.html"><span id="logotext1">&#x1f369;Ring</span><span id="logotext2"> 1.12</span><span id="logotext3">:docs</span></a>
  36   <ul>
  37
  38     <li><a href="http://ring-lang.sourceforge.net/news.html">News</a></li>
  39     <li><a href="http://ring-lang.sourceforge.net/download.html">Download</a></li>
  40     <li><a href="https://groups.google.com/forum/#!forum/ring-lang">Get Help</a></li>
  41     <li><a href="https://github.com/ring-lang/ring">Contribute</a></li>
  42     <li><a href="http://ring-lang.sourceforge.net/resources.html">Resources</a></li>
  43     <li><a href="http://ring-lang.sourceforge.net/team.html">Team</a></li>
  44
  45     <li><a title="Ring Homepage" href="http://ring-lang.net/">Website</a></li>
  46     <li><a title="総合索引" href="genindex.html">Index</a></li>
  47     <li>
  48
  49
  50 <form action="search.html" method="get">
  51   <input type="text" name="q" placeholder="Search" />
  52   <input type="hidden" name="check_keywords" value="yes" />
  53   <input type="hidden" name="area" value="default" />
  54 </form>
  55
  56     </li>
  57   </ul>
  58 </div>
  59
  60 <div class="related">
  61     <h3>ナビゲーション</h3>
  62     <ul>
  63       <li class="right">
  64         <a href="codeeditors.html" title="テキストエディタの設定">
  65           next &raquo;
  66         </a>
  67       </li>
  68       <li class="right">
  69         <a href="getting_started3.html" title="入門 - 第三形式">
  70           &laquo; previous
  71         </a>
  72          |
  73       </li>
  74       <li>
  75         <a href="index.html">プログラミング言語 Ring 1.12 取扱説明書</a>
  76          &raquo;
  77       </li>
  78
  79       <li>Ring ノートパッドの用法</li>
  80     </ul>
  81 </div>
  82
  83
  84     <div class="document">
  85       <div class="documentwrapper">
  86         <div class="bodywrapper">
  87           <div class="body" role="main">
  88
  89   <div class="section" id="ring">
  90 <span id="index-0"></span><h1>Ring ノートパッドの用法<a class="headerlink" href="#ring" title="このヘッドラインへのパーマリンク">¶</a></h1>
  91 <p>この章では Ring ノートパッドの用法、および Ring プログラムの作成と実行方法を学びます。</p>
  92 <p>Ring ノートパッドは Ring で作成された Ring 用の簡易統合開発環境アプリケーションです。</p>
  93 <div class="section" id="index-1">
  94 <span id="id1"></span><h2>Ring ノートパッド - メインウィンドウ<a class="headerlink" href="#index-1" title="このヘッドラインへのパーマリンク">¶</a></h2>
  95 <p>Ring ノートパッドの実行後に着脱可能なウィンドウが表示されます。</p>
  96 <img alt="Ring ノートパッドの用法" src="_images/urn_shot1.png" />
  97 <p>ウィンドウの機能と用途:</p>
  98 <table border="1" class="docutils">
  99 <colgroup>
 100 <col width="20%" />
 101 <col width="80%" />
 102 </colgroup>
 103 <thead valign="bottom">
 104 <tr class="row-odd"><th class="head">名称</th>
 105 <th class="head">説明</th>
 106 </tr>
 107 </thead>
 108 <tbody valign="top">
 109 <tr class="row-even"><td>プロジェクトファイル</td>
 110 <td>Ring ファイル (*.ring) を選択して開くことができます。</td>
 111 </tr>
 112 <tr class="row-odd"><td>ソースコード</td>
 113 <td>ソースコードを記述する場所です。</td>
 114 </tr>
 115 <tr class="row-even"><td>フォームデザイナー</td>
 116 <td>フォームデザイナーでは GUI アプリケーションのフォームを作成します。</td>
 117 </tr>
 118 <tr class="row-odd"><td>ウェブブラウザ</td>
 119 <td>取扱説明書を読む、またはウェブサイトを開くことができます。</td>
 120 </tr>
 121 <tr class="row-even"><td>実行結果</td>
 122 <td>標準出力への表示を行うプログラムを実行すると結果が出力されます。</td>
 123 </tr>
 124 <tr class="row-odd"><td>関数</td>
 125 <td>現在のソースにおける関数のリストです。</td>
 126 </tr>
 127 <tr class="row-even"><td>クラス</td>
 128 <td>現在のソースにおけるクラスのリストです。</td>
 129 </tr>
 130 </tbody>
 131 </table>
 132 </div>
 133 <div class="section" id="index-2">
 134 <span id="id2"></span><h2>コンソールアプリケーションの作成と実行<a class="headerlink" href="#index-2" title="このヘッドラインへのパーマリンク">¶</a></h2>
 135 <p>ソースコードを入力します。</p>
 136 <div class="highlight-ring"><div class="highlight"><pre><span class="k">See</span> <span class="s">&quot;Hello, World!&quot;</span>
 137 </pre></div>
 138 </div>
 139 <p>この画像の通りにします。</p>
 140 <img alt="Ring ノートパッドの用法" src="_images/urn_shot2.png" />
 141 <p>ツールバーの保存ボタンをクリックします (または CTRL+S を押します)。</p>
 142 <img alt="Ring ノートパッドの用法" src="_images/urn_shot3.png" />
 143 <p>ソースコード名と保存場所を指定します。</p>
 144 <p>例えば、このように入力します : hello</p>
 145 <p>新しいソースコードファイルを作成します : hello.ring</p>
 146 <img alt="Ring ノートパッドの用法" src="_images/urn_shot4.png" />
 147 <p>プログラムを実行するには、ツールバーの“デバッグ - 実行後に待機”ボタンをクリックします。</p>
 148 <img alt="Ring ノートパッドの用法" src="_images/urn_shot5.png" />
 149 <p>このスクリーンショットでは、実行中のアプリケーションを表示しています。</p>
 150 <p>Ring ノートパッドへ戻って作業を続行するには Enter キーを押します。</p>
 151 <img alt="Ring ノートパッドの用法" src="_images/urn_shot6.png" />
 152 </div>
 153 <div class="section" id="gui">
 154 <span id="index-3"></span><h2>GUI / モバイル・アプリケーションの作成と実行<a class="headerlink" href="#gui" title="このヘッドラインへのパーマリンク">¶</a></h2>
 155 <p>Ring による GUI アプリケーションの作成方法は“RingQt を使用したデスクトップとモバイルの開発”の章を参照してください。</p>
 156 <p>ソースコード:</p>
 157 <div class="highlight-ring"><div class="highlight"><pre><span class="k">Load</span> <span class="s">&quot;guilib.ring&quot;</span>
 158
 159 <span class="k">New</span> <span class="n">qApp</span> <span class="p">{</span>
 160         <span class="k">new</span> <span class="n">qWidget</span><span class="p">()</span> <span class="p">{</span>
 161                 <span class="n">resize</span><span class="p">(</span><span class="mi">400</span><span class="p">,</span><span class="mi">400</span><span class="p">)</span>
 162                 <span class="n">setWindowTitle</span><span class="p">(</span><span class="s">&quot;Hello, World!&quot;</span><span class="p">)</span>
 163                 <span class="n">show</span><span class="p">()</span>
 164         <span class="p">}</span>
 165         <span class="n">exec</span><span class="p">()</span>
 166 <span class="p">}</span>
 167 </pre></div>
 168 </div>
 169 <p>Ring ノートパッドには、コンソールウィンドウの表示を行わずに GUI アプリケーションを実行するための特別なボタンがあります。</p>
 170 <img alt="Ring ノートパッドの用法" src="_images/urn_shot7.png" />
 171 <p>このスクリーンショットでは、実行中のアプリケーションを表示しています。</p>
 172 <img alt="Ring ノートパッドの用法" src="_images/urn_shot8.png" />
 173 </div>
 174 <div class="section" id="index-4">
 175 <span id="id3"></span><h2>ウェブアプリケーションの作成と実行<a class="headerlink" href="#index-4" title="このヘッドラインへのパーマリンク">¶</a></h2>
 176 <p>ウェブサーバーでの Ring 対応方法、そして Ring でウェブアプリケーションを作成する方法については “ウェブ開発 (CGI ライブラリ)” の章を参照してください。</p>
 177 <div class="admonition note">
 178 <p class="first admonition-title">注釈</p>
 179 <p class="last">この用例を実行するには、ウェブサーバーで Ring に対応する必要があります。</p>
 180 </div>
 181 <p>ソースコード:</p>
 182 <div class="highlight-ring"><div class="highlight"><pre><span class="c">#!ring.exe -cgi</span>
 183
 184 <span class="k">load</span> <span class="s">&quot;weblib.ring&quot;</span>
 185
 186 <span class="k">Import</span> <span class="n">System</span><span class="p">.</span><span class="n">Web</span>
 187
 188 <span class="k">new</span> <span class="n">page</span> <span class="p">{</span>
 189
 190         <span class="n">text</span><span class="p">(</span><span class="s">&quot;Hello, World!&quot;</span><span class="p">)</span>
 191
 192 <span class="p">}</span>
 193 </pre></div>
 194 </div>
 195 <p>Ring ノートパッド内蔵のブラウザ、または外部ウェブブラウザでアプリケーションを実行できます。</p>
 196 <img alt="Ring ノートパッドの用法" src="_images/urn_shot9.png" />
 197 <p>Ring には Apache ウェブサーバー (Windows 版) が添付されています！</p>
 198 <p>設定は一切不要で指定フォルダからウェブアプリケーションを実行できます。</p>
 199 <img alt="Ring ノートパッド - ウェブアプリケーションの実行 - スクリーンショット 1" src="_images/runwebapp1.png" />
 200 </div>
 201 <div class="section" id="index-5">
 202 <span id="id4"></span><h2>デスクトップとモバイルゲームの作成と実行<a class="headerlink" href="#index-5" title="このヘッドラインへのパーマリンク">¶</a></h2>
 203 <p>Ring で 2D ゲームを作成する方法は“デモプロジェクト - 2D ゲームエンジン”の章を参照してください。</p>
 204 <p>ソースコード:</p>
 205 <div class="highlight-ring"><div class="highlight"><pre><span class="k">Load</span> <span class="s">&quot;gameengine.ring&quot;</span>
 206
 207 <span class="k">func</span> <span class="n">main</span>
 208
 209         <span class="n">oGame</span> <span class="o">=</span> <span class="k">New</span> <span class="n">Game</span>
 210         <span class="p">{</span>
 211                 <span class="n">title</span> <span class="o">=</span> <span class="s">&quot;My First Game&quot;</span>
 212                 <span class="n">sprite</span>
 213                 <span class="p">{</span>
 214                         <span class="n">type</span> <span class="o">=</span> <span class="n">GE_TYPE_PLAYER</span>
 215                         <span class="n">x</span><span class="o">=</span><span class="mi">400</span> <span class="n">y</span><span class="o">=</span><span class="mi">400</span> <span class="n">width</span><span class="o">=</span><span class="mi">100</span> <span class="n">height</span><span class="o">=</span><span class="mi">100</span>
 216                         <span class="n">file</span> <span class="o">=</span> <span class="s">&quot;images/player.png&quot;</span>
 217                         <span class="n">transparent</span> <span class="o">=</span> <span class="kp">true</span>
 218                         <span class="n">Animate</span><span class="o">=</span><span class="kp">false</span>
 219                         <span class="n">Move</span><span class="o">=</span><span class="kp">true</span>
 220                         <span class="n">Scaled</span><span class="o">=</span><span class="kp">true</span>
 221                 <span class="p">}</span>
 222         <span class="p">}</span>
 223 </pre></div>
 224 </div>
 225 <p>アプリケーションは GUI アプリケーションとして実行できます。</p>
 226 <img alt="Ring ノートパッドの用法" src="_images/urn_shot10.png" />
 227 </div>
 228 <div class="section" id="index-6">
 229 <span id="id5"></span><h2>プロジェクトのメインファイル<a class="headerlink" href="#index-6" title="このヘッドラインへのパーマリンク">¶</a></h2>
 230 <p>メインファイルツールバーの考えは、プロジェクトに複数のソースコードのファイルがある場合にプロジェクトのメインファイルを決定することです。</p>
 231 <p>この機能を使うとプロジェクトでほかのファイルを開いているときに、プロジェクトを実行するためにメインファイルを切り替えることなくプロジェクトを実行できます。</p>
 232 <p>この機能を使うには、プロジェクトのメインファイルを開きます。</p>
 233 <p>現在のソースコードファイルをメインファイルとして設定するには Ctrl+Shift+M を押してください。</p>
 234 <p>プロジェクトで別のソースコードファイルを開いて修正します。</p>
 235 <p>プロジェクト (メインファイル) を実行したいときは Ctrl+Shift+F5 (GUI) または Ctrl+Shift+D (コンソール) を押してください。</p>
 236 <p>スクリーンショット:</p>
 237 <img alt="Ring ノートパッド" src="_images/urn_shot11.png" />
 238 <img alt="Ring ノートパッド" src="_images/urn_shot12.png" />
 239 </div>
 240 <div class="section" id="index-7">
 241 <span id="id6"></span><h2>ファイルメニュー<a class="headerlink" href="#index-7" title="このヘッドラインへのパーマリンク">¶</a></h2>
 242 <p>このメニューからソースコードの新規作成、開く、保存ができます。</p>
 243 <p>このメニューには“PDF へ出力”もあります。</p>
 244 <img alt="Ring ノートパッド - ファイルメニュー" src="_images/rnotemenu_file.png" />
 245 </div>
 246 <div class="section" id="index-8">
 247 <span id="id7"></span><h2>編集メニュー<a class="headerlink" href="#index-8" title="このヘッドラインへのパーマリンク">¶</a></h2>
 248 <p>編集メニューからテキストの切り取り、コピーと貼り付けます。</p>
 249 <p>フォントと配色の変更もできます。</p>
 250 <p>指定行へ移動、または検索と置換ウィンドウを使うことでテキストの検索と置換ができます。</p>
 251 <p>さらに、タブ幅も設定できます (スペースの文字数)</p>
 252 <p>Ring 1.8 からファイルの検索オプションがあります。</p>
 253 <p>Ring 1.11 からテキストの挿入、小文字へ変換、大文字へ変換、および単語の一文字目を大文字へ変換のオプションがあります。</p>
 254 <img alt="Ring ノートパッド - 編集メニュー" src="_images/rnotemenu_edit.png" />
 255 </div>
 256 <div class="section" id="index-9">
 257 <span id="id8"></span><h2>表示メニュー<a class="headerlink" href="#index-9" title="このヘッドラインへのパーマリンク">¶</a></h2>
 258 <p>このメニューから着脱可能なウィンドウの表示、または非表示にできます。</p>
 259 <p>また、 Ring ノートパッドのスタイルを変更できます。</p>
 260 <p>通常のスタイルは「フュージョン : 白」と「フュージョン : 黒」です。</p>
 261 <img alt="Ring ノートパッド - 表示メニュー" src="_images/rnotemenu_view.png" />
 262 <p>さらにコンテキストにより着脱可能なウィンドウのグループを表示、または非表示にできます。</p>
 263 <img alt="Ring ノートパッド - 表示メニュー - モード の設定" src="_images/rnotemenu_mode.png" />
 264 </div>
 265 <div class="section" id="index-10">
 266 <span id="id9"></span><h2>プログラムメニュー<a class="headerlink" href="#index-10" title="このヘッドラインへのパーマリンク">¶</a></h2>
 267 <p>このメニューからプログラムを実行します。</p>
 268 <p>また、メインファイルをプロジェクトに設定できます。</p>
 269 <img alt="Ring ノートパッド - プログラムメニュー" src="_images/rnotemenu_program.png" />
 270 </div>
 271 <div class="section" id="index-11">
 272 <span id="id10"></span><h2>ブラウザメニュー<a class="headerlink" href="#index-11" title="このヘッドラインへのパーマリンク">¶</a></h2>
 273 <p>このメニューからウェブサイトのリンクをブラウザで開きます。</p>
 274 <img alt="Ring ノートパッド - ブラウザメニュー" src="_images/rnotemenu_browser.png" />
 275 </div>
 276 <div class="section" id="index-12">
 277 <span id="id11"></span><h2>ツールメニュー<a class="headerlink" href="#index-12" title="このヘッドラインへのパーマリンク">¶</a></h2>
 278 <p>このメニューからフォームデザイナーを別のウィンドウで実行します。</p>
 279 <p>また REPL (Read-Eval-Print-Loop : 読み取り、評価、出力、繰り返し) を実行できます。</p>
 280 <img alt="Ring ノートパッド - ツールメニュー" src="_images/rnotemenu_tools.png" />
 281 </div>
 282 <div class="section" id="index-13">
 283 <span id="id12"></span><h2>配布メニュー<a class="headerlink" href="#index-13" title="このヘッドラインへのパーマリンク">¶</a></h2>
 284 <p>このメニューからアプリケーションの実行可能ファイルをビルドします。</p>
 285 <p>またアプリケーションの配布準備を行うこともできます。</p>
 286 <img alt="Ring ノートパッド - 配布メニュー" src="_images/rnotedistributemenu.png" />
 287 </div>
 288 <div class="section" id="index-14">
 289 <span id="id13"></span><h2>ヘルプメニュー<a class="headerlink" href="#index-14" title="このヘッドラインへのパーマリンク">¶</a></h2>
 290 <p>このメニューからヘルプファイルを閲覧できます。 (CHM と PDF 形式)</p>
 291 <img alt="Ring ノートパッド - ヘルプメニュー" src="_images/rnotemenu_help.png" />
 292 </div>
 293 </div>
 294
 295
 296           </div>
 297         </div>
 298       </div>
 299       <div class="sphinxsidebar" role="navigation" aria-label="main navigation">
 300         <div class="sphinxsidebarwrapper"><h3>ページの内容</h3>
 301 <ul>
 302 <li><a class="reference internal" href="#">Ring ノートパッドの用法</a><ul>
 303 <li><a class="reference internal" href="#index-1">Ring ノートパッド - メインウィンドウ</a></li>
 304 <li><a class="reference internal" href="#index-2">コンソールアプリケーションの作成と実行</a></li>
 305 <li><a class="reference internal" href="#gui">GUI / モバイル・アプリケーションの作成と実行</a></li>
 306 <li><a class="reference internal" href="#index-4">ウェブアプリケーションの作成と実行</a></li>
 307 <li><a class="reference internal" href="#index-5">デスクトップとモバイルゲームの作成と実行</a></li>
 308 <li><a class="reference internal" href="#index-6">プロジェクトのメインファイル</a></li>
 309 <li><a class="reference internal" href="#index-7">ファイルメニュー</a></li>
 310 <li><a class="reference internal" href="#index-8">編集メニュー</a></li>
 311 <li><a class="reference internal" href="#index-9">表示メニュー</a></li>
 312 <li><a class="reference internal" href="#index-10">プログラムメニュー</a></li>
 313 <li><a class="reference internal" href="#index-11">ブラウザメニュー</a></li>
 314 <li><a class="reference internal" href="#index-12">ツールメニュー</a></li>
 315 <li><a class="reference internal" href="#index-13">配布メニュー</a></li>
 316 <li><a class="reference internal" href="#index-14">ヘルプメニュー</a></li>
 317 </ul>
 318 </li>
 319 </ul>
 320
 321
 322   <h4>前のトピックへ</h4>
 323   <p class="topless"><a href="getting_started3.html"
 324                         title="前の章へ">入門 - 第三形式</a></p>
 325   <h4>次のトピックへ</h4>
 326   <p class="topless"><a href="codeeditors.html"
 327                         title="次の章へ">テキストエディタの設定</a></p>
 328   <div role="note" aria-label="source link">
 329     <h3>このページ</h3>
 330     <ul class="this-page-menu">
 331       <li><a href="_sources/ringnotepad.txt"
 332             rel="nofollow">ソースコードを表示</a></li>
 333     </ul>
 334    </div>
 335
 336 <form action="search.html" method="get">
 337   <input type="text" name="q" placeholder="Search" />
 338   <input type="hidden" name="check_keywords" value="yes" />
 339   <input type="hidden" name="area" value="default" />
 340 </form>
 341
 342         </div>
 343       </div>
 344       <div class="clearer"></div>
 345     </div>
 346 <footer class="footer">
 347   <p class="pull-right">
 348     <a href="_sources/ringnotepad.txt"
 349        rel="nofollow">Page Source</a> &nbsp;
 350     <a href="#">Back to Top</a></p>
 351   <p>
 352     &copy; Copyright 2016-2020, Ring Team.<br/>
 353     Created using <a href="http://www.sphinx-doc.org/en/stable/">Sphinx</a> 1.3.6. / astropy-sphinx-theme 1.1 (isVowel)
 354   </p>
 355 </footer>
 356   </body>
 357 </html>