Web Collaboration by PukiWiki-chapter3 基本的な使い方
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
]
開始行:
*[[chapter3 基本的な使い方]] [#nfbb4ac6]
Pukiwikiシンプルなソフトウェアです。使い方についてもそれ...
---------------------------------------------------------...
#contents();
// #access();
**3-1画面構成について [#y7b2a6a3]
---------------------------------------------------------...
***ヘッダとフッタ [#n32bff9d]
画面構成は、大きく分けてヘッダ、ボディ、フッタの3段構成に...
ヘッダとフッタの中にはPukiwikiの操作用ナビゲータ部が含ま...
//&ref(./上部説明.png,50%);
ナビゲータ部分は、ヘッダとフッタで若干見栄えは違い、ヘッ...
基本的には画面上部のヘッダ部に含まれるナビゲータ部から操...
ボディ部には、自由にブラウザから書き換えることができる内...
Pukiwikiでは一定の書式に基づいて記述された文書が自動的に...
この自動整形機能で手軽にハイパーテキスト文書を書くことが...
また、ボディ部の左側には、更新された順に最新の20件ページ...
&ref(./20250321_1218.png,55%);
***ヘッダ部の詳細について [#x2075890]
&ref(./img20250303_13103829.jpg,50%);
**3-2ページ編集の仕方 [#n6847342]
pukiwikiのページ編集はブラウザのみで可能となっているのが...
---------------------------------------------------------...
***pukiwikiの記述、書式について [#jc67eed1]
先ほどFrontPageを編集した際に、一部に記号が含まれているこ...
行の初めの部分に＊（アスタリスク）や－（ハイフン）が使用...
[#～]（大カッコでシャープで続く文字）があったりと、なんと...
この記述もまたpukiwikiの大きな特徴で重要な機能です。この...
ここではwiki記法と呼びます。
wiki記法はwikiごとにそれぞれ違いがありますが、記法で定め...
基準となるHTMLという技術が一緒である以上、要素は同じもの...
Pukiwikiのwiki記法には様々なものがあります。しかし、読み...
見出し、リスト、強調表示、文字色、文字サイズ、BracketName...
このうちBracketName（ブラケットネーム）というのは初めて聞...
まず、BracketName以外の要素について説明しましょう。
-見出し
見出しは行の開始（行頭）に＊アスタリスクを記述します。
見出しレベルはHTMLでは<H>タグに相当し、見出しレベルで3段...
■記述例
*見出し
*見出し [#mb6536fd]
**見出し
**見出し [#mc662e0d]
***見出し
***見出し [#k5bb5cf0]
このように、＊の数で見出しのスタイルが変わります。
見出しを適切に使用することで、文章構造がつかみやすいペー...
文書作成の基本として、見出しをぜひ活用してください。
使用時のイメージとしては、＊を活用した文書作成は、ワード...
見出しから書いていくことと同じようなイメージです。
そして、見出し込みでwiki記法で記入したページを更新し、表...
見出しを加えると見出しごとにページ内リンク先として使用で...
ページ表示上は見出し分の右側に表示される十字上の記号がア...
このアンカーを使用して、ページ内の任意の見出し部分へダイ...
-リスト
リストは箇条書きを記述するための記法です。リストはHTMLで<...
行頭に-（ハイフン）を記入した行がリスト要素になり、行頭を...
リストを区切るためには何も記述しない空行を含めるか、もし...
なお、ハイフンを4つ続けて記述すると区切りのための水平線に...
■記述例
-リスト1
--リスト1
---リスト1
-リスト1
--リスト1
---リスト1
箇条書きは、文書内で項目を列挙するときに使います。
箇条書きを効果的に使用すると一目で内容を把握しやすい文書...
また、書きかけの文書の中で、これから書きたい内容を列挙す...
また、リストには番号順のリストがあります。HTMLとしては<OL...
箇条書きのリストと同様に3段階まで使用することができます。
番号は自動的に振られるので、手書きで自分で番号を加える必...
■記述例
+リスト1
++リスト1
+++リスト1
+リスト1
++リスト1
+++リスト1
//
//
//
//
***文字サイズの変更 [#bb48c87b]
文字のサイズを変更するには、下記の書式を使用します。
記述例
&size(20){20ピクセルの文字};
表示例
&siz(20){20ピクセルの文字};
&size()の括弧にいは文字サイズをピクセル単位で記入します。...
この書式は行中のどの部分でも記述することができるので文書...
ただし。
&size(x){～};の書式を仕様している部分は改行せずに一行に納...
-きちんと表示される記述例
ここまでは普通の文字サイズ、&size(20){ここだけ文字を大き...
-ダメな記述例
ここまでは普通の文字サイズ、&size(20){ここだけ文字
を大きくします};、また元の文字サイズ。
改行を含めてしまった場合は、書式が適用されず書式文字自体...
//
**3-3ページの新規作成と削除 [#afcf7bc5]
基本的なページの編集方法を覚えた上で、次に覚えたいのがペ...
---------------------------------------------------------...
***新規ページの作り方 [#q02bb690]
見やすく情報が管理されたWebサイトを作るためににはテーマご...
Pukiwikiで新たなページを作成するには、大きく分けて2つの手...
ひとつの手順はナビゲーション部分に含まれる新規のリンクよ...
もうひとつはリンク元になるページに、リンクとなる書式を用...
-新規ページ作成フォームからのページ作成 [#t06704f9]
+ナビゲーションより新規のリンクをクリック
+新規ページ作成フォームに新規で作成したページ名を入力。
+編集ボタンをクリックする新規ページ名の編集画面に移る。
+ページを編集してページの更新ボタンを押して新規ページを保存
では、試しに以下の手順でページを作成してましょう。
+FrontPageを表示した状態でナビゲーションより新規のリンク...
+新規ページ作成フォームに新規で作成するページ名をとして[T...
+編集ボタンをクリックすると新規ページ[TestPage]の編集画面...
+[FrontPage]と書かれてる部分は残しつつ、「テストページで...
以上の手順で新たに[TestPage]ができあがります。画面左側に...
&ref(./img20250319_10561768.jpg,30%);
***wikinameについて[2025.03.19更新] [#zbb19b33]
先ほど編集したテキストページには、FrontPageと記載した部分...
これはpukiwikiのもうひとつのリンク記述方法が適用されてい...
FrontPageのように2文字以上の大文字か小文字の間に含まれる...
WikiNameは、英語圏で発祥したwikiにとっては非常に便利で特...
英文を使用する環境では、ひとつの単語の中に大文字が複数含...
WikiNameのような複数の大文字を含む単語を自動的にページ名...
ただし、大文字小文字の区別がない日本語やその他の言語圏で...
WikiNameには英文字しか利用できないため、ページ名が英文字...
そこで日本語で使用しやすいように新たに生み出されたルール...
ページ名にしたい単語の前後の二重カッコで括るというルール...
-リンクのバリエーションについて
ページからリンクをはる際に、別の表記に変えたいような場合...
例えばリンク先は[FrontPage]だけど、画面表示上は[トップペ...
***ページの削除 [#h411d6b6]
しばらくPukiwikiを使用していると、ページを削除したい機会...
Pukiwikiのページ削除も、編集と同様にWebブラウザのみで可能...
ページを削除するには「ページの内容を空欄にして
更新する」だけです。ページ削除の手順は下記のとおりです。
削除したいページを表示する。
削除したいページで編集画面に移る。
ページ内容をすべて消す
ページ内容が空の状態で更新ボタンを押す。
ページを削除した後に、「ページを削除しました」と表示され...
FrontPageへもどるか、ほかのリンクから別のページに移ってく...
削除した直後にリロードをクリックすると再度削除したページ...
***ページ内の単語検索 [#vfa0a6b8]
Pukiwikiには、作成されているページに含まれる単語検索を全...
検索はナブゲーション部分にある[単語検索]から使用します。
入力フォームに検索したい単語を入力し、検索方式としてAND方...
&ref(検索画面.png);
**3-4コメント欄の作成、プラグインの使用 [#yadda101]
Pukiwikiではページ中に一行コメント欄を設けることが簡単に...
***コメント欄を設ける [#ya8744ba]
1行コメント欄を設けるには行頭から下記の書式を使用します。
-記述例
#COMMENT
コメント欄から入力された内容は、設置しているページ内に特...
例えば名前に、「田中」、コメント欄に「テキストコメント」...
- テキストコメント -- [[田中]] &new{2025-03-06 (木) 17:03...
#COMMENT
**3-5ファイルの添付 [#o740c221]
Pukiwikiではページに対してファイルを添付することができま...
***添付ファイルのつけ方 [#ae5332b4]
ファイルの添付はナビゲーション部の[添付]より行います。
---------------------------------------------------------...
//
**3-6ページの探し方 [#m44a1846]
Pukiwikiは、自由自在にページを増やしていくことができます...
ただし、Pukiwikiでは自動的にページを一覧を生成する仕組み...
Pukiwiki内に含まれるページの一覧は画面上部のナビゲータ中...
---------------------------------------------------------...
//
**3-7サイト構築の第一歩 [#a567c24c]
これまでの内容が身についていればPukiwikiでサイト構築を始...
とりあえずインストールしてみたPukiwikiを使って、個人的に...
---------------------------------------------------------...
***FrontPageの書き換え [#yaab59d7]
何はともあれ、初めに表示されるのはFrontPageなので、FrontP...
インストール直後のFrontPageには、ページの概要やPukiwikiの...
このページを個人的なサイトのトップページとして書き換える...
まず、トップページにはサイト名やサイトの目的、運営方針に...
また、Pukiwikiに触れたことがない人に対して、Pukiwikiが誰...
今回のサイトの目的としては個人的な情報を扱うサイトであり...
***左側のメニューに書き加える [#ud2146b6]
左側には最新の20件として、更新されたページ名一覧が常に表...
実はこの部分もページとして用意されていて、ほかのページと...
編集するためには[新規]のリンクをクリックして、新規ページ...
するとMenuBarページへ移動します。新規ページ作成機能は、入...
MenuBarを編集するために[編集]リンクをクリックし、編集画面...
//
***その他の書式やプラグインについて [#d853a047]
pukiwikiには、これまでに紹介そた数種の書式やプラグインの...
これらの機能を活用するために便利な資料は付録として用意し...
また、pukiwiki自体にもHelpとしてしっかりとした説明ページ...
書式について説明する文書としては FormattingRulesページ、...
使い方が詳しいく解説されているので、疑問をもったときには...
//
終了行:
*[[chapter3 基本的な使い方]] [#nfbb4ac6]
Pukiwikiシンプルなソフトウェアです。使い方についてもそれ...
---------------------------------------------------------...
#contents();
// #access();
**3-1画面構成について [#y7b2a6a3]
---------------------------------------------------------...
***ヘッダとフッタ [#n32bff9d]
画面構成は、大きく分けてヘッダ、ボディ、フッタの3段構成に...
ヘッダとフッタの中にはPukiwikiの操作用ナビゲータ部が含ま...
//&ref(./上部説明.png,50%);
ナビゲータ部分は、ヘッダとフッタで若干見栄えは違い、ヘッ...
基本的には画面上部のヘッダ部に含まれるナビゲータ部から操...
ボディ部には、自由にブラウザから書き換えることができる内...
Pukiwikiでは一定の書式に基づいて記述された文書が自動的に...
この自動整形機能で手軽にハイパーテキスト文書を書くことが...
また、ボディ部の左側には、更新された順に最新の20件ページ...
&ref(./20250321_1218.png,55%);
***ヘッダ部の詳細について [#x2075890]
&ref(./img20250303_13103829.jpg,50%);
**3-2ページ編集の仕方 [#n6847342]
pukiwikiのページ編集はブラウザのみで可能となっているのが...
---------------------------------------------------------...
***pukiwikiの記述、書式について [#jc67eed1]
先ほどFrontPageを編集した際に、一部に記号が含まれているこ...
行の初めの部分に＊（アスタリスク）や－（ハイフン）が使用...
[#～]（大カッコでシャープで続く文字）があったりと、なんと...
この記述もまたpukiwikiの大きな特徴で重要な機能です。この...
ここではwiki記法と呼びます。
wiki記法はwikiごとにそれぞれ違いがありますが、記法で定め...
基準となるHTMLという技術が一緒である以上、要素は同じもの...
Pukiwikiのwiki記法には様々なものがあります。しかし、読み...
見出し、リスト、強調表示、文字色、文字サイズ、BracketName...
このうちBracketName（ブラケットネーム）というのは初めて聞...
まず、BracketName以外の要素について説明しましょう。
-見出し
見出しは行の開始（行頭）に＊アスタリスクを記述します。
見出しレベルはHTMLでは<H>タグに相当し、見出しレベルで3段...
■記述例
*見出し
*見出し [#mb6536fd]
**見出し
**見出し [#mc662e0d]
***見出し
***見出し [#k5bb5cf0]
このように、＊の数で見出しのスタイルが変わります。
見出しを適切に使用することで、文章構造がつかみやすいペー...
文書作成の基本として、見出しをぜひ活用してください。
使用時のイメージとしては、＊を活用した文書作成は、ワード...
見出しから書いていくことと同じようなイメージです。
そして、見出し込みでwiki記法で記入したページを更新し、表...
見出しを加えると見出しごとにページ内リンク先として使用で...
ページ表示上は見出し分の右側に表示される十字上の記号がア...
このアンカーを使用して、ページ内の任意の見出し部分へダイ...
-リスト
リストは箇条書きを記述するための記法です。リストはHTMLで<...
行頭に-（ハイフン）を記入した行がリスト要素になり、行頭を...
リストを区切るためには何も記述しない空行を含めるか、もし...
なお、ハイフンを4つ続けて記述すると区切りのための水平線に...
■記述例
-リスト1
--リスト1
---リスト1
-リスト1
--リスト1
---リスト1
箇条書きは、文書内で項目を列挙するときに使います。
箇条書きを効果的に使用すると一目で内容を把握しやすい文書...
また、書きかけの文書の中で、これから書きたい内容を列挙す...
また、リストには番号順のリストがあります。HTMLとしては<OL...
箇条書きのリストと同様に3段階まで使用することができます。
番号は自動的に振られるので、手書きで自分で番号を加える必...
■記述例
+リスト1
++リスト1
+++リスト1
+リスト1
++リスト1
+++リスト1
//
//
//
//
***文字サイズの変更 [#bb48c87b]
文字のサイズを変更するには、下記の書式を使用します。
記述例
&size(20){20ピクセルの文字};
表示例
&siz(20){20ピクセルの文字};
&size()の括弧にいは文字サイズをピクセル単位で記入します。...
この書式は行中のどの部分でも記述することができるので文書...
ただし。
&size(x){～};の書式を仕様している部分は改行せずに一行に納...
-きちんと表示される記述例
ここまでは普通の文字サイズ、&size(20){ここだけ文字を大き...
-ダメな記述例
ここまでは普通の文字サイズ、&size(20){ここだけ文字
を大きくします};、また元の文字サイズ。
改行を含めてしまった場合は、書式が適用されず書式文字自体...
//
**3-3ページの新規作成と削除 [#afcf7bc5]
基本的なページの編集方法を覚えた上で、次に覚えたいのがペ...
---------------------------------------------------------...
***新規ページの作り方 [#q02bb690]
見やすく情報が管理されたWebサイトを作るためににはテーマご...
Pukiwikiで新たなページを作成するには、大きく分けて2つの手...
ひとつの手順はナビゲーション部分に含まれる新規のリンクよ...
もうひとつはリンク元になるページに、リンクとなる書式を用...
-新規ページ作成フォームからのページ作成 [#t06704f9]
+ナビゲーションより新規のリンクをクリック
+新規ページ作成フォームに新規で作成したページ名を入力。
+編集ボタンをクリックする新規ページ名の編集画面に移る。
+ページを編集してページの更新ボタンを押して新規ページを保存
では、試しに以下の手順でページを作成してましょう。
+FrontPageを表示した状態でナビゲーションより新規のリンク...
+新規ページ作成フォームに新規で作成するページ名をとして[T...
+編集ボタンをクリックすると新規ページ[TestPage]の編集画面...
+[FrontPage]と書かれてる部分は残しつつ、「テストページで...
以上の手順で新たに[TestPage]ができあがります。画面左側に...
&ref(./img20250319_10561768.jpg,30%);
***wikinameについて[2025.03.19更新] [#zbb19b33]
先ほど編集したテキストページには、FrontPageと記載した部分...
これはpukiwikiのもうひとつのリンク記述方法が適用されてい...
FrontPageのように2文字以上の大文字か小文字の間に含まれる...
WikiNameは、英語圏で発祥したwikiにとっては非常に便利で特...
英文を使用する環境では、ひとつの単語の中に大文字が複数含...
WikiNameのような複数の大文字を含む単語を自動的にページ名...
ただし、大文字小文字の区別がない日本語やその他の言語圏で...
WikiNameには英文字しか利用できないため、ページ名が英文字...
そこで日本語で使用しやすいように新たに生み出されたルール...
ページ名にしたい単語の前後の二重カッコで括るというルール...
-リンクのバリエーションについて
ページからリンクをはる際に、別の表記に変えたいような場合...
例えばリンク先は[FrontPage]だけど、画面表示上は[トップペ...
***ページの削除 [#h411d6b6]
しばらくPukiwikiを使用していると、ページを削除したい機会...
Pukiwikiのページ削除も、編集と同様にWebブラウザのみで可能...
ページを削除するには「ページの内容を空欄にして
更新する」だけです。ページ削除の手順は下記のとおりです。
削除したいページを表示する。
削除したいページで編集画面に移る。
ページ内容をすべて消す
ページ内容が空の状態で更新ボタンを押す。
ページを削除した後に、「ページを削除しました」と表示され...
FrontPageへもどるか、ほかのリンクから別のページに移ってく...
削除した直後にリロードをクリックすると再度削除したページ...
***ページ内の単語検索 [#vfa0a6b8]
Pukiwikiには、作成されているページに含まれる単語検索を全...
検索はナブゲーション部分にある[単語検索]から使用します。
入力フォームに検索したい単語を入力し、検索方式としてAND方...
&ref(検索画面.png);
**3-4コメント欄の作成、プラグインの使用 [#yadda101]
Pukiwikiではページ中に一行コメント欄を設けることが簡単に...
***コメント欄を設ける [#ya8744ba]
1行コメント欄を設けるには行頭から下記の書式を使用します。
-記述例
#COMMENT
コメント欄から入力された内容は、設置しているページ内に特...
例えば名前に、「田中」、コメント欄に「テキストコメント」...
- テキストコメント -- [[田中]] &new{2025-03-06 (木) 17:03...
#COMMENT
**3-5ファイルの添付 [#o740c221]
Pukiwikiではページに対してファイルを添付することができま...
***添付ファイルのつけ方 [#ae5332b4]
ファイルの添付はナビゲーション部の[添付]より行います。
---------------------------------------------------------...
//
**3-6ページの探し方 [#m44a1846]
Pukiwikiは、自由自在にページを増やしていくことができます...
ただし、Pukiwikiでは自動的にページを一覧を生成する仕組み...
Pukiwiki内に含まれるページの一覧は画面上部のナビゲータ中...
---------------------------------------------------------...
//
**3-7サイト構築の第一歩 [#a567c24c]
これまでの内容が身についていればPukiwikiでサイト構築を始...
とりあえずインストールしてみたPukiwikiを使って、個人的に...
---------------------------------------------------------...
***FrontPageの書き換え [#yaab59d7]
何はともあれ、初めに表示されるのはFrontPageなので、FrontP...
インストール直後のFrontPageには、ページの概要やPukiwikiの...
このページを個人的なサイトのトップページとして書き換える...
まず、トップページにはサイト名やサイトの目的、運営方針に...
また、Pukiwikiに触れたことがない人に対して、Pukiwikiが誰...
今回のサイトの目的としては個人的な情報を扱うサイトであり...
***左側のメニューに書き加える [#ud2146b6]
左側には最新の20件として、更新されたページ名一覧が常に表...
実はこの部分もページとして用意されていて、ほかのページと...
編集するためには[新規]のリンクをクリックして、新規ページ...
するとMenuBarページへ移動します。新規ページ作成機能は、入...
MenuBarを編集するために[編集]リンクをクリックし、編集画面...
//
***その他の書式やプラグインについて [#d853a047]
pukiwikiには、これまでに紹介そた数種の書式やプラグインの...
これらの機能を活用するために便利な資料は付録として用意し...
また、pukiwiki自体にもHelpとしてしっかりとした説明ページ...
書式について説明する文書としては FormattingRulesページ、...
使い方が詳しいく解説されているので、疑問をもったときには...
//
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
