PukiWiki は Webブラウザから簡単にページの発行・編集などが行なえる、コンテンツ管理システムです。 メニューを含め、すべての区画が「ページ」として作られているので、サイトを柔軟に再構築することができます。 Wikipedia と同様の Markdown 形式なので、編集記法を学習することがグローバルスタンダードなスキルの向上に繋がります。
限定公開ページの閲覧、記事の編集、ファイルのアップロードの際に、利用者IDとパスワードが求められます。事前にメール等でご案内しています。
Wiki はページ単位に管理されるものなので「ページ名」は非常に重要な情報要素となります（HTML上では＜h1＞要素として扱われています）。
Wikipedia 等では、ページの最上部に大きく表示されますが、様々な使い方を想定している当サイトでは、視覚的な配慮から、ヘッダーのロゴの直下に小さく @ とともに掲載されています( ↖︎ あのあたり）。ちなみに、このページのページ名は、QuickGuideです。
記事の基本要素は、見出し・本文・箇条書き です。これを正しく使って記事情報を構成することができれば、仕事の８割は完成すると思ってください。
ちなみにこのページも、見出し・本文・箇条書きと、画像が数点だけでできています。
*： 大見出し **：中見出し ***：小見出し
~
-： 箇条書きレベル１ --：箇条書きレベル２ ---：箇条書きレベル３
*大見出し ← 実際に大見出しとしてではなく、そのまま表示されます。 この部分は、行頭に「半角スペース」があります。
// この部分はコメントとして、編集画面の中のみに表示されます。 // このようにして、非表示にすることを「コメントアウト」と言います。
リンクとは、あるページから別のページへと、クリックで誘導する要素で、通常リンクボタンとなっている要素の上にマウスを持っていくと、マウスがポインタに変わる、リンク文字の色が変わるなど、何らかの演出によって、そこがリンクであることがわかるようになっています。
リンクには、同一サイト内の別ページにジャンプする「内部リンク」と、他所のサーバー上にあるページへジャンプする「外部リンク」の２つがあります。
[[JohnSmith]] ← JohnSmithさんのページへジャンプします。
詳細は [[こちら>EditGuide]] をご覧ください。詳細は こちら をご覧ください。
[[九州産業大学>https://www.kyusan-u.ac.jp]]九州産業大学
重要なことですが、リンクするのに相手の許諾は不要です。よく、「勝手にリンクしていいんですか？」という質問を受けることがありますが、リンクというのは、閲覧を誘導しているだけなので、著作権侵害にはあたりません。
Webサイトというものは、あちこちからリンクされる（被リンク数が多い）方がサイトの価値が上がって、検索ランキングも上がるので、リンクされることは「うれしいこと」なのです。リンクを張っておくと有益・・と思われるサイトは、見つけたらすぐ、自分のページにリンクしてしまいましょう。
当サイトでは、YouTube, Vimeo の動画を簡単に埋め込み掲載できるよう、拡張機能（プラグイン）を用意しています。以下のように 動画のIDを利用するだけで、簡単に動画を埋め込み掲載することができます。
#youtube(EexXu1UhLMY)
YouTubeなどの「動画共有サイト」は、文字通り、動画を共有することを目的としているので、動画のリンクや、埋め込みコードは、そのサイト自身が提供してくれる・・という仕様になっています。したがって、あなたのページに動画を埋め込むことに、問題はありません。
但し、違法にアップロードされた動画は、それ自体が問題です。例えば、ミュージックビデオの類についても、公式サイト以外のチャンネルで個人がアップしたものは、違法である可能性があるので、そのような動画の埋め込み掲載は避けるようにしてください。
画像つまり、写真やイラストの掲載には、いくつかの予備知識が必要です。
はじめに、Web用の画像の最適化について、確認・下準備を行なった上で、画像の掲載を行って下さい。
はじめに、画像データの取り扱いに関するあなたの現在の知識を確認します。画像の掲載には、少しだけ追加の学習が必要になります。以下、ご確認下さい。
注）SNSの場合、利用者がアップした画像は、サービス側で最適なサイズに自動調整されています。しかし、WikiやブログなどのCMSや、自分でWebサイトを作る場合は、制作者側で画像のサイズをWeb用に最適化する必要があります。
以下、２つ紹介します。Google Squooshがおすすめです。
#image(sample.jpg)
#image( 画像ファイル名 , left , 50% )
&image( 画像ファイル名 ,, 20% ); &image( 画像ファイル名 ,, 20% ); ・・・
#image( sample.jpg , left , 50% ) ← ダメです。 #image(sample.jpg,left,50%) ← OK。
画像を左右に振った場合、その下の文章が空いたすき間にせりあがってきます（これを「回り込み」といいます）。これを回避するには、「回り込み解除」を意味する、以下のコードを記述して下さい。
#clear
具体例
#image(images/sample.jpg,right,30%) Lorem Ipsum is simply dummy text of the printing and typesetting industry. #clear [ここから次のブロックの文章] Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
[ここから次のブロックの文章] Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.