ホームページを作る以上はHTMLを理解しないとダメなんですが、なかなかパソコン初心者には取っ付きにくい、というのが現状ですね……。

でも、たぶん大丈夫だろうと信じます。

HTMLはなんだか英語の文字がぐちゃぐちゃ書いてあって分かりにくい、という印象ですが、ちゃんと一コ一コ整理して勉強していけば、ぜったいに分かるものと筆者は思ってます。

さて、前回は「テーブル」を実際に作ってみましたが、それがどんな構造になっているかを今回は見てみましょう。

下の図を見てくださいませ。

前回つくった「テーブル」はこんな形でしたが、私たち人間が「テーブル」をデザインするときは、上のような図を描いてみるとよいでしょう。

テーブルも整理して考えていけば、そんなに難しいものではないのです。

上から順に「HTML用語」を解説してまいります。

（HTMLはすべて”半角”で書きます。パソコン画面、右下にある「あ」とか「般」とか書いてあるところで、「あ」となっているところを押すと”全角”とか”半角”という文字が出てきますので、そこで「半角英数」というのを押すと、文字の入力を半角にできます）

まずは、

<table>でテーブルを作成するのですが、実際のホームページ用のファイルでは、

<table border="1" width="950">

と書かれています。

border は線の枠の太さを設定します。

width はテーブルの横幅を決定しています。

tr という文字は”表”の「行」をつくります。

上の図は４行３列の表になっています。

なので、tr という文字が各行ごとに一個ずつ書かれていますね。

また、ホームページ用のファイルでは、

<tr height="200">

といった感じに、height という文字で「行の高さ」を設定しています。

上の図で、実線で囲まれた四角い「セル」が何個かありますが、

この「セル」を

<td>

という文字でつくれます。

たとえば、ホームページ用のファイルでは、

<td colspan="2">　とか

<td width="40%">

といった感じに書くのです。

colspan はセルを結合させるときに使う文字で、

width はセルの幅をテーブル全体の幅の何％にするかを設定しています。

また、rowspan という文字で、セルを下方向に割り込んで結合させることができます。

上の図では、２行目の一番左の四角が、３行目のセルとくっついています。

こういう”タテ方向”のセルの結合には、rowspan をつかうわけです。

どうでしょうか？

HTMLが何かを知らない人には、もしかしたら、ちんぷんかんぷんな話だったかもしれないですが、基本的に、

上のように描いた図を見ながらHTMLを書いていけば、ホームページは出来上がってきます。

上の図では、/tr とか /table というふうに、「/」という記号が書かれている文字がありますが、これは「tr はここで終わり」とか「table はここで終わり」という意味になっていて、

”HTMLは作ったら、閉じる”

というのが、決まりとなっているんですね。

テーブルを作ったら、ここで終わり、というのを決めないといけないし、

行やセルを作ったら、それもここで終わり、というのをいちいち書かないとダメなのです。

だから、/ という記号を書いて、〇〇はここで終わり、と決めているわけなのです。

と、今回はかなり難しい話になりましたが、HTMLのことを大まかに話しただけですので、まだ全然わからなくても大丈夫です。

次回は、実際に上の図のような「テーブル」を、HTMLをつかって作ってみようと思います。

あ、あと、このブログではホームページのデザインに”エクセル”を活用します。

テーブルとエクセルの相性がよいので、エクセルでつくったものを、そのままホームページに使えるからです。

ホームページはエクセルでつくる。

というのを目標にしてやっていきます。

ややっこしいことを考えずに、感覚的にホームページを作れるなら、それにこしたことはないですからね……。

もっと楽につくりたい！！

と私も思いますから。

そういうコンセプトでやっていきますよ……。

今回は実際にテーブルを作ってみます。

下のリンクに、実際にテーブルを作ってみたので、見てみてくださいませ。

テーブル

(今回も画面の拡大率は１００％にしたほうが見やすいと思います)

リンク先に黒い枠線だけのページがあったと思いますが、それがテーブルというものなのです。

そして、これ自体はすぐにご自宅のパソコンで作れますので、実際に作ってみましょう。

今回もイラストをつかって説明していきます。

１、まずは、先ほどの”テーブル”というリンクを押して、テーブルのページに行きます。

２、テーブルのページに行きましたら、好きなところで「右クリック」をいたします。

３、四角いウィンドウが出てきますので、「ソースの表示」を押していただきたい。

４、ヘンな英語がたくさん書かれたページが出てくるので、再び好きなところで「右クリック」し、「すべて選択」を押してください。そのまま、再び「右クリック」し、今度は「コピー」を押していただきます。

そうしたら、一旦このブログは小さくしていただいて（画面右上の×の左にある□か＿という記号を押して）、「メモ帳」を開きます。

１、デスクトップ(パソコンの最初の画面)の左下の「スタート」を押します。

２、すぐ上に出てまいります「すべてのプログラム」を押します。

３、すると、たくさん文字が出てきますが、その文字列はアルファベット順、アイウエオ順に並んでいると思いますので、「アクセサリ」というのを探して、押してください。

４、また、いろいろ文字が出てきますが、「メモ帳」というのを探して押していただきます。

次に、メモ帳にコピーした”ソースコード”というものを貼り付けます。

１、メモ帳の白い画面上(好きなところでよいです)で、「右クリック」いたします。

２、四角いウィンドウが出てきますので、「貼り付け」を押します。

メモ帳にヘンな英語がたくさん出てくると思いますが、うまくいきましたでしょうか？

次に、そのメモ帳をパソコンのデータとして”保存”します。

１、メモ帳の左上にある「ファイル」を押します。

２、四角いウィンドウの中の「名前を付けて保存」を押していただきます。

３、すると、また別の四角い画面が出てくると思うので、図の斜線部分に「index.html」(インデックス　ドット　エイチ・ティー・エム・エル)と記入します。

ドットを忘れないように注意してください。(キーボードでいうと、Mの２個右にあります)

４、デスクトップ(パソコンの最初の画面)上に、”index”という名前のファイルができてるかと思いますので、それをクリックしていただければ、テーブルのページが出てきます。

(インターネット・エクスプローラというソフトを使ってる人は、indexのファイルは図のような”e”の文字がくっついてると思います)

これで”テーブル”のホームページ(用のファイル)ができました。

このままでは、自分の好きなデザインのホームページになっていないかもしれないので、「テーブル」の形をお好きなように変えていかないとダメですが、とりあえず”ホームページの骨格”となるテーブルは作れたので、

あとは、この枠の中に、自分の好きな文章や絵を入れていけばよいことになります。

ここまで、ちゃんとできましたでしょうか？

できない人はコメント欄に書き込んでもらえると、こちらも対処できるかと思います。

さて、次の回もテーブルについての解説となります。

では、テーブル(表)とは何ぞや？

ということについて、今回は解説していこうと思います。

まず見てもらったほうが早いでしょうから、

サンプルホームページを用意しました。

こちらがテーブルを使って作った”ふつうのホームページ”

サンプルホームページ(枠なし)

そして、こちらが”テーブルを見えるようにしたホームページ”

サンプルホームページ(枠あり)

下のホームページはテーブル(表)を見えるように設定したもので、黒い線がホームページ上に見えています。

(もしインターネットの画面の拡大率を１２５％とかにしている人がいましたら、パソコン画面の右上の歯車を押して、拡大→１００％としといた方が、見やすいと思います)

そして、ホームページ上のそれぞれの文章やイラストが、テーブルという枠の中に入って、並べられていることが分かると思います。

ホームページの文やイラストが……、

”テーブル”という枠の中におさまっている。

つまり、テーブルの形を自分で自由に作れれば、文やイラストを好きなように配置できます。

要するに、

”ホームページのレイアウト(デザイン)は「テーブル」で思い通りにできる”

ということです。

なので、これからホームページを作ろうという方は、まずテーブル(表)のお勉強をなさることが重要だと言えます。

（実は、パソコンに詳しい人とかは、テーブルの機能はあまり好きじゃない人もいますが、初めてホームページを作る分には、テーブルで十分すぎるくらいにいろいろできるので、問題はないでしょう）

さて、じゃあテーブルをどうやって作るか？

ということですが、

これもイラストで見てもらったほうが早いでしょう。

下の絵のように、”テーブル”というのは、”表”の形をしています。

エクセルの表のように、たくさんのセルが整列して、”表”を形作っているのです。

上の図の場合、左の絵のテーブルは、右のように”４行３列の表”から作られています。

（右図の点線部分は、「セルの結合」によってホームページ上では見えなくなります）

このように”４行３列の表”から、ホームページのレイアウトの骨格を作っていたのでした。

ホームページをつくるときには、”表をつくって、その中に文やイラストを入れていけばよい”わけです。

お分かりいただけたでしょうか？

ホームページは、表を作れれば、できる。

となれば、なんとなく「パソコンが苦手な自分でも、ホームページが作れるかも？」と思えてきたりしないでしょうか？

思えてこなければしょうがないですが、

ここで作れそうだと思えた人は、たぶん作れます。

これさえできれば、あとはどうとでもなりますので。

この”表”自体は、”エクセルの表”に非常によく似ています。

エクセルを使ったことのある人なら、すんなりテーブル(表)の機能を使いこなせるものと思います。

では、具体的にどうやって作っていくのか？

それを次回に書こうと思います。

ブログをやってもアクセス増えないし、

ツイッターも飽きた。

なんというか、もっと自由に自分を表現できるツールがほしい。

でも、そんな便利なツールがあるわけ……。

という方は、ぜひ自分の個性ある”ホームページ”をつくることを考えてみてはいかがでしょうか？

自分のサイトなら、形の決まったブログと違い、自分の好きな形で、好きなものを表現できる。より、多くの人とコミュニケーションする”きっかけ”が生まれる。

なので、独創的なサイトをつくって、たくさんの人に見てもらいましょう。

とは言っても……。

「やっぱりホームページって難しいんでしょう？」

「自分はパソコン苦手だし、そんなことできるわけないよ。」

と思われる方が、少なくないと思います。

たしかにホームページ作りは難しいのですが、ここのブログでちゃんと一コ一コ（イラスト付きで）わかりやすく説明するつもりですので、どんなにパソコンが苦手な人でも、また、ほぼパソコン初心者という方であっても、必ずホームページのことを理解できるようになる、そして実際に作れるようになるものと考えています。

まず自分のサイトで恐縮ですが、

サンプルとしてホームページへのリンクを貼っておきますので、

完成図はだいたいこんな感じとお考えください。

http://nakayoshi.aikotoba.jp/

（スタイルシートやホームページ作製ソフトを使わず、純粋にHTMLだけで作っています）

あまり何もないホームページですが、ページ全体が曲線的になるようには気を付けています。

ホームページ作りのプロみたいな人が作ると、なんかすごくキラキラした、にぎやかなサイトにはなるのですが、どこを見ても形が直線的でカクカクしているため、少し温かみがないものになっているような気がします。

なので、もうちょっとデザイン性のあるものを、このブログでは作っていこうと思ってます。

（曲線的なセンスをもうちょっと出していこうと思っています）

さて、ホームページつくるには、まず何をお勉強すればよいか？

ですが、

ホームページ作りを始めると、大体、次のような壁にぶち当たります。

・HTMLってなあに？

・サーバーってなあに？

・FTPってなあに？

ホームページ作りにはいくつかのハードルがあって、そのハードルを越えていかないといけないのですが、では、まず何から手をつければよいでしょう？

その答えは、なんといっても、

・”テーブル（表）”の概念を理解し、使いこなす

ことでしょう。

HTMLが何かは、まだ知らなくても問題はありません。

とりあえず、HTMLというものの中に、テーブル（表）という機能があって、それを使うことがホームページ作りには重要なんだと、ご理解いただけるとよいかと思います。

というか、これさえ分かればホームページはできたようなもんなのです。

あとのハードルは些末な問題であり、どうとでもなります。

テーブル（表）はけっこう厄介な機能ですが、これが使えれば、ホームページのデザインに関して、いくらでも応用できるので、

テーブル（表）を制するものは、ホームページ作りを制す

なのです。

なので、次回以降しばらく、このテーブル（表）について、わかりやすくイラスト付きで解説していこうと思います。

興味が湧いた人はどうかお付き合いくださいませ。

境界村の祭典ホームページ

今後、ホームページの作り方を、このブログ上で書いていくつもりです。

「ぜったいできる！　ホームページの作り方　徹底解説」

みたいなタイトルにしようか考え中です。

それでは。

という方は、

２ｃｈに実例がありますので、

下記URLを参照いただくのが、

簡単かと思います。

http://blog.livedoor.jp/himasoku123/archives/51685031.html

このように、

従来のプログラムされた”固いゲーム”というよりは、

かなり自由で融通の利くゲームと言えましょう。

テストプレイは下記の掲示板で行っております。

http://8249.teacup.com/nakayoshi/bbs

テキトーに何かコマンドを入力すれば、

何か話が進んでいくでしょう。

お気軽に参加してください。

参加者はヒマなときに来て、テキトーにコマンド入力すれば、

キャラが何かリアクションを返すでしょう。

架空のキャラとコミュニケーションしつつ、日常を送る

シミュレーションゲーム的な面白さと、

掲示板に来た人同士でおしゃべりする

コミュニティ掲示板としての楽しさを合わせ持った、

新感覚のゲーム。

もちろん絵描きさんが、

「ゲームをつくる側」

で参加することも可能。

従来のゲームのように、

ユーザーはただ受け身でコンテンツを楽しむのではなく、

「ゲーム製作者側」にいろいろ注文を出したり、口出ししたり、

自分が製作者側に回って、キャラクターやお話をつくることもできる

という、これまでにない自由度をもつエンターテイメントなのです。

現在、テストプレイ中。

下記URLから「テーブルトークRPG　テストプレイ」スレッドへどうぞ。

http://8249.teacup.com/nakayoshi/bbs

参加者をお待ちしています。

なんというか、行動の伴わない理屈ほど空虚なものもないですわ。

語るヒマがあるなら、実行する。

これができれば、もうちょっと人生充実してるんでしょうが。

「コミュニティ」や「つながり」を面白さの軸としてコンテンツを作るなら、旧来の流行ゲーム、テーブルトークRPGをネット掲示板でやるのはどうか、と書いてきたわけなんですね。

テーブルトークRPGは、マンガとゲームとコミュニティ掲示板を”いいとこどり”したような、いろんなジャンルにまたがったコンテンツなのですね。ゆえに自由度、表現できる幅も広い。

かわいいのにトークもいけるニューハーフみたいなもんではないでしょうか。

といっても、やはりネットですから、参加者の生活スタイルもばらばら。

来る時間帯が人によって違うわけです。

理想としては、モバゲーみたいに毎日空き時間とかにちょこちょこ遊んで、進められるゲームと思っています。

たまに掲示板を覗いて、テキトーになにかコマンド入力して、また日々の生活に戻る、みたいなゲームデザインが時代に合っているでしょう。

そういう意味で、ジャンルはファンタジー的なRPGよりも、日常系のほうがよいのではないかと思う。

ラブプラスは女の子を攻略したら、今度はカップルとしての日々を過ごすモードになりますね。

従来の恋愛シミュレーションゲームのように、オンナを攻略して終わり、ではなく、攻略したあとに付き合うモードがあって、そのモードではたまにちょこちょこ遊んで、楽しいデートができる、みたいなゲームデザインとなっているのです。

そのラブプラスのカップル編みたいな、日常系のゲームを作るのが、やはり今の時代に合っているということになると思うのです。

テーブルトークRPGというよりは、「テーブルトーク・日常シミュレーションゲーム」という感じになるのではないかと予想します。

最終的にどんな形になるかは、まったくわかりませんが、とりあえずテストプレイを始めてみるべきでしょう。

やってみないと、実際どんな感じになるかも、まだ分からんわけだし。

〇テーブルトーク・シミュレーションゲーム　テストプレイ　始めました

なかよし掲示板

上のリンクから「テーブルトークRPG　テストプレイ」スレッドによろしければどうぞ。

とりあえず何か書き込んでくださると、何かリアクション返します。

テストなのでお気軽に遊んでください。

マンガ描きさんで、コンテンツを提供する側で参加したいという方も、どんどん来てくださいませ。

現実のコミュニティに、会話のネタを投下するのが週刊マンガ。

と書いたけど、

「ハガレン」や「ハリポタ」が売れたのはなぜか。

ハガレンは月刊だし、ハリポタは一年に一回しか出ない。

という疑問もまだ残ってるが、

これもまた長くなりそうだから、省略させていただきます。

基本、売れてるコンテンツは、読者の感性に合っていて、リアリティ(面白さの軸)が明確であることがほとんど。

ハリポタもハガレンも、読んでいて、そういう印象をもった。

ワンピースも銀魂も同じです。

どれもエンターテイメントとして、完成度が高いことに変わりないです。

ハリポタなんか、あの長さの話を密度を薄めることなく、最後まで書き切っている、かなり稀有な小説。

これができる人はなかなかいないだろうと、自分は思いました。

しかし、「コミュニティ」「つながり」が面白さの軸となることは、確かだと感じる。

週刊マンガは、現実のコミュニティに会話のネタを投下する、と書いたけど、

２ちゃんねるはそれを毎日やっているようなもの。

ニュース記事を２ｃｈに投下して、コミュニティの参加者が思い思いにコメントを書き残していく、という光景が毎日見られる。ネタがあれば集まって、コミュニティを形成できる。そういうことに楽しさを感じる、という現代人の精神性。

ここを出発点として、エンターテイメントを作っていくことが大事だと思います。

「コミュニティ」を軸としたコンテンツ作りとして、過去の記事でテーブルトークRPGのことを書いた。

ネット掲示板で盛り上がっていることと、作家の創作力が活かせることから、今の時代に合った表現の形式になりうるものだと考える。

テーブルトークRPG以外には何があるか？

他にこれといったものが、思い浮かばないが、

コンピューターゲームが登場する以前の、アナログなゲームに

ヒントがあるような気がする。

昔のゲームは、ひとりで黙々とやるようなものはあまりなく、近所の人と集まってワイワイやるものが多かった。

任天堂はゲーム作る前は、花札を売っていた会社だったのですが、

花札もみんなで集まって楽しむゲームですね。

そこに近所の人とのコミュニケーションが生まれたりしたはず。

現代は、そうすぐに友だち同士で集まれないことのほうが多いだろう。

昔ほど近所付き合いはないだろうし。

しかし、現代にはネットというものがあって、それでどこか遠くの人とつながれるという環境がある。

花札みたいなゲームをネット上でおしゃべりしながら遊ぶ、というのが今は受け入れられるものだと思われる。

（たぶんネット上で花札やるサイトは探せばありそうだけど……）

でも、要するに、そういうことなのです。

旧来の古いゲームが、ネット環境に適した形で移行し、コミュニティを形成する新たなゲームとなる。

と、そういう気がしています。

任天堂さんも、これからはそういう方向性のゲームを模索していくことを、一つの方向性として考えてみてはどうでしょうか？

個人的意見を言わせてもらえば、３DSを推し進めていっても、これは売れないと思います。

立体的に見えることに、多くの人は興味を持っていないようです。

そこらへんのマーケティング調査を疎かにすると、ユーザーが真に楽しめるゲームは生み出せないと思うのです。

昔の任天堂なら、そこのところをちゃんとやっていたように思うのですが……。

少し前は、「鋼の錬金術師」も流行っていました。

小説においては、なんといっても、「ハリーポッター」でしょう。

なんだフツーに売れてるじゃん。

という批評も聞こえてきそうですが、

確かにそうなんです。

売れるマンガや小説もあるにはあるんですよ。

前回まで、さんざん、マンガという形式は古いんじゃないか、ということを書いてきたわりには、大ヒットしまくってるマンガもフツーにあって、「一体なんなんだよ？」とツッコミを入れられそうです。

これについても、いろいろ語りたいことはあるのですが、ちゃんと書くとものすごく長くなってしまうので、詳しいことは後回しにしてしまいます。

すごく短く言ってしまうと、

今のマンガは、だれかと思いを共有するのが楽しい

ってことなんです。

これは実は、そんなに正確な言い方ではないと思います。
しかし、大体こんな感じでもあると思います。

マンガを読んで、感動して泣いた。
その思いを、だれかと共有したい。
周りの友だちと、好きなシーンや好きなキャラを言い合って楽しむ。

みたいな流れが特に週刊連載のマンガとかにはあって、

「現実の世界のコミュニティ」との接触も含めて、セットでコンテンツになっている、というところがある。

と、少なくとも自分は感じます。

たとえば、ライトノベルでも、
アニメ化すると一時的にすごく盛り上がる、
ということはよくあります。

逆に、アニメが終わると、一気に熱が冷めて、人気が下降していくことも、よくあります。
（一発屋の芸人さんみたいですね）

これは、ライトノベルが小説からアニメになることで、アニメの放送期間はみんなでそのコンテンツを共有できるから、いろいろ思いを語ったり、先の展開を推理したりして、盛り上がるわけです。

週刊連載のマンガも同じようなところがあって、毎週多くの人がそのマンガを読むことで、学校など周りのお友だちとその週の話を共有できるというところがあります。

現実の世界にコミュニティがあり、そのコミュニティに週刊マンガは話のネタを提供しているのです。

現実のコミュニティで盛り上がるためのネタなので、マンガの内容はごくシンプルでも構いません。
単純かつ分かりやすい話で、泣きや感動の要素がちょこちょこ入っていれば、それで十分です。

物語や絵がちゃんと作られている必要はあまりなく、読者が共感できる内容なら、ある程度テキトーでも大丈夫。

作家は読者の感性に近い人が適していて、話の展開がワンパターンではあっても、話を量産できる能力が求められる。

ワンピースなんかは、そういう意味では、完璧なマンガと言えますね。

現在の売れてるマンガとは、マンガの内容だけでなく、「現実のコミュニティ」とセットになっているものとして考えるほうがよいと思うのです。

週刊連載のマンガは発行部数の多い雑誌ならば、「現実のコミュニティ」を読者に対しちゃんと提供できるので、コンテンツとして優れているということになります。

逆に、ワンピースや銀魂がジャンプ以外の雑誌に載っていたら、どうだったか？

それでも人気は出たでしょうけど、聞いたこともないようなマンガ雑誌にそういったマンガが載っていたら、今ほど読者は面白いと感じなかったのではないでしょうか？

マイナーな雑誌に載っていたら（周りにそのマンガを知っている人がいなかったら）、「現実のコミュニティ」が存在しない分、面白さは減少したのではないか。

そう断定することも難しいのですが、当たらずとも遠からずという気もしないでもないのです。

と、今回は週刊マンガの話になりましたが、次からは「今後のコンテンツの表現の形」に話を戻して、いろいろ書いていきたいと思います。