図 解 でバッチリ! イラスト 提 供 : ふわふわ り
この 度 は 図 解 でバッチリ! 初 心 者 でもできる!PukiWiki で 簡 単 ホームページ 作 成 をダウンロードして 頂 きまして 誠 にありがとうございます (^^ 本 ebook を 利 用 していただくには 下 記 の 文 書 に 同 意 して 頂 く 必 要 があります 著 作 権 について 本 レポートは 著 作 権 法 により 保 護 されています 本 レポートの 取 り 扱 いに 関 しましては 以 下 の 点 にご 注 意 ください 著 作 者 の 許 可 なく 本 レポートの 一 部 または 全 部 をどのような 手 段 かに 関 わらず 複 製 流 用 転 載 転 売 (オークションを 含 む) 等 をする 事 を 禁 止 いたします 免 責 事 項 本 書 は 情 報 提 供 を 目 的 としており 読 者 様 の 利 益 を 保 証 するものではありません 本 書 の 情 報 によりいかなる 損 害 が 生 じた 場 合 においても 当 方 では 一 切 の 責 任 を 負 わないこととい たしますのでご 了 承 ください 本 書 を 購 入 した 法 人 個 人 は 本 書 を 受 け 取 ることにより 以 上 の 文 書 に 同 意 したこととします - 2 -
目 次 Pukiwikiとは?... - 4 - レンタルサーバーにPukiwikiを 設 置 する... - 5 - レンタルサーバーと 契 約 する... - 5 - ロリポップレンタルサーバーとムームードメインで 独 自 ドメイン 取 得... - 6 - ドメイン 登 録... - 7 - ムームードメインからロリポップ!レンタルサーバーへの 契 約 方 法... - 8 - ロリポップレンタルサーバーと 契 約 する... - 9 - サブドメインプランで 申 し 込 む... - 9 - ロリポップ! お 申 し 込 み 完 了 のお 知 らせメール( 見 本 )... - 12 - Pukiwiki のインストール... - 13-1.Pukiwikiのダウンロード... - 13-2.ファイルの 解 凍... - 16-3. 初 期 設 定... - 17 - a.サイト 名 の 変 更... - 18 - b.ユーザー 情 報 表 示 の 変 更... - 18 - c. 管 理 用 パスワードの 変 更... - 18 - ファイルのアップロード... - 20 - FFFTPの 設 定... - 20 - FTP 転 送... - 22 - パーミッションの 設 定... - 24 - FFFTPでパーミッションの 設 定... - 25 - 起 動 の 確 認... - 26 - もしもErrorが 発 生 したら... - 27 - Pukiwiki を 編 集 しよう... - 28 - ヘルプを 読 む... - 29 - ページ 編 集... - 30 - Wiki 記 法... - 31 - 見 出 し... - 31 - リスト 表 示... - 31 - テキスト... - 32 - 表 を 作 る... - 32 - フォームの 作 成... - 33 - リンク... - 33 - 画 像 の 表 示... - 33 - 新 規 ページの 作 成... - 35 - 次 世 代 ホームページ 作 成 システム... - 37 - - 3 -
Pukiwiki とは? Pukiwiki とは オープンソース ( 無 料 で 提 供 されている) CMS:(Content Management System)コンテンツマネージメントシステムと 呼 ばれているソフトウ ェアの 1 つです Pukiwiki を 使 うと 簡 単 にホームページを 作 ることができます 通 常 Web サイトを 構 築 するときは HTML をテキストで 書 き FTP などで Web サーバーにアップロ ードします しかし これらの 方 法 ですと どうしてもそれなりの 知 識 が 必 要 になります そこでホームページ 作 成 の 専 門 業 者 に 依 頼 したり ホームページ 作 成 ソフトなどを 使 って 作 ってい る 方 も 多 いと 思 います しかし なかなか 自 分 の 思 うように 作 れないのが 現 状 ではないでしょうか? そのようなことから ホームページを 作 りたいけれど ブログで 代 用 されてる 方 も 多 いのではない かと 思 います そこで ホームページをもっと 簡 単 に 構 築 管 理 できるものはないものか? ということで CMS を 紹 介 したいと 思 います CMS は 非 常 に 便 利 なシステムで 多 くの 作 業 を 自 動 化 してくれます CMS は 日 記 サイトに 適 している Movable Type やポータル 型 の XOOPS が 有 名 ですが 本 書 では その CMS の 中 でも Pukiwiki についてダウンロード 設 定 インストール 簡 単 な 使 い 方 までを 解 説 していきたいと 思 います Pukiwiki は 使 い 方 は 非 常 に 簡 単 で サーバーに 設 置 してしまえば ブラウザだけで 更 新 が できるので 非 常 に 便 利 なツールです それに HTML 言 語 より 簡 単 な Wiki 独 特 の 文 法 で 書 くので 簡 単 にサイトの 構 築 更 新 ができます しかし Pukiwiki をご 存 知 の 方 は 知 っていると 思 いますが サーバーへの 設 置 が 少 し 面 倒 な こともあって 敬 遠 されている 方 もいらっしゃるのではないでしょうか? そんな pukiwiki の 設 置 は 難 しいと 思 っている 方 のために 本 書 では Pukiwiki の 設 置 から 基 本 的 な 使 い 方 までを 初 心 者 の 方 でも 簡 単 に 行 えるように 図 解 で 分 かり 易 く 解 説 していきたいと 思 います - 4 -
レンタルサーバーに Pukiwiki を 設 置 する レンタルサーバーと 契 約 する Pukiwiki を 使 えるようにするには PHP(Web サーバーで 実 行 されるプログラム 言 語 )をサポー トしているレンタルサーバーが 必 要 です 本 書 では 格 安 レンタルサーバーのロリポップを 例 に 説 明 していきますが すでにどちらかのレン タルサーバーで 契 約 されてる 場 合 は この 章 は 飛 ばしてください ロリポップ 以 外 で Pukiwiki が 動 作 するレンタルサーバーをお 探 しでしたら 後 ほど Pukiwiki をダウンロードする Pukiwiki 公 式 サイトのページで 確 認 できます 以 下 の URL をクリック メニューの 動 作 実 績 動 作 実 績 /レンタルサーバー をクリックで 動 作 実 績 /レンタルサーバーのページに 移 動 しますのでそこで 確 認 してください >> http://pukiwiki.sourceforge.jp/ 1. 上 記 URL にアクセスしてメニューの 動 作 実 績 をクリックします 2. 動 作 実 績 ページに 移 動 したら 動 作 実 績 /レンタルサーバー をクリックしてください ロリポップの 資 料 は 以 下 の URL からダウンロードできます >> http://lolipop.jp/?mode=service&state=catalog - 5 -
ロリポップレンタルサーバーとムームードメインで 独 自 ドメイン 取 得 ロリポップは Perl PHP Ruby と 色 々な 言 語 をサポートしていて 月 額 263 円 からと 非 常 に 格 安 なレンタルサーバーです しかも 同 じ 系 列 のムームードメインで 独 自 ドメインを 取 得 すれば ロリポップ!レンタルサ ーバー の 初 期 設 定 費 用 3150 円 が 半 額 になります ムームードメインなら 費 用 も 年 額 693 円 からと 低 価 格 のドメイン 取 得 サービスです.com ドメインなら 年 額 808 円 です また レンタルサーバーとムームードメインを 併 用 すると 面 倒 な DNS の 設 定 が 簡 単 になりますの で 大 変 便 利 です ムームードメインで 独 自 ドメインを 取 得 後 ムームードメイン の コントロールパネル より ロリポップ!レンタルサーバー の 契 約 をしてください そうでないとキャンペーンの 対 象 外 と なってしまいます >> ムームードメイン http://muumuu-domain.com/ コ ン ト ロ ー ル パ ネ ル 独 自 ドメインプランで 契 約 されたときの URL とメールアドレスは 下 記 のようになります ホームページアドレス: http://.com メールアドレス: @.com は 契 約 されたドメイン 詳 しくは 以 下 の URL で 確 認 してください は お 好 きな 名 前 で 無 制 限 に 作 れます http://lolipop.jp/?mode=service&state=plan&state2=ori_domain#ori_domain.com は 取 得 されたドメイン により 異 なります - 6 -
ドメイン 登 録 ドメイン 登 録 は ムームードメインのサイトにあるお 申 し 込 みの 流 れを 参 考 にしてください >> https://muumuu-domain.com/?mode=guide&state=order 上 記 URL にアクセスすると 右 図 のページが 表 示 されますので STEP1 取 得 希 望 ドメインのお 申 込 み STEP2 ご 入 金 ドメイン 取 得 手 続 き STEP3 取 得 したドメインの 各 種 設 定 に 従 って 申 し 込 みを 行 ってください 1. 取 得 ドメインチェック 下 記 の URL にアクセスして 自 分 が 希 望 するドメインが 登 録 可 能 か?チェックします 既 に 登 録 されていれば 自 分 のドメインとしては 登 録 できません >> http://muumuu-domain.com/ お 申 し 込 みフォームにある www. の 後 の 入 力 欄 に.com や.jp の 前 に 希 望 するドメイン 名 を 入 れます 1 例 えば www.mizo3.com の 場 合 は 入 力 欄 に mizo3 と 入 力 します 2 使 用 したいドメイン(.com,. jp など) にチェックを 入 れます 3 チェックする ボタンをクリックし ます - 7 -
2. 取 得 ドメイン 検 索 結 果 が 表 示 されます 自 分 の 希 望 するドメインが 登 録 できます! となっていましたか? 登 録 できるようになっていれば 右 のブルーの 登 録 できます! ボタンをクリックします 3. ユーザー 確 認 初 めて を 選 択 して お 申 し 込 みフォームへ! ボタンをクリックします 4. お 申 し 込 みフォーム 入 力 1 ユーザー 登 録 2 お 客 様 情 報 3 取 得 ドメインと 契 約 期 間 5. お 申 し 込 み 内 容 の 確 認 6. 利 用 規 約 に 同 意 する 7. 登 録 完 了 のメールをチェックする 登 録 完 了 メールには ご 契 約 内 容 ムームーID 情 報 等 の 重 要 な 内 容 が 記 載 されています このメールは 大 切 に 保 管 しておいてください 8. ご 入 金 9. ドメインの 取 得 このように6ページで 紹 介 した お 申 込 みの 流 れ を 参 考 にして 申 し 込 みを 完 了 させてください お 疲 れさまでした これで 独 自 ドメインの 取 得 の 完 了 です ムームードメインからロリポップ!レンタルサーバーへの 契 約 方 法 コントロールパネルからログインしてください 左 にあるメニューバーより レンタルサーバー 契 約 - ロリポップ! を 選 択 します お 申 し 込 みはこちら! をクリックします 表 示 された 画 面 の データ 送 信 をクリックし ロリポップ!の 契 約 を 行 ってください ロリポップ! お 申 し 込 み 完 了 のお 知 らせ メールは 大 切 に 保 管 しておいてください この 内 容 は Pukiwiki のインストールの 際 に 必 要 になります - 8 -
ロリポップレンタルサーバーと 契 約 する ロリポップは 6ページでも 述 べたように 高 機 能 なのに 非 常 に 格 安 なレンタルサーバーです ロリポップのレンタルサーバー 契 約 は 先 ほどの 独 自 ドメインプランとサブドメインプランがあり ます ここからはサブドメインプランで 申 し 込 む 方 法 を 説 明 します サブドメインプランで 申 し 込 む サブドメインプランには ロリポップ!に85 種 類 のドメインが 用 意 されています その 中 から 気 に 入 ったものを 自 由 に 選 べるプランです 詳 しくは 下 記 のURLを 参 考 にして 下 さい >> http://lolipop.jp/?mode=service&state=plan&state2=domain_list 1. 下 記 のロリポップのホームページにアクセスして 申 し 込 みをしましょう >> http://lolipop.jp/ 2.メニューのお 申 込 みフォームから お 申 込 み をクリックします - 9 -
3. サブドメインプランで 申 し 込 む をクリックします 4. 希 望 のアカウントとドメイン 名 を 決 めます 例 えば アカウントに mizo3 と 入 れて ドメイン 名 を lolipop.jp に 決 めます それから 右 横 のブルーの チェック ボタンを 押 して 既 存 のURLと 重 複 がないか 確 認 します 5. 重 複 がなければ 右 図 のように 利 用 可 能 とメッセージが 表 示 されます 重 複 していれば 他 のアカウントを 考 えて 下 さい - 10 -
6. 次 に 連 絡 用 のメールアドレスを 入 力 して 確 認 メール 送 信 ボタン をクリックします 入 力 したメールアドレスに 確 認 メールが 届 きます 7. 何 も 問 題 が 無 ければ 仮 登 録 メールを 送 信 した 旨 のメッセージが 表 示 されます 8.メールボックスに 届 いたメールを 開 いて 手 続 き 継 続 用 の 長 いURLをクリックして 本 登 録 の 申 し 込 みを 行 ってください 9. 表 示 された お 申 込 みフォーム に 必 要 事 項 を 全 て 記 入 して 最 後 に お 申 込 み 内 容 の 確 認 を クリックします 10. 記 入 に 間 違 いが 無 ければ 利 用 規 約 に 同 意 する にチェック 入 れて お 申 込 み 確 定 をクリ ックします ダイアログボックスが 表 示 され OK をクリックすると 手 続 き 終 了 です 11. 手 続 き 完 了 後 10 日 間 は お 試 し 期 間 なので 課 金 はされません その 間 にPukiwikiをインストールして 試 してみましょう 12. 手 続 きが 完 了 すると 次 ページのような ロリポップ! お 申 し 込 み 完 了 のお 知 らせ メー ルが 届 きます この 内 容 は Pukiwiki のインストールの 際 に 必 要 になります 大 切 に 保 管 しといてください - 11 -
ロリポップ! お 申 し 込 み 完 了 のお 知 らせメール( 見 本 ) ロリポップ! お 申 し 込 み 完 了 のお 知 らせ ========================================================================== このメッセージは ロリポップ!レンタルサーバーより 自 動 的 に 送 信 されています このメールに 心 当 たりのない 場 合 やご 不 明 な 点 がある 場 合 は ロリポップ!レンタルサーバーのお 問 合 せフォームよりご 連 絡 ください お 問 い 合 わせフォーム https://lolipop.jp/?mode=support&state=inq#form ========================================================================== この 度 は ロリポップ!レンタルサーバーにお 申 し 込 みいただき 誠 にありがとう ございます セットアップが 完 了 致 しましたので アカウント 情 報 をお 送 りします 本 日 より10 日 間 は お 試 し 無 料 期 間 となっております お 試 し 期 間 中 も ロリポップ! の 全 てのサービス 機 能 をお 使 いいただけます 十 分 に ロリポップ! の 楽 しさを 味 わってください! 以 下 の 内 容 でセットアップ 致 しました ========================================================================== アカウントID ********* 独 自 ドメイン http://mizo3.com ( http://www.mizo3.com ) サブドメイン http://dp**.lolipop.jp メールアドレス dp**@pc.lolipop.jp FTPホスト ftp**.lolipop.jp FTPユーザー ******* FTPパスワード ******* POP( 受 信 )サーバー mail**.lolipop.jp IMAP( 受 信 )サーバー mail**.lolipop.jp SMTP( 送 信 )サーバー mail**.lolipop.jp メールユーザー ****** メールパスワード ****** Perl パス /usr/bin/perl Sendmail パス /usr/sbin/sendmail Ruby パス /usr/local/bin/ruby 現 在 ファイルの 転 送 メールの 送 受 信 ユーザー 専 用 ページへのログインが 可 能 です お 申 し 込 み 完 了 時 より 約 30 分 で ホームページが 見 られるように なります SPAM 防 止 の 為 POP before SMTP という 機 構 を 採 用 していますので 送 信 前 に 毎 回 受 信 動 作 を 行 ってください ユーザー 専 用 ページは 以 下 の 情 報 でログインする 事 が 可 能 です - 12 -
Pukiwiki のインストール サーバーの 準 備 ができましたら いよいよPukiwikiのインストールです 手 順 としては 1. Pukiwikiのダウンロード 2. ファイルの 解 凍 3. 初 期 設 定 4. ファイルのアップロード 5. 起 動 確 認 となります 最 新 バージョンのPukiwiki 配 布 ファイルは Pukiwiki 公 式 サイトで 入 手 可 能 です 以 下 のURLにアクセスして 最 新 バージョンをダウンロードします (2007 年 8 月 時 点 では1.4.7です) http://pukiwiki.sourceforge.jp/ 1.Pukiwiki のダウンロード ダウンロード:pukiwiki-1.4.7_notb.(tar,gz zip) をクリックします - 13 -
以 下 のページに 移 動 しますので ここではWindowsで 使 いやすいzip 形 式 を 選 択 します pukiwiki-1.4.7_notb.zip をクリックします セキュリティのメッセージが 出 たら OK をクリックです セキュリティ 保 護 のため このサイト の 黄 色 い 帯 状 の 部 分 をクリックします ファイルのダウンロードをクリックします - 14 -
すると 下 図 のようなダウンロード 先 を 選 択 できる 画 面 が 表 示 されたら ネットワーク 的 に 近 くのサ ーバーを 選 んでダウンロードしてください ファイルのダウンロードボックスが 開 いたら 保 存 をクリック 名 前 を 付 けて 保 存 ボックスが 開 いたら デスクトップ を 選 択 して 保 存 をクリックします ダウンロードが 始 まり デスクトップに 下 記 のアイコンが 表 示 されれば ダウンロードの 完 了 です - 15 -
2.ファイルの 解 凍 ダウンロードしたファイルを 右 クリック すべて 展 開 をクリックして 解 凍 します 次 へ 次 へ 完 了 展 開 されたファイルを 表 示 する に チェックを 付 けて 完 了 をクリック します 表 示 されたファイルの 中 に Pukiwiki プログラムが 入 っています Windows XP 以 外 の 場 合 は 以 下 の 解 凍 ソフトがお 勧 めです +Lhaca 作 者 : 村 山 富 男 氏 (フリーウェア) http://park8.wakwak.com/~app/lhaca/ - 16 -
3. 初 期 設 定 前 ページで 解 凍 したフォルダの 中 に pukiwiki.ini.php というファイルに 自 分 の 情 報 を 書 き 込 んで 設 定 変 更 します pukiwikiのファイルは 日 本 語 文 字 コードEUC-JPが 使 われていますのでEUC-JPに 対 応 したテキ ストエディタで 編 集 します ( Windows 標 準 のメモ 帳 では 文 字 化 けして 使 えません ) 下 記 のソフトウェアが 有 名 です TeraPad 作 者 : 寺 尾 進 氏 (フリーウェア) http://www5f.biglobe.ne.jp/~t-susumu/ a.サイト 名 の 変 更 b.ユーザー 情 報 表 示 の 変 更 c. 管 理 用 パスワードの 変 更 pukiwiki.ini.php ファイルをテキストエ ディタで 編 集 します TeraPad で 開 くとこんな 感 じにな りますので 必 要 なところを 書 き 換 えていきます このとき シングルクォーテーション ; セミコロン 半 角 空 白 などを 消 してしまわな いように 気 をつけて 作 業 してく ださい 間 違 うとアップ 後 起 動 しなくな り Error 表 示 されます - 17 -
a.サイト 名 の 変 更 サイト 名 の 変 更 は 114 行 目 にある $page_title 変 数 の 内 容 を 変 更 します 下 記 の pukiwiki となっている 箇 所 をあなたのサイト 名 に 変 更 してください 変 更 前 : $page_title = 'PukiWiki'; 変 更 後 : $page_title = 'PukiWikiでかんたんホームページ 作 成 '; b.ユーザー 情 報 表 示 の 変 更 123 行 目 にある $modifier と126 行 目 の $modifierlink 変 数 の 内 容 を 変 更 します 下 記 の anonymous となっている 箇 所 には 管 理 者 の 名 前 を 記 述 し http://pukiwiki.example.com/ となっている 箇 所 には 管 理 者 のサイトURLを 記 述 します 変 更 前 : $modifier = 'anonymous'; 変 更 後 : $modifier = 'mizo3'; 変 更 前 : $modifierlink = 'http://pukiwiki.example.com/'; 変 更 後 : $modifierlink = 'http://www.mizo3.com/pukiwiki/'; c. 管 理 用 パスワードの 変 更 パスワードの 設 定 は 193 行 目 の $adminpass 変 数 の 内 容 を 書 き 換 えます 下 記 の! の 箇 所 を 書 き 換 えます 変 更 前 : $adminpass = '{x-php-md5}!'; 変 更 後 : $adminpass = '{x-php-md5}76a2173be6393254e72ffa4d6df1030a'; Pukiwikiには 暗 号 化 テキストを 生 成 する 機 能 が 備 わっていますので そこで 生 成 した 暗 号 化 テキ ストを 上 記 の! と 書 き 換 えます パスワード 生 成 機 能 は Pukiwikiを 設 置 したURLに index.php?cmd=md5 をつけたURLにアクセス するとパスワードを 生 成 できるフォームが 表 示 されます 例 えば 私 が 設 置 したURLは 以 下 のようになりますので とりあえず 下 記 のページにアクセスし てパスワードの 生 成 を 行 ってください ( 詳 しくは 次 ページ) http://www.mizo3.com/pukiwiki/index.php?cmd=md5-18 -
前 ページのURLにアクセスすると 下 記 のページが 表 示 されます Phrase の 欄 にパスワードにしたい 文 字 を 入 力 します [passwd]を 入 力 してみました PHP md5()を 選 択 して Compute ボタンをクリックします すると パスワードが 生 成 されますので {x-php-md5}の 右 の 部 分 を コピーして pukiwiki.ini.php ファイルの 変 数 $adminpass に 貼 り 付 けてください 変 更 後 193 行 目 は 下 記 のようになります (18ページの 内 容 と 同 じです ) シングルクォーテーション ; セミコロンなど 消 さないように 気 をつけてください $adminpass = '{x-php-md5}76a2173be6393254e72ffa4d6df1030a'; あなたの 設 置 したPukiwikiでもパスワード 生 成 は 可 能 ですので 今 後 パスワードの 変 更 などを 行 う 場 合 は ご 自 分 の 設 置 したPukiwikiで 生 成 できます - 19 -
ファイルのアップロード それでは pukiwikiをレンタルサーバーにアップロードしていきましょう アップロードには FTPソフトを 使 います おすすめは 使 い 勝 手 の 良 さで 人 気 の FFFTP です 入 手 先 は 以 下 のとおりです FFFTP 作 者 : 増 田 純 氏 (フリーウェア) URL:http://www2.biglobe.ne.jp/%7Esota/ffftp.html 尚 FFFTPに 関 してダウンロードから 設 定 使 用 法 など 詳 しく 解 説 してある 無 料 レポートを 以 下 の 無 料 レポート 配 布 スタンドに 登 録 してありますのでよろしければ ダウンロードしてみてく ださい タイトル: ホームページに 必 要 なFTPソフト(ファイル 転 送 用 ) FFFTPのダウンロードから 設 定 使 用 説 明 ま で! 無 料 レポート 配 信 スタンド: まぐぞう 無 料 情 報 ドットコム スゴワザ! フリーブック http://mag-zou.com/ http://www.muryoj.com/ http://www.sugowaza.jp/ http://www.free-book.jp/ FFFTP の 設 定 ここでは 簡 単 にFFFTPの 設 定 の 説 明 をしておきます レンタルサーバー 申 し 込 み 時 にロリポップから 送 られてきた お 申 込 み 完 了 のお 知 らせ メール を 開 いておいてください FFFTP を 起 動 させると 左 図 のように ホスト 一 覧 パネルが 表 示 されます 右 上 の 新 規 ホスト をクリックします - 20 -
ロリポップから 送 られてきた ロリポップ! お 申 し 込 み 完 了 のお 知 らせ メールの 中 の FTPホスト FTPユーザー FTPパスワード を 確 認 してください 以 下 の 内 容 でセットアップ 致 しました ====================================================================== アカウントID ********* 独 自 ドメイン http://mizo3.com ( http://www.mizo3.com ) サブドメイン http://dp**.lolipop.jp メールアドレス dp**@pc.lolipop.jp FTPホスト ftp**.lolipop.jp FTPユーザー ******* FTPパスワード ******* POP( 受 信 )サーバー mail**.lolipop.jp IMAP( 受 信 )サーバー mail**.lolipop.jp SMTP( 送 信 )サーバー mail**.lolipop.jp メールユーザー ****** メールパスワード ****** ホスト 名 ユーザー 名 パスワード ホスト 設 定 名 にわかりやすい 名 前 を 入 力 して ホスト 名 ユーザー 名 パスワード に ロリポップから 送 られてきたメールを 見 ながら 入 力 します 最 後 に OK ボタンをクリックします - 21 -
FTP 転 送 設 定 ができたら サーバーに 接 続 してファイルを 転 送 します ホスト 一 覧 から ロリポップ を 選 んで 接 続 ボタンをクリックします 初 めての 方 は ロリポップしか 表 示 され てないと 思 います ロリポップの 場 合 接 続 に 成 功 すると 右 側 (サバー 側 )に welcome.html が 表 示 されます 下 図 に 無 いのは pukiwiki というディレクトリ(フォルダ)を 作 っているからです このように ディレクトリを 作 るとURLが 変 わってきます 下 記 は 私 の 独 自 ドメインの 例 です http://www.mizo3.com/pukiwiki/ フォルダを 設 けず 直 接 アップロードする 場 合 は pukiwiki/ は 不 要 です - 22 -
次 に 左 欄 で pukiwiki フォルダを 開 きます 全 てのフォルダとファイルをドラッグして 選 択 します ブルーに 反 転 します ファイル 名 で 転 送 モード 切 り 替 え ボタンがオンになっているのを 確 認 して アップロード ボタンをクリックします ( 転 送 が 終 わるまで 少 し 時 間 が 掛 かります) ファイル 名 で 転 送 モード 切 り 替 え ボタン アップロードボタン 転 送 が 完 了 すると 右 欄 にフォルダとファイルが 表 示 されます - 23 -
お 疲 れ 様 でした これでアップロードは 完 了 しました あと 少 しです 頑 張 りましょう パーミッションの 設 定 パーミッション( 権 限 )とは ディレクトリ(フォルダ)とその 中 にあるファイルにアクセスでき るユーザーの 設 定 のことです パーミッションを 変 更 するのは 下 表 の 黄 色 の7 個 のディレクトリとその 中 のファイルです ディレクトリのパーミッション 一 覧 ディレクトリ 名 ディレクトリの パーミッション ファイルのパーミッション attach 777 666(.htaccassとindex.htmlは 644にする) backup 777 666(.htaccassとindex.htmlは 644にする) cache 777 666(.htaccassとindex.htmlは 644にする) counter 777 666(.htaccassとindex.htmlは 644にする) diff 777 666(.htaccassとindex.htmlは 644にする) image 755 644 lib 755 644 plugin 755 644 skin 755 644 trackback 777 666(.htaccassとindex.htmlは 644にする) wiki 777 666(.htaccassとindex.htmlは 644にする) パーミッションの 種 類 と 意 味 パーミッション 属 性 表 示 意 味 777 rwxrwxrwx 誰 でも 読 み 書 き 実 行 (ディレクトリの 読 み 出 し) 可 能 755 rwxr-xr-x 誰 でも 実 行 (ディレクトリの 読 み 出 し)は 可 能 だが 書 き 込 みは ユーザーのみ 644 rw-r--r-- 誰 でも 読 み 出 しは 可 能 だが 書 き 込 みはユーザーのみ 666 rw-rw-rw- 誰 でも 読 み 書 きは 可 能 だが 実 行 不 能 - 24 -
FFFTP でパーミッションの 設 定 FFFTPを 起 動 して 23ページでアップロードしたディレクトリに 接 続 します 変 更 したい 対 象 を 選 んで 右 クリック 属 性 変 更 をクリックします 属 性 変 更 ダイアログが 表 示 されますので 必 要 なパーミッションにチェックを 入 れ OK ボタンをクリックします 24 ページの ディレクトリのパーミッション 一 覧 の 表 を 参 考 にして 記 入 していってください 現 在 の 属 性 に 数 字 を 直 接 入 力 することも できます - 25 -
起 動 の 確 認 パーミッションの 設 定 が 終 わったら pukiwiki をアップロードしたURLをブラウザに 入 力 して アクセスしてみてください 下 図 のような FrontPage が 表 示 されていますか? ブラウザ 上 部 のブルーの 部 分 が 18ページで 変 更 したご 自 分 のサイト 名 になっていますか? なっていれば 成 功 です あとは ページを 編 集 して 自 分 のホームページを 完 成 させてください 簡 単 ですが 基 本 的 な 使 い 方 を28ページより 説 明 していきます - 26 -
もしも Error が 発 生 したら File is not found or not readable(ファイル 名 ) と 表 示 されていたら 括 弧 内 のファイルのパーミッションが 644 以 外 になっている 可 能 性 があ ります 該 当 ファイルのパーミッションを 確 認 してください Directory is not found or not writable(フォルダ 名 ) と 表 示 されていたら 括 弧 内 のフォルダのパーミッションが 777 以 外 になっている 可 能 性 があ ります 該 当 フォルダのパーミッションを 確 認 してください Parse error が 発 生 した 場 合 18 19ページで pukiwiki.ini.php ファイルを 編 集 したときに 記 述 ミスをした 可 能 性 があります Parse error: parse error in /home/~example/public_html/pukiwiki.ini.php on line 114 エラーの 発 生 したファイル 名 何 行 目 で エラーが 発 生 してい るかがわかります 文 字 列 を 囲 む シングルクォーテーション 行 末 の ; セミコロン 等 を 確 認 してみてくだ さい - 27 -
Pukiwiki を 編 集 しよう それでは 実 際 にpukiwikiにさわって 編 集 していきましょう 編 集 のコツは 習 うより 慣 れろ! です まずは 文 法 を 理 解 してから とかいろいろ 考 えない で 実 際 に 書 き 込 んでいって 慣 れていくのが 一 番 早 く 覚 えられます まず インストールしたサイトにアクセスしてみてください 下 図 のようになっていますね ページの 画 面 構 成 を 色 分 けしてみました ヘッダ ナビゲーター メニュー コンテンツ( 本 文 ) フッタ ヘッダ 現 在 アクセスしているページが 表 示 されます ナビゲーター 通 常 のページは このようなメニューが 表 示 されていますが ページの 種 類 や 設 定 によって 項 目 は 変 わってきます メニューバー どのページを 開 いても 同 じものが 表 示 されます そのサイトのナビゲーショ ンとして 使 われます コンテンツ このページの 本 文 です 核 となる 部 分 です ブラウザから 自 由 に 編 集 すること ができます フッタ ナビゲーションのアイコンやサイトの 管 理 者 名 が 表 示 されます - 28 -
ヘルプを 読 む 実 は pukiwikiには 編 集 するためのwiki 記 法 のマニュアルが 組 み 込 まれています 本 書 では よく 使 われている 主 なものだけしか 掲 載 できないので 詳 しくは そちらを 参 考 にして ください ナビゲーターメニューの 一 番 右 端 ヘルプ をクリックします ヘルプページに 移 動 しますので その 中 から 知 りたいことを 選 んで 調 べてください 例 えば テキスト 整 形 のルールを 選 択 すれば テキスト 整 形 のルールの ページに 移 動 します - 29 -
ページ 編 集 編 集 するには まず 凍 結 を 解 除 します ナビゲーターの 凍 結 解 除 をクリックします すると 凍 結 解 除 ページに 移 動 しますので 19 ページで 設 定 した 管 理 者 用 パスワード を 入 力 して 凍 結 解 除 ボタンを 押 します 筆 者 の 場 合 passwd になります すると 下 図 のようなページ 編 集 画 面 になりますの で 必 要 なところを 書 き 換 えていきます 編 集 が 終 われば 確 認 のため プレビュー ボタンを 押 してみて 内 容 に 間 違 い が 無 ければ ページの 更 新 ボタンを 押 します 凍 結 して 完 了 です #norelated 見 出 しの 右 隣 に 付 く[#~]は 更 新 ボタンを 押 す と 自 動 生 成 されます * FrontPage [#qb249ac2] このページは ページを 指 定 しない 時 に 表 示 されます あなたのサイトに 合 わせ 自 由 に 編 集 してください :) (( 安 易 な SPAM やいたずらを 防 止 するため テーマや 目 的 などの 説 明 を 加 えた 後 忘 れずに 凍 結 して 下 さい パスワー ドの 変 更 もお 忘 れなく!)) ** 練 習 ページ [#if72ced0] - [[SandBox]] -- 編 集 をお 試 しください - [[InterWikiSandBox]] -- [[InterWiki]]を 試 してみてください ** PukiWiki について [#c2af49f4] - 30 -
Wiki 記 法 前 ページのページ 編 集 画 面 を 見 ていただくと 分 かりますが 行 のはじめの 部 分 に * アスタリスクや - ハイフンまた [[]] 二 重 括 弧 でくくられていたり [#c2af49f4] 大 カッコの 中 にシャープで 続 く 文 字 があったと 思 います この 書 き 方 が pukiwikiの 特 徴 で wiki 記 法 と 呼 ばれる 文 章 記 述 方 法 です このように 簡 単 な 記 述 をするだけで ホームページが 仕 上 がります ですから HTML や CSS といった 複 雑 なものを 学 習 しなくてもホームページは 作 れるということです Pukiwikiは 非 常 に 高 機 能 で wiki 記 法 には たくさんの 記 述 法 があります しかし 読 みやすい 文 章 見 やすいホームページにするための 要 素 は そんなに 多 くありません 本 書 では よく 使 われるいくつかのものだけ 紹 介 しておきます ブロック 型 1 行 に1つしか 使 えません ( 見 出 し リスト # で 始 まるものなど) インライン 型 1 行 に 複 数 設 置 することができます ( & で 始 まり ; で 終 わります) 見 出 し 種 類 記 述 例 説 明 見 出 し 目 次 を 作 成 リスト 表 示 * 見 出 し ** 中 見 出 し *** 小 見 出 し #contents * 見 出 し ** 中 見 出 し *** 小 見 出 し 行 頭 に * を 記 述 します 目 次 を 作 成 したいところに #contentsと 記 述 するだけです 種 類 記 述 例 説 明 リストを 作 成 番 号 付 きリストを 作 成 定 義 リストを 作 成 -レベル1 --レベル2 ---レベル3 +レベル1 ++レベル2 +++レベル3 : 定 義 語 説 明 文 ---- 4 番 目 はありません ---- と 書 くと 区 切 り 線 になります 1. レベル1 i. レベル2 a. レベル3 と 表 示 されます 定 義 語 説 明 文 - 31 -
テキスト 種 類 記 述 例 説 明 テキストサイズ 文 字 色 背 景 色 &size(20){テキスト}; &color(,yellow){テキスト}; &color(blue,){テキスト}; () 内 は 文 字 サイズをピクセル 単 位 で 記 入 {} 内 は 表 示 させたい 文 字 を 記 入 テキスト テキスト &color( 前 景 色, 背 景 色 ){テキスト}; 強 調 表 示 ( 太 字 ) テキスト シングルクォーテーション 二 つで 括 る テキストを 左 寄 せ テキスト 何 もしなければ 左 寄 せです テキストを 中 央 に 配 置 CENTER:テキストを 中 央 に テキストを 中 央 に テキストを 右 寄 せ RIGHT: 右 に 寄 せたいテキスト 右 に 寄 せたいテキスト 行 中 改 行 行 中 改 行 は&br;です 行 中 のどこでも 使 用 可 能 で 表 組 みやリストなどのブロック 要 素 の 中 でもOKです 行 末 でも 可 空 白 行 #br #br 空 白 行 は 行 頭 に#brと 書 きます 2 行 空 ける 場 合 は 縦 に2つ 続 けて 書 きま す 表 を 作 る 種 類 記 述 例 説 明 表 組 み 右 のセルと 連 結 ~セル1 ~セル2 ~セル3 項 目 1 項 目 2 項 目 3 > テキスト テキスト テキスト 行 頭 から で 始 めて インライン 要 素 を 区 切 ると 表 組 みになります 各 行 の 項 目 数 を 合 わせる 必 要 があります > はセルを 横 方 向 に 連 結 できます 上 のセルと 連 結 テキスト テキスト ~ テキスト ~ はセルを 縦 方 向 に 連 結 できます - 32 -
フォームの 作 成 種 類 記 述 例 説 明 コメント 投 稿 フォーム #comment 行 頭 に#commentと 書 くだけです 簡 易 掲 示 板 #article 行 頭 に#articleと 書 くだけです リンク 種 類 記 述 例 説 明 ページ 名 を 指 定 [[ページ 名 ]] ページ 名 という 名 のページへリンクをはれます 外 部 リンク [[ 表 示 名 >リンク 先 URL]] 表 示 名 は 表 示 されリンク 先 URLはブラウザには 表 示 されません 画 像 の 表 示 画 像 の 表 示 は 表 示 したいページにアップロードして ページから 画 像 を 呼 び 出 す 形 になります アップロード 可 能 最 大 ファイルサイズは 1,024KB です 凍 結 は 解 除 しといてください 手 順 としては 1. 画 像 を 表 示 させたいページにアクセスします 2. ナビゲーターの 添 付 をクリックします 3. 右 図 のようになります 参 照 をクリック してアップロードする 画 像 を 選 択 します 管 理 者 パスワード を 入 力 して アップロード ボタンをクリックします 4. しばらくすると 画 像 を 添 付 したページに 戻 ります ページ 下 部 に 添 付 した 画 像 のファイル 名 が 表 示 されます ( 右 図 参 照 ) 編 集 をクリックします ponta.jpg - 33 -
5. 編 集 画 面 になりますので 画 像 を 表 示 させたいところに 次 のように 書 きます 種 類 記 述 例 説 明 ブロック 型 #ref( 画 像 ファイル 名.jpg,nolink, 画 像 の 説 明 ) 左 に 表 示 インライン 型 &ref( 画 像 ファイル 名.jpg,nolink, 画 像 の 説 明 ); セミコロンを 忘 れずに! nolink は 元 の 画 像 にリンクを 張 らないという 意 味 です 記 述 例 #ref(ponta.jpg,nolink,ポンタイメージ 画 像 ) 行 中 で 使 用 するには &ref(ponta.jpg,nolink,ポンタイメージ 画 像 );と 記 述 します 表 示 例 行 中 で 使 用 するには と 記 述 します 補 足 ページ 編 集 の 際 ページフッター 部 分 にある 下 記 のアイコンをクリックしてもナビゲーターをクリ ックしたときと 同 じ 結 果 が 得 られます - 34 -
新 規 ページの 作 成 新 規 にページを 作 成 する 場 合 はまず メニューバーを 編 集 して 新 規 に 作 るページ 名 を 記 入 します 凍 結 は 解 除 した 状 態 です 1. ナビゲーターの 新 規 をクリックします 2.ページ 新 規 作 成 画 面 が 表 示 されますので フォームに MenuBar と 入 力 して 編 集 ボタン をクリックします 3.メニューバーのページに 移 動 しますので ナビゲーターの 編 集 をクリックします 4.メニューバー 編 集 の 画 面 になりますので **[[TestPage]] と 入 力 して ページの 更 新 ボタンを 押 して 保 存 します 5.メニューバーに TestPage ができていますが TestPage 自 体 はまだ 存 在 してないので? マークが 付 いています その? をクリックします - 35 -
6. TestPage の 編 集 画 面 に 移 動 しますので 好 きなように 書 いて 編 集 してください 例 えば *テストページです と 入 力 して ページの 更 新 ボタンを クリックします [[MenuBar]] は 消 しても 構 いません 7. TestPage ができあがりました あとは 自 由 に 編 集 できます 最 後 に 凍 結 するのを 忘 れずに! メニューの? も 無 くなっ ています 以 上 です どうもお 疲 れさまでした これで あなたもサイト 運 営 が 可 能 です PukiWikiを 使 えば Webの 専 門 知 識 がなくてもちょっとした Wiki 記 法 を 記 述 するだけで 誰 でも 簡 単 にホームページが 作 れるということが おわかり 頂 けたかと 思 います 尚 本 書 の17~18ページで 行 った 初 期 設 定 は 最 低 限 の 設 定 です もっと 使 いやすく 細 かい 設 定 をしたり スキン( 装 飾 デザイン)をカスタマイズすることも 可 能 です しかし PukiWikiをカスタマイズするには それなりの 知 識 が 必 要 になります - 36 -
必 要 な 知 識 としては HTML CSS PHP Webデザイン などです これらの 知 識 についてもっと 詳 しく 学 習 したい 方 には PukiWikiは いい 教 材 になると 思 いますの で 興 味 がある 方 は 挑 戦 してみてください 以 下 のサイトは PukiWikiに 関 するお 勧 め 書 籍 です >> http://info.mizosun.com/index.php?book-01#bookpukiwiki でも 極 度 にカスタマイズを 進 め 過 ぎると PukiWikiのバージョンアップに 対 応 することが 難 しく なってしまう 可 能 性 があるので 注 意 が 必 要 です 次 世 代 ホームページ 作 成 システム また 反 対 に 自 分 にはそんな 時 間 はない 早 くホームページを 作 成 して 利 益 を 生 み 出 す 仕 組 みを 確 立 したい と 考 えている 方 もいらっしゃるかと 思 います 以 下 のようにお 考 えの 方 には お 勧 めです 私 はホームページを 作 ることだけが 目 的 ではなく ホームページから 利 益 を 得 る ことが 目 的 である! ホームページで 伝 えたい 事 売 りたいものがあるので 早 く 発 信 したい アフィリエイト 等 で 早 く 収 入 になる 仕 組 みを 構 築 したい! ドロップシッピングなんかも 挑 戦 したい だけど この 無 償 版 PukiWikiは デザインがいまいちだしなあ とか 多 少 費 用 を 支 払 ってもこのPukiWikiをカスタマイズしたいなあ と 考 えている 方 は とっておきのお 知 らせがあります 以 下 を 読 み 進 めていってください 実 は このPukiWikiを 長 年 に 渡 り 使 い 続 け もっと 使 いやすくしたい かっこよくしたい 他 サイトと 差 別 化 したい というような 思 いからPukiWikiを 調 べつくし HTML CSS PHP Webデザイン 等 の 知 識 を 駆 使 して 十 分 すぎるほどのカスタマイズを 行 って 改 良 に 改 良 を 重 ね このPukiWikiが 次 世 代 システムツール として 提 供 されています ホームページを 持 ちたいけど 今 までなかなか 実 現 できなかった 方 には 朗 報 です かなり 改 良 されているため 初 心 者 にも 凄 く 扱 いやすくなっていますし このシステム 開 発 者 による ウェブインストールシステム を 使 用 すれば 開 発 者 のサーバーからあなたのサーバーに 直 接 イン ストールできるため 本 書 で 解 説 してきた 初 期 設 定 FTPアップロード パーミッションの 設 定 等 が 不 要 になりクリック 操 作 だけで 簡 単 に 設 置 できてしまいます サーバー 情 報 の 入 力 は 必 要 ですが 初 心 者 でも7 分 ほどでインストール 可 能 です - 37 -
この 改 良 版 PukiWikiは 無 料 のものと 有 料 のものがあります 私 は 特 に 有 料 のものをお 勧 めしたい ので そちらから 説 明 します 前 ページでも 述 べたようにこのPukiWikiをカスタマイズするには HTML CSS PHP Webデザイン 等 の 知 識 が 必 要 になります この 知 識 を 習 得 する 時 間 と 労 力 を 考 えるとすごく 安 いと 思 うはずです この 無 料 のPukiWikiに 少 しだけデザインを 変 えて 見 た 目 を 良 くして 40 万 ~50 万 円 で 販 売 している 業 者 もいるという 話 です いくらなんでもそりゃあないでしょう? って 思 われるかも 知 れませんが 事 実 です ホームページは 専 門 業 者 に 頼 めば 40 万 ~50 万 円 更 新 の 度 に 数 万 円 そういう 世 界 なのです それでは なかなか 利 益 に 結 びついて 来 ませんよね! 大 企 業 ならともかく 個 人 事 業 主 には 厳 しいものがあります そこで 価 格 破 壊 を 起 こそうとしている 商 品 がこちらです まだ97%の 人 が 知 らない 次 世 代 ホームページ 作 成 システム Quick Homepage Maker 略 して QHM といいます このシステムを 使 えばパソコン 初 心 者 でも その 日 のうちにホームページを 作 り 始 められます 本 書 を 実 行 されたあなたは PukiWikiは 意 外 と 簡 単 にホームページが 作 れることは 理 解 していた だいていると 思 います しかしデザインをもっと かっこよくしたい とか 使 いやすく したいと 考 えていらっしゃる 方 は 多 いのではないかとも 思 います しかし それを 実 現 するのは それなりの 知 識 を 要 しますよね! 知 識 を 習 得 すには 時 間 費 用 労 力 等 々を 費 やすことになります それをあなたの 変 わりにやってくれているのが QHM です QHM を 使 うことによって それらの 知 識 を 手 に 入 れたのと 同 じことになります それによってあなたは HTML CSS PHP Webデザイン などを 学 習 しなくても 自 分 の 気 に 入 ったホームページを 素 早 くたちあげられ 少 しでも 早 く 収 入 になる 仕 組 みを 構 築 することが 可 能 になるのです - 38 -
こういうところが 使 いやすくなっています 例 えば 本 書 で 説 明 しているPukiWikiは 編 集 画 面 では Wiki 記 法 を 自 分 で 記 述 する 必 要 がありま すが QHM は 入 力 支 援 というものが 加 えられています これによりWiki 記 法 を 直 接 記 述 しなくてもワード 感 覚 でWiki 記 法 を 挿 入 することができます 画 像 の 回 り 込 みなんかも1クリックで Wiki 記 法 が 挿 入 されます デザインに 関 しても2007 年 8 月 現 在 57 種 類 のデザインが 用 意 されています しかも このツールを 公 開 している 人 は 情 報 学 博 士 信 頼 できる 人 です 単 にお 金 が 欲 しいだけの 人 ではなく すごくビジョンがしっかりしています 全 く 知 識 がない 人 でも 独 力 で レンタルサーバー ドメイン 取 得 から インストール そして 内 容 を 書 き 込 み 検 索 エンジン 登 録 収 益 を 得 る 仕 組 み 作 りまで すべてを 説 明 してくれるツールで す 実 際 に 使 っていて 素 晴 らしいツールだと 実 感 しているからこそあなたにおすすめできるのです 以 下 のサイトは 私 が QHM で 作 ったものです ネットで 起 業 応 援 隊! >> http://info.mizosun.com/ アグロコ 登 録 Japanese Support >> http://agloco.mizosun.com/ これくらいのサイトであれば 初 心 者 でも 簡 単 に 立 ち 上 げられます 本 書 で 説 明 したPukiWikiだけでは 満 足 できなかった 方 は 以 下 のサイトをご 覧 下 さい このサイト 経 由 でご 購 入 して 頂 けましたらささやかではありますが 特 典 を 付 けさせていただいて おります >> http://info.mizosun.com/index.php?qhm_cm いや 私 の 体 験 話 や 特 典 なんかはどうでもいい 早 く QHM の 販 売 ページを 見 てみたいと 言 われる 方 は Quick Homepage Maker 販 売 サイトはこちらをクリックしてください - 39 -
また 無 料 で 提 供 されているバージョンもあります 詳 しくは 以 下 のページに 掲 載 しております ので 興 味 がありましたらそちらから 申 し 込 みをしてみて 下 さい >> http://qhm-se.mizosun.com/ 本 書 を 最 後 までお 読 み 頂 きありがとうございました このレポートを 実 行 されたあなたは 少 なくともホームページが 運 営 できるところまでレベルアッ プされていることでしょう あなた 様 の 更 なるご 活 躍 をお 祈 りしております また ネットで 起 業 に 関 するメールマガジンを 不 定 期 ではありますが 発 行 しております よろしければ 登 録 をお 願 いいたします もちろん 解 除 も 簡 単 にできます (メルマガ 文 末 に 解 除 URL を 掲 載 しています ) ネットで 起 業 応 援 隊! 登 録 ページ:>> http://info.mizosun.com/index.php?maga-to 解 除 ページ:>> http://info.mizosun.com/index.php?maga-hc まぐまぐ! メルマガ 素 人 でもできた!ブログアフィリ& 情 報 起 業 成 功 法! >> http://www.mag2.com/m/0000208000.html このレポートに 関 するご 意 見 ご 質 問 は 下 記 のアドレスまでお 願 いします >> mail : customer@mizosun.com 以 上 です 最 後 までお 付 き 合 いいただき 誠 にありがとうございました 感 謝! - 40 -