@ -9,7 +9,14 @@ app.templates.helpPage = ->
for key , i in keys
( if i > middle then aliases_two else aliases_one ) [ key ] = app . models . Entry . ALIASES [ key ]
"""
_ app . templates . helpPage , {
aliases_one: ( " <tr><td class= \" _code \" > #{ key } <td class= \" _code \" > #{ value } " for key , value of aliases_one ) . join ( ' ' ) ,
aliases_two: ( " <tr><td class= \" _code \" > #{ key } <td class= \" _code \" > #{ value } " for key , value of aliases_two ) . join ( ' ' ) ,
ctrlKey ,
navKey
}
app.templates.helpPage.en = """
< nav class = " _toc " role = " directory " >
< h3 class = " _toc-title " > Table of Contents < / h3 >
< ul class = " _toc-list " >
@ -77,7 +84,7 @@ app.templates.helpPage = ->
< code class = " _shortcut-code " > enter < / code >
< dd class = " _shortcuts-dd " > Open selection
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > # { ctrlKey } + enter < / code >
< code class = " _shortcut-code " > { ctrlKey } + enter < / code >
< dd class = " _shortcuts-dd " > Open selection in a new tab
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > alt + r < / code >
@ -86,8 +93,8 @@ app.templates.helpPage = ->
< h3 class = " _shortcuts-title " > Browsing < / h3 >
< dl class = " _shortcuts-dl " >
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > # { navKey } + & larr ; < / code >
< code class = " _shortcut-code " > # { navKey } + & rarr ; < / code >
< code class = " _shortcut-code " > { navKey } + & larr ; < / code >
< code class = " _shortcut-code " > { navKey } + & rarr ; < / code >
< dd class = " _shortcuts-dd " > Go back / forward
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > alt + & darr ; < / code >
@ -101,8 +108,8 @@ app.templates.helpPage = ->
< code class = " _shortcut-code " > shift + space < / code >
< dd class = " _shortcuts-dd " > Scroll screen by screen
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > # { ctrlKey } + & uarr ; < / code >
< code class = " _shortcut-code " > # { ctrlKey } + & darr ; < / code >
< code class = " _shortcut-code " > { ctrlKey } + & uarr ; < / code >
< code class = " _shortcut-code " > { ctrlKey } + & darr ; < / code >
< dd class = " _shortcuts-dd " > Scroll to the top / bottom
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > alt + f < / code >
@ -142,14 +149,167 @@ app.templates.helpPage = ->
< tr >
< th > Word
< th > Alias
# { ( " <tr><td class= \" _code \" > #{ key } <td class= \" _code \" > #{ value } " for key , value of aliases_one ) . join ( ' ' ) }
{ aliases_one }
< / table >
< table >
< tr >
< th > Word
< th > Alias
{ aliases_two }
< / table >
< / div >
< p > Feel free to suggest new aliases on < a href = " https://github.com/freeCodeCamp/devdocs/issues/new " > GitHub < / a > .
"""
app.templates.helpPage.ja = """
< nav class = " _toc " role = " directory " >
< h3 class = " _toc-title " > 内 容 < / h3 >
< ul class = " _toc-list " >
< li > < a href = " # managing-documentations " > ド キ ュ メ ン ト 管 理 < / a >
< li > < a href = " # search " > 検 索 < / a >
< li > < a href = " # shortcuts " > キ ー ボ ー ド シ ョ ー ト カ ッ ト < / a >
< li > < a href = " # aliases " > 検 索 エ イ リ ア ス < / a >
< / ul >
< / nav >
< h1 class = " _lined-heading " > ユ ー ザ ー ガ イ ド < / h1 >
< h2 class = " _block-heading " id = " managing-documentations " > ド キ ュ メ ン ト 管 理 < / h2 >
< p >
ド キ ュ メ ン ト は < a href = " /settings " > 設 定 < / a > で 有 効 ・ 無 効 に で き ま す 。
も し く は 、 検 索 結 果 の 「 有 効 」 リ ン ク を ク リ ッ ク す る こ と で も ド キ ュ メ ン ト を 有 効 に で き ま す 。
速 く 、 よ い 検 索 に は 、 ド キ ュ メ ン ト を 有 効 だ け 行 う 使 い 方 で 計 画 。
For faster and better search , only enable the documentations you plan on actively using .
< p >
一 度 ド キ ュ メ ン ト を 有 効 に し た ら 、 検 索 の 一 部 に な り ま す 。 ま た 、 内 容 は オ フ ラ イ ン ア ク セ ス の た め に ダ ウ ン ロ ー ド で き る よ う に な り ま す 。 - オ ン ラ イ ン の 時 ペ ー ジ を 速 く 読 み 込 め ま す - < a href = " /offline " > オ フ ラ イ ン < / a > で 。
Once a documentation is enabled , it becomes part of the search and its content can be downloaded for offline access — and faster page loads when online — in the < a href = " /offline " > Offline < / a > area .
< h2 class = " _block-heading " id = " search " > 検 索 < / h2 >
< p >
検 索 は 空 白 を 無 視 し ま す 。 曖 昧 な サ ポ ー ト し ま す 。
The search is case - insensitive and ignores whitespace . It supports fuzzy matching
( e . g . < code class = " _label " > bgcp < / code > matches < code class = " _label " > background - clip < / code > )
as well as aliases ( full list < a href = " # aliases " > below < / a > ) .
< dl >
< dt id = " doc_search " > 一 つ の ド キ ュ メ ン ト を 検 索 す る
< dd >
名 前 （ ま た は 略 語 ） を 入 力 す る こ と に よ っ て 、 一 つ の ド キ ュ メ ン ト 内 を 検 索 で き ま す 。
The search can be scoped to a single documentation by typing its name ( or an abbreviation )
ま た 、 < code class = " _label " > タ ブ < / code > ( モ バ イ ル で は < code class = " _label " > ス ペ ー ス < / code > & nbsp ; ) を 押 し ま す 。
and pressing < code class = " _label " > tab < / code > ( < code class = " _label " > space < / code > & nbsp ; on mobile ) .
例 え ば 、 JavaScript の ド キ ュ メ ン ト を 検 索 す る に は 、 < code class = " _label " > javascript < / code >
か < code class = " _label " > js < / code > と 入 れ る よ り も 、 < code class = " _label " > タ ブ < / code > 。 < br >
For example , to search the JavaScript documentation , enter < code class = " _label " > javascript < / code >
or < code class = " _label " > js < / code > , then < code class = " _label " > tab < / code > . < br >
正 確 な 範 囲 で 、 空 の サ ー チ 部 分 に < code class = " _label " > バ ッ ク ス ペ ー ス < / code > ま た は 、
< code class = " _label " > esc < / code > 。
To clear the current scope , empty the search field and hit < code class = " _label " > backspace < / code > or
< code class = " _label " > esc < / code > .
< dt id = " url_search " > Prefilling the search field
< dd >
The search can be prefilled from the URL by visiting < a href = " / # q=keyword " target = " _top " > devdocs . io / # q = keyword < / a > .
< code class = " _label " > # q = < / code > 以 降 は サ ー チ ク エ リ が 使 用 さ れ て い ま す 。
一 つ の ド キ ュ メ ン ト 内 の 検 索 で 、 名 前 （ ま た は 、 略 語 ） を 追 加 し た り 、 キ ー ワ ー ド の 前 に ス ペ ー ス を 入 れ ま す ：
< a href = " / # q=js%20date " target = " _top " > devdocs . io / # q = js date < / a > .
< dt id = " browser_search " > ア ド レ ス バ ー を 検 索 に 使 う
< dd >
DevDocs は オ ー プ ン サ ー チ を サ ポ ー ト し て い ま す 。 web ブ ラ ウ ザ の サ ー チ エ ン ジ ン の よ う に 、 簡 単 に イ ン ス ト ー ル で き ま す 。
< ul >
< li > Chrome で は 、 自 動 的 に セ ッ ト ア ッ プ し ま す 、 devdocs . io
< li > On Chrome , the setup is done automatically . Simply press < code class = " _label " > tab < / code > when devdocs . io is autocompleted
in the omnibox ( to set a custom keyword , click < em > Manage search engines \ u2026 < / em > in Chrome ' s settings).
< li > On Firefox , right - click the DevDocs search field and select < em > Add a Keyword for this Search … < / em > . Then , type the added keyword followed by a query in the address bar to search DevDocs .
< / dl >
< p >
< i > ノ ー ト ： サ ー チ は 有 効 な ド キ ュ メ ン ト で の み 動 作 し ま す 。 < / i >
< i > Note: the above search features only work for documentations that are enabled . < / i >
< h2 class = " _block-heading " id = " shortcuts " > キ ー ボ ー ド シ ョ ー ト カ ッ ト < / h2 >
< h3 class = " _shortcuts-title " > サ イ ド バ ー < / h3 >
< dl class = " _shortcuts-dl " >
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > & darr ; < / code >
< code class = " _shortcut-code " > & uarr ; < / code >
< dd class = " _shortcuts-dd " > セ レ ク シ ョ ン の 移 動
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > & rarr ; < / code >
< code class = " _shortcut-code " > & larr ; < / code >
< dd class = " _shortcuts-dd " > サ ブ リ ス ト の 表 示 / 非 表 示
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > enter < / code >
< dd class = " _shortcuts-dd " > セ レ ク シ ョ ン を 開 く
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > { ctrlKey } + enter < / code >
< dd class = " _shortcuts-dd " > セ レ ク シ ョ ン を 新 し い タ ブ で 開 く
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > alt + r < / code >
< dd class = " _shortcuts-dd " > Reveal current page in sidebar
< / dl >
< h3 class = " _shortcuts-title " > ブ ラ ウ ジ ン グ < / h3 >
< dl class = " _shortcuts-dl " >
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > { navKey } + & larr ; < / code >
< code class = " _shortcut-code " > { navKey } + & rarr ; < / code >
< dd class = " _shortcuts-dd " > 戻 る / 進 む
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > alt + & darr ; < / code >
< code class = " _shortcut-code " > alt + & uarr ; < / code >
< br >
< code class = " _shortcut-code " > shift + & darr ; < / code >
< code class = " _shortcut-code " > shift + & uarr ; < / code >
< dd class = " _shortcuts-dd " > 順 に ス ク ロ ー ル す る < br > < br >
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > space < / code >
< code class = " _shortcut-code " > shift + space < / code >
< dd class = " _shortcuts-dd " > Scroll screen by screen
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > { ctrlKey } + & uarr ; < / code >
< code class = " _shortcut-code " > { ctrlKey } + & darr ; < / code >
< dd class = " _shortcuts-dd " > 上 部 / 下 部 に ス ク ロ ー ル す る
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > alt + f < / code >
< dd class = " _shortcuts-dd " > 内 容 内 の 最 初 の リ ン ク に フ ォ ー カ ス す る < br > ( press tab to focus the other links )
< / dl >
< h3 class = " _shortcuts-title " > ア プ リ < / h3 >
< dl class = " _shortcuts-dl " >
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > ctrl + , < / code >
< dd class = " _shortcuts-dd " > 設 定 を 開 く
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > esc < / code >
< dd class = " _shortcuts-dd " > サ ー チ フ ィ ー ル ド を ク リ ア / UI リ セ ッ ト
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > ? < / code >
< dd class = " _shortcuts-dd " > こ の ペ ー ジ を 見 る
< / dl >
< h3 class = " _shortcuts-title " > そ の 他 < / h3 >
< dl class = " _shortcuts-dl " >
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > alt + o < / code >
< dd class = " _shortcuts-dd " > オ リ ジ ナ ル ペ ー ジ を 開 く
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > alt + g < / code >
< dd class = " _shortcuts-dd " > Google で 検 索 す る
< dt class = " _shortcuts-dt " >
< code class = " _shortcut-code " > alt + s < / code >
< dd class = " _shortcuts-dd " > Stack Overflow で 検 索 す る
< / dl >
< p class = " _note _note-green " >
< strong > Tip : < /strong>サーチフィールドでカーソルが たら、<code class="_label">/ < / code > を 押 す か 、
タ イ プ を 続 け て サ ー チ フ ィ ー ル ド に リ フ ォ ー カ ス す る と 新 し い 検 索 結 果 が 表 示 さ れ ま す 。
< strong > Tip : < /strong> If the cursor is no longer in the search field, press <code class="_label">/ < / code > or
continue to type and it will refocus the search field and start showing new results .
< h2 class = " _block-heading " id = " aliases " > Search Aliases < / h2 >
< div class = " _aliases " >
< table >
< tr >
< th > Word
< th > Alias
{ aliases_one }
< / table >
< table >
< tr >
< th > Word
< th > Alias
# { ( " <tr><td class= \" _code \" > #{ key } <td class= \" _code \" > #{ value } " for key , value of aliases_two ) . join ( ' ' ) }
{ aliases_two }
< / table >
< / div >
< p > 新 し い エ イ リ ア ス は < a href = " https://github.com/freeCodeCamp/devdocs/issues/new " > GitHub < / a > で 自 由 に 提 案 で き ま す 。 < / p >
< p > Feel free to suggest new aliases on < a href = " https://github.com/freeCodeCamp/devdocs/issues/new " > GitHub < / a > .
"""
Jed Fox
7 years ago