素敵なTiddlyWiki - カスタマイズノート第２版

<<option chkGenerateAnRssFeed>> GenerateAnRssFeed\n<<option chkOpenInNewWindow>> OpenLinksInNewWindow\n<<option chkSaveEmptyTemplate>> SaveEmptyTemplate\n<<option chkToggleLinks>> Clicking on links to tiddlers that are already open causes them to close\n^^(override with Control or other modifier key)^^\n<<option chkHttpReadOnly>> HideEditingFeatures when viewed over HTTP\n<<option chkForceMinorUpdate>> Treat edits as MinorChanges by preserving date and time\n^^(override with Shift key when clicking 'done' or by pressing Ctrl-Shift-Enter^^\n<<option chkConfirmDelete>> ConfirmBeforeDeleting\nMaximum number of lines in a tiddler edit box: <<option txtMaxEditRows>>\nFolder name for backup files: <<option txtBackupFolder>>\n<<option chkInsertTabs>> Use tab key to insert tab characters instead of jumping to next field

/***\n\n|Name|Backup2Text Macro|\n|Created by|potto|\n|Location| http://www.potto.client.jp/|\n|Version|0.1.01|\n|Requires||\n\n!説明(Description)\n　TiddlyWikiの全ての記事を，記事の形式を保持したままテキストファイルに書き出します。復元する場合はTiddlyWikiのImportTiddlersを用いて復元が可能です。\nバックアップファイルにJavaScriptを含めたくない場合などに利用できます。またバックアップファイルのサイズをコンパクトできるなどのメリットもあります。\n\n\n!使い方(Usage)\n* バックアップボタンを押すと，日時を付加したテキストファイルが作成されます。\n* AdvancedOptionsでバックアップフォルダを指定している場合は，指定バックアップフォルダに保存されます。\n* 復元するには，Options の下の方にある　ImportTiddlers　をクリックし，参照ボタンを押して保存したテキストファイルを選択します。fetchボタンを押して復元する記事にチェックを入れ，inport there tiddlers を選択します。\n\n\n!!設置方法\n　以下のコードをコピーして記事に貼り付けます。tagsに”systemConfig"を設定して下さい。記事に{{{<<Backup2Text>>}}}と記述すると設置できます。\n\n <<Backup2Text>>\n\n\n　Web上で機能しないようにするには、以下のパラメータを記事に書いて”systemConfig"タグを入れて下さい。\n{{{\nconfig.options.chkHttpReadOnly = true;\n}}}\n\n\n\n!!コード(Code)\n***/\n/*{{{*/\n/* 設定 */\nconfig.Backup2Text ={};\nconfig.Backup2Text.settings = {\n label:"バックアップ",\n prompt:"TiddlyWikiの記事部分のみをファイルに書出します。"\n};\n/*}}}*/\n\n/*{{{*/\n\nconfig.macros.Backup2Text={};\nconfig.macros.Backup2Text.handler=function(place,macroName,params){\n if(readOnly){return;}\n var p = config.Backup2Text.settings;\n createTiddlyButton(place,p.label,p.prompt,this.onclick);\n}\n\nconfig.macros.Backup2Text.onclick=function(){\n var p = config.Backup2Text.settings;\n\n var d = document.getElementById("storeArea");\n var s ='<div id="storeArea">'+d.innerHTML+'</div>';\n\n var originalPath = document.location.toString();\n // Check we were loaded from a file URL \n if(originalPath.substr(0,5) != "file:")\n {\n alert(config.messages.notFileUrlError);\n if(store.tiddlerExists(config.messages.saveInstructions))\n story.displayTiddler(null,config.messages.saveInstructions);\n return;\n }\n var localPath = getLocalPath(originalPath);\n\n var backupPath = getBackupPath(localPath); //\n backupPath = backupPath.replace(RegExp("[.]html$","i"),".txt");\n\n var backup = saveFile(backupPath,convertUnicodeToUTF8(s));\n\n if(backup)\n displayMessage(config.messages.backupSaved , "file://" + backupPath);\n else\n alert(config.messages.backupFailed);\n}\n\n\n\n/*}}}*/\n

!!TEST\n!!TiddlyWiki\n<<cssEdit>>\n<<HTMLEdit>>\n\n

/***\n|Name|CSSEdit Macro|\n|Created by|potto|\n|Location| http://www.potto.client.jp/|\n|Version|0.1.02|\n|Requires||\n\n!説明(Description)\n　CSSを動的に書き換えてTiddlyWikiに一時的に適用します。TiddlyWikiのデザインの変更前のテストなどにご利用下さい。なおブラウザを再表示することにより適用した結果がクリアされます。\n\n!使い方(Usage)\n*GOボタンを押すとCSSを動的に書き換えて表示します。\n*"Read StyleSheet"ボタンを押すと現在設定されているStyleSheetを読み込みます。\n*”reset”ボタンを押すと，入力フォームの内容が消去されます。\n*リロードもしくは"Read StyleSheet"を押した後に"GO"ボタンを押すことにより元に戻せます。\n*"Backup"ボタンを押すとタイトル名"CSSEditBackup"が作成され，内容が保存されます。（常に上書き）\n*"Restore"を押すと，保存した内容を読み込みます。\n\n!!設置方法\n　以下の設定とコードをコピーして記事に貼り付けた後に，tagsに”systemConfig"を設定して下さい。記事に{{{<<cssEdit>>}}}と記述すると設置できます。\n\n　Web上で機能しないようにするには、以下のパラメータを記事に書いて”systemConfig"タグを入れて下さい。\n{{{\nconfig.options.chkHttpReadOnly = true;\n}}}\n\n\n<<cssEdit>>\n\n!!注意\n　{{{<<cssEdit>>}}}を複数設置すると動作しません。必ず１箇所にして下さい。よろしくお願い致します。\n\n!!設定\n***/\n/*{{{*/\nconfig.cssEdit ={};\nconfig.cssEdit.settings = {\n tags:"", //記事のタグ\n user:"CSSEditBackup", //作成者名\n backupname:"CSSEditBackup" //バックアップタイトル名\n}\n/*}}}*/\n/***\n!!Code\n***/\n/*{{{*/\nconfig.macros.cssEdit = {};\nconfig.macros.cssEdit.handler = function(place,macroName,params){\n if(readOnly){return;}\n\n var s = '<form mime="text/plain" name="CSSEditForm">'\n + '<p><textarea name="i" rows="20" style="width:90%;"></textarea></p>'\n + '<p>'\n + '<input type="button" name="go" value="GO" onclick="config.macros.cssEdit.go();"> '\n + '<input type="button" name="ReadStyleSheet" value="Read StyleSheet" onclick="config.macros.cssEdit.readStyleSheet();"> ' \n + '<input type="button" name="Backup" value="Backup" onclick="config.macros.cssEdit.Backup();"> '\n + '<input type="button" name="Restore" value="Restore" onclick="config.macros.cssEdit.restore();"> '\n + '<input type="reset" value="reset"> '\n + '</p>'\n + '</form>'\n + '<p style="font-size:small;">CSSEdit Ver 0.1.0 Copyright © 2006 <a href="http://www.potto.client.jp/">potto</a></p>';\n\n\n var e = createTiddlyElement(place,"div",null,null,"");\n\n e.innerHTML = s;\n \n}\nconfig.macros.cssEdit.go=function(){\n //setStylesheet(document.CSSEditForm.i.value,"CSSEdit");\n var s =document.CSSEditForm.i.value;\n var title = "CSSEdit_temp";\n config.macros.cssEdit.save(title,s,"temp","");\n var html = store.getRecursiveTiddlerText(title,null,10);\n store.deleteTiddler(title);\n\n setStylesheet(html,"CSSEdit");\n};\n\nconfig.macros.cssEdit.readStyleSheet=function(){\n if (! window.confirm("Read StyleSheet OK ?"))\n return;\n document.CSSEditForm.i.value = store.getTiddlerText("StyleSheet");\n};\n\nconfig.macros.cssEdit.Backup=function(){\n if (! window.confirm("Backup OK?"))\n return;\n\n var p = config.cssEdit.settings;\n var s = document.CSSEditForm.i.value;\n var title = p.backupname;\n config.macros.cssEdit.save(title,s,p.user,p.tags)\n saveChanges();\n};\n\nconfig.macros.cssEdit.restore=function(){\n if (! window.confirm("Restore OK ?"))\n return;\n\n var p = config.cssEdit.settings;\n document.CSSEditForm.i.value = store.getTiddlerText(p.backupname);\n};\n\n\nconfig.macros.cssEdit.save = function(title,s,user,tags){\n var now = new Date();\n var tiddler = store.fetchTiddler(title);\n var created;\n if(tiddler){\n created = tiddler.created;\n store.deleteTiddler(title);\n }else{\n tiddler = new Tiddler();\n created = now;\n }\n tiddler.set(title,s,user,now,tags,created);\n store.addTiddler(tiddler);\n};\n\n/*}}}*/\n\n/***\n----\n関連記事\n[[CSSEdit Macroを使ってみよう！]]\n***/\n

/***\n|Name|CSSEdit Macro|\n|Created by|potto|\n|Location| http://www.potto.client.jp/|\n|Version|0.1.01|\n|Requires||\n\n!説明(Description)\n　CSSを動的に書き換えてTiddlyWikiに一時的に適用します。TiddlyWikiのデザインの変更前のテストなどにご利用下さい。なおブラウザを再表示することにより適用した結果がクリアされます。\n\n!使い方(Usage)\n*GOボタンを押すとCSSを動的に書き換えて表示します。\n*"Read StyleSheet"ボタンを押すと現在設定されているStyleSheetを読み込みます。\n*”reset”ボタンを押すと，入力フォームの内容が消去されます。\n*リロードもしくは"Read StyleSheet"を押した後に"GO"ボタンを押すことにより元に戻せます。\n*"Backup"ボタンを押すとタイトル名"CSSEditBackup"が作成され，内容が保存されます。（常に上書き）\n*"Restore"を押すと，保存した内容を読み込みます。\n\n!!設置方法\n　以下の設定とコードをコピーして記事に貼り付けた後に，tagsに”systemConfig"を設定して下さい。記事に{{{<<cssEdit>>}}}と記述すると設置できます。\n\n　Web上で機能しないようにするには、以下のパラメータを記事に書いて”systemConfig"タグを入れて下さい。\n{{{\nconfig.options.chkHttpReadOnly = true;\n}}}\n\n\n<<cssEdit>>\n\n!!注意\n　{{{<<cssEdit>>}}}を複数設置すると動作しません。必ず１箇所にして下さい。よろしくお願い致します。\n\n!!設定\n***/\n/*{{{*/\nconfig.cssEdit ={};\nconfig.cssEdit.settings = {\n tags:"", //記事のタグ\n user:"CSSEditBackup", //作成者名\n backupname:"CSSEditBackup" //バックアップタイトル名\n}\n/*}}}*/\n/***\n!!Code\n***/\n/*{{{*/\nconfig.macros.cssEdit = {};\nconfig.macros.cssEdit.handler = function(place,macroName,params){\n if(readOnly){return;}\n\n var s = '<form mime="text/plain" name="CSSEditForm">'\n + '<p><textarea name="i" rows="20" style="width:90%;"></textarea></p>'\n + '<p>'\n + '<input type="button" name="go" value="GO" onclick="config.macros.cssEdit.go();"> '\n + '<input type="button" name="ReadStyleSheet" value="Read StyleSheet" onclick="config.macros.cssEdit.readStyleSheet();"> ' \n + '<input type="button" name="Backup" value="Backup" onclick="config.macros.cssEdit.Backup();"> '\n + '<input type="button" name="Restore" value="Restore" onclick="config.macros.cssEdit.restore();"> '\n + '<input type="reset" value="reset"> '\n + '</p>'\n + '</form>'\n + '<p style="font-size:small;">CSSEdit Ver 0.1.0 Copyright © 2006 <a href="http://www.potto.client.jp/">potto</a></p>';\n\n\n var e = createTiddlyElement(place,"div",null,null,"");\n\n e.innerHTML = s;\n \n}\nconfig.macros.cssEdit.go=function(){\n //setStylesheet(document.CSSEditForm.i.value,"CSSEdit");\n var s =document.CSSEditForm.i.value;\n var title = "CSSEdit_temp";\n config.macros.cssEdit.save(title,s,"temp","");\n var html = store.getRecursiveTiddlerText(title,null,10);\n store.deleteTiddler(title);\n\n setStylesheet(html,"CSSEdit");\n};\n\nconfig.macros.cssEdit.readStyleSheet=function(){\n if (! window.confirm("Read StyleSheet OK ?"))\n return;\n document.CSSEditForm.i.value = store.getTiddlerText("StyleSheet");\n};\n\nconfig.macros.cssEdit.Backup=function(){\n if (! window.confirm("Backup OK?"))\n return;\n\n var p = config.cssEdit.settings;\n var s = document.CSSEditForm.i.value;\n var title = p.backupname;\n config.macros.cssEdit.save(title,s,p.user,p.tags)\n saveChanges();\n};\n\nconfig.macros.cssEdit.restore=function(){\n if (! window.confirm("Restore OK ?"))\n return;\n\n var p = config.cssEdit.settings;\n document.CSSEditForm.i.value = store.getTiddlerText(p.backupname);\n};\n\n\nconfig.macros.cssEdit.save = function(title,s,user,tags){\n var p = config.HTMLEdit.settings;\n var now = new Date();\n var tiddler = store.fetchTiddler(title);\n var created;\n if(tiddler){\n created = tiddler.created;\n store.deleteTiddler(title);\n }else{\n tiddler = new Tiddler();\n created = now;\n }\n tiddler.set(title,s,user,now,tags,created);\n store.addTiddler(tiddler);\n};\n\n/*}}}*/\n\n/***\n----\n関連記事\n[[CSSEdit Macroを使ってみよう！]]\n***/\n

!!はじめに\n　[[CSSEdit Macro]]はCSSを動的に書き換えるツールです。テキストボックスに変更したいCSSを記述することでTiddlyWikiのCSSを書き換えてテストすることが可能です。\nちょっとした部分の修正や，レイアウトの検討などに利用できます。また，TiddlyWikiのStyleSheetを書き換えることがありませんので，間違っても問題ありません。デザインやレイアウトが決まったら，その内容をバックアップしてからStyleSheetに反映して下さい。\n\n!!やってみよう\n　デフォルトのTiddlyWikiを２列の右メニューにする方法です。\n\n１.TiddlyWikiのテンプレートを以下のサイトから入手して下さい。以下のアドレスで表示された、中ほどの this linkを右クリックし、「リンク先を名前を付けて保存」で保存します。\n\nhttp://www.tiddlywiki.com/#DownloadSoftware\n\n２.TiddlyWikiの記事を作成し，CSSEdit Macroをコピーして貼り付けて下さい。そして，編集の下の方にあるtagsのリンクをクリックしtagsを”systemConfig"として下さい。（入力しても可能。）\n\n３.新しく記事を作成し，{{{<<cssEdit>>}}}を記述して保存して下さい。\n\n４.ブラウザをリロードしたら{{{<<cssEdit>>}}}と記述した記事のみを表示すると入力のボックスとボタンが表示されます。\n\n５.入力ボックスに以下のコードをコピーして貼り付けてから"GO"ボタンを押して下さい。\n\n/*{{{*/\n#mainMenu {\n position: static;\n width: auto;\n text-align:right;\n padding: 0em 1em 0em 1em;\n\n background-color: #eee;\n color:#cccccc;\n }\n\n#displayArea {\n margin:0 17em 0 1em;\n padding:0;\n }\n\n#sidebar {\n position: absolute;\n right: 10px;\n width: 16em;\n font-size: .9em;\n }\n\n.headerShadow,\n.headerForeground {\n padding: 1em;\n }\n/*}}}*/\n\n６.設定が反映されて２列の右メニューになっていると思います。この設定が気に入ったら，StyleSheetにコピーして保存することでスタイルを変えることができます。また気に入らない場合は修正をしたり部分的なテストも可能です。\n\n!!最後に\n　[[CSSEdit Macro]]は部分的なテストを行うために開発したマクロです。StyleSheetが設定されていても，設定されている内容を上書きしてテストが可能なため，部分的なテストが可能です。使い方次第では強力なツールとなります。本来は自分だけの秘密のツールとして利用していましたが，TiddlyWikiのデザインやレイアウトなどをより多くの方が簡単にできるようにとの願いを込めて公開します。個人的なマクロなのでまだ不具合などもあるかと思いますがご了承下さい。\n\n\n\n\n\n

*{color:red}

[[はじめに]] [[News]]

/***\n|Name|HTMLEdit Macro|\n|Created by|potto|\n|Location| http://www.potto.client.jp/|\n|Version|0.1.01|\n|Requires||\n\n!説明(Description)\n　HTMLを動的に書き換えてTiddlyWikiに一時的に適用します。TiddlyWikiのデザインの変更前のテストなどにご利用下さい。なおブラウザを再表示することにより適用した結果がクリアされます。\n\n!使い方(Usage)\n*GOボタンを押すとHTMLを動的に書き換えて表示します。\n*"Read PageTemplate"ボタンを押すと現在設定されているPageTemplateを読み込みます。\n*”reset”ボタンを押すと，入力フォームの内容が消去されます。\n*リロードもしくは"Read PageTemplate"を押した後に"GO"ボタンを押すことにより元に戻せます。\n*"Backup"ボタンを押すとタイトル名"HTMLEditBackup"が作成され，内容が保存されます。（常に上書き）\n*"Restore"を押すと，保存した内容を読み込みます。\n\n!!設置方法\n　以下の設定とコードをコピーして記事に貼り付けた後に，tagsに”systemConfig"を設定して下さい。記事に{{{<<HTMLEdit>>}}}と記述すると設置できます。\n　Web上で機能しないようにするには、以下のパラメータを記事に書いて”systemConfig"タグを入れて下さい。\n{{{\nconfig.options.chkHttpReadOnly = true;\n}}}\n\n<<HTMLEdit>>\n\n!!注意\n　{{{<<HTMLEdit>>}}}を複数設置すると動作しません。必ず１箇所にして下さい。よろしくお願い致します。\n\n!!設定\n***/\n/*{{{*/\nconfig.HTMLEdit ={};\nconfig.HTMLEdit.settings = {\n tags:"", //記事のタグ\n user:"HTMLEditBackup", //作成者名\n backupname:"HTMLEditBackup" //バックアップタイトル名\n}\n/*}}}*/\n/***\n!!Code\n***/\n/*{{{*/\nconfig.macros.HTMLEdit = {};\nconfig.macros.HTMLEdit.handler = function(place,macroName,params){\n if(readOnly){return;}\n\n var s = '<form mime="text/plain" name="HTMLEditForm">'\n + '<p><textarea name="i" rows="20" style="width:90%;"></textarea></p>'\n + '<p>'\n + '<input type="button" name="go" value="GO" onclick="config.macros.HTMLEdit.go();"> '\n + '<input type="button" name="ReadStyleSheet" value="Read PageTemplate" onclick="config.macros.HTMLEdit.readPageTemplate();"> ' \n + '<input type="button" name="Backup" value="Backup" onclick="config.macros.HTMLEdit.Backup();"> '\n + '<input type="button" name="Restore" value="Restore" onclick="config.macros.HTMLEdit.restore();"> '\n + '<input type="reset" value="reset"> '\n + '</p>'\n + '</form>'\n + '<p style="font-size:small;">HTMLEdit Ver 0.1.0 Copyright © 2006 <a href="http://www.potto.client.jp/">potto</a></p>';\n\n\n var e = createTiddlyElement(place,"div",null,null,"");\n\n e.innerHTML = s;\n}\nconfig.macros.HTMLEdit.go=function(){\n\n\n var stash = createTiddlyElement(document.body,"div");\n stash.style.display = "none";\n var display = document.getElementById("tiddlerDisplay");\n var nodes,t;\n if(display)\n {\n nodes = display.childNodes;\n for(t=nodes.length-1; t>=0; t--)\n stash.appendChild(nodes[t]);\n }\n var wrapper = document.getElementById("contentWrapper");\n title = "HTMLEdit_temp";\n config.macros.HTMLEdit.save(title,document.HTMLEditForm.i.value,"temp","");\n var html = store.getRecursiveTiddlerText(title,null,10);\n store.deleteTiddler(title);\n\n wrapper.innerHTML = html;\n applyHtmlMacros(wrapper);\n refreshElements(wrapper);\n display = document.getElementById("tiddlerDisplay");\n removeChildren(display);\n if(!display)\n display = createTiddlyElement(wrapper,"div","tiddlerDisplay");\n nodes = stash.childNodes;\n for(t=nodes.length-1; t>=0; t--)\n display.appendChild(nodes[t]);\n stash.parentNode.removeChild(stash);\n\n};\n\nconfig.macros.HTMLEdit.readPageTemplate=function(){\n if (! window.confirm("Read PageTemplate OK ?"))\n return;\n document.HTMLEditForm.i.value = store.getTiddlerText("PageTemplate");\n};\n\nconfig.macros.HTMLEdit.Backup=function(){\n if (! window.confirm("Backup OK?"))\n return;\n\n var p = config.HTMLEdit.settings;\n var s = document.HTMLEditForm.i.value;\n\n var title = p.backupname;\n config.macros.HTMLEdit.save(title,s,p.user,p.tags)\n saveChanges();\n};\n\nconfig.macros.HTMLEdit.save = function(title,s,user,tags){\n var p = config.HTMLEdit.settings;\n var now = new Date();\n var tiddler = store.fetchTiddler(title);\n var created;\n if(tiddler){\n created = tiddler.created;\n store.deleteTiddler(title);\n }else{\n tiddler = new Tiddler();\n created = now;\n }\n tiddler.set(title,s,user,now,tags,created);\n store.addTiddler(tiddler);\n};\n\n\nconfig.macros.HTMLEdit.restore=function(){\n if (! window.confirm("Restore OK ?"))\n return;\n\n var p = config.HTMLEdit.settings;\n document.HTMLEditForm.i.value = store.getTiddlerText(p.backupname);\n};\n\n\n/*}}}*/\n\n\n\n

\n\n<div id="cb2">\n<div id="cb">\n<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>\n<div class='headerForeground'>\n<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> \n<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>\n</div>\n</div>\n<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>\n<div id="content">\n<div id='sidebar'>\n<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>\n<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>\n</div>\n<div id='displayArea'>\n<div id='messageArea'></div>\n<div id='tiddlerDisplay'></div>\n</div>\n<em class="clear"> </em>\n\n</div>\n<div id="footer">[[Copyright::Copyright]]</div>\n</div>\n</div>\n<div id="sub-content" refresh='content' tiddler='sub-content'></div>\n\n\n

<<top>>\n<<toggleSideBar>><<renameButton '>' >>\n<<jump j '' top>>\n<<saveChanges>><<renameButton s 'Save TiddlyWiki'>>\n<<newTiddler>><<renameButton n>>\n

/***\n|Name|HoverMenuPlugin|\n|Created by|SaqImtiaz|\n|Location|http://lewcid.googlepages.com/lewcid.html#HoverMenuPlugin|\n|Version|1.11|\n|Requires|~TW2.x|\n!Description:\nProvides a hovering menu on the edge of the screen for commonly used commands, that scrolls with the page.\n\n!Demo:\nObserve the hovering menu on the right edge of the screen.\n\n!Installation:\nCopy the contents of this tiddler to your TW, tag with systemConfig, save and reload your TW.\nTo customize your HoverMenu, edit the HoverMenu shadow tiddler.\n\nTo customize whether the menu sticks to the right or left edge of the screen, and its start position, edit the HoverMenu configuration settings part of the code below. It's well documented, so don't be scared!\n\nThe menu has an id of hoverMenu, in case you want to style the buttons in it using css.\n\n!Notes:\nSince the default HoverMenu contains buttons for toggling the side bar and jumping to the top of the screen and to open tiddlers, the ToggleSideBarMacro, JumpMacro and the JumpToTopMacro are included in this tiddler, so you dont need to install them separately. Having them installed separately as well could lead to complications.\n\nIf you dont intend to use these three macros at all, feel free to remove those sections of code in this tiddler.\n\n!To Do:\n* rework code to allow multiple hovering menus in different positions, horizontal etc.\n* incorporate code for keyboard shortcuts that correspond to the buttons in the hovermenu\n\n!History:\n*03-08-06, ver 1.11: fixed error with button tooltips\n*27-07-06, ver 1.1 : added JumpMacro to hoverMenu\n*23-07-06\n\n!Code\n***/\n\n/***\nstart HoverMenu plugin code\n***/\n//{{{\nconfig.hoverMenu={};\n//}}}\n\n/***\nHoverMenu configuration settings\n***/\n//{{{\nconfig.hoverMenu.settings={\n align: 'right', //align menu to right or left side of screen, possible values are 'right' and 'left' \n x: 1, // horizontal distance of menu from side of screen, increase to your liking.\n y: 158 //vertical distance of menu from top of screen at start, increase or decrease to your liking\n };\n//}}}\n\n//{{{\n//continue HoverMenu plugin code\nconfig.hoverMenu.handler=function()\n{\n var theMenu = createTiddlyElement(document.getElementById("contentWrapper"), "div","hoverMenu");\n theMenu.setAttribute("refresh","content");\n theMenu.setAttribute("tiddler","HoverMenu");\n var menuContent = store.getTiddlerText("HoverMenu");\n wikify(menuContent,theMenu);\n\n var Xloc = this.settings.x;\n Yloc =this.settings.y;\n var ns = (navigator.appName.indexOf("Netscape") != -1);\n function SetMenu(id)\n {\n var GetElements=document.getElementById?document.getElementById(id):document.all?document.all[id]:document.layers[id];\n if(document.layers)GetElements.style=GetElements;\n GetElements.sP=function(x,y){this.style[config.hoverMenu.settings.align]=x +"px";this.style.top=y +"px";};\n GetElements.x = Xloc;\n GetElements.y = findScrollY();\n GetElements.y += Yloc;\n return GetElements;\n }\n window.LoCate_XY=function()\n {\n var pY = findScrollY();\n ftlObj.y += (pY + Yloc - ftlObj.y)/15;\n ftlObj.sP(ftlObj.x, ftlObj.y);\n setTimeout("LoCate_XY()", 10);\n }\n ftlObj = SetMenu("hoverMenu");\n LoCate_XY();\n};\n\nwindow.old_lewcid_hovermenu_restart = restart;\nrestart = function()\n{\n window.old_lewcid_hovermenu_restart();\n config.hoverMenu.handler();\n};\n\nsetStylesheet(\n"#hoverMenu .button, #hoverMenu .tiddlyLink {border:none; font-weight:bold; background:#18f; color:#FFF; padding:0 5px; float:right; margin-bottom:4px;}\sn"+\n"#hoverMenu .button:hover, #hoverMenu .tiddlyLink:hover {font-weight:bold; border:none; color:#fff; background:#000; padding:0 5px; float:right; margin-bottom:4px;}\sn"+\n"#hoverMenu .button {width:100%; text-align:center}"+\n"#hoverMenu { position:absolute; width:7px;}\sn"+\n"\sn","hoverMenuStyles");\n\n\nconfig.macros.renameButton={};\nconfig.macros.renameButton.handler = function(place,macroName,params,wikifier,paramString,tiddler)\n{\n\n if (place.lastChild.tagName!="BR")\n {\n place.lastChild.firstChild.data = params[0];\n if (params[1]) {place.lastChild.title = params[1];}\n }\n};\n\nconfig.shadowTiddlers["HoverMenu"]="<<top>>\sn<<toggleSideBar>><<renameButton '>' >>\sn<<jump j '' top>>\sn<<saveChanges>><<renameButton s 'Save TiddlyWiki'>>\sn<<newTiddler>><<renameButton n>>\sn";\n//}}}\n//end HoverMenu plugin code\n\n//Start ToggleSideBarMacro code\n//{{{\nconfig.macros.toggleSideBar={};\n\nconfig.macros.toggleSideBar.settings={\n styleHide : "#sidebar { display: none;}\sn"+"#contentWrapper #displayArea { margin-right: 1em;}\sn"+"",\n styleShow : " ",\n arrow1: "«",\n arrow2: "»"\n};\n\nconfig.macros.toggleSideBar.handler=function (place,macroName,params,wikifier,paramString,tiddler)\n{\n var tooltip= params[1]||'toggle sidebar';\n var mode = (params[2] && params[2]=="hide")? "hide":"show";\n var arrow = (mode == "hide")? this.settings.arrow1:this.settings.arrow2;\n var label= (params[0]&&params[0]!='.')?params[0]+" "+arrow:arrow;\n var theBtn = createTiddlyButton(place,label,tooltip,this.onToggleSideBar,"button HideSideBarButton");\n if (mode == "hide")\n { \n (document.getElementById("sidebar")).setAttribute("toggle","hide");\n setStylesheet(this.settings.styleHide,"ToggleSideBarStyles");\n }\n};\n\nconfig.macros.toggleSideBar.onToggleSideBar = function(){\n var sidebar = document.getElementById("sidebar");\n var settings = config.macros.toggleSideBar.settings;\n if (sidebar.getAttribute("toggle")=='hide')\n {\n setStylesheet(settings.styleShow,"ToggleSideBarStyles");\n sidebar.setAttribute("toggle","show");\n this.firstChild.data= (this.firstChild.data).replace(settings.arrow1,settings.arrow2);\n }\n else\n { \n setStylesheet(settings.styleHide,"ToggleSideBarStyles");\n sidebar.setAttribute("toggle","hide");\n this.firstChild.data= (this.firstChild.data).replace(settings.arrow2,settings.arrow1);\n }\n\n return false;\n}\n\nsetStylesheet(".HideSideBarButton .button {font-weight:bold; padding: 0 5px;}\sn","ToggleSideBarButtonStyles");\n//}}}\n//end ToggleSideBarMacro code\n\n//start JumpToTopMacro code\n//{{{\nconfig.macros.top={};\nconfig.macros.top.handler=function(place,macroName)\n{\n createTiddlyButton(place,"^","jump to top",this.onclick);\n}\nconfig.macros.top.onclick=function()\n{\n window.scrollTo(0,0);\n};\n\nconfig.commands.top =\n{\n text:" ^ ",\n tooltip:"jump to top"\n};\n\nconfig.commands.top.handler = function(event,src,title)\n{\n window.scrollTo(0,0);\n}\n//}}}\n//end JumpToStartMacro code\n\n//start JumpMacro code\n//{{{\nconfig.macros.jump= {};\nconfig.macros.jump.handler = function (place,macroName,params,wikifier,paramString,tiddler)\n{\n var label = (params[0] && params[0]!=".")? params[0]: 'jump';\n var tooltip = (params[1] && params[1]!=".")? params[1]: 'jump to an open tiddler';\n var top = (params[2] && params[2]=='top') ? true: false; \n\n var btn =createTiddlyButton(place,label,tooltip,this.onclick);\n if (top==true)\n btn.setAttribute("top","true")\n}\n\nconfig.macros.jump.onclick = function(e)\n{\n if (!e) var e = window.event;\n var theTarget = resolveTarget(e);\n var top = theTarget.getAttribute("top");\n var popup = Popup.create(this);\n if(popup)\n {\n if(top=="true")\n {createTiddlyButton(createTiddlyElement(popup,"li"),'Top ↑','Top of TW',config.macros.jump.top);\n createTiddlyElement(popup,"hr");}\n \n story.forEachTiddler(function(title,element) {\n createTiddlyLink(createTiddlyElement(popup,"li"),title,true);\n });\n }\n Popup.show(popup,false);\n e.cancelBubble = true;\n if (e.stopPropagation) e.stopPropagation();\n return false;\n}\n\nconfig.macros.jump.top = function()\n{\n window.scrollTo(0,0);\n}\n//}}}\n//end JumpMacro code\n\n//utility functions\n//{{{\nPopup.show = function(unused,slowly)\n{\n var curr = Popup.stack[Popup.stack.length-1];\n var rootLeft = findPosX(curr.root);\n var rootTop = findPosY(curr.root);\n var rootHeight = curr.root.offsetHeight;\n var popupLeft = rootLeft;\n var popupTop = rootTop + rootHeight;\n var popupWidth = curr.popup.offsetWidth;\n var winWidth = findWindowWidth();\n if (isChild(curr.root,'hoverMenu'))\n var x = config.hoverMenu.settings.x;\n else\n var x = 0;\n if(popupLeft + popupWidth+x > winWidth)\n popupLeft = winWidth - popupWidth -x;\n if (isChild(curr.root,'hoverMenu'))\n {curr.popup.style.right = x + "px";}\n else\n curr.popup.style.left = popupLeft + "px";\n curr.popup.style.top = popupTop + "px";\n curr.popup.style.display = "block";\n addClass(curr.root,"highlight");\n if(config.options.chkAnimate)\n anim.startAnimating(new Scroller(curr.popup,slowly));\n else\n window.scrollTo(0,ensureVisible(curr.popup));\n}\n\nwindow.isChild = function(e,parentId) {\n while (e != null) {\n var parent = document.getElementById(parentId);\n if (parent == e) return true;\n e = e.parentNode;\n }\n return false;\n};\n//}}}

/*\n *　日本語化（必要最小限の日本語化）\n * 　Powered by potto : http://www.potto.client.jp/\n */\n\n/*サイドバー*/\nconfig.macros.search.label="検索";\nconfig.macros.closeAll.label="全てを閉じる";\nconfig.macros.permaview.label="リンクURL";\nconfig.macros.newTiddler.label="新規作成";\nconfig.macros.newJournal.label="新規作成（日付）";\nconfig.macros.saveChanges.label="上書き保存";\n\n/*記事*/\nconfig.commands.closeTiddler.text="閉じる";\nconfig.commands.closeOthers.text="他の全てを閉じる";\nconfig.commands.editTiddler.text="編集";\nconfig.commands.permalink.text="記事URL";\nconfig.commands.references.text="リンク元";\nconfig.commands.jump.text="ジャンプ";\n\n/*編集*/\nconfig.commands.saveTiddler.text="保存";\nconfig.commands.deleteTiddler.text="削除";\nconfig.commands.cancelTiddler.text="キャンセル"\n\n/*強制的にオプションを設定*/\nvar options =config.options;\noptions.chkAnimate = false;\noptions.chkAutoSave = true;\noptions.chkHttpReadOnly = true;\n\n/*日本語化*/\nconfig.macros.search.label="GO";

/***\n|''Name:''|LegacyStrikeThroughPlugin|\n|''Description:''|Support for legacy (pre 2.1) strike through formatting|\n|''Version:''|1.0.1|\n|''Date:''|Jul 21, 2006|\n|''Source:''|http://www.tiddlywiki.com/#LegacyStrikeThroughPlugin|\n|''Author:''|MartinBudden (mjbudden (at) gmail (dot) com)|\n|''License:''|[[BSD open source license]]|\n|''CoreVersion:''|2.1.0|\n|''Browser:''|Firefox 1.0.4+; Firefox 1.5; InternetExplorer 6.0|\n\n***/\n\n//{{{\n\n// Ensure that the LegacyStrikeThrough Plugin is only installed once.\nif(!version.extensions.LegacyStrikeThroughPlugin)\n {\n version.extensions.LegacyStrikeThroughPlugin = true;\n\nconfig.formatters.push(\n{\n name: "legacyStrikeByChar",\n match: "==",\n termRegExp: /(==)/mg,\n element: "strike",\n handler: config.formatterHelpers.createElementAndWikify\n});\n\n} // end of "install only once"\n//}}}\n

[[はじめに]] [[HTML|基礎 - HTML構造]]　[[CSS|基礎 - CSS]] [[Firefox|./firefox/index.html]]

\n<link rel='alternate' type='application/rss+xml' title='RSS' href='index.xml'/>\n<meta name="keyword" content="TiddlyWiki,カスタマイズ">\n<meta name="description" content="ローカルで利用可能なTiddlyWikiのカスタマイズ方法など">\n

*2006年 11月 18日新サイト立ち上げ \n*2006年 12月 10日デザイン変更。記事整理\n*2006年 12月 10日 CSS　Edit　Macroの公開\n*2006年 12月 16日 HTML Slidy Maker のテストリリース。\n*2006年 12月 16日プレゼン資料の公開。\n*2007年 4月　7日 OperaでTiddlyWiki\n*2007年 4月17日 [[Backup2Text Macro]]の作成\n*2007年 11月11日 cssedit バグ修正\n

\n<div id="cb">\n<div id="container">\n<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>\n<div class='headerForeground'>\n<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> \n<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>\n</div>\n </div>\n <div id='mainMenu' refresh='content' tiddler='MainMenu'></div>\n\n <div id="wrapper">\n <div id="content">\n <div id='displayArea'>\n <div id='messageArea'></div>\n <div id='tiddlerDisplay'></div>\n </div>\n </div>\n </div>\n\n <div id="navigation">\n </div>\n <div id="extra">\n <div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>\n <div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>\n </div>\n <div id="both"></div>\n</div> \n <div id="footer">[[Copyright::Copyright]]</div>\n</div>\n<div id="sub-content" refresh='content' tiddler='sub-content'></div>\n

　RSSを配信する場合は"SiteUrl"に自分のサイトのURLアドレスを入力する必要があります。（デフォルトはTiddlyWikiのサイトになっています）

!!はじめに\n　StyleSheetに書き込んだのに適用されないことがあります。\n\n!!考えられること\n\n1.CSS優先順位の影響で適用されない。\n　CSSの重複定義の優先順位によっては適用されないことがあります。その場合には定義の後に{{{ ! important}}}を追加することで解決できます。以下は".test"クラスに指定した例です。\n{{{\n.test {color:red ! important ;}\n}}}\n\n２.全角空白が入っている\n　CSSのセレクタや宣言^^*1^^の部分に全角空白などが入っていると指定した内容が反映されません。確認する方法は，StyleSheetの内容をテキストエディタなどにコピーして全角空白を表示するようにすると確認ができます。HTMLやCSSのチェックツールでも確認できることがあります。またテキストエディタで全角空白を半角の空白に置換することでも直すことができます。（コメント部分の空白も置換されますのでご注意下さい。）\n\n３.全角文字（２バイト文字）で指定している\n　IDの"#"やクラスの"."，その他全て半角文字列で記述することが基本となります。しかし日本語のコメントを記述した後などは日本語入力の状態のまま記述してしまうことがあります。またコメントの閉じる部分が全角のままの{{{＊/}}}であることがたまにありますのでご注意下さい。\n\n４.コメントが閉じていない\n　コメントが閉じていないことにより，次のコメントが現れるまで宣言が適用されないことがあります。{{{ * {color:red ! important ; } }}}などのコードを先頭に入れて文字が赤くなるのを確認できたら，問題の部分の前に{{{ * {color:red ! important ; } }}}を入れて確認して下さい。そして{{{ * {color:red ! important ; } }}}を問題のある部分の後ろへと移動し，閉じていない部分を少しづつ特定します。{{{ * {color:red ! important ; } }}}を入れても文字が赤くならないところはコメントが閉じていない部分です。\n　すこしコツがいりますがなれると便利です。\n\n５.マクロやプラグインでStyleSheetの効果が無効に\n　極まれにだと思いますがテーマなどを指定するプラグインなどは”StyleSheet”の内容ではなく，テーマの内容を反映します。そのようなマクロやプラグインが無いかチェックして下さい。\n\n----\n^^*1^^ スタイル指定が適用される先をセレクタ(Selector)，指定するスタイルの内容を宣言(Declaration)と呼びます。\n{{{\nセレクタ {宣言}\n}}}\n\n

　サイトのタイトルは"SiteTitle"，サブタイトルは"SiteSubtitle"で変更が可能です。

　トップのサイトタイトル部分の色は"PageTemplate"の部分で以下のようにマクロ(macro)で指定しています。"ColorPalette"の色を変更するか，直接書き換える方法があります。直接書き換えた場合は "header"クラスなども合わせて同色に変更する必要があります。\n\n!!!設定内容\n{{{\n<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>\n}}}\n\n!!!トップのサイトタイトル部分の背景色を緑に変更\n{{{\n<div class='header' macro='gradient vert #009900 #006600 '>\n}}}\n\n

tabs　マクロを使用するとタブ表示ができます。tabsの後にクラス名（クッキー名）を記述し，タブに表示，タブの説明，参照記事の順に記述します。\n参照記事内にtabsマクロを記述してある記事を指定した場合はサイドバーのようにタブを入子に出来ます。\n\n{{{\n<<tabs クラス名\nタブ表示 "タブの説明" [[参照記事]]\nタブ表示 "タブの説明" [[参照記事]]\nタブ表示 "タブの説明" [[参照記事]]\n>>\n}}}\n\n!!例\n<html>\n<style type="text/css"> \n\n</style>\n</html>\n<<tabs txtMenutab\n基礎 'TiddlyWikiの基礎です' [[基礎]]\nTips "Tips" [[Tips]]\nQ&A "Q&A"　[[Q&A]]\n資料 "資料"　[[資料]]\n>>\n\n!!記述内容\n{{{\n<<tabs txtMenutab\n基礎 'TiddlyWikiの基礎です' [[基礎]]\nTips "Tips" [[Tips]]\nQ&A "Q&A"　[[Q&A]]\n資料 "資料"　[[資料]]\n>>\n}}}\n\n!!CSSの宣言\n　タブの中の背景を白くするために，".txtMenutab .tabContents" クラスの背景色を白に変更しました。\n{{{\n.txtMenutab .tabContents{background:#ffffff;}\n}}}\n

　記事の右上に表示されている "close" , "close others" "edit" などのツールバーの色がちょっと目立ちすぎ。そこで色を変えたいのならば。以下コードを"StyleSheet"に追加するとしっくりします。\n{{{\n.toolbar .button { color: #ccc; }\n}}}\n\n※他の色を使用したい場合は[[資料 - 色見本]]を参考にして下さい。

"PageTemplate"や”StyleSheet”などをデフォルトに戻したい場合は，その記事を削除することで可能です。\n\n　"PageTemplate"などのデフォルトの定義はJavaScript内に記述されています。記事が作成されていない場合はデフォルトの定義をJavaScritp内から，記事が定義されている場合は記事の内容を優先します。したがって，デフォルトに戻したい場合は"PageTemplate"の記事を削除することで可能です。\n

TiddlyWikiではじめに表示する記事を指定したい場合は "DefaultTiddlers"の記事に表示したい記事のタイトルとスペースを空けて列記します。\n　TiddlyWiki名はそのまま，TiddlyWiki名になっていない場合は{{{[[}}}と{{{]]}}}で囲むことで出来ます。\n\n{{{\n [[はじめに]] GettingStarted\n}}}\n

　バックアップはトラブルが起きたときの保険です。バックアップによる履歴をとっておくことにより多くのトラブルを回避できます。なにか新しいことをするときや、試すときなどは必ずバックアップをするとよいでしょう。トラブルが起きたら、バックアップからトラブル前の状態に戻ってやり直すことができます。\n\n!!バックアップ例\n!!!コピー＆ペースト\n　TiddlyWikiの"StyleSheet"を記事としてコピーしておく方法があります。簡単ですが、CSSのバックアップには便利です。コピーが面倒な場合は私が作ったマクロを利用するとボタンひとつで保存ができます。\n\n入手先：[[素敵なTiddlyWiki - SaveStyles Macro|http://www.potto.client.jp/#%5B%5BSaveStyles%20Macro%5D%5D]]\n\n!!!TiddlyWikiのSaveBackupsオプション\n　TiddlyWikiのオプションに"SaveBackups"があります。この"SaveBackups"にチェックを入れることで保存のときにバックアップファイルができます。問題点はバックアップファイルが沢山でることでしょうか。\n\n!!!バージョン管理\n　バックアップの他に、世代管理、履歴管理、バージョン管理、リビジョン管理などいろいろな言葉で呼ばれているバージョン管理ソフトがありますのでそのようなソフトを利用すると、修正内容の履歴を追ってチェックができます。私は、"RCS"を使用しています。操作が簡単なことと長年利用しているからです。でも、プロジェクトが大きい場合は他のソフトを利用した方がよさそうです。ご自分にあったバージョン管理ソフトを見つけてはいかがでしょうか。\n

　マクロやプラグインのセットアップは各配布サイトの指示に従うのがよいでしょう。通常は指定されたコードを記事に貼り付けた後にtags(タグ)に"systemConfig"と記述^^*1^^して保存します。\n\n----\n^^*1^^ "systemConfig"と記述しないでも，tagsをクリックして"systemConfig"を選択することでも同様な作業を行えます。

　記事の文字を大きくしたい場合は，".viewer"クラスにフォントサイズを指定する方法があります。フォントサイズは相対指定が良いと思います。この例では親要素のフォントサイズの1.2倍の指定になります。（記述先:"StyleSheet")\n{{{\n.viewer { font-size:1.2em; }\n}}}

/***\n|Name|RSSMyTiddlersPatch|\n|Created by|potto|\n|Location| http://www.potto.client.jp/|\n|Version|0.2.0|\n|Requires||\n\n!!説明(Description)\n　自分の作成した記事のみをRSS出力するパッチです。メンテナンスの時は作成者名をadminなどにしておいて，記事を作成する場合は作成者名を基に戻して保存すると作成者名のみのRSSを出力します。\n\n!!使い方(Usage)\n　以下のコードを記事にコピーし，tagsに”systemConfig"と入力します。\n\n!!履歴(History)\n* 29 Nov 2006 version 0.1.0 test release\n* 1 Dec 2006 version 0.2.0 TiddlyWikiのプラグインとして変更　\n\n!!Code\n***/\n/*{{{*/\ngenerateRss = _generateRssPatch;\n\nfunction _generateRssPatch(){\n var s = [];\n var d = new Date();\n var u = store.getTiddlerText("SiteUrl");\n // Assemble the header\n s.push("<" + "?xml version=\s"1.0\s"?" + ">");\n s.push("<rss version=\s"2.0\s">");\n s.push("<channel>");\n s.push("<title" + ">" + wikifyPlain("SiteTitle").htmlEncode() + "</title" + ">");\n if(u)\n s.push("<link>" + u.htmlEncode() + "</link>");\n s.push("<description>" + wikifyPlain("SiteSubtitle").htmlEncode() + "</description>");\n s.push("<language>en-us</language>");\n s.push("<copyright>Copyright " + d.getFullYear() + " " + config.options.txtUserName.htmlEncode() + "</copyright>");\n s.push("<pubDate>" + d.toGMTString() + "</pubDate>");\n s.push("<lastBuildDate>" + d.toGMTString() + "</lastBuildDate>");\n s.push("<docs>http://blogs.law.harvard.edu/tech/rss</docs>");\n s.push("<generator>TiddlyWiki " + version.major + "." + version.minor + "." + version.revision + "</generator>");\n // The body\n var tiddlers = store.getTiddlers("modified","excludeLists");\n var n = config.numRssItems > tiddlers.length ? 0 : tiddlers.length-config.numRssItems;\n for (var t=tiddlers.length-1; t>=n; t--){\n if (tiddlers[t].modifier != config.options.txtUserName){continue;}\n s.push(tiddlers[t].saveToRss(u));\n }\n // And footer\n s.push("</channel>");\n s.push("</rss>");\n // Save it all\n return s.join("\sn");\n}\n/*}}}*/

/***\n|Name|SaveStyles Macro|\n|Created by|potto|\n|Location| http://www.potto.client.jp/|\n|Version|0.1.1|\n|Requires||\n\n!!説明(Description)\n　現在の適用されているStyleSheet他の設定を新しい記事として保存します。記事のタイトルに日時が追加されます。\n\n <<SaveStyles>>\n\n|保存されるタイトル|\n|StyleSheet|\n|PageTemplate|\n|ViewTemplate|\n|EditTemplate|\n|SideBarOptions|\n|SideBarTabs|\n|StyleSheetColors|\n|StyleSheetLayout|\n|StyleSheetPrint|\n\n\n!!使い方(Usage)\n　保存ボタン設置場所に {{{<<SaveStyles>>}}}　と記述する。\n\n <<SaveStyles>>\n\n!!履歴(History)\n* 29 November 2006 version 0.1.0 test release\n* 30 November 2006 version 0.1.1 ローカルのみボタンを表示\n\n!!設定\n***/\n/*{{{*/\n\nconfig.SaveStyles ={};\nconfig.SaveStyles.settings = {\n label:'スタイルバックアップ', //ラベル\n prompt:'スタイルを保存します。',\n timeline: 'YY.MM.DD hh:mm:ss', /*日時の設定*/\n UserName: 'stylebackup', /*config.options.txtUserNameで作成者*/\n tags: 'SaveStyle'\n};\n/*}}}*/\n\n/***\n!!Code\n***/\n/*{{{*/\nconfig.macros.SaveStyles={};\nconfig.macros.SaveStyles.handler=function(place,macroName){\n var p = config.SaveStyles.settings;\n if(!readOnly)\n createTiddlyButton(place,p.label,p.prompt,this.onclick);\n}\nconfig.macros.SaveStyles.onclick=function()\n{\n\n var p = config.SaveStyles.settings;\n if (! window.confirm("Styleを保存します。よろしいですか？")) {\n return;\n }\n var comment = window.prompt("コメントを入力して下さい", "");\n\n var buf = "";\n\n buf = "!!コメント\sn" + comment + "\sn"\n +"!!StyleSheet\sn{{{\sn" + store.getTiddlerText("StyleSheet") + "\sn}}}\sn"\n +"!!PageTemplate\sn{{{\sn" +store.getTiddlerText("PageTemplate") + "\sn}}}\sn"\n +"!!ViewTemplate\sn{{{\sn" +store.getTiddlerText("ViewTemplate") + "\sn}}}\sn"\n +"!!EditTemplate\sn{{{\sn" +store.getTiddlerText("EditTemplate") + "\sn}}}\sn"\n +"!!SideBarOptions\sn{{{\sn" +store.getTiddlerText("SideBarOptions") + "\sn}}}\sn"\n +"!!SideBarTabs\sn{{{\sn" +store.getTiddlerText("SideBarTabs") + "\sn}}}\sn"\n +"!!StyleSheetLayout\sn{{{\sn" +store.getTiddlerText("StyleSheetLayout") + "\sn}}}\sn"\n +"!!StyleSheetColors\sn{{{\sn" +store.getTiddlerText("StyleSheetColors") + "\sn}}}\sn"\n +"!!StyleSheetPrint\sn{{{\sn" +store.getTiddlerText("StyleSheetPrint") + "\sn}}}\sn";\n\n\n var now = new Date();\n var title = "Style Save " + now.formatString(p.timeline.trim());\n var tiddler = store.fetchTiddler(title);\n\n var created;\n if(tiddler){\n created = tiddler.created;\n store.deleteTiddler(title);\n } else {\n tiddler = new Tiddler();\n created = now;\n }\n tiddler.set(title,buf,p.UserName,now,p.tags,created);\n store.addTiddler(tiddler);\n saveChanges();\n};\n\n\n\n\n/*}}}*/\n

/***\n|Name|SaveTiddlerBackup Macro|\n|Created by|potto|\n|Location|http://www.potto.client.jp/|\n|Version|0.1.1|\n|Requires||\n\n<<SaveTiddlerBackup>>\n\n!!説明(Description)\n　指定Tiddlerを日時を付加して保存します。{{{<<SaveTiddlerBackup>>}}}と記述すると保存ボタンが生成されます。このボタンを押して，バックアップしたい記事のタイトルを入力すると日時を付加した新しい記事を作成し保存します。\n\n!!使い方(Usage)\n　保存ボタン設置場所に {{{<<SaveTiddlerBackup>>}}}　と記述する。\n\n <<SaveTiddlerBackup>>\n\n!!履歴(History)\n\n* 29 November 2006 version 0.1.0 test release\n* 30 November 2006 version 0.1.1 ローカルのみボタンを表示\n\n\n!!設定\n***/\n/*{{{*/\n\nconfig.SaveTiddlerBackup ={};\nconfig.SaveTiddlerBackup.settings = {\n label:'記事バックアップ', //ラベル\n prompt:'指定記事をバックアップします。',//説明\n inputmsg: 'バックアップするTiddlerタイトルを入力して下さい', \n errormsg: '正式なタイトル名を入力して下さい',\n timeline: 'YY.MM.DD hh:mm:ss', //日時の設定\n mark: '', //先頭につけるマーク\n UserName: 'backup', // config.options.txtUserNameで作成者名\n tags:'backup' //タグ\n};\n/*}}}*/\n\n/***\n!!Code\n***/\n/*{{{*/\nconfig.macros.SaveTiddlerBackup={};\nconfig.macros.SaveTiddlerBackup.handler=function(place,macroName){\n var p = config.SaveTiddlerBackup.settings;\n if(!readOnly)\n createTiddlyButton(place,p.label,p.prompt,this.onclick);\n }\nconfig.macros.SaveTiddlerBackup.onclick=function(){\n\n var p = config.SaveTiddlerBackup.settings;\n\n\n var orgtitle = window.prompt(p.inputmsg, "");\n if(! orgtitle){\n window.alert(p.errormsg);\n return;\n }\n\n var buf = store.getTiddlerText(orgtitle);\n var now = new Date();\n var title = p.mark + orgtitle + " " + now.formatString(p.timeline.trim());\n var tiddler = store.fetchTiddler(title);\n\n var created;\n if(tiddler){\n created = tiddler.created;\n store.deleteTiddler(title);\n } else {\n tiddler = new Tiddler();\n created = now;\n }\n tiddler.set(title,buf,p.UserName ,now,p.tags,created);\n store.addTiddler(tiddler);\n saveChanges();\n};\n\n\n\n\n\n/*}}}*/\n

/***\n\n　ShowMyTiddlersPlugin - 自分の作成した記事のみ表示\n　　　　2006.09.26 Version 1.0\n\n!説明\nプラグインを多く導入していると、更新順表示タブ等でそれらと自分の作成した記事が混ざって視認性が悪くなってしまいます。そのため、修正者名が「設定」の署名と同じ記事のみ一覧表示するプラグインを作成しました。これにより表示が変わる箇所は以下の通りです。\n\n * 更新順タブ\n * 全てタブ\n * タグタブ\n * その他-未定義タブ\n * その他-見参照タブ\n\n 開発元 TiddlyWiki Style Tips, - Macros and FAQ \n 開発元URL：http://www.geocities.jp/wikistyle/\n\n!Code\n***/\n/*{{{*/\nlookupMyTiddlers = function(list)\n{\n var newList = [];\n\n for (var i = 0; i < list.length; i++)\n if (list[i].modifier == config.options.txtUserName)\n newList.push(list[i]);\n return newList;\n\n}\n\n// 全て\nconfig.macros.list.all.handler = function(params)\n{\n var tiddlers = store.reverseLookup("tags","excludeLists",false,"title");\n tiddlers = lookupMyTiddlers(tiddlers);\n return tiddlers;\n}\n\n// その他 - 未定義\nTiddlyWiki.prototype.getMissingLinks = function(sortField)\n{\n var results = [];\n this.forEachTiddler(function (title,tiddler) {\n if (tiddler.modifier != config.options.txtUserName)\n return;\n if(tiddler.tags.find("systemConfig") == null && tiddler.tags.find("excludeMissing") == null)\n for(var n=0; n<tiddler.links.length;n++)\n {\n var link = tiddler.links[n];\n if(this.fetchTiddler(link) == null && !this.isShadowTiddler(link))\n results.pushUnique(link);\n }\n });\n results.sort();\n return results;\n}\n\n// その他 - 未参照\nTiddlyWiki.prototype.getOrphans = function()\n{\n var results = [];\n this.forEachTiddler(function (title,tiddler) {\n if (tiddler.modifier != config.options.txtUserName)\n return;\n if(this.getReferringTiddlers(title).length == 0 && !tiddler.isTagged("excludeLists"))\n results.push(title);\n });\n results.sort();\n return results;\n}\n\n// 更新順\nconfig.macros.timeline.handler = function(place,macroName,params)\n{\n var field = params[0] ? params[0] : "modified";\n var tiddlers = store.reverseLookup("tags","excludeLists",false,field);\n\n tiddlers = lookupMyTiddlers(tiddlers);\n\n var lastDay = "";\n var last = params[1] ? tiddlers.length-Math.min(tiddlers.length,parseInt(params[1])) : 0;\n for(var t=tiddlers.length-1; t>=last; t--)\n {\n var tiddler = tiddlers[t];\n var theDay = tiddler[field].convertToLocalYYYYMMDDHHMM().substr(0,8);\n if(theDay != lastDay)\n {\n var theDateList = document.createElement("ul");\n place.appendChild(theDateList);\n createTiddlyElement(theDateList,"li",null,"listTitle",tiddler[field].formatString(this.dateFormat));\n lastDay = theDay;\n }\n var theDateListItem = createTiddlyElement(theDateList,"li",null,"listLink",null);\n theDateListItem.appendChild(createTiddlyLink(place,tiddler.title,true));\n }\n}\n\n// タグ\nconfig.macros.allTags.handler = function(place,macroName,params)\n{\n var tags = store.myGetTags();\n var theDateList = createTiddlyElement(place,"ul",null,null,null);\n if(tags.length == 0)\n createTiddlyElement(theDateList,"li",null,"listTitle",this.noTags);\n for(var t=0; t<tags.length; t++)\n {\n var theListItem =createTiddlyElement(theDateList,"li",null,null,null);\n var theTag = createTiddlyButton(theListItem,tags[t][0] + " (" + tags[t][1] + ")",this.tooltip.format([tags[t][0]]),myOnClickTag);\n theTag.setAttribute("tag",tags[t][0]);\n }\n}\n\nTiddlyWiki.prototype.myGetTags = function()\n{\n var results = [];\n this.forEachTiddler(function(title,tiddler) {\n if (tiddler.modifier != config.options.txtUserName)\n return;\n for(var g=0; g<tiddler.tags.length; g++)\n {\n var tag = tiddler.tags[g];\n var f = false;\n for(var c=0; c<results.length; c++)\n if(results[c][0] == tag)\n {\n f = true;\n results[c][1]++;\n }\n if(!f)\n results.push([tag,1]);\n }\n });\n results.sort(function (a,b) {if(a[0].toLowerCase() == b[0].toLowerCase()) return(0); else return (a[0].toLowerCase() < b[0].toLowerCase()) ? -1 : +1; });\n return results;\n}\n\n// Event handler for clicking on a tiddler tag\nfunction myOnClickTag(e)\n{\n if (!e) var e = window.event;\n var theTarget = resolveTarget(e);\n var popup = Popup.create(this);\n var tag = this.getAttribute("tag");\n var title = this.getAttribute("tiddler");\n if(popup && tag)\n {\n var tagged = store.getTaggedTiddlers(tag);\n tagged = lookupMyTiddlers(tagged);\n var titles = [];\n var li,r;\n for(r=0;r<tagged.length;r++)\n if(tagged[r].title != title)\n titles.push(tagged[r].title);\n var lingo = config.views.wikified.tag;\n if(titles.length > 0)\n {\n var openAll = createTiddlyButton(createTiddlyElement(popup,"li"),lingo.openAllText.format([tag]),lingo.openAllTooltip,onClickTagOpenAll);\n openAll.setAttribute("tag",tag);\n createTiddlyElement(createTiddlyElement(popup,"li"),"hr");\n for(r=0; r<titles.length; r++)\n {\n createTiddlyLink(createTiddlyElement(popup,"li"),titles[r],true);\n }\n }\n else\n createTiddlyText(createTiddlyElement(popup,"li",null,"disabled"),lingo.popupNone.format([tag]));\n createTiddlyElement(createTiddlyElement(popup,"li"),"hr");\n var h = createTiddlyLink(createTiddlyElement(popup,"li"),tag,false);\n createTiddlyText(h,lingo.openTag.format([tag]));\n }\n Popup.show(popup,false);\n e.cancelBubble = true;\n if (e.stopPropagation) e.stopPropagation();\n return(false);\n}\n/*}}}*/

{{search{<<search>>}}}<<closeAll>><<permaview>><<newTiddler>><<newJournal 'DD MMM YYYY'>><<saveChanges>><<slider chkSliderOptionsPanel OptionsPanel 'options »' 'Change TiddlyWiki advanced options'>>\n

\n<<tabs txtMenutab\n基礎 'TiddlyWikiの基礎です' [[基礎]]\nTips "Tips" [[Tips]]\nQ&A "Q&A" [[Q&A]]\nマクロ "マクロ＆パッチ" [[マクロ＆パッチ]]\n資料 "資料" [[資料]]\n>>\n\n<<tabs txtMainTab Timeline Timeline TabTimeline All 'All tiddlers' TabAll Tags 'All tags' TabTags More 'More lists' TabMore>>\n\n<<SaveStyles>>

カスタマイズノート第２版

素敵なTiddlyWiki

http://www.potto.client.jp/

!!コメント\n\n!!StyleSheet\n{{{\n/*{{{*/\n\n/*　\n * Powered by potto : http://www.potto.client.jp/\n * 2006.12.04\n */\n\n#template a{ color:#fff;}\n\n/* Layout */\nbody{\n margin: 0 auto;\n padding: 0 auto;\n text-align:center;\n}\n\n#cb,\n#footer{\n width:700px;\n padding:10px;\n}\n\n#cb{\n margin: 0 auto;\n text-align:left;\n margin-top:10px;\n}\n\n.headerForeground {\n /*border:1px solid red;/*debug*/\n padding: 4.5em 0em 1em 1em;\n margin: 0 auto;\n}\n\n.headerForeground a{}\n\n.header{padding:0;margin:0;}\n\n#mainMenu {\n position: static;\n width: auto;\n text-align:right;\n padding: 0em 1em 0em 1em;\n }\n\n#content {\n width:100%;\n }\n\n#sidebar {\n position: static;\n width: 180px;\n font-size: 11px;\n float:right;\n }\n\n\n#displayArea {\n margin:0 0 0 10px;\n padding:0;\n padding:0;\n margin-right:200px;\n max-width:100%\n }\n\n\n*html #displayArea {\n width: 480px;\n}\n.viewer {\n word-break:break-all;\n padding:1em;\n font-size:1.2em;\n }\n.viewer li{list-style-type:square;}\n\n.clear {\n clear:both;\n display:block;\n height:1px;\n margin:0;\n padding:0;\n font-size:1px;\n line-height:1px;\n }\n\n#footer{\n margin: 0 auto;\n clear:both;\n text-align: center;\n line-height:180%;\n margin-bottom:10px;\n}\n\n#sub-content{\nmargin: 0 auto;\n width:700px;\n padding :10px 10px 50px 10px;\ntext-align:right;\n}\n\n/* color */\nbody{\n //background:#CCCCFF;\n background:#99CCFF;\n color:Black;\n }\n\n#cb{\n background:#fff;\n color:Black;\n }\n\n\n#mainMenu {\n background-color: #eee;\n color:#cccccc;\n }\n\n#footer{\n background:Navy;\n color:#fff;\n}\n\n.title {\n color:#a68c53;\n font-size: 2em;\n padding-left:0.5em;\n\n margin-bottom:10px;\n margin-top:4px;\n\n border-top:2px solid Blue; \n border-bottom:2px solid Blue;\n}\n\nh1 a,h2 a,h3 a,h4 a,h5 a{\n sans-serif;font-style:italic;\n color:#a68c53;\n background-color:transparent;\n}\n\nh1,h2{\n width:80%;\n color:#a68c53;\n border-left: 10px solid Blue;\n border-bottom:1px solid #cccccc; \n background-color:transparent;\n }\n\nh3,h4,h5{\n width:80%;\n color:#a68c53;\n background-color:transparent;\n }\n.toolbar .button {\n color: #ccc;\n }\n\n.center{\n text-align:center;\n }\n\n\n/* 検索窓\n -----------------------------------------------------------------　*/\n#sidebarOptions .search a{\n display:inline;\n font-size:11px;\n background-color:#0000CC;\n border-top:1px solid #ccccff;\n border-left:1px solid #ccccff;\n border-bottom:1px solid #000000;\n border-right:1px solid #000000;\n padding: 2px 5px 2x 5px;\n}\n\n#sidebarOptions .search a:hover{\n display:inline;\n font-size:11px;\n background-color:#0000CC;\n border-top:1px solid #000000;\n border-left:1px solid #000000;\n border-bottom:1px solid #ccccff;\n border-right:1px solid #ccccff;\n padding: 2px 5px 2x 5px;\n}\n\n.search .button{\n position:relative;\n left:140px;\n top:-6px;\n color:#ffffff;\n}\n.search input{\n position:relative;\n left:-30px;\n width:130px;\n}\n\n/*}}}*/\n}}}\n!!PageTemplate\n{{{\n\n\n<div id="cb2">\n<div id="cb">\n<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>\n<div class='headerForeground'>\n<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> \n<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>\n</div>\n</div>\n<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>\n<div id="content">\n<div id='sidebar'>\n<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>\n<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>\n</div>\n<div id='displayArea'>\n<div id='messageArea'></div>\n<div id='tiddlerDisplay'></div>\n</div>\n<em class="clear"> </em>\n</div>\n</div>\n<div id="footer">[[Copyright::Copyright]]</div>\n</div>\n<div id="sub-content" refresh='content' tiddler='sub-content'></div>\n\n\n\n}}}\n!!ViewTemplate\n{{{\n\n<div class='toolbar' macro='toolbar closeTiddler closeOthers +editTiddler permalink references jump'></div>\n<div class='title' macro='view title'></div>\n\n\n<div class='viewer' macro='view text wikified'></div>\n\n\n<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date [[DD MMM YYYY]]'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date [[DD MMM YYYY]]'></span>)</div>\n\n<div class='tagging' macro='tagging'></div>\n<div class='tagged' macro='tags'></div>\n\n<div class='tagClear'></div>\n\n\n\n}}}\n!!EditTemplate\n{{{\n\n<div class='toolbar' macro='toolbar +saveTiddler -cancelTiddler deleteTiddler'></div>\n<div class='title' macro='view title'></div>\n<div class='editor' macro='edit title'></div>\n<div class='editor' macro='edit text'></div>\n<div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser'></span></div>\n\n}}}\n!!SideBarOptions\n{{{\n{{search{<<search>>}}}<<closeAll>><<permaview>><<newTiddler>><<newJournal 'DD MMM YYYY'>><<saveChanges>><<slider chkSliderOptionsPanel OptionsPanel 'options »' 'Change TiddlyWiki advanced options'>>\n\n}}}\n!!SideBarTabs\n{{{\n\n<<tabs txtMenutab\n基礎 'TiddlyWikiの基礎です' [[基礎]]\nTips "Tips" [[Tips]]\nQ&A "Q&A"　[[Q&A]]\nマクロ "マクロ＆パッチ" [[マクロ＆パッチ]]\n資料 "資料"　[[資料]]\n>>\n\n<<tabs txtMainTab Timeline Timeline TabTimeline All 'All tiddlers' TabAll Tags 'All tags' TabTags More 'More lists' TabMore>>\n\n<<SaveStyles>>\n}}}\n!!StyleSheetLayout\n{{{\n/*{{{*/\n* html .tiddler {\n height: 1%;\n}\n\nbody {\n font-size: .75em;\n font-family: arial,helvetica;\n margin: 0;\n padding: 0;\n}\n\nh1,h2,h3,h4,h5 {\n font-weight: bold;\n text-decoration: none;\n padding-left: 0.4em;\n}\n\nh1 {font-size: 1.35em;}\nh2 {font-size: 1.25em;}\nh3 {font-size: 1.1em;}\nh4 {font-size: 1em;}\nh5 {font-size: .9em;}\n\nhr {\n height: 1px;\n}\n\na{\n text-decoration: none;\n}\n\ndt {font-weight: bold;}\n\nol { list-style-type: decimal }\nol ol { list-style-type: lower-alpha }\nol ol ol { list-style-type: lower-roman }\nol ol ol ol { list-style-type: decimal }\nol ol ol ol ol { list-style-type: lower-alpha }\nol ol ol ol ol ol { list-style-type: lower-roman }\nol ol ol ol ol ol ol { list-style-type: decimal }\n\n.txtOptionInput {\n width: 11em;\n}\n\n#contentWrapper .chkOptionInput {\n border: 0;\n}\n\n.externalLink {\n text-decoration: underline;\n}\n\n.indent {margin-left:3em;}\n.outdent {margin-left:3em; text-indent:-3em;}\ncode.escaped {white-space:nowrap;}\n\n.tiddlyLinkExisting {\n font-weight: bold;\n}\n\n.tiddlyLinkNonExisting {\n font-style: italic;\n}\n\n/* the 'a' is required for IE, otherwise it renders the whole tiddler a bold */\na.tiddlyLinkNonExisting.shadow {\n font-weight: bold;\n}\n\n#mainMenu .tiddlyLinkExisting, \n#mainMenu .tiddlyLinkNonExisting,\n#sidebarTabs .tiddlyLinkNonExisting{\n font-weight: normal;\n font-style: normal;\n}\n\n#sidebarTabs .tiddlyLinkExisting {\n font-weight: bold;\n font-style: normal;\n}\n\n\n.siteTitle {\n font-size: 3em;\n}\n\n.siteSubtitle {\n font-size: 1.2em;\n}\n\n#mainMenu {\n position: absolute;\n left: 0;\n width: 10em;\n text-align: right;\n line-height: 1.6em;\n padding: 1.5em 0.5em 0.5em 0.5em;\n font-size: 1.1em;\n}\n\n#sidebar {\n position: absolute;\n right: 3px;\n width: 16em;\n font-size: .9em;\n}\n\n#sidebarOptions {\n padding-top: 0.3em;\n}\n\n#sidebarOptions a {\n margin: 0em 0.2em;\n padding: 0.2em 0.3em;\n display: block;\n}\n\n#sidebarOptions input {\n margin: 0.4em 0.5em;\n}\n\n#sidebarOptions .sliderPanel {\n margin-left: 1em;\n padding: 0.5em;\n font-size: .85em;\n}\n\n#sidebarOptions .sliderPanel a {\n font-weight: bold;\n display: inline;\n padding: 0;\n}\n\n#sidebarOptions .sliderPanel input {\n margin: 0 0 .3em 0;\n}\n\n#sidebarTabs .tabContents {\n width: 15em;\n overflow: hidden;\n}\n\n.wizard {\n padding: 0.1em 0em 0em 2em;\n}\n\n.wizard h1 {\n font-size: 2em;\n font-weight: bold;\n background: none;\n padding: 0em 0em 0em 0em;\n margin: 0.4em 0em 0.2em 0em;\n}\n\n.wizard h2 {\n font-size: 1.2em;\n font-weight: bold;\n background: none;\n padding: 0em 0em 0em 0em;\n margin: 0.2em 0em 0.2em 0em;\n}\n\n.wizardStep {\n padding: 1em 1em 1em 1em;\n}\n\n.wizard .button {\n margin: 0.5em 0em 0em 0em;\n font-size: 1.2em;\n}\n\n#messageArea {\nposition:absolute; top:0; right:0; margin: 0.5em; padding: 0.5em;\n}\n\n*[id='messageArea'] {\nposition:fixed !important; z-index:99;}\n\n.messageToolbar {\ndisplay: block;\ntext-align: right;\n}\n\n#messageArea a{\n text-decoration: underline;\n}\n\n.popup {\n font-size: .9em;\n padding: 0.2em;\n list-style: none;\n margin: 0;\n}\n\n.popup hr {\n display: block;\n height: 1px;\n width: auto;\n padding: 0;\n margin: 0.2em 0em;\n}\n\n.listBreak {\n font-size: 1px;\n line-height: 1px;\n}\n\n.listBreak div {\n margin: 2px 0;\n}\n\n.popup li.disabled {\n padding: 0.2em;\n}\n\n.popup li a{\n display: block;\n padding: 0.2em;\n}\n\n.tabset {\n padding: 1em 0em 0em 0.5em;\n}\n\n.tab {\n margin: 0em 0em 0em 0.25em;\n padding: 2px;\n}\n\n.tabContents {\n padding: 0.5em;\n}\n\n.tabContents ul, .tabContents ol {\n margin: 0;\n padding: 0;\n}\n\n.txtMainTab .tabContents li {\n list-style: none;\n}\n\n.tabContents li.listLink {\n margin-left: .75em;\n}\n\n#displayArea {\n margin: 1em 17em 0em 14em;\n}\n\n\n.toolbar {\n text-align: right;\n font-size: .9em;\n visibility: hidden;\n}\n\n.selected .toolbar {\n visibility: visible;\n}\n\n.tiddler {\n padding: 1em 1em 0em 1em;\n}\n\n.missing .viewer,.missing .title {\n font-style: italic;\n}\n\n.title {\n font-size: 1.6em;\n font-weight: bold;\n}\n\n.missing .subtitle {\n display: none;\n}\n\n.subtitle {\n font-size: 1.1em;\n}\n\n.tiddler .button {\n padding: 0.2em 0.4em;\n}\n\n.tagging {\nmargin: 0.5em 0.5em 0.5em 0;\nfloat: left;\ndisplay: none;\n}\n\n.isTag .tagging {\ndisplay: block;\n}\n\n.tagged {\nmargin: 0.5em;\nfloat: right;\n}\n\n.tagging, .tagged {\nfont-size: 0.9em;\npadding: 0.25em;\n}\n\n.tagging ul, .tagged ul {\nlist-style: none;margin: 0.25em;\npadding: 0;\n}\n\n.tagClear {\nclear: both;\n}\n\n.footer {\n font-size: .9em;\n}\n\n.footer li {\ndisplay: inline;\n}\n\n* html .viewer pre {\n width: 99%;\n padding: 0 0 1em 0;\n}\n\n.viewer {\n line-height: 1.4em;\n padding-top: 0.5em;\n}\n\n.viewer .button {\n margin: 0em 0.25em;\n padding: 0em 0.25em;\n}\n\n.viewer blockquote {\n line-height: 1.5em;\n padding-left: 0.8em;\n margin-left: 2.5em;\n}\n\n.viewer ul, .viewer ol{\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n.viewer table {\n border-collapse: collapse;\n margin: 0.8em 1.0em;\n}\n\n.viewer th, .viewer td, .viewer tr,.viewer caption{\n padding: 3px;\n}\n\n.viewer table.listView {\n font-size: 0.85em;\n margin: 0.8em 1.0em;\n}\n\n.viewer table.listView th, .viewer table.listView td, .viewer table.listView tr {\n padding: 0px 3px 0px 3px;\n}\n\n.viewer pre {\n padding: 0.5em;\n margin-left: 0.5em;\n font-size: 1.2em;\n line-height: 1.4em;\n overflow: auto;\n}\n\n.viewer code {\n font-size: 1.2em;\n line-height: 1.4em;\n}\n\n.editor {\nfont-size: 1.1em;\n}\n\n.editor input, .editor textarea {\n display: block;\n width: 100%;\n font: inherit;\n}\n\n.editorFooter {\n padding: 0.25em 0em;\n font-size: .9em;\n}\n\n.editorFooter .button {\npadding-top: 0px; padding-bottom: 0px;}\n\n.fieldsetFix {border: 0;\npadding: 0;\nmargin: 1px 0px 1px 0px;\n}\n\n.sparkline {\n line-height: 1em;\n}\n\n.sparktick {\n outline: 0;\n}\n\n.zoomer {\n font-size: 1.1em;\n position: absolute;\n padding: 1em;\n}\n\n.cascade {\n font-size: 1.1em;\n position: absolute;\n overflow: hidden;\n}\n/*}}}*/\n}}}\n!!StyleSheetColors\n{{{\n/*{{{*/\nbody {\n background: [[ColorPalette::Background]];\n color: [[ColorPalette::Foreground]];\n}\n\na{\n color: [[ColorPalette::PrimaryMid]];\n}\n\na:hover{\n background: [[ColorPalette::PrimaryMid]];\n color: [[ColorPalette::Background]];\n}\n\na img{\n border: 0;\n}\n\nh1,h2,h3,h4,h5 {\n color: [[ColorPalette::SecondaryDark]];\n background: [[ColorPalette::PrimaryPale]];\n}\n\n.button {\n color: [[ColorPalette::PrimaryDark]];\n border: 1px solid [[ColorPalette::Background]];\n}\n\n.button:hover {\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::SecondaryLight]];\n border-color: [[ColorPalette::SecondaryMid]];\n}\n\n.button:active {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::SecondaryMid]];\n border: 1px solid [[ColorPalette::SecondaryDark]];\n}\n\n.header {\n background: [[ColorPalette::PrimaryMid]];\n}\n\n.headerShadow {\n color: [[ColorPalette::Foreground]];\n}\n\n.headerShadow a {\n font-weight: normal;\n color: [[ColorPalette::Foreground]];\n}\n\n.headerForeground {\n color: [[ColorPalette::Background]];\n}\n\n.headerForeground a {\n font-weight: normal;\n color: [[ColorPalette::PrimaryPale]];\n}\n\n.tabSelected{\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::TertiaryPale]];\n border-left: 1px solid [[ColorPalette::TertiaryLight]];\n border-top: 1px solid [[ColorPalette::TertiaryLight]];\n border-right: 1px solid [[ColorPalette::TertiaryLight]];\n}\n\n.tabUnselected {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::TertiaryMid]];\n}\n\n.tabContents {\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::TertiaryPale]];\n border: 1px solid [[ColorPalette::TertiaryLight]];\n}\n\n.tabContents .button {\n border: 0;}\n\n#sidebar {\n}\n\n#sidebarOptions input {\n border: 1px solid [[ColorPalette::PrimaryMid]];\n}\n\n#sidebarOptions .sliderPanel {\n background: [[ColorPalette::PrimaryPale]];\n}\n\n#sidebarOptions .sliderPanel a {\n border: none;\n color: [[ColorPalette::PrimaryMid]];\n}\n\n#sidebarOptions .sliderPanel a:hover {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::PrimaryMid]];\n}\n\n#sidebarOptions .sliderPanel a:active {\n color: [[ColorPalette::PrimaryMid]];\n background: [[ColorPalette::Background]];\n}\n\n.wizard {\n background: [[ColorPalette::SecondaryLight]];\n border-top: 1px solid [[ColorPalette::SecondaryMid]];\n border-left: 1px solid [[ColorPalette::SecondaryMid]];\n}\n\n.wizard h1 {\n color: [[ColorPalette::SecondaryDark]];\n}\n\n.wizard h2 {\n color: [[ColorPalette::Foreground]];\n}\n\n.wizardStep {\n background: [[ColorPalette::Background]];\n border-top: 1px solid [[ColorPalette::SecondaryMid]];\n border-bottom: 1px solid [[ColorPalette::SecondaryMid]];\n border-left: 1px solid [[ColorPalette::SecondaryMid]];\n}\n\n.wizard .button {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::PrimaryMid]];\n border-top: 1px solid [[ColorPalette::PrimaryLight]];\n border-right: 1px solid [[ColorPalette::PrimaryDark]];\n border-bottom: 1px solid [[ColorPalette::PrimaryDark]];\n border-left: 1px solid [[ColorPalette::PrimaryLight]];\n}\n\n.wizard .button:hover {\n color: [[ColorPalette::PrimaryLight]];\n background: [[ColorPalette::PrimaryDark]];\n border-color: [[ColorPalette::PrimaryLight]];\n}\n\n.wizard .button:active {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::PrimaryMid]];\n border-top: 1px solid [[ColorPalette::PrimaryLight]];\n border-right: 1px solid [[ColorPalette::PrimaryDark]];\n border-bottom: 1px solid [[ColorPalette::PrimaryDark]];\n border-left: 1px solid [[ColorPalette::PrimaryLight]];\n}\n\n#messageArea {\n border: 1px solid [[ColorPalette::SecondaryDark]];\n background: [[ColorPalette::SecondaryMid]];\n color: [[ColorPalette::PrimaryDark]];\n}\n\n#messageArea .button {\n padding: 0.2em 0.2em 0.2em 0.2em;\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::Background]];\n}\n\n.popup {\n background: [[ColorPalette::PrimaryLight]];\n border: 1px solid [[ColorPalette::PrimaryMid]];\n}\n\n.popup hr {\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::PrimaryDark]];\n border-bottom: 1px;\n}\n\n.listBreak div{\n border-bottom: 1px solid [[ColorPalette::PrimaryDark]];\n}\n\n.popup li.disabled {\n color: [[ColorPalette::PrimaryMid]];\n}\n\n.popup li a, .popup li a:visited {\n color: [[ColorPalette::TertiaryPale]];\n border: none;\n}\n\n.popup li a:hover {\n background: [[ColorPalette::PrimaryDark]];\n color: [[ColorPalette::Background]];\n border: none;\n}\n\n.tiddler .defaultCommand {\n font-weight: bold;\n}\n\n.shadow .title {\n color: [[ColorPalette::TertiaryDark]];\n}\n\n.title {\n color: [[ColorPalette::SecondaryDark]];\n}\n\n.subtitle {\n color: [[ColorPalette::TertiaryDark]];\n}\n\n.toolbar {\n color: [[ColorPalette::PrimaryMid]];\n}\n\n.tagging, .tagged {\n border: 1px solid [[ColorPalette::TertiaryPale]];\n background-color: [[ColorPalette::TertiaryPale]];\n}\n\n.selected .tagging, .selected .tagged {\n background-color: [[ColorPalette::TertiaryLight]];\n border: 1px solid [[ColorPalette::TertiaryMid]];\n}\n\n.tagging .listTitle, .tagged .listTitle {\n color: [[ColorPalette::PrimaryDark]];\n}\n\n.tagging .button, .tagged .button {\n border: none;\n}\n\n.footer {\n color: [[ColorPalette::TertiaryLight]];\n}\n\n.selected .footer {\n color: [[ColorPalette::TertiaryMid]];\n}\n\n.sparkline {\n background: [[ColorPalette::PrimaryPale]];\n border: 0;\n}\n\n.sparktick {\n background: [[ColorPalette::PrimaryDark]];\n}\n\n.error, .errorButton {\n color: [[ColorPalette::Foreground]];\n background: [[ColorPalette::Error]];\n}\n\n.warning {\n color: [[ColorPalette::Foreground]];\n background: [[ColorPalette::SecondaryPale]];\n}\n\n.cascade {\n background: [[ColorPalette::TertiaryPale]];\n color: [[ColorPalette::TertiaryMid]];\n border: 1px solid [[ColorPalette::TertiaryMid]];\n}\n\n.imageLink, #displayArea .imageLink {\n background: transparent;\n}\n\n.viewer .listTitle {list-style-type: none; margin-left: -2em;}\n\n.viewer .button {\n border: 1px solid [[ColorPalette::SecondaryMid]];\n}\n\n.viewer blockquote {\n border-left: 3px solid [[ColorPalette::TertiaryDark]];\n}\n\n.viewer table {\n border: 2px solid [[ColorPalette::TertiaryDark]];\n}\n\n.viewer th, thead td {\n background: [[ColorPalette::SecondaryMid]];\n border: 1px solid [[ColorPalette::TertiaryDark]];\n color: [[ColorPalette::Background]];\n}\n\n.viewer td, .viewer tr {\n border: 1px solid [[ColorPalette::TertiaryDark]];\n}\n\n.viewer pre {\n border: 1px solid [[ColorPalette::SecondaryLight]];\n background: [[ColorPalette::SecondaryPale]];\n}\n\n.viewer code {\n color: [[ColorPalette::SecondaryDark]];\n}\n\n.viewer hr {\n border: 0;\n border-top: dashed 1px [[ColorPalette::TertiaryDark]];\n color: [[ColorPalette::TertiaryDark]];\n}\n\n.highlight, .marked {\n background: [[ColorPalette::SecondaryLight]];\n}\n\n.editor input {\n border: 1px solid [[ColorPalette::PrimaryMid]];\n}\n\n.editor textarea {\n border: 1px solid [[ColorPalette::PrimaryMid]];\n width: 100%;\n}\n\n.editorFooter {\n color: [[ColorPalette::TertiaryMid]];\n}\n\n/*}}}*/\n}}}\n!!StyleSheetPrint\n{{{\n/*{{{*/\n@media print {\n#mainMenu, #sidebar, #messageArea, .toolbar {display: none ! important;}\n#displayArea {margin: 1em 1em 0em 1em;}\n/* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */\nnoscript {display:none;}\n}\n/*}}}*/\n}}}\n

!!コメント\n\n!!StyleSheet\n{{{\n/*{{{*/\n\n/*　\n * Powered by potto : http://www.potto.client.jp/\n * 2006.12.04\n */\n\n#template a{ color:#fff;}\n\n/* Layout */\nbody{\n margin: 0 auto;\n padding: 0 auto;\n text-align:center;\n}\n\n#cb,\n#footer{\n width:700px;\n padding:10px;\n}\n\n#cb{\n margin: 0 auto;\n text-align:left;\n margin-top:10px;\n}\n\n.headerForeground {\n /*border:1px solid red;/*debug*/\n padding: 4.5em 0em 1em 1em;\n margin: 0 auto;\n}\n\n.headerForeground a{}\n\n.header{padding:0;margin:0;}\n\n#mainMenu {\n position: static;\n width: auto;\n text-align:right;\n padding: 0em 1em 0em 1em;\n }\n\n#content {\n width:100%;\n }\n\n#sidebar {\n position: static;\n width: 180px;\n font-size: 11px;\n float:right;\n }\n\n\n#displayArea {\n margin:0 0 0 10px;\n padding:0;\n padding:0;\n margin-right:200px;\n max-width:100%\n }\n\n\n*html #displayArea {\n width: 480px;\n}\n.viewer {\n word-break:break-all;\n padding:1em;\n font-size:1.2em;\n }\n.viewer li{list-style-type:square;}\n\n.clear {\n clear:both;\n display:block;\n height:1px;\n margin:0;\n padding:0;\n font-size:1px;\n line-height:1px;\n }\n\n#footer{\n margin: 0 auto;\n clear:both;\n text-align: center;\n line-height:180%;\n margin-bottom:10px;\n}\n\n#sub-content{\nmargin: 0 auto;\n width:700px;\n padding :10px 10px 50px 10px;\ntext-align:right;\n}\n\n/* color */\nbody{\n //background:#CCCCFF;\n background:#99CCFF;\n color:Black;\n }\n\n#cb{\n background:#fff;\n color:Black;\n }\n\n\n#mainMenu {\n background-color: #eee;\n color:#cccccc;\n }\n\n#footer{\n background:Navy;\n color:#fff;\n}\n\n.title {\n color:#a68c53;\n font-size: 2em;\n padding-left:0.5em;\n\n margin-bottom:10px;\n margin-top:4px;\n\n border-top:2px solid Blue; \n border-bottom:2px solid Blue;\n}\n\nh1 a,h2 a,h3 a,h4 a,h5 a{\n sans-serif;font-style:italic;\n color:#a68c53;\n background-color:transparent;\n}\n\nh1,h2,h3,h4,h5{\n width:80%;\n color:#a68c53;\n border-left: 10px solid Blue;\n border-bottom:1px solid #cccccc; \n background-color:transparent;\n }\n\n.toolbar .button {\n color: #ccc;\n }\n\n.center{\n text-align:center;\n }\n\n\n/* 検索窓\n -----------------------------------------------------------------　*/\n#sidebarOptions .search a{\n display:inline;\n font-size:11px;\n background-color:#0000CC;\n border-top:1px solid #ccccff;\n border-left:1px solid #ccccff;\n border-bottom:1px solid #000000;\n border-right:1px solid #000000;\n padding: 2px 5px 2x 5px;\n}\n\n#sidebarOptions .search a:hover{\n display:inline;\n font-size:11px;\n background-color:#0000CC;\n border-top:1px solid #000000;\n border-left:1px solid #000000;\n border-bottom:1px solid #ccccff;\n border-right:1px solid #ccccff;\n padding: 2px 5px 2x 5px;\n}\n\n.search .button{\n position:relative;\n left:140px;\n top:-6px;\n color:#ffffff;\n}\n.search input{\n position:relative;\n left:-30px;\n width:130px;\n}\n\n/*}}}*/\n}}}\n!!PageTemplate\n{{{\n\n\n<div id="cb2">\n<div id="cb">\n<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>\n<div class='headerForeground'>\n<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> \n<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>\n</div>\n</div>\n<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>\n<div id="content">\n<div id='sidebar'>\n<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>\n<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>\n</div>\n<div id='displayArea'>\n<div id='messageArea'></div>\n<div id='tiddlerDisplay'></div>\n</div>\n<em class="clear"> </em>\n</div>\n</div>\n<div id="footer">[[Copyright::Copyright]]</div>\n</div>\n<div id="sub-content" refresh='content' tiddler='sub-content'></div>\n\n\n\n}}}\n!!ViewTemplate\n{{{\n\n<div class='toolbar' macro='toolbar closeTiddler closeOthers +editTiddler permalink references jump'></div>\n<div class='title' macro='view title'></div>\n\n\n<div class='viewer' macro='view text wikified'></div>\n\n\n<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date [[DD MMM YYYY]]'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date [[DD MMM YYYY]]'></span>)</div>\n\n<div class='tagging' macro='tagging'></div>\n<div class='tagged' macro='tags'></div>\n\n<div class='tagClear'></div>\n\n\n\n}}}\n!!EditTemplate\n{{{\n\n<div class='toolbar' macro='toolbar +saveTiddler -cancelTiddler deleteTiddler'></div>\n<div class='title' macro='view title'></div>\n<div class='editor' macro='edit title'></div>\n<div class='editor' macro='edit text'></div>\n<div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser'></span></div>\n\n}}}\n!!SideBarOptions\n{{{\n{{search{<<search>>}}}<<closeAll>><<permaview>><<newTiddler>><<newJournal 'DD MMM YYYY'>><<saveChanges>><<slider chkSliderOptionsPanel OptionsPanel 'options »' 'Change TiddlyWiki advanced options'>>\n\n}}}\n!!SideBarTabs\n{{{\n\n<<tabs txtMenutab\n基礎 'TiddlyWikiの基礎です' [[基礎]]\nTips "Tips" [[Tips]]\nQ&A "Q&A"　[[Q&A]]\n資料 "資料"　[[資料]]\n>>\n\n<<tabs txtMainTab Timeline Timeline TabTimeline All 'All tiddlers' TabAll Tags 'All tags' TabTags More 'More lists' TabMore>>\n\n<<SaveStyles>>\n}}}\n!!StyleSheetLayout\n{{{\n/*{{{*/\n* html .tiddler {\n height: 1%;\n}\n\nbody {\n font-size: .75em;\n font-family: arial,helvetica;\n margin: 0;\n padding: 0;\n}\n\nh1,h2,h3,h4,h5 {\n font-weight: bold;\n text-decoration: none;\n padding-left: 0.4em;\n}\n\nh1 {font-size: 1.35em;}\nh2 {font-size: 1.25em;}\nh3 {font-size: 1.1em;}\nh4 {font-size: 1em;}\nh5 {font-size: .9em;}\n\nhr {\n height: 1px;\n}\n\na{\n text-decoration: none;\n}\n\ndt {font-weight: bold;}\n\nol { list-style-type: decimal }\nol ol { list-style-type: lower-alpha }\nol ol ol { list-style-type: lower-roman }\nol ol ol ol { list-style-type: decimal }\nol ol ol ol ol { list-style-type: lower-alpha }\nol ol ol ol ol ol { list-style-type: lower-roman }\nol ol ol ol ol ol ol { list-style-type: decimal }\n\n.txtOptionInput {\n width: 11em;\n}\n\n#contentWrapper .chkOptionInput {\n border: 0;\n}\n\n.externalLink {\n text-decoration: underline;\n}\n\n.indent {margin-left:3em;}\n.outdent {margin-left:3em; text-indent:-3em;}\ncode.escaped {white-space:nowrap;}\n\n.tiddlyLinkExisting {\n font-weight: bold;\n}\n\n.tiddlyLinkNonExisting {\n font-style: italic;\n}\n\n/* the 'a' is required for IE, otherwise it renders the whole tiddler a bold */\na.tiddlyLinkNonExisting.shadow {\n font-weight: bold;\n}\n\n#mainMenu .tiddlyLinkExisting, \n#mainMenu .tiddlyLinkNonExisting,\n#sidebarTabs .tiddlyLinkNonExisting{\n font-weight: normal;\n font-style: normal;\n}\n\n#sidebarTabs .tiddlyLinkExisting {\n font-weight: bold;\n font-style: normal;\n}\n\n\n.siteTitle {\n font-size: 3em;\n}\n\n.siteSubtitle {\n font-size: 1.2em;\n}\n\n#mainMenu {\n position: absolute;\n left: 0;\n width: 10em;\n text-align: right;\n line-height: 1.6em;\n padding: 1.5em 0.5em 0.5em 0.5em;\n font-size: 1.1em;\n}\n\n#sidebar {\n position: absolute;\n right: 3px;\n width: 16em;\n font-size: .9em;\n}\n\n#sidebarOptions {\n padding-top: 0.3em;\n}\n\n#sidebarOptions a {\n margin: 0em 0.2em;\n padding: 0.2em 0.3em;\n display: block;\n}\n\n#sidebarOptions input {\n margin: 0.4em 0.5em;\n}\n\n#sidebarOptions .sliderPanel {\n margin-left: 1em;\n padding: 0.5em;\n font-size: .85em;\n}\n\n#sidebarOptions .sliderPanel a {\n font-weight: bold;\n display: inline;\n padding: 0;\n}\n\n#sidebarOptions .sliderPanel input {\n margin: 0 0 .3em 0;\n}\n\n#sidebarTabs .tabContents {\n width: 15em;\n overflow: hidden;\n}\n\n.wizard {\n padding: 0.1em 0em 0em 2em;\n}\n\n.wizard h1 {\n font-size: 2em;\n font-weight: bold;\n background: none;\n padding: 0em 0em 0em 0em;\n margin: 0.4em 0em 0.2em 0em;\n}\n\n.wizard h2 {\n font-size: 1.2em;\n font-weight: bold;\n background: none;\n padding: 0em 0em 0em 0em;\n margin: 0.2em 0em 0.2em 0em;\n}\n\n.wizardStep {\n padding: 1em 1em 1em 1em;\n}\n\n.wizard .button {\n margin: 0.5em 0em 0em 0em;\n font-size: 1.2em;\n}\n\n#messageArea {\nposition:absolute; top:0; right:0; margin: 0.5em; padding: 0.5em;\n}\n\n*[id='messageArea'] {\nposition:fixed !important; z-index:99;}\n\n.messageToolbar {\ndisplay: block;\ntext-align: right;\n}\n\n#messageArea a{\n text-decoration: underline;\n}\n\n.popup {\n font-size: .9em;\n padding: 0.2em;\n list-style: none;\n margin: 0;\n}\n\n.popup hr {\n display: block;\n height: 1px;\n width: auto;\n padding: 0;\n margin: 0.2em 0em;\n}\n\n.listBreak {\n font-size: 1px;\n line-height: 1px;\n}\n\n.listBreak div {\n margin: 2px 0;\n}\n\n.popup li.disabled {\n padding: 0.2em;\n}\n\n.popup li a{\n display: block;\n padding: 0.2em;\n}\n\n.tabset {\n padding: 1em 0em 0em 0.5em;\n}\n\n.tab {\n margin: 0em 0em 0em 0.25em;\n padding: 2px;\n}\n\n.tabContents {\n padding: 0.5em;\n}\n\n.tabContents ul, .tabContents ol {\n margin: 0;\n padding: 0;\n}\n\n.txtMainTab .tabContents li {\n list-style: none;\n}\n\n.tabContents li.listLink {\n margin-left: .75em;\n}\n\n#displayArea {\n margin: 1em 17em 0em 14em;\n}\n\n\n.toolbar {\n text-align: right;\n font-size: .9em;\n visibility: hidden;\n}\n\n.selected .toolbar {\n visibility: visible;\n}\n\n.tiddler {\n padding: 1em 1em 0em 1em;\n}\n\n.missing .viewer,.missing .title {\n font-style: italic;\n}\n\n.title {\n font-size: 1.6em;\n font-weight: bold;\n}\n\n.missing .subtitle {\n display: none;\n}\n\n.subtitle {\n font-size: 1.1em;\n}\n\n.tiddler .button {\n padding: 0.2em 0.4em;\n}\n\n.tagging {\nmargin: 0.5em 0.5em 0.5em 0;\nfloat: left;\ndisplay: none;\n}\n\n.isTag .tagging {\ndisplay: block;\n}\n\n.tagged {\nmargin: 0.5em;\nfloat: right;\n}\n\n.tagging, .tagged {\nfont-size: 0.9em;\npadding: 0.25em;\n}\n\n.tagging ul, .tagged ul {\nlist-style: none;margin: 0.25em;\npadding: 0;\n}\n\n.tagClear {\nclear: both;\n}\n\n.footer {\n font-size: .9em;\n}\n\n.footer li {\ndisplay: inline;\n}\n\n* html .viewer pre {\n width: 99%;\n padding: 0 0 1em 0;\n}\n\n.viewer {\n line-height: 1.4em;\n padding-top: 0.5em;\n}\n\n.viewer .button {\n margin: 0em 0.25em;\n padding: 0em 0.25em;\n}\n\n.viewer blockquote {\n line-height: 1.5em;\n padding-left: 0.8em;\n margin-left: 2.5em;\n}\n\n.viewer ul, .viewer ol{\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n.viewer table {\n border-collapse: collapse;\n margin: 0.8em 1.0em;\n}\n\n.viewer th, .viewer td, .viewer tr,.viewer caption{\n padding: 3px;\n}\n\n.viewer table.listView {\n font-size: 0.85em;\n margin: 0.8em 1.0em;\n}\n\n.viewer table.listView th, .viewer table.listView td, .viewer table.listView tr {\n padding: 0px 3px 0px 3px;\n}\n\n.viewer pre {\n padding: 0.5em;\n margin-left: 0.5em;\n font-size: 1.2em;\n line-height: 1.4em;\n overflow: auto;\n}\n\n.viewer code {\n font-size: 1.2em;\n line-height: 1.4em;\n}\n\n.editor {\nfont-size: 1.1em;\n}\n\n.editor input, .editor textarea {\n display: block;\n width: 100%;\n font: inherit;\n}\n\n.editorFooter {\n padding: 0.25em 0em;\n font-size: .9em;\n}\n\n.editorFooter .button {\npadding-top: 0px; padding-bottom: 0px;}\n\n.fieldsetFix {border: 0;\npadding: 0;\nmargin: 1px 0px 1px 0px;\n}\n\n.sparkline {\n line-height: 1em;\n}\n\n.sparktick {\n outline: 0;\n}\n\n.zoomer {\n font-size: 1.1em;\n position: absolute;\n padding: 1em;\n}\n\n.cascade {\n font-size: 1.1em;\n position: absolute;\n overflow: hidden;\n}\n/*}}}*/\n}}}\n!!StyleSheetColors\n{{{\n/*{{{*/\nbody {\n background: [[ColorPalette::Background]];\n color: [[ColorPalette::Foreground]];\n}\n\na{\n color: [[ColorPalette::PrimaryMid]];\n}\n\na:hover{\n background: [[ColorPalette::PrimaryMid]];\n color: [[ColorPalette::Background]];\n}\n\na img{\n border: 0;\n}\n\nh1,h2,h3,h4,h5 {\n color: [[ColorPalette::SecondaryDark]];\n background: [[ColorPalette::PrimaryPale]];\n}\n\n.button {\n color: [[ColorPalette::PrimaryDark]];\n border: 1px solid [[ColorPalette::Background]];\n}\n\n.button:hover {\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::SecondaryLight]];\n border-color: [[ColorPalette::SecondaryMid]];\n}\n\n.button:active {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::SecondaryMid]];\n border: 1px solid [[ColorPalette::SecondaryDark]];\n}\n\n.header {\n background: [[ColorPalette::PrimaryMid]];\n}\n\n.headerShadow {\n color: [[ColorPalette::Foreground]];\n}\n\n.headerShadow a {\n font-weight: normal;\n color: [[ColorPalette::Foreground]];\n}\n\n.headerForeground {\n color: [[ColorPalette::Background]];\n}\n\n.headerForeground a {\n font-weight: normal;\n color: [[ColorPalette::PrimaryPale]];\n}\n\n.tabSelected{\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::TertiaryPale]];\n border-left: 1px solid [[ColorPalette::TertiaryLight]];\n border-top: 1px solid [[ColorPalette::TertiaryLight]];\n border-right: 1px solid [[ColorPalette::TertiaryLight]];\n}\n\n.tabUnselected {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::TertiaryMid]];\n}\n\n.tabContents {\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::TertiaryPale]];\n border: 1px solid [[ColorPalette::TertiaryLight]];\n}\n\n.tabContents .button {\n border: 0;}\n\n#sidebar {\n}\n\n#sidebarOptions input {\n border: 1px solid [[ColorPalette::PrimaryMid]];\n}\n\n#sidebarOptions .sliderPanel {\n background: [[ColorPalette::PrimaryPale]];\n}\n\n#sidebarOptions .sliderPanel a {\n border: none;\n color: [[ColorPalette::PrimaryMid]];\n}\n\n#sidebarOptions .sliderPanel a:hover {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::PrimaryMid]];\n}\n\n#sidebarOptions .sliderPanel a:active {\n color: [[ColorPalette::PrimaryMid]];\n background: [[ColorPalette::Background]];\n}\n\n.wizard {\n background: [[ColorPalette::SecondaryLight]];\n border-top: 1px solid [[ColorPalette::SecondaryMid]];\n border-left: 1px solid [[ColorPalette::SecondaryMid]];\n}\n\n.wizard h1 {\n color: [[ColorPalette::SecondaryDark]];\n}\n\n.wizard h2 {\n color: [[ColorPalette::Foreground]];\n}\n\n.wizardStep {\n background: [[ColorPalette::Background]];\n border-top: 1px solid [[ColorPalette::SecondaryMid]];\n border-bottom: 1px solid [[ColorPalette::SecondaryMid]];\n border-left: 1px solid [[ColorPalette::SecondaryMid]];\n}\n\n.wizard .button {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::PrimaryMid]];\n border-top: 1px solid [[ColorPalette::PrimaryLight]];\n border-right: 1px solid [[ColorPalette::PrimaryDark]];\n border-bottom: 1px solid [[ColorPalette::PrimaryDark]];\n border-left: 1px solid [[ColorPalette::PrimaryLight]];\n}\n\n.wizard .button:hover {\n color: [[ColorPalette::PrimaryLight]];\n background: [[ColorPalette::PrimaryDark]];\n border-color: [[ColorPalette::PrimaryLight]];\n}\n\n.wizard .button:active {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::PrimaryMid]];\n border-top: 1px solid [[ColorPalette::PrimaryLight]];\n border-right: 1px solid [[ColorPalette::PrimaryDark]];\n border-bottom: 1px solid [[ColorPalette::PrimaryDark]];\n border-left: 1px solid [[ColorPalette::PrimaryLight]];\n}\n\n#messageArea {\n border: 1px solid [[ColorPalette::SecondaryDark]];\n background: [[ColorPalette::SecondaryMid]];\n color: [[ColorPalette::PrimaryDark]];\n}\n\n#messageArea .button {\n padding: 0.2em 0.2em 0.2em 0.2em;\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::Background]];\n}\n\n.popup {\n background: [[ColorPalette::PrimaryLight]];\n border: 1px solid [[ColorPalette::PrimaryMid]];\n}\n\n.popup hr {\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::PrimaryDark]];\n border-bottom: 1px;\n}\n\n.listBreak div{\n border-bottom: 1px solid [[ColorPalette::PrimaryDark]];\n}\n\n.popup li.disabled {\n color: [[ColorPalette::PrimaryMid]];\n}\n\n.popup li a, .popup li a:visited {\n color: [[ColorPalette::TertiaryPale]];\n border: none;\n}\n\n.popup li a:hover {\n background: [[ColorPalette::PrimaryDark]];\n color: [[ColorPalette::Background]];\n border: none;\n}\n\n.tiddler .defaultCommand {\n font-weight: bold;\n}\n\n.shadow .title {\n color: [[ColorPalette::TertiaryDark]];\n}\n\n.title {\n color: [[ColorPalette::SecondaryDark]];\n}\n\n.subtitle {\n color: [[ColorPalette::TertiaryDark]];\n}\n\n.toolbar {\n color: [[ColorPalette::PrimaryMid]];\n}\n\n.tagging, .tagged {\n border: 1px solid [[ColorPalette::TertiaryPale]];\n background-color: [[ColorPalette::TertiaryPale]];\n}\n\n.selected .tagging, .selected .tagged {\n background-color: [[ColorPalette::TertiaryLight]];\n border: 1px solid [[ColorPalette::TertiaryMid]];\n}\n\n.tagging .listTitle, .tagged .listTitle {\n color: [[ColorPalette::PrimaryDark]];\n}\n\n.tagging .button, .tagged .button {\n border: none;\n}\n\n.footer {\n color: [[ColorPalette::TertiaryLight]];\n}\n\n.selected .footer {\n color: [[ColorPalette::TertiaryMid]];\n}\n\n.sparkline {\n background: [[ColorPalette::PrimaryPale]];\n border: 0;\n}\n\n.sparktick {\n background: [[ColorPalette::PrimaryDark]];\n}\n\n.error, .errorButton {\n color: [[ColorPalette::Foreground]];\n background: [[ColorPalette::Error]];\n}\n\n.warning {\n color: [[ColorPalette::Foreground]];\n background: [[ColorPalette::SecondaryPale]];\n}\n\n.cascade {\n background: [[ColorPalette::TertiaryPale]];\n color: [[ColorPalette::TertiaryMid]];\n border: 1px solid [[ColorPalette::TertiaryMid]];\n}\n\n.imageLink, #displayArea .imageLink {\n background: transparent;\n}\n\n.viewer .listTitle {list-style-type: none; margin-left: -2em;}\n\n.viewer .button {\n border: 1px solid [[ColorPalette::SecondaryMid]];\n}\n\n.viewer blockquote {\n border-left: 3px solid [[ColorPalette::TertiaryDark]];\n}\n\n.viewer table {\n border: 2px solid [[ColorPalette::TertiaryDark]];\n}\n\n.viewer th, thead td {\n background: [[ColorPalette::SecondaryMid]];\n border: 1px solid [[ColorPalette::TertiaryDark]];\n color: [[ColorPalette::Background]];\n}\n\n.viewer td, .viewer tr {\n border: 1px solid [[ColorPalette::TertiaryDark]];\n}\n\n.viewer pre {\n border: 1px solid [[ColorPalette::SecondaryLight]];\n background: [[ColorPalette::SecondaryPale]];\n}\n\n.viewer code {\n color: [[ColorPalette::SecondaryDark]];\n}\n\n.viewer hr {\n border: 0;\n border-top: dashed 1px [[ColorPalette::TertiaryDark]];\n color: [[ColorPalette::TertiaryDark]];\n}\n\n.highlight, .marked {\n background: [[ColorPalette::SecondaryLight]];\n}\n\n.editor input {\n border: 1px solid [[ColorPalette::PrimaryMid]];\n}\n\n.editor textarea {\n border: 1px solid [[ColorPalette::PrimaryMid]];\n width: 100%;\n}\n\n.editorFooter {\n color: [[ColorPalette::TertiaryMid]];\n}\n\n/*}}}*/\n}}}\n!!StyleSheetPrint\n{{{\n/*{{{*/\n@media print {\n#mainMenu, #sidebar, #messageArea, .toolbar {display: none ! important;}\n#displayArea {margin: 1em 1em 0em 1em;}\n/* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */\nnoscript {display:none;}\n}\n/*}}}*/\n}}}\n

!!コメント\n\n!!StyleSheet\n{{{\n/*{{{*/\n\n/*　\n * Powered by potto : http://www.potto.client.jp/\n * 2006.12.04\n */\n\n#template a{ color:#fff;}\n\n/* Layout */\nbody{\n margin: 0 auto;\n padding: 0 auto;\n text-align:center;\n}\n\n#cb,\n#footer{\n width:700px;\n padding:10px;\n}\n\n#cb{\n margin: 0 auto;\n text-align:left;\n margin-top:10px;\n}\n\n.headerForeground {\n /*border:1px solid red;/*debug*/\n padding:0;\n margin: 0;\n position:relative;\n top:50px;\n left:20px;\n}\n\n.headerForeground a{}\n\n.header{\n height:100px;\n vertical-align:bottom ;\n padding:0;\n margin: 0;\n}\n\n#mainMenu {\n position: static;\n width: auto;\n text-align:right;\n padding: 0em 1em 0em 1em;\n }\n\n#content {\n width:100%;\n }\n\n#sidebar {\n position: static;\n width: 180px;\n font-size: 11px;\n float:right;\n }\n\n\n#displayArea {\n margin:0 0 0 10px;\n padding:0;\n padding:0;\n margin-right:200px;\n max-width:100%\n }\n\n\n*html #displayArea {\n width: 480px;\n}\n.viewer {\n word-break:break-all;\n padding:1em;\n font-size:1.2em;\n }\n\n\n.clear {\n clear:both;\n display:block;\n height:1px;\n margin:0;\n padding:0;\n font-size:1px;\n line-height:1px;\n }\n\n#footer{\n margin: 0 auto;\n clear:both;\n text-align: center;\n line-height:180%;\n margin-bottom:10px;\n}\n\n/* color */\nbody{\n //background:#CCCCFF;\n background:#99CCFF;\n color:Black;\n }\n\n#cb{\n background:#fff;\n color:Black;\n }\n\n\n#mainMenu {\n background-color: #eee;\n color:#cccccc;\n }\n\n#footer{\n background:Navy;\n color:#fff;\n}\n\n.title {\n color:#a68c53;\n font-size: 2em;\n padding-left:0.5em;\n\n margin-bottom:10px;\n margin-top:4px;\n\n border-top:2px solid Blue; \n border-bottom:2px solid Blue;\n}\n\nh1 a,h2 a,h3 a,h4 a,h5 a{\n sans-serif;font-style:italic;\n color:#a68c53;\n background-color:transparent;\n}\n\nh1,h2,h3,h4,h5{\n width:80%;\n color:#a68c53;\n border-left: 10px solid Blue;\n border-bottom:1px solid #cccccc; \n background-color:transparent;\n }\n\n.toolbar .button {\n color: #ccc;\n }\n\n.center{\n text-align:center;\n }\n\n/*}}}*/\n}}}\n!!PageTemplate\n{{{\n\n\n<div id="cb">\n<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>\n<div class='headerForeground'>\n<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> \n<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>\n</div>\n</div>\n<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>\n<div id="content">\n<div id='sidebar'>\n<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>\n<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>\n</div>\n<div id='displayArea'>\n<div id='messageArea'></div>\n<div id='tiddlerDisplay'></div>\n</div>\n<em class="clear"> </em>\n</div>\n<div id="footer">[[Copyright::Copyright]] <em id="template">Template by <a href="http://www.potto.client.jp/">potto</a></em></div>\n</div>\n\n\n}}}\n!!ViewTemplate\n{{{\n\n<div class='toolbar' macro='toolbar closeTiddler closeOthers +editTiddler permalink references jump'></div>\n<div class='title' macro='view title'></div>\n\n\n<div class='viewer' macro='view text wikified'></div>\n\n\n<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date [[DD MMM YYYY]]'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date [[DD MMM YYYY]]'></span>)</div>\n\n<div class='tagging' macro='tagging'></div>\n<div class='tagged' macro='tags'></div>\n\n<div class='tagClear'></div>\n\n\n\n}}}\n!!EditTemplate\n{{{\n\n<div class='toolbar' macro='toolbar +saveTiddler -cancelTiddler deleteTiddler'></div>\n<div class='title' macro='view title'></div>\n<div class='editor' macro='edit title'></div>\n<div class='editor' macro='edit text'></div>\n<div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser'></span></div>\n\n}}}\n!!SideBarOptions\n{{{\n{{search{<<search>>}}}<<closeAll>><<permaview>><<newTiddler>><<newJournal 'DD MMM YYYY'>><<saveChanges>><<slider chkSliderOptionsPanel OptionsPanel 'options »' 'Change TiddlyWiki advanced options'>>\n\n}}}\n!!SideBarTabs\n{{{\n\n<<tabs txtMenutab\n基礎 'TiddlyWikiの基礎です' [[基礎]]\nTips "Tips" [[Tips]]\nQ&A "Q&A"　[[Q&A]]\n資料 "資料"　[[資料]]\n>>\n\n<<tabs txtMainTab Timeline Timeline TabTimeline All 'All tiddlers' TabAll Tags 'All tags' TabTags More 'More lists' TabMore>>\n\n<<SaveStyles>>\n}}}\n!!StyleSheetLayout\n{{{\n/*{{{*/\n* html .tiddler {\n height: 1%;\n}\n\nbody {\n font-size: .75em;\n font-family: arial,helvetica;\n margin: 0;\n padding: 0;\n}\n\nh1,h2,h3,h4,h5 {\n font-weight: bold;\n text-decoration: none;\n padding-left: 0.4em;\n}\n\nh1 {font-size: 1.35em;}\nh2 {font-size: 1.25em;}\nh3 {font-size: 1.1em;}\nh4 {font-size: 1em;}\nh5 {font-size: .9em;}\n\nhr {\n height: 1px;\n}\n\na{\n text-decoration: none;\n}\n\ndt {font-weight: bold;}\n\nol { list-style-type: decimal }\nol ol { list-style-type: lower-alpha }\nol ol ol { list-style-type: lower-roman }\nol ol ol ol { list-style-type: decimal }\nol ol ol ol ol { list-style-type: lower-alpha }\nol ol ol ol ol ol { list-style-type: lower-roman }\nol ol ol ol ol ol ol { list-style-type: decimal }\n\n.txtOptionInput {\n width: 11em;\n}\n\n#contentWrapper .chkOptionInput {\n border: 0;\n}\n\n.externalLink {\n text-decoration: underline;\n}\n\n.indent {margin-left:3em;}\n.outdent {margin-left:3em; text-indent:-3em;}\ncode.escaped {white-space:nowrap;}\n\n.tiddlyLinkExisting {\n font-weight: bold;\n}\n\n.tiddlyLinkNonExisting {\n font-style: italic;\n}\n\n/* the 'a' is required for IE, otherwise it renders the whole tiddler a bold */\na.tiddlyLinkNonExisting.shadow {\n font-weight: bold;\n}\n\n#mainMenu .tiddlyLinkExisting, \n#mainMenu .tiddlyLinkNonExisting,\n#sidebarTabs .tiddlyLinkNonExisting{\n font-weight: normal;\n font-style: normal;\n}\n\n#sidebarTabs .tiddlyLinkExisting {\n font-weight: bold;\n font-style: normal;\n}\n\n.header {\n position: relative;\n}\n\n.header a:hover {\n background: transparent;\n}\n\n.headerShadow {\n position: relative;\n padding: 4.5em 0em 1em 1em;\n left: -1px;\n top: -1px;\n}\n\n.headerForeground {\n position: absolute;\n padding: 4.5em 0em 1em 1em;\n left: 0px;\n top: 0px;\n}\n\n.siteTitle {\n font-size: 3em;\n}\n\n.siteSubtitle {\n font-size: 1.2em;\n}\n\n#mainMenu {\n position: absolute;\n left: 0;\n width: 10em;\n text-align: right;\n line-height: 1.6em;\n padding: 1.5em 0.5em 0.5em 0.5em;\n font-size: 1.1em;\n}\n\n#sidebar {\n position: absolute;\n right: 3px;\n width: 16em;\n font-size: .9em;\n}\n\n#sidebarOptions {\n padding-top: 0.3em;\n}\n\n#sidebarOptions a {\n margin: 0em 0.2em;\n padding: 0.2em 0.3em;\n display: block;\n}\n\n#sidebarOptions input {\n margin: 0.4em 0.5em;\n}\n\n#sidebarOptions .sliderPanel {\n margin-left: 1em;\n padding: 0.5em;\n font-size: .85em;\n}\n\n#sidebarOptions .sliderPanel a {\n font-weight: bold;\n display: inline;\n padding: 0;\n}\n\n#sidebarOptions .sliderPanel input {\n margin: 0 0 .3em 0;\n}\n\n#sidebarTabs .tabContents {\n width: 15em;\n overflow: hidden;\n}\n\n.wizard {\n padding: 0.1em 0em 0em 2em;\n}\n\n.wizard h1 {\n font-size: 2em;\n font-weight: bold;\n background: none;\n padding: 0em 0em 0em 0em;\n margin: 0.4em 0em 0.2em 0em;\n}\n\n.wizard h2 {\n font-size: 1.2em;\n font-weight: bold;\n background: none;\n padding: 0em 0em 0em 0em;\n margin: 0.2em 0em 0.2em 0em;\n}\n\n.wizardStep {\n padding: 1em 1em 1em 1em;\n}\n\n.wizard .button {\n margin: 0.5em 0em 0em 0em;\n font-size: 1.2em;\n}\n\n#messageArea {\nposition:absolute; top:0; right:0; margin: 0.5em; padding: 0.5em;\n}\n\n*[id='messageArea'] {\nposition:fixed !important; z-index:99;}\n\n.messageToolbar {\ndisplay: block;\ntext-align: right;\n}\n\n#messageArea a{\n text-decoration: underline;\n}\n\n.popup {\n font-size: .9em;\n padding: 0.2em;\n list-style: none;\n margin: 0;\n}\n\n.popup hr {\n display: block;\n height: 1px;\n width: auto;\n padding: 0;\n margin: 0.2em 0em;\n}\n\n.listBreak {\n font-size: 1px;\n line-height: 1px;\n}\n\n.listBreak div {\n margin: 2px 0;\n}\n\n.popup li.disabled {\n padding: 0.2em;\n}\n\n.popup li a{\n display: block;\n padding: 0.2em;\n}\n\n.tabset {\n padding: 1em 0em 0em 0.5em;\n}\n\n.tab {\n margin: 0em 0em 0em 0.25em;\n padding: 2px;\n}\n\n.tabContents {\n padding: 0.5em;\n}\n\n.tabContents ul, .tabContents ol {\n margin: 0;\n padding: 0;\n}\n\n.txtMainTab .tabContents li {\n list-style: none;\n}\n\n.tabContents li.listLink {\n margin-left: .75em;\n}\n\n#displayArea {\n margin: 1em 17em 0em 14em;\n}\n\n\n.toolbar {\n text-align: right;\n font-size: .9em;\n visibility: hidden;\n}\n\n.selected .toolbar {\n visibility: visible;\n}\n\n.tiddler {\n padding: 1em 1em 0em 1em;\n}\n\n.missing .viewer,.missing .title {\n font-style: italic;\n}\n\n.title {\n font-size: 1.6em;\n font-weight: bold;\n}\n\n.missing .subtitle {\n display: none;\n}\n\n.subtitle {\n font-size: 1.1em;\n}\n\n.tiddler .button {\n padding: 0.2em 0.4em;\n}\n\n.tagging {\nmargin: 0.5em 0.5em 0.5em 0;\nfloat: left;\ndisplay: none;\n}\n\n.isTag .tagging {\ndisplay: block;\n}\n\n.tagged {\nmargin: 0.5em;\nfloat: right;\n}\n\n.tagging, .tagged {\nfont-size: 0.9em;\npadding: 0.25em;\n}\n\n.tagging ul, .tagged ul {\nlist-style: none;margin: 0.25em;\npadding: 0;\n}\n\n.tagClear {\nclear: both;\n}\n\n.footer {\n font-size: .9em;\n}\n\n.footer li {\ndisplay: inline;\n}\n\n* html .viewer pre {\n width: 99%;\n padding: 0 0 1em 0;\n}\n\n.viewer {\n line-height: 1.4em;\n padding-top: 0.5em;\n}\n\n.viewer .button {\n margin: 0em 0.25em;\n padding: 0em 0.25em;\n}\n\n.viewer blockquote {\n line-height: 1.5em;\n padding-left: 0.8em;\n margin-left: 2.5em;\n}\n\n.viewer ul, .viewer ol{\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n.viewer table {\n border-collapse: collapse;\n margin: 0.8em 1.0em;\n}\n\n.viewer th, .viewer td, .viewer tr,.viewer caption{\n padding: 3px;\n}\n\n.viewer table.listView {\n font-size: 0.85em;\n margin: 0.8em 1.0em;\n}\n\n.viewer table.listView th, .viewer table.listView td, .viewer table.listView tr {\n padding: 0px 3px 0px 3px;\n}\n\n.viewer pre {\n padding: 0.5em;\n margin-left: 0.5em;\n font-size: 1.2em;\n line-height: 1.4em;\n overflow: auto;\n}\n\n.viewer code {\n font-size: 1.2em;\n line-height: 1.4em;\n}\n\n.editor {\nfont-size: 1.1em;\n}\n\n.editor input, .editor textarea {\n display: block;\n width: 100%;\n font: inherit;\n}\n\n.editorFooter {\n padding: 0.25em 0em;\n font-size: .9em;\n}\n\n.editorFooter .button {\npadding-top: 0px; padding-bottom: 0px;}\n\n.fieldsetFix {border: 0;\npadding: 0;\nmargin: 1px 0px 1px 0px;\n}\n\n.sparkline {\n line-height: 1em;\n}\n\n.sparktick {\n outline: 0;\n}\n\n.zoomer {\n font-size: 1.1em;\n position: absolute;\n padding: 1em;\n}\n\n.cascade {\n font-size: 1.1em;\n position: absolute;\n overflow: hidden;\n}\n/*}}}*/\n}}}\n!!StyleSheetColors\n{{{\n/*{{{*/\nbody {\n background: [[ColorPalette::Background]];\n color: [[ColorPalette::Foreground]];\n}\n\na{\n color: [[ColorPalette::PrimaryMid]];\n}\n\na:hover{\n background: [[ColorPalette::PrimaryMid]];\n color: [[ColorPalette::Background]];\n}\n\na img{\n border: 0;\n}\n\nh1,h2,h3,h4,h5 {\n color: [[ColorPalette::SecondaryDark]];\n background: [[ColorPalette::PrimaryPale]];\n}\n\n.button {\n color: [[ColorPalette::PrimaryDark]];\n border: 1px solid [[ColorPalette::Background]];\n}\n\n.button:hover {\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::SecondaryLight]];\n border-color: [[ColorPalette::SecondaryMid]];\n}\n\n.button:active {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::SecondaryMid]];\n border: 1px solid [[ColorPalette::SecondaryDark]];\n}\n\n.header {\n background: [[ColorPalette::PrimaryMid]];\n}\n\n.headerShadow {\n color: [[ColorPalette::Foreground]];\n}\n\n.headerShadow a {\n font-weight: normal;\n color: [[ColorPalette::Foreground]];\n}\n\n.headerForeground {\n color: [[ColorPalette::Background]];\n}\n\n.headerForeground a {\n font-weight: normal;\n color: [[ColorPalette::PrimaryPale]];\n}\n\n.tabSelected{\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::TertiaryPale]];\n border-left: 1px solid [[ColorPalette::TertiaryLight]];\n border-top: 1px solid [[ColorPalette::TertiaryLight]];\n border-right: 1px solid [[ColorPalette::TertiaryLight]];\n}\n\n.tabUnselected {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::TertiaryMid]];\n}\n\n.tabContents {\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::TertiaryPale]];\n border: 1px solid [[ColorPalette::TertiaryLight]];\n}\n\n.tabContents .button {\n border: 0;}\n\n#sidebar {\n}\n\n#sidebarOptions input {\n border: 1px solid [[ColorPalette::PrimaryMid]];\n}\n\n#sidebarOptions .sliderPanel {\n background: [[ColorPalette::PrimaryPale]];\n}\n\n#sidebarOptions .sliderPanel a {\n border: none;\n color: [[ColorPalette::PrimaryMid]];\n}\n\n#sidebarOptions .sliderPanel a:hover {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::PrimaryMid]];\n}\n\n#sidebarOptions .sliderPanel a:active {\n color: [[ColorPalette::PrimaryMid]];\n background: [[ColorPalette::Background]];\n}\n\n.wizard {\n background: [[ColorPalette::SecondaryLight]];\n border-top: 1px solid [[ColorPalette::SecondaryMid]];\n border-left: 1px solid [[ColorPalette::SecondaryMid]];\n}\n\n.wizard h1 {\n color: [[ColorPalette::SecondaryDark]];\n}\n\n.wizard h2 {\n color: [[ColorPalette::Foreground]];\n}\n\n.wizardStep {\n background: [[ColorPalette::Background]];\n border-top: 1px solid [[ColorPalette::SecondaryMid]];\n border-bottom: 1px solid [[ColorPalette::SecondaryMid]];\n border-left: 1px solid [[ColorPalette::SecondaryMid]];\n}\n\n.wizard .button {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::PrimaryMid]];\n border-top: 1px solid [[ColorPalette::PrimaryLight]];\n border-right: 1px solid [[ColorPalette::PrimaryDark]];\n border-bottom: 1px solid [[ColorPalette::PrimaryDark]];\n border-left: 1px solid [[ColorPalette::PrimaryLight]];\n}\n\n.wizard .button:hover {\n color: [[ColorPalette::PrimaryLight]];\n background: [[ColorPalette::PrimaryDark]];\n border-color: [[ColorPalette::PrimaryLight]];\n}\n\n.wizard .button:active {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::PrimaryMid]];\n border-top: 1px solid [[ColorPalette::PrimaryLight]];\n border-right: 1px solid [[ColorPalette::PrimaryDark]];\n border-bottom: 1px solid [[ColorPalette::PrimaryDark]];\n border-left: 1px solid [[ColorPalette::PrimaryLight]];\n}\n\n#messageArea {\n border: 1px solid [[ColorPalette::SecondaryDark]];\n background: [[ColorPalette::SecondaryMid]];\n color: [[ColorPalette::PrimaryDark]];\n}\n\n#messageArea .button {\n padding: 0.2em 0.2em 0.2em 0.2em;\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::Background]];\n}\n\n.popup {\n background: [[ColorPalette::PrimaryLight]];\n border: 1px solid [[ColorPalette::PrimaryMid]];\n}\n\n.popup hr {\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::PrimaryDark]];\n border-bottom: 1px;\n}\n\n.listBreak div{\n border-bottom: 1px solid [[ColorPalette::PrimaryDark]];\n}\n\n.popup li.disabled {\n color: [[ColorPalette::PrimaryMid]];\n}\n\n.popup li a, .popup li a:visited {\n color: [[ColorPalette::TertiaryPale]];\n border: none;\n}\n\n.popup li a:hover {\n background: [[ColorPalette::PrimaryDark]];\n color: [[ColorPalette::Background]];\n border: none;\n}\n\n.tiddler .defaultCommand {\n font-weight: bold;\n}\n\n.shadow .title {\n color: [[ColorPalette::TertiaryDark]];\n}\n\n.title {\n color: [[ColorPalette::SecondaryDark]];\n}\n\n.subtitle {\n color: [[ColorPalette::TertiaryDark]];\n}\n\n.toolbar {\n color: [[ColorPalette::PrimaryMid]];\n}\n\n.tagging, .tagged {\n border: 1px solid [[ColorPalette::TertiaryPale]];\n background-color: [[ColorPalette::TertiaryPale]];\n}\n\n.selected .tagging, .selected .tagged {\n background-color: [[ColorPalette::TertiaryLight]];\n border: 1px solid [[ColorPalette::TertiaryMid]];\n}\n\n.tagging .listTitle, .tagged .listTitle {\n color: [[ColorPalette::PrimaryDark]];\n}\n\n.tagging .button, .tagged .button {\n border: none;\n}\n\n.footer {\n color: [[ColorPalette::TertiaryLight]];\n}\n\n.selected .footer {\n color: [[ColorPalette::TertiaryMid]];\n}\n\n.sparkline {\n background: [[ColorPalette::PrimaryPale]];\n border: 0;\n}\n\n.sparktick {\n background: [[ColorPalette::PrimaryDark]];\n}\n\n.error, .errorButton {\n color: [[ColorPalette::Foreground]];\n background: [[ColorPalette::Error]];\n}\n\n.warning {\n color: [[ColorPalette::Foreground]];\n background: [[ColorPalette::SecondaryPale]];\n}\n\n.cascade {\n background: [[ColorPalette::TertiaryPale]];\n color: [[ColorPalette::TertiaryMid]];\n border: 1px solid [[ColorPalette::TertiaryMid]];\n}\n\n.imageLink, #displayArea .imageLink {\n background: transparent;\n}\n\n.viewer .listTitle {list-style-type: none; margin-left: -2em;}\n\n.viewer .button {\n border: 1px solid [[ColorPalette::SecondaryMid]];\n}\n\n.viewer blockquote {\n border-left: 3px solid [[ColorPalette::TertiaryDark]];\n}\n\n.viewer table {\n border: 2px solid [[ColorPalette::TertiaryDark]];\n}\n\n.viewer th, thead td {\n background: [[ColorPalette::SecondaryMid]];\n border: 1px solid [[ColorPalette::TertiaryDark]];\n color: [[ColorPalette::Background]];\n}\n\n.viewer td, .viewer tr {\n border: 1px solid [[ColorPalette::TertiaryDark]];\n}\n\n.viewer pre {\n border: 1px solid [[ColorPalette::SecondaryLight]];\n background: [[ColorPalette::SecondaryPale]];\n}\n\n.viewer code {\n color: [[ColorPalette::SecondaryDark]];\n}\n\n.viewer hr {\n border: 0;\n border-top: dashed 1px [[ColorPalette::TertiaryDark]];\n color: [[ColorPalette::TertiaryDark]];\n}\n\n.highlight, .marked {\n background: [[ColorPalette::SecondaryLight]];\n}\n\n.editor input {\n border: 1px solid [[ColorPalette::PrimaryMid]];\n}\n\n.editor textarea {\n border: 1px solid [[ColorPalette::PrimaryMid]];\n width: 100%;\n}\n\n.editorFooter {\n color: [[ColorPalette::TertiaryMid]];\n}\n\n/*}}}*/\n}}}\n!!StyleSheetPrint\n{{{\n/*{{{*/\n@media print {\n#mainMenu, #sidebar, #messageArea, .toolbar {display: none ! important;}\n#displayArea {margin: 1em 1em 0em 1em;}\n/* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */\nnoscript {display:none;}\n}\n/*}}}*/\n}}}\n

!!コメント\n\n!!StyleSheet\n{{{\n/*{{{*/\n\n/*　\n * Powered by potto : http://www.potto.client.jp/\n * 2006.12.04\n */\n\n#template a{ color:#fff;}\n\n/* Layout */\nbody{\n margin: 0 auto;\n padding:0 auto;\n text-align:center;\n}\n\n#cb,\n#footer{\n width:700px;\n padding:10px;\n}\n\n#cb{\n margin: 0 auto;\n text-align:left;\n margin-top:10px;\n}\n\n.headerForeground {\nposition: static;\n /*border:1px solid red;/*debug*/\n padding: 4.5em 0em 1em 1em;\n margin: 0 auto;\n}\n\n.headerForeground a{}\n\n.header{padding:0;margin:0;}\n\n#mainMenu {\n position: static;\n width: auto;\n text-align:right;\n padding: 0em 1em 0em 1em;\n }\n\n#content {\n width:100%;\n }\n\n#sidebar {\n position: static;\n width: 180px;\n font-size: 11px;\n float:right;\n }\n\n\n#displayArea {\n margin:0 0 0 10px;\n padding:0;\n padding:0;\n margin-right:200px;\n max-width:100%\n }\n\n\n* html #displayArea {\n width: 480px;\n}\n.viewer {\n /*word-break:break-all;*/\n padding:1em;\n font-size:1.2em;\n }\n.viewer li{list-style-type:square;}\n\n.clear {\n clear:both;\n display:block;\n height:1px;\n margin:0;\n padding:0;\n font-size:1px;\n line-height:1px;\n }\n\n#footer{\n margin: 0 auto;\n clear:both;\n text-align: center;\n line-height:180%;\n margin-bottom:10px;\n}\n\n#sub-content{\nmargin: 0 auto;\n width:700px;\n padding :10px 10px 50px 10px;\ntext-align:right;\n}\n\n/* color */\nbody{\n background:#99CCFF;\n color:Black;\n }\n\n#cb{\n background:#fff;\n color:Black;\n }\n\n\n#mainMenu {\n background-color: #eee;\n color:#cccccc;\n }\n\n#footer{\n background:Navy;\n color:#fff;\n}\n\n.title {\n color:#a68c53;\n font-size: 2em;\n padding-left:0.5em;\n\n margin-bottom:10px;\n margin-top:4px;\n\n border-top:2px solid Blue; \n border-bottom:2px solid Blue;\n}\n\nh1 a,h2 a,h3 a,h4 a,h5 a{\n font-style:italic;\n color:#a68c53;\n background-color:transparent;\n}\n\nh1,h2{\n width:80%;\n color:#a68c53;\n border-left: 10px solid Blue;\n border-bottom:1px solid #cccccc; \n background-color:transparent;\n }\n\nh3,h4,h5{\n width:80%;\n color:#a68c53;\n background-color:transparent;\n }\n.toolbar .button {\n color: #ccc;\n }\n\n.center{\n text-align:center;\n }\n\n\n/* 検索窓\n -----------------------------------------------------------------　*/\n#sidebarOptions .search a{\n display:inline;\n font-size:11px;\n background-color:#0000CC;\n border-top:1px solid #ccccff;\n border-left:1px solid #ccccff;\n border-bottom:1px solid #000000;\n border-right:1px solid #000000;\n padding: 2px 5px 2px 5px;\n}\n\n#sidebarOptions .search a:hover{\n display:inline;\n font-size:11px;\n background-color:#0000CC;\n border-top:1px solid #000000;\n border-left:1px solid #000000;\n border-bottom:1px solid #ccccff;\n border-right:1px solid #ccccff;\n padding: 2px 5px 2px 5px;\n}\n\n.search .button{\n position:relative;\n left:140px;\n top:-6px;\n color:#ffffff;\n}\n.search input{\n position:relative;\n left:-30px;\n width:130px;\n}\n\n/*}}}*/\n}}}\n!!PageTemplate\n{{{\n\n\n<div id="cb2">\n<div id="cb">\n<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>\n<div class='headerForeground'>\n<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> \n<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>\n</div>\n</div>\n<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>\n<div id="content">\n<div id='sidebar'>\n<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>\n<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>\n</div>\n<div id='displayArea'>\n<div id='messageArea'></div>\n<div id='tiddlerDisplay'></div>\n</div>\n<em class="clear"> </em>\n</div>\n</div>\n<div id="footer">[[Copyright::Copyright]]</div>\n</div>\n<div id="sub-content" refresh='content' tiddler='sub-content'></div>\n\n\n\n}}}\n!!ViewTemplate\n{{{\n\n<div class='toolbar' macro='toolbar closeTiddler closeOthers +editTiddler permalink references jump'></div>\n<div class='title' macro='view title'></div>\n\n\n<div class='viewer' macro='view text wikified'></div>\n\n\n<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date [[DD MMM YYYY]]'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date [[DD MMM YYYY]]'></span>)</div>\n\n<div class='tagging' macro='tagging'></div>\n<div class='tagged' macro='tags'></div>\n\n<div class='tagClear'></div>\n\n\n\n}}}\n!!EditTemplate\n{{{\n\n<div class='toolbar' macro='toolbar +saveTiddler -cancelTiddler deleteTiddler'></div>\n<div class='title' macro='view title'></div>\n<div class='editor' macro='edit title'></div>\n<div class='editor' macro='edit text'></div>\n<div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser'></span></div>\n\n}}}\n!!SideBarOptions\n{{{\n{{search{<<search>>}}}<<closeAll>><<permaview>><<newTiddler>><<newJournal 'DD MMM YYYY'>><<saveChanges>><<slider chkSliderOptionsPanel OptionsPanel 'options »' 'Change TiddlyWiki advanced options'>>\n\n}}}\n!!SideBarTabs\n{{{\n\n<<tabs txtMenutab\n基礎 'TiddlyWikiの基礎です' [[基礎]]\nTips "Tips" [[Tips]]\nQ&A "Q&A" [[Q&A]]\nマクロ "マクロ＆パッチ" [[マクロ＆パッチ]]\n資料 "資料" [[資料]]\n>>\n\n<<tabs txtMainTab Timeline Timeline TabTimeline All 'All tiddlers' TabAll Tags 'All tags' TabTags More 'More lists' TabMore>>\n\n<<SaveStyles>>\n}}}\n!!StyleSheetLayout\n{{{\n/*{{{*/\n* html .tiddler {\n height: 1%;\n}\n\nbody {\n font-size: .75em;\n font-family: arial,helvetica;\n margin: 0;\n padding: 0;\n}\n\nh1,h2,h3,h4,h5 {\n font-weight: bold;\n text-decoration: none;\n padding-left: 0.4em;\n}\n\nh1 {font-size: 1.35em;}\nh2 {font-size: 1.25em;}\nh3 {font-size: 1.1em;}\nh4 {font-size: 1em;}\nh5 {font-size: .9em;}\n\nhr {\n height: 1px;\n}\n\na{\n text-decoration: none;\n}\n\ndt {font-weight: bold;}\n\nol { list-style-type: decimal }\nol ol { list-style-type: lower-alpha }\nol ol ol { list-style-type: lower-roman }\nol ol ol ol { list-style-type: decimal }\nol ol ol ol ol { list-style-type: lower-alpha }\nol ol ol ol ol ol { list-style-type: lower-roman }\nol ol ol ol ol ol ol { list-style-type: decimal }\n\n.txtOptionInput {\n width: 11em;\n}\n\n#contentWrapper .chkOptionInput {\n border: 0;\n}\n\n.externalLink {\n text-decoration: underline;\n}\n\n.indent {margin-left:3em;}\n.outdent {margin-left:3em; text-indent:-3em;}\ncode.escaped {white-space:nowrap;}\n\n.tiddlyLinkExisting {\n font-weight: bold;\n}\n\n.tiddlyLinkNonExisting {\n font-style: italic;\n}\n\n/* the 'a' is required for IE, otherwise it renders the whole tiddler a bold */\na.tiddlyLinkNonExisting.shadow {\n font-weight: bold;\n}\n\n#mainMenu .tiddlyLinkExisting, \n#mainMenu .tiddlyLinkNonExisting,\n#sidebarTabs .tiddlyLinkNonExisting{\n font-weight: normal;\n font-style: normal;\n}\n\n#sidebarTabs .tiddlyLinkExisting {\n font-weight: bold;\n font-style: normal;\n}\n\n\n.siteTitle {\n font-size: 3em;\n}\n\n.siteSubtitle {\n font-size: 1.2em;\n}\n\n#mainMenu {\n position: absolute;\n left: 0;\n width: 10em;\n text-align: right;\n line-height: 1.6em;\n padding: 1.5em 0.5em 0.5em 0.5em;\n font-size: 1.1em;\n}\n\n#sidebar {\n position: absolute;\n right: 3px;\n width: 16em;\n font-size: .9em;\n}\n\n#sidebarOptions {\n padding-top: 0.3em;\n}\n\n#sidebarOptions a {\n margin: 0em 0.2em;\n padding: 0.2em 0.3em;\n display: block;\n}\n\n#sidebarOptions input {\n margin: 0.4em 0.5em;\n}\n\n#sidebarOptions .sliderPanel {\n margin-left: 1em;\n padding: 0.5em;\n font-size: .85em;\n}\n\n#sidebarOptions .sliderPanel a {\n font-weight: bold;\n display: inline;\n padding: 0;\n}\n\n#sidebarOptions .sliderPanel input {\n margin: 0 0 .3em 0;\n}\n\n#sidebarTabs .tabContents {\n width: 15em;\n overflow: hidden;\n}\n\n.wizard {\n padding: 0.1em 0em 0em 2em;\n}\n\n.wizard h1 {\n font-size: 2em;\n font-weight: bold;\n background: none;\n padding: 0em 0em 0em 0em;\n margin: 0.4em 0em 0.2em 0em;\n}\n\n.wizard h2 {\n font-size: 1.2em;\n font-weight: bold;\n background: none;\n padding: 0em 0em 0em 0em;\n margin: 0.2em 0em 0.2em 0em;\n}\n\n.wizardStep {\n padding: 1em 1em 1em 1em;\n}\n\n.wizard .button {\n margin: 0.5em 0em 0em 0em;\n font-size: 1.2em;\n}\n\n#messageArea {\nposition:absolute; top:0; right:0; margin: 0.5em; padding: 0.5em;\n}\n\n*[id='messageArea'] {\nposition:fixed !important; z-index:99;}\n\n.messageToolbar {\ndisplay: block;\ntext-align: right;\n}\n\n#messageArea a{\n text-decoration: underline;\n}\n\n.popup {\n font-size: .9em;\n padding: 0.2em;\n list-style: none;\n margin: 0;\n}\n\n.popup hr {\n display: block;\n height: 1px;\n width: auto;\n padding: 0;\n margin: 0.2em 0em;\n}\n\n.listBreak {\n font-size: 1px;\n line-height: 1px;\n}\n\n.listBreak div {\n margin: 2px 0;\n}\n\n.popup li.disabled {\n padding: 0.2em;\n}\n\n.popup li a{\n display: block;\n padding: 0.2em;\n}\n\n.tabset {\n padding: 1em 0em 0em 0.5em;\n}\n\n.tab {\n margin: 0em 0em 0em 0.25em;\n padding: 2px;\n}\n\n.tabContents {\n padding: 0.5em;\n}\n\n.tabContents ul, .tabContents ol {\n margin: 0;\n padding: 0;\n}\n\n.txtMainTab .tabContents li {\n list-style: none;\n}\n\n.tabContents li.listLink {\n margin-left: .75em;\n}\n\n#displayArea {\n margin: 1em 17em 0em 14em;\n}\n\n\n.toolbar {\n text-align: right;\n font-size: .9em;\n visibility: hidden;\n}\n\n.selected .toolbar {\n visibility: visible;\n}\n\n.tiddler {\n padding: 1em 1em 0em 1em;\n}\n\n.missing .viewer,.missing .title {\n font-style: italic;\n}\n\n.title {\n font-size: 1.6em;\n font-weight: bold;\n}\n\n.missing .subtitle {\n display: none;\n}\n\n.subtitle {\n font-size: 1.1em;\n}\n\n.tiddler .button {\n padding: 0.2em 0.4em;\n}\n\n.tagging {\nmargin: 0.5em 0.5em 0.5em 0;\nfloat: left;\ndisplay: none;\n}\n\n.isTag .tagging {\ndisplay: block;\n}\n\n.tagged {\nmargin: 0.5em;\nfloat: right;\n}\n\n.tagging, .tagged {\nfont-size: 0.9em;\npadding: 0.25em;\n}\n\n.tagging ul, .tagged ul {\nlist-style: none;margin: 0.25em;\npadding: 0;\n}\n\n.tagClear {\nclear: both;\n}\n\n.footer {\n font-size: .9em;\n}\n\n.footer li {\ndisplay: inline;\n}\n\n* html .viewer pre {\n width: 99%;\n padding: 0 0 1em 0;\n}\n\n.viewer {\n line-height: 1.4em;\n padding-top: 0.5em;\n}\n\n.viewer .button {\n margin: 0em 0.25em;\n padding: 0em 0.25em;\n}\n\n.viewer blockquote {\n line-height: 1.5em;\n padding-left: 0.8em;\n margin-left: 2.5em;\n}\n\n.viewer ul, .viewer ol{\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n.viewer table {\n border-collapse: collapse;\n margin: 0.8em 1.0em;\n}\n\n.viewer th, .viewer td, .viewer tr,.viewer caption{\n padding: 3px;\n}\n\n.viewer table.listView {\n font-size: 0.85em;\n margin: 0.8em 1.0em;\n}\n\n.viewer table.listView th, .viewer table.listView td, .viewer table.listView tr {\n padding: 0px 3px 0px 3px;\n}\n\n.viewer pre {\n padding: 0.5em;\n margin-left: 0.5em;\n font-size: 1.2em;\n line-height: 1.4em;\n overflow: auto;\n}\n\n.viewer code {\n font-size: 1.2em;\n line-height: 1.4em;\n}\n\n.editor {\nfont-size: 1.1em;\n}\n\n.editor input, .editor textarea {\n display: block;\n width: 100%;\n font: inherit;\n}\n\n.editorFooter {\n padding: 0.25em 0em;\n font-size: .9em;\n}\n\n.editorFooter .button {\npadding-top: 0px; padding-bottom: 0px;}\n\n.fieldsetFix {border: 0;\npadding: 0;\nmargin: 1px 0px 1px 0px;\n}\n\n.sparkline {\n line-height: 1em;\n}\n\n.sparktick {\n outline: 0;\n}\n\n.zoomer {\n font-size: 1.1em;\n position: absolute;\n padding: 1em;\n}\n\n.cascade {\n font-size: 1.1em;\n position: absolute;\n overflow: hidden;\n}\n/*}}}*/\n}}}\n!!StyleSheetColors\n{{{\n/*{{{*/\nbody {\n background: [[ColorPalette::Background]];\n color: [[ColorPalette::Foreground]];\n}\n\na{\n color: [[ColorPalette::PrimaryMid]];\n}\n\na:hover{\n background: [[ColorPalette::PrimaryMid]];\n color: [[ColorPalette::Background]];\n}\n\na img{\n border: 0;\n}\n\nh1,h2,h3,h4,h5 {\n color: [[ColorPalette::SecondaryDark]];\n background: [[ColorPalette::PrimaryPale]];\n}\n\n.button {\n color: [[ColorPalette::PrimaryDark]];\n border: 1px solid [[ColorPalette::Background]];\n}\n\n.button:hover {\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::SecondaryLight]];\n border-color: [[ColorPalette::SecondaryMid]];\n}\n\n.button:active {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::SecondaryMid]];\n border: 1px solid [[ColorPalette::SecondaryDark]];\n}\n\n.header {\n background: [[ColorPalette::PrimaryMid]];\n}\n\n.headerShadow {\n color: [[ColorPalette::Foreground]];\n}\n\n.headerShadow a {\n font-weight: normal;\n color: [[ColorPalette::Foreground]];\n}\n\n.headerForeground {\n color: [[ColorPalette::Background]];\n}\n\n.headerForeground a {\n font-weight: normal;\n color: [[ColorPalette::PrimaryPale]];\n}\n\n.tabSelected{\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::TertiaryPale]];\n border-left: 1px solid [[ColorPalette::TertiaryLight]];\n border-top: 1px solid [[ColorPalette::TertiaryLight]];\n border-right: 1px solid [[ColorPalette::TertiaryLight]];\n}\n\n.tabUnselected {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::TertiaryMid]];\n}\n\n.tabContents {\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::TertiaryPale]];\n border: 1px solid [[ColorPalette::TertiaryLight]];\n}\n\n.tabContents .button {\n border: 0;}\n\n#sidebar {\n}\n\n#sidebarOptions input {\n border: 1px solid [[ColorPalette::PrimaryMid]];\n}\n\n#sidebarOptions .sliderPanel {\n background: [[ColorPalette::PrimaryPale]];\n}\n\n#sidebarOptions .sliderPanel a {\n border: none;\n color: [[ColorPalette::PrimaryMid]];\n}\n\n#sidebarOptions .sliderPanel a:hover {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::PrimaryMid]];\n}\n\n#sidebarOptions .sliderPanel a:active {\n color: [[ColorPalette::PrimaryMid]];\n background: [[ColorPalette::Background]];\n}\n\n.wizard {\n background: [[ColorPalette::SecondaryLight]];\n border-top: 1px solid [[ColorPalette::SecondaryMid]];\n border-left: 1px solid [[ColorPalette::SecondaryMid]];\n}\n\n.wizard h1 {\n color: [[ColorPalette::SecondaryDark]];\n}\n\n.wizard h2 {\n color: [[ColorPalette::Foreground]];\n}\n\n.wizardStep {\n background: [[ColorPalette::Background]];\n border-top: 1px solid [[ColorPalette::SecondaryMid]];\n border-bottom: 1px solid [[ColorPalette::SecondaryMid]];\n border-left: 1px solid [[ColorPalette::SecondaryMid]];\n}\n\n.wizard .button {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::PrimaryMid]];\n border-top: 1px solid [[ColorPalette::PrimaryLight]];\n border-right: 1px solid [[ColorPalette::PrimaryDark]];\n border-bottom: 1px solid [[ColorPalette::PrimaryDark]];\n border-left: 1px solid [[ColorPalette::PrimaryLight]];\n}\n\n.wizard .button:hover {\n color: [[ColorPalette::PrimaryLight]];\n background: [[ColorPalette::PrimaryDark]];\n border-color: [[ColorPalette::PrimaryLight]];\n}\n\n.wizard .button:active {\n color: [[ColorPalette::Background]];\n background: [[ColorPalette::PrimaryMid]];\n border-top: 1px solid [[ColorPalette::PrimaryLight]];\n border-right: 1px solid [[ColorPalette::PrimaryDark]];\n border-bottom: 1px solid [[ColorPalette::PrimaryDark]];\n border-left: 1px solid [[ColorPalette::PrimaryLight]];\n}\n\n#messageArea {\n border: 1px solid [[ColorPalette::SecondaryDark]];\n background: [[ColorPalette::SecondaryMid]];\n color: [[ColorPalette::PrimaryDark]];\n}\n\n#messageArea .button {\n padding: 0.2em 0.2em 0.2em 0.2em;\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::Background]];\n}\n\n.popup {\n background: [[ColorPalette::PrimaryLight]];\n border: 1px solid [[ColorPalette::PrimaryMid]];\n}\n\n.popup hr {\n color: [[ColorPalette::PrimaryDark]];\n background: [[ColorPalette::PrimaryDark]];\n border-bottom: 1px;\n}\n\n.listBreak div{\n border-bottom: 1px solid [[ColorPalette::PrimaryDark]];\n}\n\n.popup li.disabled {\n color: [[ColorPalette::PrimaryMid]];\n}\n\n.popup li a, .popup li a:visited {\n color: [[ColorPalette::TertiaryPale]];\n border: none;\n}\n\n.popup li a:hover {\n background: [[ColorPalette::PrimaryDark]];\n color: [[ColorPalette::Background]];\n border: none;\n}\n\n.tiddler .defaultCommand {\n font-weight: bold;\n}\n\n.shadow .title {\n color: [[ColorPalette::TertiaryDark]];\n}\n\n.title {\n color: [[ColorPalette::SecondaryDark]];\n}\n\n.subtitle {\n color: [[ColorPalette::TertiaryDark]];\n}\n\n.toolbar {\n color: [[ColorPalette::PrimaryMid]];\n}\n\n.tagging, .tagged {\n border: 1px solid [[ColorPalette::TertiaryPale]];\n background-color: [[ColorPalette::TertiaryPale]];\n}\n\n.selected .tagging, .selected .tagged {\n background-color: [[ColorPalette::TertiaryLight]];\n border: 1px solid [[ColorPalette::TertiaryMid]];\n}\n\n.tagging .listTitle, .tagged .listTitle {\n color: [[ColorPalette::PrimaryDark]];\n}\n\n.tagging .button, .tagged .button {\n border: none;\n}\n\n.footer {\n color: [[ColorPalette::TertiaryLight]];\n}\n\n.selected .footer {\n color: [[ColorPalette::TertiaryMid]];\n}\n\n.sparkline {\n background: [[ColorPalette::PrimaryPale]];\n border: 0;\n}\n\n.sparktick {\n background: [[ColorPalette::PrimaryDark]];\n}\n\n.error, .errorButton {\n color: [[ColorPalette::Foreground]];\n background: [[ColorPalette::Error]];\n}\n\n.warning {\n color: [[ColorPalette::Foreground]];\n background: [[ColorPalette::SecondaryPale]];\n}\n\n.cascade {\n background: [[ColorPalette::TertiaryPale]];\n color: [[ColorPalette::TertiaryMid]];\n border: 1px solid [[ColorPalette::TertiaryMid]];\n}\n\n.imageLink, #displayArea .imageLink {\n background: transparent;\n}\n\n.viewer .listTitle {list-style-type: none; margin-left: -2em;}\n\n.viewer .button {\n border: 1px solid [[ColorPalette::SecondaryMid]];\n}\n\n.viewer blockquote {\n border-left: 3px solid [[ColorPalette::TertiaryDark]];\n}\n\n.viewer table {\n border: 2px solid [[ColorPalette::TertiaryDark]];\n}\n\n.viewer th, thead td {\n background: [[ColorPalette::SecondaryMid]];\n border: 1px solid [[ColorPalette::TertiaryDark]];\n color: [[ColorPalette::Background]];\n}\n\n.viewer td, .viewer tr {\n border: 1px solid [[ColorPalette::TertiaryDark]];\n}\n\n.viewer pre {\n border: 1px solid [[ColorPalette::SecondaryLight]];\n background: [[ColorPalette::SecondaryPale]];\n}\n\n.viewer code {\n color: [[ColorPalette::SecondaryDark]];\n}\n\n.viewer hr {\n border: 0;\n border-top: dashed 1px [[ColorPalette::TertiaryDark]];\n color: [[ColorPalette::TertiaryDark]];\n}\n\n.highlight, .marked {\n background: [[ColorPalette::SecondaryLight]];\n}\n\n.editor input {\n border: 1px solid [[ColorPalette::PrimaryMid]];\n}\n\n.editor textarea {\n border: 1px solid [[ColorPalette::PrimaryMid]];\n width: 100%;\n}\n\n.editorFooter {\n color: [[ColorPalette::TertiaryMid]];\n}\n\n/*}}}*/\n}}}\n!!StyleSheetPrint\n{{{\n/*{{{*/\n@media print {\n#mainMenu, #sidebar, #messageArea, .toolbar {display: none ! important;}\n#displayArea {margin: 1em 1em 0em 1em;}\n/* Fixes a feature in Firefox 1.5.0.2 where print preview displays the noscript content */\nnoscript {display:none;}\n}\n/*}}}*/\n}}}\n

/*{{{*/\n\n/*------------------------------------------------\n * Layout\n * -----------------------------------------------*/\nhtml,body{margin:0;padding:0}\n\nbody{\n margin: 0 auto;\n padding:0;\n text-align:center;\n font: 80% arial,sans-serif;\n}\n\np{margin:0 10px 10px}\n\n.headerForeground {\nposition: static;\n /*border:1px solid red;/*debug*/\n padding: 3em 0em 1em 1em;\n margin: 0 auto;\n}\n.header{padding:0;margin:0;}\n.siteTitle {\n font-size: 24pt;\n}\n.siteSubtitle {\n font-size: 16pt;\n}\n\n#header{\n height:60px;\n} \n#header h1{\n font-size: 3em;\n margin:0;\n border:none;\n}\n\n/* */\n#cb{text-align:center;width:720px;margin: 0 auto; margin-top:10px;}\n\nhtml,body{margin:0;padding:0}\np{margin:0 10px 10px}\n\n/*div#header{position:relative}\ndiv#header a{position:absolute;right:0;top:23px}\n*/\n\ndiv#container{text-align:left;margin: 0 auto;}\ndiv#content p{line-height:1.4}\ndiv#footer p{margin:0;padding:5px 10px}\ndiv#footer a{display:inline;padding:0;color: #C6D5FD}\n\ndiv#container{width:700px;margin:0 auto;\n padding:10px;\n\n\n}\ndiv#content{float:right;width:500px}\ndiv#navigation{float:left;width:200px}\ndiv#extra{float:left;clear:left;width:200px}\n\n\ndiv#footer{clear:both;width:100%;}\n#both{clear:both;width:100%}\n\n#mainMenu {\n position: static;\n width: 100%;\n text-align:right;\n line-height:180%;\n }\n\n#navigation, #extra{\n font-size: 11px;\n }\n\n\n.viewer pre{margin:0;}　/* IE6バグ */\n\n.viewer {\n padding:1em;\n font-size:1.2em;\n }\n\n#footer{\n margin: 0 auto;\n clear:both;\n text-align: center;\n line-height:180%;\n margin-bottom:10px;\n}\n\n#sub-content{\nmargin: 0 auto;\n width:700px;\n padding :10px 10px 50px 10px;\ntext-align:right;\n}\n\n/*------------------------------------------------\n * color\n * -----------------------------------------------*/\nbody{\n background:#99CCFF;\n color:Black;\n }\n\n\n#wrapper,\n#container{\n background:#ffffff;\n}\n\n#header,\n#header h1{\n background:#6E6EF0;\n color: #FFF;\n} \n\n#mainMenu {\nbackground:#eeeeee;\ncolor:#cccccc;\n}\n\n.title {\n color:#a68c53;\n font-size: 1.5em;\n padding-left:0.5em;\n\n margin-bottom:10px;\n margin-top:4px;\n\n border-bottom:1px solid #ccc;\n}\n\n.toolbar .button { color: #ccc; }\n\n#footer{\n background:Navy;\n color:#fff;\n}\n\n/*------------------------------------------------\n * h1~h5\n * -----------------------------------------------*/\nh1 a,h2 a,h3 a,h4 a,h5 a{\n font-style:italic;\n color:#a68c53;\n background-color:transparent;\n}\n\nh1,h2{\n width:80%;\n color:#a68c53;\n border-left: 10px solid Blue;\n border-bottom:1px solid #cccccc; \n background-color:transparent;\n }\n\nh3,h4,h5{\n width:80%;\n color:#a68c53;\n background-color:transparent;\n }\n\n.center{\n text-align:center;\n }\n\n\n/* 検索窓\n -----------------------------------------------------------------　*/\n#sidebarOptions .search a{\n display:inline;\n font-size:11px;\n background-color:#0000CC;\n border-top:1px solid #ccccff;\n border-left:1px solid #ccccff;\n border-bottom:1px solid #000000;\n border-right:1px solid #000000;\n padding: 2px 5px 2px 5px;\n}\n\n#sidebarOptions .search a:hover{\n display:inline;\n font-size:11px;\n background-color:#0000CC;\n border-top:1px solid #000000;\n border-left:1px solid #000000;\n border-bottom:1px solid #ccccff;\n border-right:1px solid #ccccff;\n padding: 2px 5px 2px 5px;\n}\n\n.search .button{\n position:relative;\n left:140px;\n top:-6px;\n color:#ffffff;\n}\n.search input{\n position:relative;\n left:-30px;\n width:130px;\n}\n\n* html .viewer {\n/*word-break:break-all;*/\n}\n\n/*}}}*/

/*{{{*/\n* html .tiddler {\n height: 1%;\n}\n\nbody {\n font-family: arial,helvetica;\n margin: 0;\n padding: 0;\n}\n\nh1,h2,h3,h4,h5 {\n font-weight: bold;\n text-decoration: none;\n padding-left: 0.4em;\n}\n\nh1 {font-size: 1.35em;}\nh2 {font-size: 1.25em;}\nh3 {font-size: 1.1em;}\nh4 {font-size: 1em;}\nh5 {font-size: .9em;}\n\nhr {\n height: 1px;\n}\n\na{\n text-decoration: none;\n}\n\ndt {font-weight: bold;}\n\nol { list-style-type: decimal }\nol ol { list-style-type: lower-alpha }\nol ol ol { list-style-type: lower-roman }\nol ol ol ol { list-style-type: decimal }\nol ol ol ol ol { list-style-type: lower-alpha }\nol ol ol ol ol ol { list-style-type: lower-roman }\nol ol ol ol ol ol ol { list-style-type: decimal }\n\n.txtOptionInput {\n /*width: 11em;*/\n}\n\n#contentWrapper .chkOptionInput {\n border: 0;\n}\n\n.externalLink {\n text-decoration: underline;\n}\n\n.indent {margin-left:3em;}\n.outdent {margin-left:3em; text-indent:-3em;}\ncode.escaped {white-space:nowrap;}\n\n.tiddlyLinkExisting {\n font-weight: bold;\n}\n\n.tiddlyLinkNonExisting {\n font-style: italic;\n}\n\n/* the 'a' is required for IE, otherwise it renders the whole tiddler a bold */\na.tiddlyLinkNonExisting.shadow {\n font-weight: bold;\n}\n\n#mainMenu .tiddlyLinkExisting, \n#mainMenu .tiddlyLinkNonExisting,\n#sidebarTabs .tiddlyLinkNonExisting{\n font-weight: normal;\n font-style: normal;\n}\n\n#sidebarTabs .tiddlyLinkExisting {\n font-weight: bold;\n font-style: normal;\n}\n\n\n#sidebarOptions {\n padding-top: 0.3em;\n}\n\n#sidebarOptions a {\n margin: 0em 0.2em;\n padding: 0.2em 0.3em;\n display: block;\n}\n\n#sidebarOptions input {\n margin: 0.4em 0.5em;\n}\n\n#sidebarOptions .sliderPanel {\n margin-left: 1em;\n padding: 0.5em;\n font-size: .85em;\n}\n\n#sidebarOptions .sliderPanel a {\n font-weight: bold;\n display: inline;\n padding: 0;\n}\n\n#sidebarOptions .sliderPanel input {\n margin: 0 0 .3em 0;\n}\n\n#sidebarTabs .tabContents {\n width: 15em;\n overflow: hidden;\n}\n\n.wizard {\n padding: 0.1em 0em 0em 2em;\n}\n\n.wizard h1 {\n font-size: 2em;\n font-weight: bold;\n background: none;\n padding: 0em 0em 0em 0em;\n margin: 0.4em 0em 0.2em 0em;\n}\n\n.wizard h2 {\n font-size: 1.2em;\n font-weight: bold;\n background: none;\n padding: 0em 0em 0em 0em;\n margin: 0.2em 0em 0.2em 0em;\n}\n\n.wizardStep {\n padding: 1em 1em 1em 1em;\n}\n\n.wizard .button {\n margin: 0.5em 0em 0em 0em;\n font-size: 1.2em;\n}\n\n#messageArea {\nposition:absolute; top:0; right:0; margin: 0.5em; padding: 0.5em;\n}\n\n*[id='messageArea'] {\nposition:fixed !important; z-index:99;}\n\n.messageToolbar {\ndisplay: block;\ntext-align: right;\n}\n\n#messageArea a{\n text-decoration: underline;\n}\n\n.popup {\n font-size: .9em;\n padding: 0.2em;\n list-style: none;\n margin: 0;\n}\n\n.popup hr {\n display: block;\n height: 1px;\n width: auto;\n padding: 0;\n margin: 0.2em 0em;\n}\n\n.listBreak {\n font-size: 1px;\n line-height: 1px;\n}\n\n.listBreak div {\n margin: 2px 0;\n}\n\n.popup li.disabled {\n padding: 0.2em;\n}\n\n.popup li a{\n display: block;\n padding: 0.2em;\n}\n\n.tabset {\n padding: 1em 0em 0em 0.5em;\n}\n\n.tab {\n margin: 0em 0em 0em 0.25em;\n padding: 2px;\n}\n\n.tabContents {\n padding: 0.5em;\n}\n\n.tabContents ul, .tabContents ol {\n margin: 0;\n padding: 0;\n}\n\n.txtMainTab .tabContents li {\n list-style: none;\n}\n\n.tabContents li.listLink {\n margin-left: .75em;\n}\n\n.toolbar {\n text-align: right;\n font-size: .9em;\n visibility: hidden;\n}\n\n.selected .toolbar {\n visibility: visible;\n}\n\n.tiddler {\n padding: 1em 1em 0em 1em;\n}\n\n.missing .viewer,.missing .title {\n font-style: italic;\n}\n\n.title {\n font-size: 1.6em;\n font-weight: bold;\n}\n\n.missing .subtitle {\n display: none;\n}\n\n.subtitle {\n font-size: 1.1em;\n}\n\n.tiddler .button {\n padding: 0.2em 0.4em;\n}\n\n.tagging {\nmargin: 0.5em 0.5em 0.5em 0;\nfloat: left;\ndisplay: none;\n}\n\n.isTag .tagging {\ndisplay: block;\n}\n\n.tagged {\nmargin: 0.5em;\nfloat: right;\n}\n\n.tagging, .tagged {\nfont-size: 0.9em;\npadding: 0.25em;\n}\n\n.tagging ul, .tagged ul {\nlist-style: none;margin: 0.25em;\npadding: 0;\n}\n\n.tagClear {\nclear: both;\n}\n\n.footer {\n font-size: .9em;\n}\n\n.footer li {\ndisplay: inline;\n}\n\n* html .viewer pre {\n width: 99%;\n padding: 0 0 1em 0;\n}\n\n.viewer {\n line-height: 1.4em;\n padding-top: 0.5em;\n}\n\n.viewer .button {\n margin: 0em 0.25em;\n padding: 0em 0.25em;\n}\n\n.viewer blockquote {\n line-height: 1.5em;\n padding-left: 0.8em;\n margin-left: 2.5em;\n}\n\n.viewer ul, .viewer ol{\n margin-left: 0.5em;\n padding-left: 1.5em;\n}\n\n.viewer table {\n border-collapse: collapse;\n margin: 0.8em 1.0em;\n}\n\n.viewer th, .viewer td, .viewer tr,.viewer caption{\n padding: 3px;\n}\n\n.viewer table.listView {\n font-size: 0.85em;\n margin: 0.8em 1.0em;\n}\n\n.viewer table.listView th, .viewer table.listView td, .viewer table.listView tr {\n padding: 0px 3px 0px 3px;\n}\n\n.viewer pre {\n padding: 0.5em;\n margin-left: 0.5em;\n font-size: 1.2em;\n line-height: 1.4em;\n overflow: auto;\n}\n\n.viewer code {\n font-size: 1.2em;\n line-height: 1.4em;\n}\n\n.editor {\nfont-size: 1.1em;\n}\n\n.editor input, .editor textarea {\n display: block;\n width: 100%;\n font: inherit;\n}\n\n.editorFooter {\n padding: 0.25em 0em;\n font-size: .9em;\n}\n\n.editorFooter .button {\npadding-top: 0px; padding-bottom: 0px;}\n\n.fieldsetFix {border: 0;\npadding: 0;\nmargin: 1px 0px 1px 0px;\n}\n\n.sparkline {\n line-height: 1em;\n}\n\n.sparktick {\n outline: 0;\n}\n\n.zoomer {\n font-size: 1.1em;\n position: absolute;\n padding: 1em;\n}\n\n.cascade {\n font-size: 1.1em;\n position: absolute;\n overflow: hidden;\n}\n/*}}}*/

/***\n|!Name|TWSaveSJPathPatch|\n|!Created by|Zephyr (FURUKAWA, Masashi)|\n|!Location|http://flow.dip.jp/mt/archives/u/twmemo.html#TWSaveSJPathPatch|\n|!Version|0.1.0|\n|!Requires|~TW2.0.5-|\n\n!説明(Description)\nTiddlyWikiの保存Path名に全角を使用した際、Windows上のFirefoxで保存できない現象へのパッチ・プラグインです。\nTiddlyWikiのバージョン2.0.5以降が必要です。\nIt's a patch plugin for TiddlyWiki saving problem when using 2-byte character path name on Firefox in Windows.\nIt's requires TiddlyWiki version 2.0.5 or later.\n\n!使い方(Usage)\n新しいtiddlerに、このtiddlerの内容をコピーし、タグに'systemConfig'を付けて保存し、再読み込みします。\nMake new tiddler, copy this contents, put a tag 'systemConfig', save and reload.\n\n!履歴(History)\n* 2006 Apr 22, version 0.1.0 test release\n\n!注意(Notes)\nこのパッチは日本語WindowsとFirefoxの環境以外では意味ありません。\nThis patch have an effect only for Firefox and Windows/Japanese environment.\n\n!参考(References)\n[[XULPlanet.com: Interface Reference - nsIUTF8ConverterService|http://xulplanet.com/references/xpcomref/ifaces/nsIUTF8ConverterService.html]]\n[[XulPlanet-JP: XUL チュートリアル - XPCOM インターフェース|http://xul-app.hp.infoseek.co.jp/xultu-janit/xpcom.html]]\nand TiddlyWiki source code.\n\n!Code\n***/\n/*{{{*/\njavascript:(\n function() {\n if (window.netscape) {\n var orig_getLocalPath = getLocalPath;\n getLocalPath = hook_getLocalPath;\n }\n\n function hook_getLocalPath(originalPath) {\n return orig_getLocalPath(mozConvertSJISURIToUTF8(originalPath));\n }\n\n function mozConvertSJISURIToUTF8(s) {\n if (window.netscape == undefined)\n return s;\n try {\n netscape.security.PrivilegeManager.enablePrivilege("UniversalXPConnect");\n }\n catch(e) {\n return s;\n }\n var cvtsv = Components.classes["@mozilla.org/intl/utf8converterservice;1"].getService(Components.interfaces.nsIUTF8ConverterService);\n var u = cvtsv.convertURISpecToUTF8(s, "Shift_JIS");\n return u;\n }\n }\n)();\n/*}}}*/\n

<<timeline modified 10>>

*[[Tips - Opera でTiddlyWiki]]@@New@@\n*[[Tips - マクロにクラスを割り当てる方法]]\n*[[Tips - 記事の中でHTMLコードを記述する]]\n*[[Tips - PageTemplateに記事の情報を参照する]]\n*[[Tips - Web上で編集不可]]\n*[[Tips - 検索窓の移動]]\n*[[Tips - 検索窓の調整]]\n*[[Tips - トップに戻る]]\n*[[Tips - Firefoxでリンクを楽に]]\n*[[Tips - パッチの作成方法]]\n*[[Tips - RSC バージョン管理]]\n*[[Tips - 記事配布テクニック]]

!!はじめに\n　サイトのタイトルとURLアドレスをコピーしてTiddlyWikiのリンクを作る作業を簡単にしたいと思いませんか。Firefoxの拡張のひとつであるCopy　URL+ はサイトのアドレスとURLをクリップボードにコピーします。今回、このCopy　URL+ を簡単にカスタマイズしてTiddlyWikiのリンクをクリップボードにコピーするようにしてました。\n\n!!カスタマイズ内容\n　Copy　URL+のセットアップが完了しているものとして説明します。Copy　URL+のカスタマイズはFirefoxのuser.jsファイルに記述することで可能です。\n\n{{{\nuser_pref('copyurlplus.menus.1.label','Create TiddlyWikiLink');\nuser_pref('copyurlplus.menus.1.copy','[[%TITLE%|%URL%]]');\n}}}\n\n[[Firefox Help: 設定ファイルの編集|http://www.mozilla-japan.org/support/firefox/edit#user]] - user.jsファイルの説明\n\n!!リンク\n　Copy　URL+の詳しいカスタマイズ方法は以下のサイトを参考にして下さい。\n\n*[[mozdev.org - copyurlplus: index|http://copyurlplus.mozdev.org/index.html]]　-　Copy URL+の配布サイト\n*[[plant4 - Firefox拡張copyurlplusのメモ|http://www.plant4.co.uk/?itemid=80]] - Copy URL+　のカスタマイズ方法\n*[[hxxk.jp - Copy URL+ をカスタマイズ|http://hxxk.jp/2004/10/03/0547]] - Copy URL+　のカスタマイズ方法\n\n\n

!!はじめに\nOperaでもTiddlyWikiを使いたい、そう思うのは自然なことなのかもしれない。最近Opera USBを使用する頻度が多くなってきました。動作が機敏なOperaで海外の情報を検索して自分のための情報を集めています。情報は集めるだけではなく、まとめる作業を行うことによってより自分の中に浸透していきます。\n私はテキストエディタ派ではありますが、TiddlyWikiが大好きなので記事の下書きなどにも利用します。今回はこのTilddyWikiをOperaで利用する方法についてです。\n\n!!OperaでTiddlyWikiを動かすには\nOperaでTiddlyWikiを動かすにはTiddlySaverが必要です。TiddlySaverは以下のサイトから入手します。手順は以下のとおりです。\n\n本家解説：http://www.tiddlywiki.com/#TiddlySaver\n\n１.Javaをインストールする。\nJavaがすでに入っている方は必要ありません。以下のサイトからWindows版のJava Runtime Environmenを入手してインストールします。\n\nURL：http://www.java.com/ja/download/manual.jsp?locale=ja&host=www.java.com\n\n※OperaでTiddlyWikiを表示するとJavaが入っていない場合はJavaのインストールが始まるのでその支持に従ってファイルをダウンロードしてインストールする方法もあります。\n\n２.Cドライブの{{{C:\sDocuments and Settings\syour-user-name\s.java.policy}}}ファイルに以下のような記述を行います。この際に、{{{.java.policy}}}ファイルが作成できないと思いますので、テキストエディタなどで作成して下さい。以下の例はG:ドライブのdataフォルダでTiddlyWikiを動かす方法です。実際にTiddlyWikiを動かす場所を指定して下さい。\n\n{{{\ngrant codeBase "file:g:\s\sdata\s\s*" {\n permission java.io.FilePermission "g:\s\sdata\s\s*", "read,write";\n};\n}}}\n\n３.以下のサイトから{{{TiddlySaver.jar}}}ファイルをダウンロードし、先ほどの設定してあるフォルダに入れて下さい。\n\nhttp://www.tiddlywiki.com/#TiddlySaver\n\n４.TiddlyWikiのファイルを先ほど設定したフォルダに入れ、Operaを起動しなおしてから入れたTiddlyWikiのファイルを開いてください。何か記述して{{{save changes}}}ボタンを押して下さい。保存できれば成功です。\n\n!!参考\n*[[JavaTM 2 SDK におけるアクセス権|http://sdc.sun.co.jp/java/docs/j2se/1.4/ja/docs/ja/guide/security/permissions.html]]\n\n\n!!追記 2007.04.09\n　設定を少しだけ楽にするバッチファイルを作成しましたのでよろしければご利用下さい。なお対象OSはWindowsとなります。\n\n!!!使い方\n１.以下の内容を記述した{{{OperaTiddlyWikiSet.bat}}}ファイルを作成します。\n\n{{{\n@echo off\n::\n:: Opera でTiddlyWikiが使えるように設定を追加確認する\n:: Ver 0.1 2007.04.09 by potto\n::\nset FNAME="%USERPROFILE%\s.java.policy"\nset TIDDLY=%CD:\s=\s\s%\s\s*\n\n:append code\necho grant codeBase "file:%TIDDLY%" {>>%FNAME%\necho permission java.io.FilePermission "%TIDDLY%", "read,write";>>%FNAME%\necho };>>%FNAME%\n\n\nnotepad "%USERPROFILE%\s.java.policy"\n\n:end\nset FNAME=\nset TIDDLY=\n}}}\n\n\n２.{{{OperaTiddlyWikiSet.bat}}}バッチファイルをTiddlyWikiを入れて利用する場所にコピーします。\n\n３.{{{OperaTiddlyWikiSet.bat}}}をダブルクリックして実行します。\n\n４.設定が書き込まれてnotepadが起動します。\n\n５.設定に問題が無い場合（初回はOK）はnotepadを終了します。\n判らない場合はnotepadを終了して下さい。\n\n※他のフォルダでもTiddlyWikiを利用したい場合は同じ操作をします。\n\n!!!解説\n　環境変数の %USERPROFILE% が.java.policyファイルを作成する場所です。この.java.policyファイルにTiddlyWikiを読み書きするフォルダのセキュリティを設定しています。\n　TiddlyWikiのファイルの位置をバッチファイルで得るために，%CD%でカレントフォルダを取得します。しかし，このときに得られるフォルダの区切り文字が\sであり，Javaの設定では\s\sに変換する必要があります。そのため，%CD:\s=\s\s%と環境変数の文字列の置換を用いてから設定ファイルに追加書込みで書き込んでいます。\n\n

　PageTemplateに記事の情報を取り込んで表示する方法は、以下のようにします。idに任意のIDを設定し、tiddlerに記事のタイトルを入力することで、PageTemplateに記事の内容を取り込むことができます。この方法を利用して、MainMenuやサイドバーなど実装されています。\n\n{{{\n<div id='任意のID' refresh='content' tiddler='記事タイトル'></div>\n}}}

!!バージョン管理\n　TiddlyWikiのファイルを直接書き換える場合、変更履歴をとっておくと便利です。TiddlyWikiはひとつのhtmlファイルで構成されているため、簡単な履歴管理プログラムで管理できます。私はコマンドラインで簡単に操作できるRCSを利用しています。\n\n!!簡単な操作方法\n１.タイムゾーンの設定\nタイムゾーンを日本時間にするために、TZ環境変数にJST-9を指定します。DOSコマンドではsetコマンドを用いて設定します。またWindows　XPからも設定が可能です。\n{{{\nset TZ=JST-9\n}}}\n\n２.バージョン管理するファイルがある場所にRCSフォルダを作成します。\n\n３.チェックインコマンドで、バーション管理するファイルを格納します。なおピリオードで入力を終わります。この時、ファイルが消えてしまいます（格納されている）が、編集を続けたいなどば -l オプションをつけて作業をすると良いでしょう。\n\n{{{\nci -l ファイル名\n}}}\n\n４.ファイルを編集したくなったら\n{{{\nco -l ファイル名\n}}}\n\n※他にもコマンドがいろいろあって、以前のバーションを取り出すなどの作業ができます。詳しくは以下のサイトをご覧下さい。\n\n\n[[Official RCS Homepage|http://www.cs.purdue.edu/homes/trinkle/RCS/]] - 私が利用しているRCSはここからダウンロードしました。\n[[RCS FAQ (Japanese Page)|http://www.naney.org/comp/rcs/faq/index.html.ja.euc]]\n\n!!他にも\n　RCSはコマンドラインで操作するため、使いづらいかもしれません。そんな方は、こんなソフトもあります。\n[[須雲川(Windows95/98/Me / ユーティリティ)|http://www.vector.co.jp/soft/win95/util/se326978.html]]\n

ホームページとしてサーバにアップした場合も、編集の「edit」ボタンが表示されると困ることがあります。その場合は、記事にconfig.options.chkHttpReadOnly = true;と記述して,tags入力欄に「systemConfig」と入力して保存すればOKです。うまくできない場合は、直接書き換える方法もあります。\n\n{{{\nconfig.options.chkHttpReadOnly = true;\n}}}\n

!!はじめに\n　サイドバーの検索窓を調整しすっきりさせました。その内容です。（個人的メモ）\n\n!!手順\n１.SideBarOptionsを以下のように変更する。\n　{{{<<search>>}}}　を　{{{ {{search{<<search>>}}} }}}に変更し，検索窓のクラスをsearchと指定します。CSSで変更できるように。\n\n{{{\n{{search{<<search>>}}}<<closeAll>><<permaview>><<newTiddler>><<newJournal 'DD MMM YYYY'>><<saveChanges>><<slider chkSliderOptionsPanel OptionsPanel 'options »' 'Change TiddlyWiki advanced options'>>\n}}}\n\n\n２.searchの文字を”GO"に変更するため。以下のように記事を作成し，"tags"に”systemConfig”を指定します。\n\n{{{\nvar macros =config.macros;\nmacros.search.label="GO";\n}}}\n\n３.StyleSheetに以下のコードを追加します。\n　文字数や文字サイズの違いなどにより崩れますので。調整をお願いします。\n\n{{{\n/* 検索窓　*/\n#sidebarOptions .search a{\n display:inline;\n font-size:11px;\n background-color:#0000CC;\n border-top:1px solid #ccccff;\n border-left:1px solid #ccccff;\n border-bottom:1px solid #000000;\n border-right:1px solid #000000;\n padding: 2px 5px 2x 5px;\n}\n\n#sidebarOptions .search a:hover{\n display:inline;\n font-size:11px;\n background-color:#0000CC;\n border-top:1px solid #000000;\n border-left:1px solid #000000;\n border-bottom:1px solid #ccccff;\n border-right:1px solid #ccccff;\n padding: 2px 5px 2x 5px;\n}\n\n.search .button{\n position:relative;\n left:140px;\n top:-6px;\n color:#ffffff;\n}\n.search input{\n position:relative;\n left:-30px;\n width:130px;\n}\n}}}

!はじめに\n　TiddlyWikiを自分で改良していると、バージョンアップの度に書き換えなければならないため、バージョンアップが大変に感じます。そこで、改良した箇所についてパッチを作成してパッチを当てることにしました。\n\n!パッチファイルを作る。\n　diffで以下の用に//old//ファイル名と//new//ファイル名の順番に指定し、出力される結果を//patch//ファイル名に出力するようにします。\n\ndiff -Nuar //old new// > //patch//\n\n!パッチを当てる\n　バージョンアップしたらTiddlyWikiのサイトからソースを入手し、patchを実行します。//patch//ファイルは前述で作成したパッチファイルを適応します。\n\npatch //old// < //patch//\n\nこの際に、うまくできないと、//.rej//拡張子のファイルが作成されます。このファイルの内容をテキストエディタで読んで、この部分のみソースを直接書き換えればOKです。\n\n\n!パッチ関連の情報\n以下のサイトを参考にされるとよいと思います。\n[[Manpage of PATCH|http://www.linux.or.jp/JM/html/GNU_patch/man1/patch.1.html]]\n\n!ソフトの入手\n　私はWindows　XP上でRCSを利用しているので、その中に含まれている、diffを利用しています。私が利用しているRCSは以下のアドレスから入手が可能です。\n\nhttp://www.cs.purdue.edu/homes/trinkle/RCS/\n\n参考までにダウンロードしたのは、以下のファイルです。\nhttp://www.cs.purdue.edu/homes/trinkle/RCS/rcs57pc1.zip\nhttp://www.cs.purdue.edu/homes/trinkle/RCS/rcs57pc2.zip\nhttp://www.cs.purdue.edu/homes/trinkle/RCS/rcs57pc3.zip\n\n\npatchについては、以下のサイトから入手が可能です。\n[[プログラミング・ツール（移植ソフト）|http://cetus.sakura.ne.jp/softlab/toolbox1/index.html#difpat]]\nこちらの方が良かったです。\n\nhttp://www.vector.co.jp/soft/dl/win95/prog/se015025.html\n

　検索窓などマクロで実装されています。検索窓をちょっといじりたいのに他のボタンと同じクラスで区別できないです。その場合はCustomCssClass^^*1^^を用いると実現できます。\n\n!!適用例\n検索窓に".search"クラスを割り当てる方法は次のとおりです。\n{{{\n{{search{<<search>>}}}\n}}}\n\n"StyleSheet"で".search"クラスに宣言を与えます。この例は"#sidebarOptions"　IDの中になる".search"クラスと".search"クラスに対しての宣言例です。\n{{{\n#sidebarOptions .search a{ \n}\n.search {}\n}}}\n\n----\n^^*1^^　CustomCssClassとは記事の中で特定の部分のみCSSのクラスを割り当てることができる機能です。"StyleSheet"内でクラスを指定して利用して下さい。\n{{{\n{{クラス{割り当てる内容}}}\n}}}\n\n詳しくは以下のリンクをご覧下さい。\n[[TiddlyWiki ::CustomCssClass|http://www.tiddlywiki.com/#CustomCssClass]]\n

!!はじめに\n　TiddlyWikiの検索窓を移動する方法です。TiddlyWikiの検索窓は JavaScriptで生成されており、どうしたら検索窓が移動できるのかなって思われると思いますが。意外と簡単に移動が可能です。TiddlyWikiのHTMLを生成するPageTemplateに検索窓を生成するマクロを指定し、生成した検索窓をCSSで調整するだけです。\n\n!!検索窓のHTMLタグ\n　TiddlyWikiの検索窓はマクロ名'search'で生成することが可能です。PageTemplateのHTML入力欄に生成したい位置に以下のようにHTMLタグを挿入します。私の場合はCSSで調整できるように'search' クラスを指定しています。\n\n{{{\n<div class='search' macro='search'></div> \n}}}\n\n!!検索窓CSS\n　StyleSheetにCSSを指定します。生成された検索窓のボタンの位置を position:relative;で相対指定し、位置を left:200px; で 200px左に移動しています。ボタンのように見えるように、border:1px inset #cccccc;で押した感じを表現しています。\n\n{{{\n/* search の移動*/\n.search{\n position:relative;\ntop:-70px;\nleft:40px;\n width:600px;\n /*border:1px solid red;*/\n text-align:right;\n padding-right:4em;\n}\n\n.search a{\n position:relative;\n left:200px;\n background-color:#93A0F9;\n border:1px outset #cccccc;\n padding:2px 10px 2px 10px;\n color:#000000;\n margin:0 auto;\n}\n\n.search a:hover{\n position:relative;\n background-color:#93A0F9;\n border:1px inset #cccccc;\n padding:2px 10px 2px 10px;\n color:#000000;\n margin:0 auto;\n}\n\n}}}\n\n!!サイドバーの検索窓を消す\n1.サイドバーのタグのMoreをクリックします。\n\n2.Shadowedをクリックします。\n\n３.SideBarOptionsをクリックしeditをクリックします。\n\n４.{{{<<search>>}}}を削除してdoneします。\n\n５.以上でサイドバーの検索窓を消すことが可能です。\n\n\n\n\n

　記事の中でHTMLを使用したいときがある。そんなときには、”InlineHTML”を使用します。HTMLコードを{{{<html>}}}と{{{</html>}}}で囲むことでHTMLコードとして扱います。\n\n[[TiddlyWiki :: InlineHTML　|http://www.tiddlywiki.com/#InlineHTML]]\n\n!!!設置例\n{{{\n<html>\n<a href="http://www.potto.client.jp/">素敵なTiddlyWiki</a>\n</html>\n}}}\n\n!!!例\n<html>\n<a href="http://www.potto.client.jp/">素敵なTiddlyWiki</a>\n</html>\n\n!!ひとくちメモ\n　"MainMenu","SideBarTabs",”SideBarOptions”なども記事として扱えます。したがって、InlineHTMLを利用するとサイドバーなどにもHTMLを記述することができます。覚えておくとなにかと役に立ちます。

　必要な記事をまとめて取り込んでもらいたいときにはインポートを”ImportTiddlers”を用いるのが良いのだけど，元のTiddlyWikiが大きいので必要な記事部分のみをインポートできるのかテストしました。\n　その結果{{{<div id="storeArea"> ... </div>}}}で囲まれている部分を取り出してテキストファイルとして保存しておけば（もちろん文字コードUTF-8ね）OKみたい。この手法を用いたマクロなど作れそうですね。\n\n{{{\n<div id="storeArea">\n :\n :\n</div>\n}}}\n\n

\n<div class='toolbar' macro='toolbar closeTiddler closeOthers +editTiddler permalink references jump'></div>\n<div class='title' macro='view title'></div>\n\n\n<div class='viewer' macro='view text wikified'></div>\n\n\n<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date [[DD MMM YYYY]]'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date [[DD MMM YYYY]]'></span>)</div>\n\n<div class='tagging' macro='tagging'></div>\n<div class='tagged' macro='tags'></div>\n\n<div class='tagClear'></div>\n\n\n

\n<div class='toolbar' macro='toolbar +saveTiddler -cancelTiddler deleteTiddler'></div>\n<div class='title' macro='view title'></div>\n<div class='editor' macro='edit title'></div>\n<div class='editor' macro='edit text'></div>\n<div class='editor' macro='edit tags'></div><div class='editorFooter'><span macro='message views.editor.tagPrompt'></span><span macro='tagChooser'></span></div>\n

\n<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>\n<div class='headerShadow'>\n<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> \n<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>\n</div>\n<div class='headerForeground'>\n<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> \n<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>\n</div>\n</div>\n<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>\n<div id='sidebar'>\n<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>\n<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>\n</div>\n<div id='displayArea'>\n<div id='messageArea'></div>\n<div id='tiddlerDisplay'></div>\n</div>\n

\n<div class='toolbar' macro='toolbar closeTiddler closeOthers +editTiddler permalink references jump'></div>\n<div class='title' macro='view title'></div>\n<div class='subtitle'><span macro='view modifier link'></span>, <span macro='view modified date [[DD MMM YYYY]]'></span> (<span macro='message views.wikified.createdPrompt'></span> <span macro='view created date [[DD MMM YYYY]]'></span>)</div>\n<div class='tagging' macro='tagging'></div>\n<div class='tagged' macro='tags'></div>\n<div class='viewer' macro='view text wikified'></div>\n<div class='tagClear'></div>\n

/***\n|Name|dump Macro|\n|Created by|potto|\n|Location| http://www.potto.client.jp/|\n|Version|0.1.0|\n|Requires||\n\n!!説明(Description)\n　変換前の記事の内容を表示します。\n\n!!使い方(Usage)\n　表示したい記事のタイトルを{{{<<dump tiddler title>>}}}の様に記述するとpreとして表示します。\n\n{{{<<dump tiddler title>>}}}\n\n　デザインの説明などで、StyleSheet、PageTemplateを記事に転記する場合に、以下の様に書いておけばコピー＆ペーストでそのまま利用できます。\n\n{{{\n{{{!!StyleSheet}}}\n<<dump StyleSheet>>\n{{{!!PageTemplate}}}\n<<dump PageTemplate>>\n{{{!!ViewTemplate}}}\n<<dump ViewTemplate>>\n}}}\n\n\n!!履歴(History)\n*27 November 2006 version 0.1.0 test release\n\n***/\n\n/*{{{*/\n// dump (Tiddler dump)\n// 指定tiddlerの変換前の記事の内容を表示する\nconfig.macros.dump = {};\nconfig.macros.dump.handler = function(place,macroName,params)\n{\n var text = store.getTiddlerText([params[0]]);\n　　　createTiddlyElement(place,"pre",null,null,text);\n\n}\n/*}}}*/\n

[[blog|http://potto.exblog.jp/]] - [[リンクについて]] - [[ご使用上の注意]] \n

/***\n|Name|updateMarkupBlockJaPach|\n|Created by|potto|\n|Location| http://www.potto.client.jp/|\n|Version|0.2.0|\n|Requires||\n\n!!説明(Description)\n　MarkupPreHead部分にmetaタグを日本語で入力しても文字化けしないように修正するパッチです。Googleなどのロボット型検索エンジンに指示を与えるためにmeta タグを入力します。metaタグにキーワードやサイトの内容などを入力しておくことにより、検索にヒットしやすくなるなどのメリットがあります。また検索した場合に表示される内容を指示することもできます。\n\n!!使い方(Usage)\n　以下のコードを記事にコピーし，tagsに”systemConfig"と入力します。パッチが適用された状態で、MarkupPreHeadに以下の様にkeywordに検索用キーワードを、descriptionにサイトの説明を記述し保存して下さい。metaタグが挿入されます。\n\n{{{\n<meta name="keyword" content="TiddlyWiki,カスタマイズ">\n<meta name="description" content="ローカルで利用可能なTiddlyWikiのカスタマイズ方法など">\n}}}\n\n!!履歴(History)\n* 29 Nov 2006 version 0.1.0 test release\n* 1 Dec 2006 version 0.2.0 TiddlyWikiのプラグインとして変更　\n\n!!Code\n***/\n/*{{{*/\nupdateMarkupBlock = _updateMarkupBlockJaPach;\nfunction _updateMarkupBlockJaPach(s,blockName,tiddlerName)\n{\n return s.replaceChunk(\n "".format([blockName]),\n "".format([blockName]),\n "\sn" + convertUnicodeToUTF8(store.getRecursiveTiddlerText(tiddlerName,"")) + "\sn");\n}\n/*}}}*/\n

*[[改行を取り除く（JavaScriptBookMarklet用）]] JavaScriptBookMarkletを作成するための改行を取り除く作業をします。\n*[[改行を入れる（JavaScriptBookMarklet用）]] JavaScriptBookMarkletを改行を入れて見やすくします

できるだけ正しい情報を紹介するように勤めていますが、私の知識不足や勘違いなどにより誤った情報が記載されているかもしれません。\n\n　このホームページの利用によって生じた損害については当方では責任を負いかねますのでご了承下さい。

　このサイトでは理論や基礎よりも実際に自分で体験し，楽しむことを主にしています。よろしかったらご覧下さい。\n\n!!!サイトの説明\n　このサイトは、[[素敵なTiddlyWiki - カスタマイズノート|http://www.geocities.jp/potto372/tiddlywiki/tiddlywikinote.html]]の第2版です。TiddlyWikiがバージョンアップして、HTMLをマクロで動的に書き換える必要もなくなりました。したがって以前のマクロを更新せず、TiddlyWikiの機能を利用して楽しむことにしました。気持ちも新たにして、新しいアドレスで記事を書いています。\n\n※2006年11月18日現在、TiddlyWiki 2.1.3 のバージョンを元に記\n事を書いています。\n\n!![[やってみよう]]\n<<tiddler "やってみよう">>\n!![[基礎]]\n<<tiddler "基礎">>\n!![[Tips]]\n<<tiddler "Tips">>\n!![[プレゼンテーション]]\n<<tiddler "プレゼンテーション">>\n!![[Q&A]]\n<<tiddler "Q&A">>\n!![[マクロ＆パッチ]]\n<<tiddler "マクロ＆パッチ">>\n!![[資料]]\n<<tiddler "資料">>\n!![[おまけ]]\n<<tiddler "おまけ">>\n!!![[リンク集]]\n[[リンク集]]\n

*[[２列レイアウトに挑戦]]\n*[[ヘッダの余分な空白を取り除く]]\n*[[CSSEdit Macroを使ってみよう！]]

*[[CSS Edit Macro|./slide/csseditmacro.html]] - TiddlyWikiのCSSを動的書換え　\n*[[HTML Slidy Maker|./htmlslidymaker/htmlslidymaker.html]] - HTMLプレゼンテーションツールを生成する\n*[[HTML Slidyの使い方|./slide/htmlslidy.html]] - HTML Slidyの使い方 \n　以上のプレゼンテーションは私の開発した[[HTML Slidy Maker |./htmlslidymaker/index.html]]で作成しています。\n

!!はじめに\n　サイトタイトル部分^^*1^^の空白を少なくし，本文の表示範囲を広くする方法です。\n\n!!手順\n\n１.StyleSheet^^*2^^に以下のコードを追加して下さい。\n{{{\n.headerShadow,\n.headerForeground {\npadding: 1em;\n}\n}}}\n\n!!ひとくちメモ\n　TiddlyWikiの骨組みであるHTMLは"PageTemplate"の記事のなかで設定されています。またレイアウトを指定するCSSは"StyleSheetLayout"の記事の中で設定されています。\n\n　サイトタイトル部分はheaderクラスの中に，".headerShadow" と ".headerForeground" のクラスが設定されています。"StyleSheetLayout"の記事のなかで，".headerShadow"と".headerForeground"にpaddingで余白が指定されており，この余白を上下左右 1em，つまり１文字分の余白に指定し直しています。”StyleSheet"で指定されいる内容が優先されるためこのような変更が可能です。\n\n----\n^^*1^^ デフォルトでMy TiddlyWikiと記述されている部分\n^^*2^^ StyleSheetはCSSを記述する場所のひとつです。編集方法などは[[２列レイアウトに挑戦]]を参考にして下さい。

!!!マクロ\n*[[CSSEdit Macro]] - TiddlyWikiのCSSを動的に書き換えてテストする\n*[[HTMLEdit Macro]] - TiddlyWikiのPageTemplateを動的に書きかえてテストする。\n*[[SaveStyles Macro]] - スタイルのバックアップ\n*[[dump Macro]] - 記事のダンプ\n*[[SaveTiddlerBackup Macro]] - 記事のバックアップ\n*[[HTML Slidy Maker |./htmlslidymaker/index.html]] - TiddlyWiki の記事を"HTML Slidy" として生成するマクロ \n*[[Backup2Text Macro]] -TiddlyWikiの全ての記事のみをテキストファイルに保存する。JavaScriptを取除いた記事を保存したい場合にご利用下さい。復元は　ImportTiddlers　で可能です。@@New@@\n\n!!!パッチ\n*[[updateMarkupBlockJaPach]] - metaタグに日本語を利用できるようにするパッチ\n*[[RSSMyTiddlersPatch]] - 自分の作成した記事のみをRSS出力するパッチ\n\n

　各ページなどに個別の記述がない限り、すべてのページに対し、ご自由にリンクしてください。リンクをするに当たって、確認の必要はございません。

!!TiddlyWiki\n[[各種メモ - tsupo の第5のメモ|http://www.na.rim.or.jp/~tsupo/wiki/]]\n[[TiddlyWiki Style - Tips, Macros and FAQ|http://www.geocities.jp/wikistyle/]]\n[[素敵なTiddlyWiki - カスタマイズノート|http://www.geocities.jp/potto372/tiddlywiki/tiddlywikinote.html]]\n[[MemoWiki - メモ用Wiki by TiddlyWiki|http://flow.dip.jp/mt/archives/u/twmemo.html]]\n[[TiddlyWikiのススメ - (HSJ.jp) |http://hsj.jp/junknews/archives/tiddlywiki_susume.html]]\n\n

*[[基礎 - HTML構造]]\n*[[基礎 - CSS]]\n*[[基礎 - CSS 主なIDとClass]]\n*[[基礎 - ダウンロード]]\n*[[基礎 - アップロード(新）]]\n**[[基礎 - アップロード(旧）]]\n\n**[[基礎 - スタイル変更について]]\n**[[基礎 - スタイル変更手順例]]

　最新のTiddlyWikiに変更するのが簡単になりました。\n\n１.最新版のTiddlyWikiをダウンロードし、ブラウザで表示して下さい。\n２.options をクリックし、一番下の”ImportTiddlers”をクリックします。\n３.Import tiddlers from another TiddlyWiki fileが開きます。\n４.中ほどの、”...or browse for a file”の参照をクリックして、以前のデータが入っているファイルを選択する。\n５."fetch"をクリックすると、インポートするファイルをチェックする画面が表示される。\n６.全てのファイルの場合は一番上のチェックボックスをチェックすると全てにチェックが入る。\n７."More actions..."をクリックして"Import'these tidders"を選択するとアップロードが完了する。\n\n※インポートが完了後、ファイルに保存する作業を忘れないようにお願いします。\n

!TiddlyWikiのアップデートの方法\n\n　これから行う作業は、現在使用している古いTiddlyWikiのデータを新しいTiddlyWikiファイルに書き換える作業を行います。作業の内容は、ブラウザで古いTiddlyWikiのファイルを表示しておき、新しいTiddlyWikiのファイルを古いTiddlyWikiのファイル名で保存し、「SaveChanges」をクリックして、データを移行する作業です。\n\n\n１.古いTiddlyWikiをブラウザで開いて表示して下さい。\n\n２.「SaveChanges」をクリックして現在編集中の内容を保存します。\n\n３.古いTiddlyWikiを表示したまま、TiddlyWikiのダウンロードサイトを別窓で開きます。\nhttp://www.tiddlywiki.com/#DownloadSoftware\n\n４.ダウンロードサイトのthis linkを右クリックし、現在編集中のTiddlyWikiのファイルに上書き保存します。\n\n５.先ほどからブラウザで開いていた、古いTiddlyWikiに移動し、「SaveChanges」をクリックして、データを書き込みます。\n\n６.アップグレードの確認のため、ブラウザのページをリフレッシュしてください。\n\n!!注意点\n*バックアップとして現在編集中のTiddlyWikiを別の場所に保管しておいて下さい。\n*TiddlyWikiを直接編集して改良した場合は改良内容を失います。\n\n参考サイト\n本家でアップデート方法が書いてあります。\nこの記事でわかりづらい場合は本家を参照して下さい。\nhttp://www.tiddlywiki.com/#HowToUpgrade\n

!!はじめに\n　今現在のTiddlyWiki 2.1.3 はHTMLおよびCSSの変更が簡単にできるようになっています。以前はHTMLを書き換えるためにはTiddlyWikiのファイルを直接エディタで書き換えるか，動的にHTMLを書き換えるマクロをJavaScriptで作成する必要がありました。しかし現在は「 PageTemplate 」に必要なHTMLを入力することで変更が可能です。なおCSSは以前同様に「 StyleSheet 」で書き換えることができます。\n\n※詳しいことよりも手順が知りたい方は以下のリンクをクリックして下さい。\n　[[基礎 - スタイル変更手順例]]\n\n!!TiddlyWikiのHTML\n　TiddlyWikiのデザインの骨組みであるHTMLを入力するには，TiddlyWikiで記事を書くときのタイトル名に「 PageTemplate 」と入力します。この「 PageTemplate 」にHTMLを記述することでTiddlyWikiのデザインが変更可能です。\n　HTMLの雛形は，本家のサイトの検索窓に「 PageTemplate 」と入力すると得ることができます。また私のサイトのHTMLを知りたい場合は「 PageTemplate 」をクリックしていただければそのまま得ることができます。\n　はじめは雛形のHTMLをもとに配置を変えたり，付け加えるなど少しづつ変更することがポイントです。HTML部分よりもCSS部分で見た目の変更が可能なため，HTMLは足りない部分を補うのが良さそうです。\n\n!!!参考　基本構造\n　雛形のHTMLの基本構造図と雛形のHTMLです。HTMLは本家のHTMLそのままです。\n\n[img[./fig/061117fig01structure.gif]]\n\n\n<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>\n<div class='headerShadow'>\n<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> \n<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>\n</div>\n<div class='headerForeground'>\n<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> \n<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>\n</div>\n</div>\n<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>\n<div id='sidebar'>\n<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>\n<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>\n</div>\n<div id='displayArea'>\n<div id='messageArea'></div>\n<div id='tiddlerDisplay'></div>\n</div>\n\n\n\n\n!!TiddlyWikiのCSS\n　TiddlyWikiの装飾のためにCSSを入力します。CSSの入力先は「 StyleSheet 」です。以下のCSSは本家のCSSです。\n\n/*{{{*/\n.header {\n background: #eee;\n border-bottom: 1px solid #999;\n font-weight: bold;\n}\n\n.headerShadow {\n color: [[ColorPalette::TertiaryLight]];\n left: 2px;\n top: 2px;\n}\n\n.headerShadow a {\n font-weight: normal;\n color: #000;\n}\n\n.headerForeground {\n color: [[ColorPalette::Foreground]];\n left: 0px;\n top: 0px;\n}\n\n.headerForeground a:hover {\n background-color: #18f;\n color: #fff;\n}\n\n#mainMenu {\n position: static;\n width: auto;\n left: auto;\n text-align: left;\n padding: 0em 0.5em 0em 0.5em;\n background-color: #eee;\n border-bottom: 1px solid #999;\n}\n\n#displayArea {\n margin-left: 1em;\n}\n\n.viewer a {\n background: [[ColorPalette::SecondaryLight]];\n color: [[ColorPalette::PrimaryMid]];\n}\n\n.viewer a.externalLink {\n background: [[ColorPalette::TertiaryLight]];\n}\n\n.viewer a:hover{\n background: [[ColorPalette::PrimaryMid]];\n color: [[ColorPalette::Background]];\n}\n\n.viewer {\n font-size: 1.5em;\n}\n\n.title {\n font-size: 2em;\n}\n\n.toolbar .button {\n color: #ccc;\n}\n\n.subtitle {\n display: none;\n}\n\n/*}}}*/\n\n

!!はじめに\n　TiddlyWikiのデザインの変更方法について，例題として２列スタイルをご紹介します。私の環境では自動保存になっているため保存作業が必要ではありませんが，デフォルトのTiddlyWikiでは自動保存のオプションが入っていないこともありますのでご注意下さい。なおCSSなどは必要最低限のものについてのみ記述してあります。\n\n!!完成イメージ\n　これからはじめる作業の完成イメージです。トップにメニュー，右側にサイドバーを配置した２列スタイルです。\n\n[img[./fig/061117fig2row.gif]]\n\n!!手順\n１.デザインを変えるTiddlyWikiをバックアップする。\n　ファイルのコピーなどでTiddlyWikiをどこか安全な場所に保存して下さい。（なにかのトラブルや操作ミスなどにより大切なデータを無くさないようにするためです）\n\n２.TiddyWikiのサイドバーの" new tiddler " をクリックしてタイトルに ” StyleSheet " と入力し以下のCSSを本文にコピーして " done " をクリックする。\n\n/*{{{*/\n#mainMenu {\n position: static;\n width: auto;\n left: auto;\n text-align: left;\n padding: 0em 0.5em 0em 0.5em;\n background-color: #eee;\n border-bottom: 1px solid #999;\n}\n\n#displayArea {\n margin-left: 1em;\n}\n/*}}}*/\n\n４.TiddyWikiのサイドバーの”save changes"をクリックして保存する。\n\n５.ブラウザの更新ボタンを押す。\n　この時点で，２列スタイルに変更されます。なお保存されていない場合は，今までの操作が無効になります。\n\n６.TiddyWikiのサイドバーの" new tiddler " をクリックしてタイトルに " PageTemplate "と入力し，以下のHTMLをコピーして" done " をクリックする。\n\nPageTemplateがすでに作成されていて、エラーが発生することもあります。\nタブのMore→ShadowedでPageTemplateがないか確認して下さい。ある場合はPageTemplateをクリックすると編集が可能です。\n\n{{{\n<div class='header' macro='gradient vert [[ColorPalette::PrimaryLight]] [[ColorPalette::PrimaryMid]]'>\n<div class='headerShadow'>\n<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> \n<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>\n</div>\n<div class='headerForeground'>\n<span class='siteTitle' refresh='content' tiddler='SiteTitle'></span> \n<span class='siteSubtitle' refresh='content' tiddler='SiteSubtitle'></span>\n</div>\n</div>\n<div id='mainMenu' refresh='content' tiddler='MainMenu'></div>\n<div id='sidebar'>\n<div id='sidebarOptions' refresh='content' tiddler='SideBarOptions'></div>\n<div id='sidebarTabs' refresh='content' force='true' tiddler='SideBarTabs'></div>\n</div>\n<div id='displayArea'>\n<div id='messageArea'></div>\n<div id='tiddlerDisplay'></div>\n</div>\n}}}\n\n７.TiddyWikiのサイドバーの”save changes"をクリックして保存する。\n\n８.ブラウザの更新ボタンを押す。\n　保存されていない場合は，今までの操作が無効になります。\n\n９.以上\n

　最新板のTiddlyWikiは、以下のアドレスから入手できます。以下のアドレスで表示された、中ほどの this linkを右クリックし、「リンク先を名前を付けて保存」で保存します。\n\nhttp://www.tiddlywiki.com/#DownloadSoftware\n\n|※必ず、右クリックし、「リンク先を名前を付けて保存」で保存して下さい。ブラウザのファイル/名前を付けてページの保存を利用しないで下さい。ブラウザのファイル/名前を付けてページの保存を利用すると正常に利用できないことがあります。|\n\n

!!はじめに\n　JavaScriptブックマークレットなど改行が無いので見づらいです。そこで｛｝;の文字で改行を入れます。単純に{};で改行を入れているので文脈と関係なく改行が入ります。\n\n!!操作方法\n　入力欄に改行を入れたいJavaScriptBookMarkletなどのコードを入力し，変換ボタンを押すと出力欄に結果が出力されます。\n\n<html>\n<form mime="text/plain" name="conv0611301">\n<p>\n【入力欄】<br />\n<textarea name="i" rows="10" cols="45"></textarea></p>\n\n<p>\n【出力欄】<br />\n<textarea name="o" rows="10" cols="45"></textarea>\n</p>\n\n<input type="button" name="go" value="変換" onclick='var s =document.conv0611301.i.value;if(config.browser.isIE){s = s.replace(RegExp("{","gm"),"{\sr"); s = s.replace(RegExp("}","gm"),"}\sr");s = s.replace(RegExp(";","gm"),";\sr"); }else{s = s.replace(RegExp("{","gm"),"{\sn"); s = s.replace(RegExp("}","gm"),"}\sn");s = s.replace(RegExp(";","gm"),";\sn"); }document.conv0611301.o.value = s;'>\n<input type="reset" value="消去">\n</form>\n</html>

!!はじめに\n　JavaScriptブックマークレットなどを作成する場合，改行を取り除く必要があります。その改行を取り除く作業を行います。\n\n!!操作方法\n　入力欄に改行を取り除きたいコードを入力し，変換ボタンを押すと出力欄に結果が出力されます。\n\n<html>\n<form mime="text/plain" name="conv0611302">\n<p>\n【入力欄】<br />\n<textarea name="i" rows="10" cols="45"></textarea>\n</p>\n<p>\n【出力欄】<br />\n<textarea name="o" rows="10" cols="45"></textarea>\n</p>\n<input type="button" name="go" value="変換" onclick='var s =document.conv0611302.i.value;s = s.replace(RegExp("\sn","gm"),""); s = s.replace(RegExp("\sr","gm"),""); document.conv0611302.o.value = s;'>\n<input type="reset" value="全消去">\n</form>\n</html>

\n!!!セレクタと宣言\n　スタイル指定が適用される先をセレクタ(Selector)，指定するスタイルの内容を宣言(Declaration)と呼びます。\n{{{\nセレクタ {宣言}\n}}}\n\n!!!IDとクラスの指定\nIDはシャープ（#）で，クラス名はピリオド（.）で指定します。\n

*[[資料 - 色見本]]

{{exClass{\n\n!!基本16色パレット \n|>|>| 基本16色パレット |\n|bgcolor(Black):color(#fff):Black|bgcolor(Red):color(#fff):Red|bgcolor(Maroon):color(#fff):Maroon|\n|bgcolor(Gray):color(#fff):Gray|bgcolor(Yellow):color(#fff):Yellow|bgcolor(Olive):color(#fff):Olive|\n|bgcolor(Silver):color(#fff):Silver|bgcolor(Lime):color(#fff):Lime|bgcolor(Green):color(#fff):Green|\n|bgcolor(White):color(#000):White|bgcolor(Aqua):color(#fff):Aqua|bgcolor(Teal):color(#fff):Teal|\n||bgcolor(Blue):color(#fff):Blue|bgcolor(Navy):color(#fff):Navy|\n||bgcolor(Fuchsia):color(#fff):Fuchsia|bgcolor(Purple):color(#fff):Purple|\n\n!!216色パレット \n|>|>|>|>|>| 216色パレット |\n|bgcolor(#000000):color(#fff):#000000|bgcolor(#003300):color(#fff):#003300|bgcolor(#006600):color(#fff):#006600|bgcolor(#009900):color(#fff):#009900|bgcolor(#00CC00):color(#fff):#00CC00|bgcolor(#00FF00):color(#fff):#00FF00|\n|bgcolor(#000033):color(#fff):#000033|bgcolor(#003333):color(#fff):#003333|bgcolor(#006633):color(#fff):#006633|bgcolor(#009933):color(#fff):#009933|bgcolor(#00CC33):color(#fff):#00CC33|bgcolor(#00FF33):color(#fff):#00FF33|\n|bgcolor(#000066):color(#fff):#000066|bgcolor(#003366):color(#fff):#003366|bgcolor(#006666):color(#fff):#006666|bgcolor(#009966):color(#fff):#009966|bgcolor(#00CC66):color(#fff):#00CC66|bgcolor(#00FF66):color(#fff):#00FF66|\n|bgcolor(#000099):color(#fff):#000099|bgcolor(#003399):color(#fff):#003399|bgcolor(#006699):color(#fff):#006699|bgcolor(#009999):color(#fff):#009999|bgcolor(#00CC99):color(#fff):#00CC99|bgcolor(#00FF99):color(#fff):#00FF99|\n|bgcolor(#0000CC):color(#fff):#0000CC|bgcolor(#0033CC):color(#fff):#0033CC|bgcolor(#0066CC):color(#fff):#0066CC|bgcolor(#0099CC):color(#fff):#0099CC|bgcolor(#00CCCC):color(#fff):#00CCCC|bgcolor(#00FFCC):color(#fff):#00FFCC|\n|bgcolor(#0000FF):color(#fff):#0000FF|bgcolor(#0033FF):color(#fff):#0033FF|bgcolor(#0066FF):color(#fff):#0066FF|bgcolor(#0099FF):color(#fff):#0099FF|bgcolor(#00CCFF):color(#fff):#00CCFF|bgcolor(#00FFFF):color(#fff):#00FFFF|\n|bgcolor(#330000):color(#fff):#330000|bgcolor(#333300):color(#fff):#333300|bgcolor(#336600):color(#fff):#336600|bgcolor(#339900):color(#fff):#339900|bgcolor(#33CC00):color(#fff):#33CC00|bgcolor(#33FF00):color(#fff):#33FF00|\n|bgcolor(#330033):color(#fff):#330033|bgcolor(#333333):color(#fff):#333333|bgcolor(#336633):color(#fff):#336633|bgcolor(#339933):color(#fff):#339933|bgcolor(#33CC33):color(#fff):#33CC33|bgcolor(#33FF33):color(#fff):#33FF33|\n|bgcolor(#330066):color(#fff):#330066|bgcolor(#333366):color(#fff):#333366|bgcolor(#336666):color(#fff):#336666|bgcolor(#339966):color(#fff):#339966|bgcolor(#33CC66):color(#fff):#33CC66|bgcolor(#33FF66):color(#fff):#33FF66|\n|bgcolor(#330099):color(#fff):#330099|bgcolor(#333399):color(#fff):#333399|bgcolor(#336699):color(#fff):#336699|bgcolor(#339999):color(#fff):#339999|bgcolor(#33CC99):color(#fff):#33CC99|bgcolor(#33FF99):color(#fff):#33FF99|\n|bgcolor(#3300CC):color(#fff):#3300CC|bgcolor(#3333CC):color(#fff):#3333CC|bgcolor(#3366CC):color(#fff):#3366CC|bgcolor(#3399CC):color(#fff):#3399CC|bgcolor(#33CCCC):color(#fff):#33CCCC|bgcolor(#33FFCC):color(#fff):#33FFCC|\n|bgcolor(#3300FF):color(#fff):#3300FF|bgcolor(#3333FF):color(#fff):#3333FF|bgcolor(#3366FF):color(#fff):#3366FF|bgcolor(#3399FF):color(#fff):#3399FF|bgcolor(#33CCFF):color(#fff):#33CCFF|bgcolor(#33FFFF):color(#fff):#33FFFF|\n|bgcolor(#660000):color(#fff):#660000|bgcolor(#663300):color(#fff):#663300|bgcolor(#666600):color(#fff):#666600|bgcolor(#669900):color(#fff):#669900|bgcolor(#66CC00):color(#fff):#66CC00|bgcolor(#66FF00):color(#fff):#66FF00|\n|bgcolor(#660033):color(#fff):#660033|bgcolor(#663333):color(#fff):#663333|bgcolor(#666633):color(#fff):#666633|bgcolor(#669933):color(#fff):#669933|bgcolor(#66CC33):color(#fff):#66CC33|bgcolor(#66FF33):color(#fff):#66FF33|\n|bgcolor(#660066):color(#fff):#660066|bgcolor(#663366):color(#fff):#663366|bgcolor(#666666):color(#fff):#666666|bgcolor(#669966):color(#fff):#669966|bgcolor(#66CC66):color(#fff):#66CC66|bgcolor(#66FF66):color(#fff):#66FF66|\n|bgcolor(#660099):color(#fff):#660099|bgcolor(#663399):color(#fff):#663399|bgcolor(#666699):color(#fff):#666699|bgcolor(#669999):color(#fff):#669999|bgcolor(#66CC99):color(#fff):#66CC99|bgcolor(#66FF99):color(#fff):#66FF99|\n|bgcolor(#6600CC):color(#fff):#6600CC|bgcolor(#6633CC):color(#fff):#6633CC|bgcolor(#6666CC):color(#fff):#6666CC|bgcolor(#6699CC):color(#fff):#6699CC|bgcolor(#66CCCC):color(#fff):#66CCCC|bgcolor(#66FFCC):color(#fff):#66FFCC|\n|bgcolor(#6600FF):color(#fff):#6600FF|bgcolor(#6633FF):color(#fff):#6633FF|bgcolor(#6666FF):color(#fff):#6666FF|bgcolor(#6699FF):color(#fff):#6699FF|bgcolor(#66CCFF):color(#fff):#66CCFF|bgcolor(#66FFFF):color(#fff):#66FFFF|\n|bgcolor(#990000):color(#fff):#990000|bgcolor(#993300):color(#fff):#993300|bgcolor(#996600):color(#fff):#996600|bgcolor(#999900):color(#fff):#999900|bgcolor(#99CC00):color(#fff):#99CC00|bgcolor(#99FF00):color(#fff):#99FF00|\n|bgcolor(#990033):color(#fff):#990033|bgcolor(#993333):color(#fff):#993333|bgcolor(#996633):color(#fff):#996633|bgcolor(#999933):color(#fff):#999933|bgcolor(#99CC33):color(#fff):#99CC33|bgcolor(#99FF33):color(#fff):#99FF33|\n|bgcolor(#990066):color(#fff):#990066|bgcolor(#993366):color(#fff):#993366|bgcolor(#996666):color(#fff):#996666|bgcolor(#999966):color(#fff):#999966|bgcolor(#99CC66):color(#fff):#99CC66|bgcolor(#99FF66):color(#fff):#99FF66|\n|bgcolor(#990099):color(#fff):#990099|bgcolor(#993399):color(#fff):#993399|bgcolor(#996699):color(#fff):#996699|bgcolor(#999999):color(#fff):#999999|bgcolor(#99CC99):color(#fff):#99CC99|bgcolor(#99FF99):color(#fff):#99FF99|\n|bgcolor(#9900CC):color(#fff):#9900CC|bgcolor(#9933CC):color(#fff):#9933CC|bgcolor(#9966CC):color(#fff):#9966CC|bgcolor(#9999CC):color(#fff):#9999CC|bgcolor(#99CCCC):color(#fff):#99CCCC|bgcolor(#99FFCC):color(#fff):#99FFCC|\n|bgcolor(#9900FF):color(#fff):#9900FF|bgcolor(#9933FF):color(#fff):#9933FF|bgcolor(#9966FF):color(#fff):#9966FF|bgcolor(#9999FF):color(#fff):#9999FF|bgcolor(#99CCFF):color(#fff):#99CCFF|bgcolor(#99FFFF):color(#fff):#99FFFF|\n|bgcolor(#CC0000):color(#fff):#CC0000|bgcolor(#CC3300):color(#fff):#CC3300|bgcolor(#CC6600):color(#fff):#CC6600|bgcolor(#CC9900):color(#fff):#CC9900|bgcolor(#CCCC00):color(#fff):#CCCC00|bgcolor(#CCFF00):color(#fff):#CCFF00|\n|bgcolor(#CC0033):color(#fff):#CC0033|bgcolor(#CC3333):color(#fff):#CC3333|bgcolor(#CC6633):color(#fff):#CC6633|bgcolor(#CC9933):color(#fff):#CC9933|bgcolor(#CCCC33):color(#fff):#CCCC33|bgcolor(#CCFF33):color(#fff):#CCFF33|\n|bgcolor(#CC0066):color(#fff):#CC0066|bgcolor(#CC3366):color(#fff):#CC3366|bgcolor(#CC6666):color(#fff):#CC6666|bgcolor(#CC9966):color(#fff):#CC9966|bgcolor(#CCCC66):color(#fff):#CCCC66|bgcolor(#CCFF66):color(#fff):#CCFF66|\n|bgcolor(#CC0099):color(#fff):#CC0099|bgcolor(#CC3399):color(#fff):#CC3399|bgcolor(#CC6699):color(#fff):#CC6699|bgcolor(#CC9999):color(#fff):#CC9999|bgcolor(#CCCC99):color(#fff):#CCCC99|bgcolor(#CCFF99):color(#fff):#CCFF99|\n|bgcolor(#CC00CC):color(#fff):#CC00CC|bgcolor(#CC33CC):color(#fff):#CC33CC|bgcolor(#CC66CC):color(#fff):#CC66CC|bgcolor(#CC99CC):color(#fff):#CC99CC|bgcolor(#CCCCCC):color(#fff):#CCCCCC|bgcolor(#CCFFCC):color(#fff):#CCFFCC|\n|bgcolor(#CC00FF):color(#fff):#CC00FF|bgcolor(#CC33FF):color(#fff):#CC33FF|bgcolor(#CC66FF):color(#fff):#CC66FF|bgcolor(#CC99FF):color(#fff):#CC99FF|bgcolor(#CCCCFF):color(#fff):#CCCCFF|bgcolor(#CCFFFF):color(#fff):#CCFFFF|\n|bgcolor(#FF0000):color(#fff):#FF0000|bgcolor(#FF3300):color(#fff):#FF3300|bgcolor(#FF6600):color(#fff):#FF6600|bgcolor(#FF9900):color(#fff):#FF9900|bgcolor(#FFCC00):color(#fff):#FFCC00|bgcolor(#FFFF00):color(#fff):#FFFF00|\n|bgcolor(#FF0033):color(#fff):#FF0033|bgcolor(#FF3333):color(#fff):#FF3333|bgcolor(#FF6633):color(#fff):#FF6633|bgcolor(#FF9933):color(#fff):#FF9933|bgcolor(#FFCC33):color(#fff):#FFCC33|bgcolor(#FFFF33):color(#fff):#FFFF33|\n|bgcolor(#FF0066):color(#fff):#FF0066|bgcolor(#FF3366):color(#fff):#FF3366|bgcolor(#FF6666):color(#fff):#FF6666|bgcolor(#FF9966):color(#fff):#FF9966|bgcolor(#FFCC66):color(#fff):#FFCC66|bgcolor(#FFFF66):color(#fff):#FFFF66|\n|bgcolor(#FF0099):color(#fff):#FF0099|bgcolor(#FF3399):color(#fff):#FF3399|bgcolor(#FF6699):color(#fff):#FF6699|bgcolor(#FF9999):color(#fff):#FF9999|bgcolor(#FFCC99):color(#fff):#FFCC99|bgcolor(#FFFF99):color(#fff):#FFFF99|\n|bgcolor(#FF00CC):color(#fff):#FF00CC|bgcolor(#FF33CC):color(#fff):#FF33CC|bgcolor(#FF66CC):color(#fff):#FF66CC|bgcolor(#FF99CC):color(#fff):#FF99CC|bgcolor(#FFCCCC):color(#fff):#FFCCCC|bgcolor(#FFFFCC):color(#00):#FFFFCC|\n|bgcolor(#FF00FF):color(#fff):#FF00FF|bgcolor(#FF33FF):color(#fff):#FF33FF|bgcolor(#FF66FF):color(#fff):#FF66FF|bgcolor(#FF99FF):color(#fff):#FF99FF|bgcolor(#FFCCFF):color(#fff):#FFCCFF|bgcolor(#FFFFFF):color(#000):#FFFFFF|\n\n}}}

!!はじめに\n　TiddlyWikiのデフォルトレイアウトはメニュー，サイドバー，本文の３列のレイアウトになっています。このレイアウトを２列に変更します。なおメニューは右側に配置します。\n\n!!手順\n１.右側のサイドバーのタブで，More → Shadowed を選択します。\n\n２.StyleSheetをクリックします。\n\n３.タイトル名が"StyleSheet"が表示されます。このタイトル右側の"edit" をクリックします。\n\n４.以下のコードをコピーして貼り付けて下さい。\n\n/*{{{*/\n#mainMenu {\nposition: static;\nwidth: auto;\ntext-align:right;\npadding: 0em 1em 0em 1em;\n\nbackground-color: #eee;\ncolor:#cccccc;\n}\n\n#displayArea {\nmargin:0 17em 0 1em;\npadding:0;\n}\n\n#sidebar {\nposition: absolute;\nright: 10px;\nwidth: 16em;\nfont-size: .9em;\n}\n\n/*}}}*/\n\n５."done"をクリックして保存し，サイドバーの "save changes" をクリックしてファイルを上書き保存します。\n\n\n\n