root/platform/firefox/vimperator-localized-ja/locale/ja/tutorial.html @ 14273

Revision 14273, 17.3 kB (checked in by teramako, 7 years ago)

1.2preに追従途中

Line 
1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
2    "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
3<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
4<head>
5<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
6<meta name="generator" content="AsciiDoc 8.2.6" />
7<link rel="stylesheet" href="./xhtml11.css" type="text/css" />
8<link rel="stylesheet" href="./xhtml11-quirks.css" type="text/css" />
9<title></title>
10</head>
11<body>
12<div id="header">
13</div>
14<div class="para"><p><center><span class="image">
15<img src="chrome://vimperator/content/vimperator.png" alt="Vimperator" title="Vimperator" />
16</span></center></p></div>
17<div class="para"><p><center>
18<strong>This is a quickstart tutorial to help get new users up and running in
19Vimperator.</strong>
20</center></p></div>
21<div class="para"><p><table style="border-bottom: 1px solid silver; width: 100%">
22<tr width="100%"><td width="50%"><h2>Quick-Start&#160;Tutorial</h2></td><td width="50%">
23
24
25 <a id="tutorial"/><span class="tag">tutorial</span>
26</td></tr>
27</table></p></div>
28<div class="para"><p>If you've started using Vimperator from scratch (i.e., without any
29customization), you should be looking at this help page in a relatively
30bare-looking window.  The menubar, navigation bar, and bookmark bars are
31hidden.  In case you missed the notice in the <a href="chrome://vimperator/locale/intro.html">Introduction</a>,
32you can regain these by issuing the command</p></div>
33<div class="literalblock">
34<div class="content">
35<pre><tt>[c]:set go+=mTb&lt;cr&gt;[c]</tt></pre>
36</div></div>
37<div class="para"><p>where <span class="mapping">cr</span> represents pressing the &lt;Enter&gt; or &lt;Return&gt; key.
38If you're a veteran Vim user, this may look familiar.  It should.</p></div>
39<div class="para"><p>However, in this author's opinion, the best way to get familiar with
40Vimperator is to leave these disabled for now. (The above action can be
41reversed with <span class="command">:set go=&lt;cr&gt;</span>)  You can look at the entry for
42<span class="option">guioptions</span> in <a href="chrome://vimperator/locale/options.html">options</a> for more information on this.</p></div>
43<div class="para"><p><table style="border-bottom: 1px solid silver; width: 100%">
44<tr width="100%"><td width="50%"><h2>Vimperator's&#160;Modal&#160;Interface</h2></td><td width="50%">
45
46
47 <a id="modal"/><span class="tag">modal</span>
48</td></tr>
49</table></p></div>
50<div class="para"><p>Vimperator's power, like Vim's, comes from it's modal interface.  Keys have
51different meanings depending on which mode the browser is in.  Vimperator has
52several modes, but the 2 most important are &#8220;normal&#8221; mode and
53&#8220;command-line&#8221; mode.</p></div>
54<div class="para"><p>When Vimperator starts, it is in normal mode by default.  This is probably
55where you will spend the majority of your time.</p></div>
56<div class="para"><p>The other core mode of Vimperator, command-line mode, can be entered from
57normal mode by typing a <span class="option">':'</span> (colon).  You will frequently see Vimperator
58commands start with a <span class="option">':'</span>, indicating that what follows is a command.</p></div>
59<div class="para"><p>To return to normal mode command-line mode, type <span class="mapping">&lt;Esc&gt;</span>.  Pressing
60<span class="mapping">&lt;Esc&gt;</span> will also return you to normal mode from most other modes in
61Vimperator.</p></div>
62<div class="para"><p><table style="border-bottom: 1px solid silver; width: 100%">
63<tr width="100%"><td width="50%"><h2>Getting&#160;Help</h2></td><td width="50%">
64
65
66 <a id="getting_help"/><span class="tag">getting_help</span>
67</td></tr>
68</table></p></div>
69<div class="para"><p>Vim is a great editor but it's not much of a web browser.  So even seasoned
70Vim users will probably have to look at Vimperator documentation sooner or
71later.  Most of the documentation for Vimperator's features are easily found
72using the <span class="command">:help</span> command.  For example, you can find help on the
73<span class="command">:help</span> command by typing</p></div>
74<div class="literalblock">
75<div class="content">
76<pre><tt>[c]:help :help&lt;cr&gt;[c]</tt></pre>
77</div></div>
78<div class="para"><p>Similarly, help on configurable options is available with <span class="command">:help
79<span class="option">'<span class="argument">&#123;option_name&#125;</span>'</span></span>. (Note the single quotes around the option name as in Vim.)
80Information on all available options is, predictably, <span class="command">:help options</span>.</p></div>
81<div class="para"><p>and you can find out about the <span class="mapping">gt</span> and <span class="mapping">gT</span> mapping with</p></div>
82<div class="literalblock">
83<div class="content">
84<pre><tt>[c]:help gt&lt;cr&gt;[c]
85[c]:help gT&lt;cr&gt;[c]</tt></pre>
86</div></div>
87<div class="para"><p>Finally, in addition to the help system itself, <span class="command">:exusage</span> and
88<span class="command">:viusage</span> are useful quick-reference commands.</p></div>
89<div class="para"><p><table style="border-bottom: 1px solid silver; width: 100%">
90<tr width="100%"><td width="50%"><h2>Mouseless</h2></td><td width="50%">
91
92
93 <a id="living_mouseless"/><span class="tag">living_mouseless</span>
94</td></tr>
95</table></p></div>
96<div class="para"><p><strong>&#8212; or how I learned to stop worrying and love the 80+ buttons I already have.</strong></p></div>
97<div class="para"><p>The efficiency of Vimperator, as with the legendary editor it was inspired by,
98relies on the user being able to keep his fingers on the keyboard where they
99can do the most good.  While there are some areas where the mouse is clearly
100superior at, such as GUI design or some games, Vimperator acts on the
101assumption that the web browser doesn't have to be one of those.</p></div>
102<div class="para"><p>Here are some areas where the mouse is typically considered indisposable, and
103how Vimperator challenges this preconception.</p></div>
104<div class="para"><p><table style="border-bottom: 1px solid silver; width: 100%">
105<tr width="100%"><td width="50%"><h2>Scrolling</h2></td><td width="50%">
106
107
108 <a id="keyboard_scrolling"/><span class="tag">keyboard_scrolling</span>
109</td></tr>
110</table></p></div>
111<div class="para"><p>Scrolling the browser window is done with simple keystrokes:</p></div>
112<div class="ilist"><ul>
113<li>
114<p>
115<span class="mapping">j</span>/<span class="mapping">k</span> &#8212;
116    scroll window down/up by one line, respectively
117</p>
118</li>
119<li>
120<p>
121<span class="mapping">h</span>/<span class="mapping">l</span> &#8212;
122    scroll window left/right
123</p>
124</li>
125<li>
126<p>
127<span class="mapping">&lt;Space&gt;</span>/<span class="mapping">&lt;C-b&gt;</span> &#8212;
128    scroll down/up by one page
129</p>
130</li>
131<li>
132<p>
133<span class="mapping">&lt;C-d&gt;</span>/<span class="mapping">&lt;C-u&gt;</span> &#8212;
134    scroll down/up by 1/2 page
135</p>
136</li>
137</ul></div>
138<div class="para"><p>Your standard buttons (<span class="mapping">&lt;Up&gt;</span>/<span class="mapping">&lt;Down&gt;</span>/<span class="mapping">&lt;PgUp&gt;</span>/<span class="mapping">&lt;PgDn&gt;</span>) will
139also work as expected.</p></div>
140<div class="para"><p><table style="border-bottom: 1px solid silver; width: 100%">
141<tr width="100%"><td width="50%"><h2>History&#160;and&#160;Tabs</h2></td><td width="50%">
142
143 <a id="tab_navigation"/><span class="tag">tab_navigation</span>
144 <a id="history_navigation"/><span class="tag">history_navigation</span>
145</td></tr>
146</table></p></div>
147<div class="para"><p>History navigation (e.g., &#8220;Back&#8221;, &#8220;Forward&#8221;) are done similarly to
148scrolling.</p></div>
149<div class="ilist"><ul>
150<li>
151<p>
152<span class="mapping">&lt;C-o&gt;</span>/<span class="mapping">&lt;C-i&gt;</span> &#8212;
153    move Back/Forward in the current window/tab's history, respectively
154</p>
155</li>
156</ul></div>
157<div class="para"><p>Move between tabs using these keystrokes which may also be familiar to tabbing
158Vimmers.</p></div>
159<div class="ilist"><ul>
160<li>
161<p>
162<span class="mapping">gt</span>/<span class="mapping">&lt;C-n&gt;</span> &#8212;
163    go to the next tab
164</p>
165</li>
166<li>
167<p>
168<span class="mapping">gT</span>/<span class="mapping">&lt;C-p&gt;</span> &#8212;
169    go to the previous tab
170</p>
171</li>
172<li>
173<p>
174<span class="mapping">g0</span>/<span class="mapping">g$</span> &#8212;
175    go to the first/last tab
176</p>
177</li>
178<li>
179<p>
180<span class="mapping">d</span> &#8212;
181    close the active tab (delete the buffer)
182</p>
183</li>
184</ul></div>
185<div class="para"><p>To open a webpage in a new tab, use the <span class="command">:tabopen <span class="argument">&#123;url&#125;</span></span>.  To open a URL
186in the current tab, use <span class="command">:open</span>. The normal mode
187mappings <span class="mapping">t</span> and <span class="mapping">o</span>, respectively, map to these commands, so the
188following pairs sequences are equivalent:</p></div>
189<div class="literalblock">
190<div class="content">
191<pre><tt>:open my.webmail.com&lt;cr&gt;
192omy.webmail.com&lt;cr&gt;</tt></pre>
193</div></div>
194<div class="literalblock">
195<div class="content">
196<pre><tt>:tabopen vimperator.mozdev.org&lt;cr&gt;
197tvimperator.mozdev.org&lt;cr&gt;</tt></pre>
198</div></div>
199<div class="para"><p><table style="border-bottom: 1px solid silver; width: 100%">
200<tr width="100%"><td width="50%"><h2>Some&#160;hints&#160;about&#160;surfing&#8230;</h2></td><td width="50%">
201
202
203 <a id="hints.html"/><span class="tag">hints.html</span>
204</td></tr>
205</table></p></div>
206<div class="para"><p>So now you can navigate around in Vimperator. But wait&#8230; how do you <strong>open</strong> a
207page or tab linked in a web page?  How do you &#8220;click&#8221; on all those links
208without your tailed friend?</p></div>
209<div class="para"><p>The answer is &#8220;hints&#8221;.  Activating hints displays a number next to every
210link Vimperator can find.  To follow the link, simply type the number
211corresponding to the hint, a white number inside a red square by default.</p></div>
212<div class="para"><p>For text links, there's an additional shortcut; you can type some text
213contained in the link and Vimperator will search all the links it can find and
214only hint the matching links, further narrowing down the list.  If the text
215you type uniquely identifies any given link, Vimperator will follow that link
216immediately without any further user input.</p></div>
217<div class="para"><p>Whichever way you choose to indicate your target link, once Vimperator has
218highlighted the link you want, simply hit <span class="mapping">&lt;Enter&gt;</span> to open it.</p></div>
219<div class="para"><p>The most common hint mode is called <a href="chrome://vimperator/locale/various.html">QuickHint&#160;mode</a>.
220To activate QuickHint mode, press either <span class="mapping">f</span> or <span class="mapping">F</span>.  The lower-case
221<span class="mapping">f</span> will open the resulting link in the current tab, while the upper-case
222<span class="mapping">F</span> will open it in a new tab.</p></div>
223<div class="para"><p>To test it, try this link: <a href="http://vimperator.mozdev.org/">Vimperator Homepage</a>.
224Activate QuickHint mode with <span class="mapping">f</span> or <span class="mapping">F</span> to highlight all currently
225visible links.  The start typing the text of the link.  The link should be
226uniquely identified soon, and Vimperator will open it.  Once you're done,
227remember to use <span class="mapping">&lt;C-o&gt;</span> (&#8220;History Back&#8221;) or <span class="mapping">d</span> (&#8220;Delete Buffer&#8221;)
228to return here, depending on which key you used to activate QuickHint mode.</p></div>
229<div class="para"><p><table style="border-bottom: 1px solid silver; width: 100%">
230<tr width="100%"><td width="50%"><h2>Common&#160;Issues</h2></td><td width="50%">
231
232
233 <a id="common_issues"/><span class="tag">common_issues</span>
234</td></tr>
235</table></p></div>
236<div class="para"><p>Say you get half-way down typing in a new URL, only to remember that you've
237already got that page open in the previous tab.  Your command-line might look
238something like this:</p></div>
239<div class="literalblock">
240<div class="content">
241<pre><tt>:open my.partial.url/fooba</tt></pre>
242</div></div>
243<div class="para"><p>You can exit the command-line and access the already loaded page with the
244following:</p></div>
245<div class="literalblock">
246<div class="content">
247<pre><tt>&lt;Esc&gt;gT</tt></pre>
248</div></div>
249<div class="para"><p><table style="border-bottom: 1px solid silver; width: 100%">
250<tr width="100%"><td width="50%"><h2>Find&#160;the&#160;Exit&#160;Nearest&#160;You</h2></td><td width="50%">
251
252
253 <a id="quitting_without_menus"/><span class="tag">quitting_without_menus</span>
254</td></tr>
255</table></p></div>
256<div class="para"><p>Vimperator supports all of Vim's classic methods of exiting.</p></div>
257<div class="ilist"><ul>
258<li>
259<p>
260<span class="command">:xall</span> &#8212; command to quit and save the current browsing
261    session for next time; the default.
262</p>
263</li>
264<li>
265<p>
266<span class="command">:qall</span> &#8212; command to quit <em>without</em> saving the session
267</p>
268</li>
269<li>
270<p>
271<span class="mapping">ZZ</span> &#8212; normal mode mapping equivalent to <span class="command">:xall</span>
272</p>
273</li>
274<li>
275<p>
276<span class="mapping">ZQ</span> &#8212; normal mode mapping equivalent to <span class="command">:qall</span>
277</p>
278</li>
279</ul></div>
280<div class="para"><p><table style="border-bottom: 1px solid silver; width: 100%">
281<tr width="100%"><td width="50%"><h2>Where&#160;did&#160;Firefox&#160;go?</h2></td><td width="50%">
282
283
284 <a id="whither_firefox"/><span class="tag">whither_firefox</span>
285</td></tr>
286</table></p></div>
287<div class="para"><p>You might feel pretty disoriented now. Don't worry.  This is still Firefox
288underneath.  Here are some ways Vimperator allows Firefox to shine through.
289See the <span class="command">:help</span> for these commands and mappings for more information on
290how to make the best use of them.</p></div>
291<div class="ilist"><ul>
292<li>
293<p>
294<span class="command">:dialog</span> &#8212;
295    To access some of Firefox's many dialog windows, you can use the
296    <span class="command">:dialog</span> command.  See <span class="command">:help :dialog</span>.
297</p>
298</li>
299<li>
300<p>
301<span class="command">:bmarks</span> &#8212;
302    Vimperator provides a new interface to bookmarks, but they're still your
303    standard Firefox bookmarks under the hood.  <span class="command">:bmark</span> will add a new
304    bookmark, while <span class="command">:bmarks</span> will list the bookmarks currently defined.
305</p>
306</li>
307<li>
308<p>
309<span class="command">:history</span> &#8212;
310    It's exactly what it sounds like.  This command will display a colorized,
311    scrollable and clickable list of the locations in Vimperator's history.
312</p>
313</li>
314</ul></div>
315<div class="para"><p>Feel free to explore at this point. If you use the <span class="command">:tabopen</span> command,
316remember to use the <span class="mapping">gt</span>/<span class="mapping">gT</span> mappings to get back to this page.  If
317using the <span class="command">:open</span> command, use the history keys (e.g., <span class="mapping">H</span>) to return.
318If you get hopelessly lost, just type <span class="command">:help&lt;cr&gt;</span> and click the
319&#8220;Tutorial&#8221; link to return.</p></div>
320<div class="para"><p><table style="border-bottom: 1px solid silver; width: 100%">
321<tr width="100%"><td width="50%"><h2>Get&#160;me&#160;out&#160;of&#160;here!</h2></td><td width="50%">
322
323
324 <a id="removal"/><span class="tag">removal</span>
325</td></tr>
326</table></p></div>
327<div class="para"><p>If you've given it a fair shot and determined &#8230; TODO</p></div>
328<div class="para"><p>The Vimperator way to do this is with the command <span class="command">:addons</span>.  Issuing this
329command brings up the Firefox Add-ons dialog window; you can then remove it as
330normal, selecting Vimperator from the list and clicking (yes, clicking)
331<strong>Uninstall</strong>.</p></div>
332<div class="para"><p>Alternatively, you can do this the old-fashioned way: re-enable the menubar,
333as above, with <span class="command">:set go+=m</span>, and select <strong>Add-ons</strong> from the <strong>Tools</strong> menu.</p></div>
334<div class="para"><p><table style="border-bottom: 1px solid silver; width: 100%">
335<tr width="100%"><td width="50%"><h2>I'm&#160;Interested&#8230;but&#160;Lost!</h2></td><td width="50%">
336
337
338 <a id="support"/><span class="tag">support</span>
339</td></tr>
340</table></p></div>
341<div class="para"><p>Vimperator has an energetic and growing user base.  If you've run into a
342problem that you can't seem to solve with Vimperator, or if you think you might
343have found a bug, please let us know!  There is support available on the
344<a href="http://vimperator.cutup.org/index.php?title=Main_Page">wiki</a>, or in the
345#vimperator IRC channel on <a href="http://freenode.net/">freenode</a>.</p></div>
346<div class="para"><p>If you have any feature requests or (even better) offers to help, we'd love to
347hear from you as well.  Developers work on Vimperator whenever possible, but
348we are neither infinite nor omnipotent; please bear with us.  If you can't
349wait for us to get around to it, rest assured patches are welcome!  See
350the <a href="chrome://vimperator/locale/developer.html">Developer</a> page for more information.</p></div>
351<div id="footer">
352<div id="footer-text">
353Last updated 2008-06-19 23:44:45 JST
354</div>
355</div>
356</body>
357</html>
Note: See TracBrowser for help on using the browser.