Dalma Wiki Notebook

はじめに

Wed, 04 Oct 2006 18:44:00 GMT

!!Welcome to Wiki Note
　このWikiNoteは、再利用可能なノートブックを目指して、Jeremy Rustonが開発した[[TiddlyWiki|http://www.tiddlywiki.com]]2.0.11を日本語用に改造したものです。テキストの整形にWikiスタイルを採用しており、いつでもどこでも容易に使えるように設計されています。使うのはひとつのHTMLファイルだけです！ブラウザーを使ってWebページを簡単に作成・編集できます。個人の備忘録から、グループでの文書の共同作成、共有にご利用ください。

このWikiNoteを自分のパソコンで使いたい人は、コンテンツが作成されていない初期状態のＨＴＭＬファイルを[[ダウンロード|http://wiki.agorian.com/WikiNote.html]]してください。著作権はGNU GPLでオリジナルの著作権表示を保持することを条件に、複製、改変、再配布できます。もちろん無料です。

　この記事にマウスを重ねると記事の右上にメニュー「close … edit …」が表示されます。editをクリックすると編集用のテキストボックスになります。最初の一行ボックスが記事名（タイトル、文書名）で、つぎが本文のソースです。ソースを適当に編集して記事の右上にあるsaveをクリックしてください。！や＊が使われ、それがどう表示されるかが分かると思います。
!!!使い方について
*　「[[WikiNote利用の手引き|http://wiki.agorian.com/help.html]]」を参照してください。はじめてWikiスタイルのWebページを作成、編集する人は、[[SandBox|http://wiki.agorian.com/help.html#SandBox]]で練習するのがいいでしょう。
!!!基本的な設定
* SiteTitleをクリックすると記事が表示されるのでeditをクリックして編集画面を表示します。現在の表題「WikiNote」を書き換えます。日本語、英語を問いません。書き換えたらsaveして、表題が変わっていることを確認します。同様にSiteSubtitleを書き換えます。
* MainMenu: 左側に表示されるメニューです。初期状態では「はじめに」が表示されています。必要に応じて追加・変更します。
* DefaultPages: このWikiNoteを開いたときに最初に表示される記事です。初期状態では、「はじめに」となっています。
* 編集に使う、あなたの名前を入力します：<

記事の操作

Wed, 04 Oct 2006 18:18:00 GMT

表示されている記事にマウスを重ねると記事の上にメニューが表示される。マウスを重ねると日本語の説明が表示されます。

１．close - この記事を閉じます。

２．close others - この記事以外のすべての記事を閉じます。表示中のすべての記事を閉じるときは、右欄のメニューの「全記事を閉じる」をクリックします。

３．edit - この記事を編集します。クリックすると編集ボックスが表示される。Wiki表記法に従って編集します。編集ボックスの上にsave　cancel　deleteのメニューが表示される。saveをクリックすると保存されます。

４．permalink - この記事のURLがブラウザーのアドレスまたはナビゲーションバーに表示されます。

５．references - この記事にリンクしている記事の一覧が表示され、クリックするとその記事に飛びます。

６．jump - 現在画面に表示されている記事の一覧で、クリックしてその記事に飛びます。

記事の作成

Wed, 04 Oct 2006 18:06:00 GMT

''１．新しい記事の作成''
　右のメニューにある「記事を作成する」をクリックします。タイトルとテキストを入力してsaveをクリックします。テキストの整形には[[Wiki表記法]]を使います。

''２．日記の作成''
　「日記を作成する」をクリックする。今日の日付がタイトルに自動挿入されることを除けば、きじの作成とおなじです。

''３．変更の保存''
　記事を作成、編集した後、saveをクリックすると自動保存されるように初期設定されています。右欄の◇Optionsの「□自動保存する」にチェックがついていることを確認してください。

WikiNoteとは

Wed, 04 Oct 2006 17:48:00 GMT

WikiやWikiWikiあるいはWikiWikiWebとは何かについては、オンライン百科事典Wikipediaを参照してください。ここではWikiNoteについて説明します。

　WikiNoteは、Jeremy Rustonが開発したTiddlyWiki2.0.11を日本語用に改変したものです。Internet ExplorerやFireFoxなどのブラウザーが使える環境で、手軽にオンラインメモを作成、編集できます。HTMLの知識がなくても、簡単なテキストの整形規則（Wikiスタイル）を知れば、すぐWebページを作成、編集できるという特徴があります。

見出しは！から、箇条書きは＊からはじめる、表は列を｜で区切って…、といったシンプルなものです。もちろん、テーブル（表）やイメージ（画像）も挿入でき、Webページが簡単に作成できます。テキスト整形の詳細については、「[[Wiki表記法]]」を参照してください。　~~※整形に使う記号！＊｜は半角で書きます。~~

　説明のなかで「メモ」といっているのは、ひとつのタイトルとその内容からなり、エントリあるいは（投稿）記事という呼び方もします。このメモは、章節を付けた文書や報告書あるいはＷｅｂページにもなり、すべてのメモをハイパーリンクで相互参照することができます。

メモのタイトルが「WikiNote」のように頭文字が英大文字の英数字が二つ以上続いた単語は、自動的に「タイトルがWikiNoteのメモ」にリンクされます。これをWiki用語と呼びます。日本語タイトルも使えます。リンクは、タイトルを"［［"と”］］”で囲めば自動的にリンクが作られます。これを「キーワード」と呼ぶ。Wiki用語は［［］］で囲む必要がないというだけの違いです。「はてな」で使っているのとおなじです。~~※編集で実際に使うときの［［］］は半角で入力します。~~

　リンク先のメモが存在しないときは、Ｗｉｋｉ用語やキーワードをクリックして新規作成することができます。メモを作成しているときに、あとで説明をしたい用語や別のメモ（記事、文書）で詳細を書きたいときに、Wiki用語やキーワードにしておき、どんどんメモを追加していくという使い方ができます。

　また、すでにあるメモの編集、整理が簡単にできるので、複数のメモ（からなる全体の文書）の構成をかえたりしながら、知識を整理・体系化することができます。そうした作業のなかで新しい発想や知恵がうまれることがあるので、企画立案に使いこなすと思わぬ効果を発揮します。しかも、作業の結果がそのまま企画書、報告書、Ｗｅｂページになります。今後、[[Wikiは普及するか]]どうかに関心がある。

----
*[[Wiki表記法]]　　[[設定の変更]]　　[[Wikiエンジン]]　　[[表記法の比較]]

画像

Wed, 04 Oct 2006 12:20:00 GMT

''［img［ファイル名］］''
　WikiNoteと同じフォルダーにあるwikititle.gifを表示したいとき、［img［wikititle.gif］］と書く。同じフォルダー内にあるimgフォルダーに画像ファイルがあるときは、［img［img/wikititle.gif］］と書く。画像ファイルの形式はjpg、gif、pngである。
[img[wikititle.gif]]

''［img［タイトル｜ファイル名］］''
　HTML記述とおなじように画像がないときに表示されるタイトルを書く。ファイル名は、Webにある画像ファイルのとき、ｈｔｔｐ:／／ではじまるURLを書く。
（例）http://wiki.agorian.com/img/tateyama.jpg を表示する。タイトルは「立山連峰」（マウスを重ねると表示）。
[img[立山連峰|http://wiki.agorian.com/img/tateyama.jpg]]

''［img［タイトル｜ファイル名］［リンク先］］''
　画像をクリックしたときの外部リンク先を書く。タイトル｜はオプションである。

''［＜img［ファイル名］］''または''［＞img［ファイル名］］''
[img[Globe|img/globe64.png]]
画像を左詰、右詰にしたいときに＜または＞を使う。WikipediaｎマスコットのWikipe-tanは ''［＜img［'' タグを使って左側に表示。地球は''［＞img［''タグで右側に表示している。
{{{
[img[title|filename][link]]
[[>img[Globe|img/globe64.png]]
@@clear(left):clear(right):display(block):@@
}}}
@@clear(left):clear(right):display(block):テキストを画像の下に表示したいときは、CSSを使う。@@

固定幅テキスト

Wed, 04 Oct 2006 11:05:00 GMT

{{{Monospaced text　固定幅テキスト}}} は｛｛｛と｝｝｝で囲む。
ブロック（最初の行｛｛｛、最後の行｝｝｝）にすると背景色が付けられる。ソースコードを表示するのに便利である。
{{{
var posTop = findPosY(e);
var posBot = posTop + e.offsetHeight;
var winTop = findScrollY();
var winHeight = findWindowHeight();
var winBot = winTop + winHeight;
if(posTop < winTop)
return(posTop);
else if(posBot > winBot)
{
if(e.offsetHeight < winHeight)
return(posTop - (winHeight - e.offsetHeight));
else
return(posTop);
}
else
return(winTop);
}}}

リンク

Wed, 04 Oct 2006 10:52:00 GMT

#Wiki用語リンク：　WikiNoteのように自動的にリンクが作成される。
#［［記事名］］：　一般の名前を［［と］］で囲むと自動リンクされる。(例）[[Wiki表記法]]
#［［表示名｜記事名］］：　記事名ではなく別の表示名でリンク先を表示したいときに使う。（例）[[拡張書式|文字装飾]]
#http://wiki.elmblog.com　http形式のURLを書くと自動的にリンクが作成される。
#［［表示名｜http://形式のURL］］：　外部リンクの表示名を書く。（例）[[ソフトウェアの変革|http://wiki.elmblog.com]]
#［［Windows Network共有ファイルへのリンク｜file://///server/share/folder/path/name］］
#［［Windowsフォルダ/ファイルへのリンク｜file:///c:/folder/path/name］］
#［［Unixスタイルのフォルダへのリンク｜file:///folder/path/name］］

※上記１～３のリンク先はこのWikiNoteというひとつのHTMLファイル内に作られる。別のWikiNoteファイルとハイパーリンクすることで文書を並行作成して、全体のWebサイトを作ることができる。つまり、HTMLやCSSを知らなくてもホームページビルダーとして利用することができる。

表

Wed, 04 Oct 2006 09:58:00 GMT

[[Tables]] 下記の例を見てください。
|navy|k
|題名|c
|!th1111111111|!th2222222222|
|>| ＞左右結合 |
| ～上下結合 |左詰|
|~| 最初が半角空白で右詰|
|bgcolor(#a0ffa0):{{{bgcolor(#a0ffa0):緑色}}}| 最初と最後が半角空白で真ん中 |
|color(#ff0000):赤色|bgcolor(blue):color(white):青に白|
*表のタイトルは、「｜題名｜c」と書く。
*列の区切りは｜で、右の列に結合するときは＞を、真上のセルと結合するときは～を使う。
*セル内の最初が半角空白のとき右詰めになる。最初と最後に半角空白があると中心に表示される。
*セルの背景色は、｜bgcolor(#a0ffa0):緑色｜のように指定する。
*表のスタイルをCSSで定義することができる。StyleSheetに .navy を定義して、「｜navy｜k」と書く。
*例: PeriodicTable.

水平線

Wed, 04 Oct 2006 09:43:00 GMT

HorizontalRules
ハイフン４つで水平線を挿入する。
----

番号付きリスト

Wed, 04 Oct 2006 09:41:00 GMT

NumberedBulletPoints
箇条書きで、項目番号を付けたいときに使う。＃ではじめる。＃節、＃＃項、＃＃＃番のように使う。
#第一節です
#第二節です
##第二節の第一項です
##第二節の第二項です
###第二節の第二項の第一番です

箇条書き

Wed, 04 Oct 2006 09:41:00 GMT

BulletPoints
行の最初に＊を付ける。＊＊、＊＊＊、・・・で字下げする。
*最初の箇条書き
**二番目の箇条書き
***三番目の箇条書き
****四番目
*****五番目

見出し

Wed, 04 Oct 2006 09:36:00 GMT

SubHeadings
大見出しは！、中見出しは！！、小見出しは！！！ではじめる。
!これは大見出しです
!!これは中見出しです
!!!これは小見出しです
*見出しのスタイルは、StyleSheetで指定する。これはHTMLのCSSと同じである。

文字装飾

Wed, 04 Oct 2006 09:34:00 GMT

ExtendedFormatting
''太字''、==打消し==、__下線__、//斜体//、^^上付き^^、~~下付き~~、@@色付き@@
{{{''太字''、==打消し==、__下線__、//斜体//、^^上付き^^、~~下付き~~、@@色付き@@}}}

テキストを整形するための特殊文字はすべて直接入力する。全角入力するとそのまま表示される。また、中カッコ｛｛｛と｝｝｝で囲んだ部分は、整形されずそのまま表示される。下線はアンダーライン二文字である。

＠＠で囲んだ部分は黄色でハイライトされる。フォント、サイズ、文字色、背景色などを細かく指定したいときは、CSSスタイルを使う。
*@@bgcolor:red;color:white; 赤い背景に白の文字@@
*{{{*@@bgcolor:red;color:white;font-size:12pt; 赤い背景に白の文字@@}}}

Wiki用語

Wed, 04 Oct 2006 09:23:00 GMT

大文字で始まる英単語が二つ以上連続した、WikiNoteとかWikiWikiWebといった形式の用語である。こうした用語には自動的にリンクが張られる。このサイトのスタイル設定では青色になる。リンク先の記事があるときはボールド体の青色、記事がないときはイタリック体の青色で表示される。

　これは直接入力の英数字だけに適用されるルールで、かな漢字変換で半角の英数字を使うとWiki用語にならない。半角英数のＷｉｋｉＮｏｔｅはふつうのテキストである。とうぜん日本語の単語は自動的にWiki用語にならないが、半角の大カッコ［［と］］で囲むとＷｉｋｉ用語となる。[[表記法の比較]]はWiki用語で自動的にリンクが張られる。

Wiki表記法

Wed, 04 Oct 2006 06:47:00 GMT

Ｗｉｋｉ文法とか表記法、整形ルールとも言う。ＷｏｒｄやＨＴＭＬの「書式」に相当するものであるが、たいへんシンプルなものである。複数のＷｉｋｉエンジンを使っている人にとっての困るのは、この表記法に互換がないことである。９割おなじだが残り１割が違うというのが混乱のもとであり、Wiki間での再利用を阻むものとなる。

　ここではWikiNoteで使っている表記法の概要を示す。説明はリンク先にある。MediaWiki, PukiWiki, FSWikiとの違いについては、「[[表記法の比較]]」を参照してください。
| 種類 | 概　要 |
|[[Wiki用語]]|大文字で始まる英単語が二つ以上連続した用語で、自動的にリンクされる。|
|[[文字装飾]]|{{{''太字''、==打消し==、__下線__、//斜体//、^^上付き^^、~~下付き~~}}}|
|[[拡張書式|文字装飾]]|{{{@@色付き@@、@@css書式; ～@@}}}|
|[[見出し]]|大見出しは！、中見出しは！！、小見出しは！！！からはじめる。|
|[[箇条書き]]|行を＊からはじめる。＊＊、＊＊＊、・・・で字下げ。|
|[[番号付きリスト]]|＃からはじめる。＃＃、＃＃＃、・・・で字下げ。|
|[[水平線]]|ハイフン４つで水平線を挿入する。|
|[[表]]|列を｜で区切る。行は改行。列結合は＞、行結合は～|
|[[引用]]|＞＞＞ではさむか、＞で開始。＞＞・・・で字下げ|
|[[リンク]]|［［～］］または［［～｜～］］|
|[[固定幅テキスト]]|｛｛｛{{{Monospaced 固定幅}}}｝｝｝またはブロック（最初の行｛｛｛、最後の行｝｝｝）|
|[[画像]]|EmbeddedImages|

WebMaster

Wed, 04 Oct 2006 06:17:00 GMT

[[.htacces実践活用術|http://www.shtml.jp/htaccess/]] 世界的に人気の高いApacheをウェブマスターとして使いこなす方法
*文字化け対策
一般にはMetaタグで文字コードを指定するが、これを無視してISO-8859-1で表示するブラウザがある。これに対処するために .htaccess で文字コードを指定する。
　@@AddType "text/html; charset=Shift_JIS" .html@@
これにより、拡張子が「.html」であるファイルは全てShift_JISであると決め付けることができる。
文字コードが原因で、Javascriptが特定のブラウザで動かなくなることがある。この場合にも.htaccessによるcharsetの指定は有効である。

BookMark

Wed, 04 Oct 2006 05:58:00 GMT

[[profile|http://www.andrew.ac.jp/sociology/teachers/harada/profile/profile.html]]
[[eco11|http://www.andrew.ac.jp/sociology/teachers/harada/profile/sociology1/eco11.html#eco11]]
[[review37|http://www.andrew.ac.jp/sociology/teachers/harada/review/review37.html]]
[[ハル松方ライシャワー著『侍と絹』を読んで|http://sp.mt.tama.hosei.ac.jp/users/igajin/haru.htm]]
[[ITmedia News：異例の人気　動画共有「YouTube」の正体|http://www.itmedia.co.jp/news/articles/0605/01/news053.html]]
[[津山３０人殺し事件|http://www.alpha-net.ne.jp/users2/knight9/tuyama.htm]]
[[WEB MART 富士通|http://www.fujitsu-webmart.com/jp/webmart/!ui008?A=06061012082138235560&cyc=83039]]
[[優待販売 - AzbyClub 富士通|http://azby.fmworld.net/shopping/index.html]]
[[CME - Chicago Mercantile|http://www.cme.com/]]
[[ムハンマド・イブン＝アブドゥッラーフ|http://ja.wikipedia.org/wiki/%E3%83%A0%E3%83%8F%E3%83%B3%E3%83%9E%E3%83%89%E3%83%BB%E3%82%A4%E3%83%96%E3%83%B3%EF%BC%9D%E3%82%A2%E3%83%96%E3%83%89%E3%82%A5%E3%83%83%E3%83%A9%E3%83%BC%E3%83%95#.E3.83.A0.E3.83.8F.E3.83.B3.E3.83.9E.E3.83.89.E3.81.AE.E5.A4.AB.E4.]]
[[chicory on Slide|http://2948718592.slide.com/]]
[[MakeZine.com Maker Faire Program|http://makezine.com/faire/program/]]
[[Colonial Williamsburg Where History Lives|http://www.history.org/]]
[[Virgin.net|http://www.virgin.net/]]
[[YouTube - Yellowstone|http://www.youtube.com/watch?v=l5t_A9gJzsc&eurl=]]

MainMenu

Tue, 03 Oct 2006 21:15:00 GMT

[[Home|WikiNote]]
[[About]]
[[WikiHelp]]
[[OpenSource]]
[[WordPress]]
[[Community]]
WebMaster

BlogRoll
BookMark
''External Links''
[[ElmBlog|http://home.elmblog.com/]]
[[Mashup|http://web20.elmstadt.com/]]
[[Journal|http://elmblog.livejournal.com/]]
''Web2.0 App''
[[Writely|http://www.writely.com/]]
[[iRows|http://irows.com/]]
[[del.icio.us|http://del.icio.us/]]
[[flickr|http://flickr.com/photos/elmblog/]]
[[Rocketboom|http://www.rocketboom.com/vlog/]]
[[MySpace|http://www.myspace.com/cicada2005]]
[[YouTube|http://www.youtube.com/user/elmblog]]
[[iFilm|http://www.ifilm.com/ifilmdetail/2768036]]
''Wiki Web''
[[WikiAgora|http://wiki.elmblog.com/]]
[[WikiNote|http://elmblog.com/wiki/agora/]]
[[WikiMemo|http://elmblog.com/wiki/memo/]]
[[WikiPlaza|http://plaza.wiki.com/]]
[[JotSpot|http://plaza.jot.com/]]
[[Edit|MainMenu]]

表記法の比較

Tue, 03 Oct 2006 21:07:00 GMT