使いかた

履歴削除

各ページの過去の内容との差分を削除します。バックアップファイルが5Mバイトを超えたら、実行してください。:

全ページクリア

全ページクリアします。その前に、データエクスポートを実行しバックアップを残してください。終了後は、ブラウザを閉じてください。:

ページの構成

CliWikiはページを次の情報の組みで取りあつかいます:

  • ページ名
  • タイトル
  • 本文
  • 最後に更新した日時

ページ名とWikiName

ページ名はWikiNameで指定します。WikiNameとは次の条件を満たす単語です:

  1. 前後が空白または改行で区切られている。
  2. 大文字の英字で始まり、小文字の英字または数字が続く。
  3. 2.が二回以上繰りかえされる。

本文にWikiNameを記述すると対応するページ名のページへのリンクを自動的に設定します。WikiNameを記述することでページとページの関連づけを簡単に行えます。
対応するページ名のページが存在しないときは新規ページ作成用リンクを設定します。

ページ名は「ページ一覧」などで確認できます。

ページの編集

「編集」ボタンを選択すると表示しているページの編集を開始します。書式に沿ってテキストを記述してください。実際の出力はテキスト入力エディターの下で確認できます。

「更新」ボタンを選択すると編集内容を保存します。「取消」ボタンを選択すると破棄します。破棄した編集内容は取り戻せないので注意してください。

ページの追加

ページの追加は次の方法で行います:

  • 既存のページから追加
  • サイドバーから追加

既存のページから追加

任意のページ(FrontPageでもSandBoxでもかまいません)を編集して存在しないページ名WikiNameを記述し更新します。するとWikiNameのうしろにクエスチョンマーク'?'が表示されるので、そのクエスチョンマークを選択してください。あたらしいページの編集を開始します。編集後「更新」ボタンを選択するとあたらしいページを追加します。

サイドバーから追加

サイドバーのページ名入力欄に存在しないページ名WikiNameを入力して「>>」ボタンを選択するとあたらしいページの編集を開始します(存在するときは該当ページを表示します)。編集後「更新」ボタンを選択するとあたらしいページを追加します。

ページの削除

ページを削除するにはページの編集を開始してテキスト入力エディターの内容をすべて削除して「更新」ボタンを選択してください。確認メッセージが表示されるので、「OK」ボタンを選択するとページが削除されます。

注意: 削除したページの内容は取り戻せません。削除するときは慎重に確認してください。

なおFrontPageは削除できません。

検索

グローバルメニューの「キーワード」入力フィールドにキーワードを入力して「検索」ボタンを選択するとページを検索します。
アルファベットの大文字と小文字は区別します。
検索キーワードは空白で区切ることで複数指定できます。複数指定したときはいずれかのキーワードを含むページを探します。空白を含む語句を検索したいときはダブルクオーテーション(")で検索語句を囲んでください。

書式

書式として次を選択できます:

記法の指定は「設定」の「マークアップ」選択フィールドで可能です。編集時にページごとに指定することもできます。

Markdown記法については次を参照してください:

CliWiki記法について次で説明します。

段落書式

見出し

'!'ではじまる行は見出しになります。'!'の数でレベルを指定します。この段落の前の見出しは'!! 見出し'と指定します。

水平線

'----'とだけ記述すると次のような水平線になります。


リスト

順序なしリスト

'*'ではじまる連続した行は順序なしのリストになります。

記述
* 項目1
** 項目1の1
** 項目1の2
* 項目2
* 項目3
表示
  • 項目1
    • 項目1の1
    • 項目1の2
  • 項目2
  • 項目3

順序ありリスト

'#'ではじまる連続した行は順序ありのリストになります。

記述
# 項目1
# 項目2
## 項目2の1
## 項目2の2
# 項目3
表示
  1. 項目1
  2. 項目2
    1. 項目2の1
    2. 項目2の2
  3. 項目3

用語解説

':'ではじまり、':'を挟んで用語と解説を記述した連続行は用語解説になります。

記述

:用語の見出し1:用語1の解説
:用語の見出し2:用語2の解説
:用語の見出し3:用語3の解説

表示

用語の見出し1
用語1の解説
用語の見出し2
用語2の解説
用語の見出し3
用語3の解説

整形済みテキスト

空白(U+0020)またはタブではじまる行は整形済みテキストとみなします。

整形済みテキストは
改行がそのままのかたちで残ります。

'<<<'だけを記述した行から'>>>'だけを記述した行のあいだも整形済みテキストとみなします。

'||'ではじまる行は表のかたちに整形します。'||'がセルの区切りになります。行末尾には'||'はいりません。

セルの項目の頭に「!」をつけると見出しセルになります。行の連結には「^」を、列の連結には「>」を、連結したい数だけセルの項目頭につけてください。

記述

||!行 / 列見出し||!A||!B||!C||!>D-E
||!1||A1||B1||^C1-C2||D1||E1
||!2||A2||B2||^>D2-E2-D3-E3
||!3||A3||B3||C3

表示

行 / 列見出しABCD-E
1A1B1C1-C2D1E1
2A2B2D2-E2-D3-E3
3A3B3C3

コメント

'//'ではじまる行はコメントとして取りあつかい出力しません。

上記以外

上記以外は普通の段落になります。

空行を指定すると段落が変わります。連続した行はひとつの段落とみなします。

記述

上記以外は普通の段落になります。

空行を指定すると段落が変わります。
連続した行はひとつの段落とみなします。

表示

上記以外は普通の段落になります。

空行を指定すると段落が変わります。連続した行はひとつの段落とみなします。

テキスト書式

画像とWeb URL自動リンク

次の条件に該当するURLはリンクまたは画像として処理します。

  1. 前後が空白または改行で区切られている。
  2. 'http://'または'https://'ではじまる。

画像の場合は指定URLの画像を表示します。それ以外はリンクを設定します。

任意リンク

次の条件に該当するテキストはリンクとして処理します:

  • '[['ではじまる。
  • ']]'で終わる。
  • '|'の前に表記を、うしろにURLまたはWikiNameを記述する。

修飾

  • "'"2個で囲んだ部分は強調します。
  • "'"3個で囲んだ部分はより強調します。
  • '='2個で囲んだ部分は取り消し線で修飾します。

今後の予定

全般

  • jQueryを最新版に更新
  • モバイルデバイス対応
  • 印刷対応の充実

採用検討中のアイディア

  • サーバーとの連携処理実装
    • Googleドキュメントのスプレッドシート
    • Dropbox
    • OneDrive
    • Google Drive
    • Amazon S3
    • iCloud(?)
  • 各種設定
  • Canvas / SVG記録
  • プラグイン機能実現
  • ユニットテストの追加
  • 多言語化
  • 更新時位置情報記録
  • メニューリストの並び替え・変更
  • 各ページのHTML出力エクスポート
  • 編集時のリアルタイムプレビューのオン / オフ

お問い合わせ

CliWikiはイースト株式会社が作成・提供するHTML5アプリケーションです。

営業的なお問い合わせはest.jp - HTML5からお願いします。

技術的なお問い合わせやご意見・ご感想はFacebookのhtml5eastグループでお聞かせいただければ幸いです。

プロジェクト情報

CliWikiはCodePlexオープンソースプロジェクトとして公開しています

利用ソフトウェア

CliWikiは次のオープンソースソフトウェアを利用しています。各開発者の方々に謹んで感謝の意を表します。

jQuery 1.7.2

jQuery is a fast, small, and feature-rich JavaScript library. It makes things like HTML document traversal and manipulation, event handling, animation, and Ajax much simpler with an easy-to-use API that works across a multitude of browsers. With a combination of versatility and extensibility, jQuery has changed the way that millions of people write JavaScript.

marked 2013-08-24

A markdown parser and compiler. Built for speed.

Jasmine 1.3.1

Jasmine is a behavior-driven development framework for testing JavaScript code. It does not depend on any other JavaScript frameworks. It does not require a DOM. And it has a clean, obvious syntax so that you can easily write tests.

最近の更新

0.6.1.1(20140418)

  • データのエクスポート / インポート機能を実装(「設定」ページから実行できます)。
  • コンテンツ編集エリアの高さ指定機能を実装。
  • 最終更新の取り消し機能実装。

0.5.1.1(20130925)

  • 書式としてMarkdown記法を利用可能に。
  • CliWiki記法で行末のWikiNameをリンクに変換できなかった障害を修正。

0.4.1.1(20121113)

  • ページ履歴の差分表示機能を実装。

0.3.1.1(20120919)

  • 検索機能を実装。
  • ユーザーインターフェースの英語切り替え機能を実装。

0.2.2.1(20120904)

  • 設定によってローカルファイルへのリンクを可能とする機能を追加。
    (本機能はChromeにインストールした場合Chrome側の制限により動作しないため無効とします)

0.2.1.3(20120815)

  • ページの更新履歴と指定バージョンの内容の表示機能追加。

0.1.1.3(20120810)

  • リストの要素となるテキストの書式変換を見直し。
  • テキストの存在しない見出しの処理を見直し。

0.1.1.2(20120808)

Chrome Web Store向けPackaged App版初回リリース。