【PHP】作ろう、私の掲示板!

  by ちびっこ  Tags :  

 

 

誰とでも自由なコミュニケーションがとれる事で、今でも大流行の「twitter」

一見「twitter」のような掲示板を作って友達を驚かせちゃいましょう!

 

Ⅰ.  「post.txt」と「index.php」の作成

 

1. 空のテキストファイルを「post.txt」というファイル名で保存。

2. 下の文章をテキストファイルに張り付け、「index.php」というファイル名で保存。

—以下コピー———————————
<!DOCTYPE html>
<html>
<head>
<title>test</title>
<meta charset=”UTF-8″>
<!– <meta name=”viewport” content=”width=device-width, initial-scale=1″> –>
<link rel=”stylesheet” href=”http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css” />
<script src=”http://code.jquery.com/jquery-1.6.4.min.js”></script>
<script src=”http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js”></script>
</head>
<!– トップ –>
<body onload=”document.ok.tweiet.focus();”>
<div data-role=”page” data-theme=”b” >
<div data-role=”header”data-theme=”b”>
<h1>twitter?</h1>
</div>
<!– /header –>
<!– twitter実装 –>
<div data-role=”content”>
<ul data-role=”listview” data-inset=”true”>
<li data-role=”list-divider”>
<div data-role=”fieldcontain”>
<form name=”ok” method=”POST”>
<label for=”tweet”>つぶやく?</label>
<input type=”text” name=”tweet” id=”tweiet” value=”” />
<button value=”submit-value” name=”tweet1″ data-theme=”a” type=”submit” aria-disabled=”false”>送&nbsp;信
</button>
</form>
</div>
</li>
<!– twitterココカラ –>
<?php
$data = $_POST[‘tweet’];
$data = htmlspecialchars($data);
$del = $_POST[‘del’];
$filename = ‘../post.txt’;
if($del){
$save = fopen(‘../post.txt’, ‘w’);
fclose( $save );
}
$fp = fopen($filename, ‘r+’);
$contents = @fread( $fp , filesize($filename) );
if($data){
echo ‘<li data-theme=”c”>’;
echo $data . ‘<div >’ . date(“Y/m/j H:i:s”) . ‘</div>’;
echo ‘</li>’;
}
echo $contents;
fclose( $fp );
$save = fopen($filename, ‘r+’);
if($data){
fwrite( $save, ‘<li data-theme=”c”>’ . $data . ‘<div>’ . date(“Y/m/j H:i:s”) . ‘</div>’ . ‘</li>’ . $contents );
}
fclose( $save );
?>
<!– twitterココマデ–>
<form method=”POST” action=”” data-ajax=”false”>
<input type=”hidden” name=”del” id=”del” value=”del” />
<button name=”del” id=”del” data-theme=”a” type=”submit” value=”p”>削除</button>
</form>
<div data-role=”footer” data-theme=”b”>
<h4>footer</h4>
</div>
</div>
</body>
</html>
—以上———————————

Ⅱ.  場所を借りる!

どこでも書き込めるようにするため、インターネット上のスペースを借ります。
今回は「@pages」というサイトを用いて紹介させて頂きます。

1.  会員登録を行います。(メールアドレス必要)

 

@pagesはコチラ

Ⅲ.  サーバにアップロード!

 

1.  ルートフォルダに「post.txt」をアップロードする。

※1. ログイン直後にいる場所を「ルートフォルダ」と呼びます。

※2. ファイルをインターネット上などへ置く動作をアップロードといいます。

ログインすると上図の画面になります、アップロードを押してください。

すると下図の画面になりました。

中央左の参照から、先ほど作成した「post.txt」を選択してください。

次に、中央左にある緑のチェックマークを選択してアップロード完了です。

2.  「post.txt」の権限を変更する。

post.txtのチェックマークをオンにし、中央右にある「許可情報の変更」をクリックします。

すると、下の画像のようになります。

赤で囲われている部分の数字を「666」と入力し、緑のチェックマークを押します。

3.「index.php」のアップロード

ルートディレクトリで、新規フォルダの作成をクリックします。

フォルダ名を「mypage」としてください。(任意のフォルダ名不可、動作しなくなります)

root/mypage  に「index.php」を配置します。

Ⅳ.  完成

 

以上で作業は終了です。

下図のような感じになりましたね!

 

root/post.txt ⇒ 書き込み内容保存用ファイル

root/mypage/index.php ⇒ 掲示板本体

削除ボタンを押すと、全ての会話内容を消すことができます。

あくまで実験用の掲示板になります。

仲間内などの簡易的な場面で活用してください!

 

身長:160cm 年齢:22歳 仕事:IT関係(開発) 環境:メインPC(Mac OS Lion),BootCamp(Windows7)    サブPC(Windows7),仮想PC(Ubuntu) 応募理由: 文章を書きたくて仕方がない! 仕事後の時間や空き時間を有意義に過ごしたい! ガジェット通信をみる側から見せる側になりたい! 誰かにみて頂く事で文章力をあげたい! -----T系の興味----- 1.windowsXP,Vista,7を計100回以上再インストールしている(仕事ではなく、自分のPC)ので、初期設定の速度に自信あり! 1.Windows=10年,Linux=3年,Mac=1年 程使用しています。Macで文章を打ちたくて仕方がありません。 ----その他の趣味---- 1.コーヒー大好き。 >ドリップ式のコーヒーを入れます。コーヒー豆の値段に敏感で、家には常に5〜10種類のコーヒー豆があります。 >サイフォン方式に手を出そうと奮闘中(備品代を貯めてます、その為にも!) 1.ドラえもんを愛しすぎて、セル画と初版集めが趣味です。 よろしくお願いします。

ウェブサイト: http://www.t-kougei.ac.jp/(出身大学) http://www.city.odawara.kanagawa.jp/(出身地) http://news.kanaloco.jp/localnews/article/1001160005/(オーシャンクルーズ)高校生の頃に参加 http://park6.wakwak.com/~littlebass/ra-men_kobayashiya_atugi.html(小林屋)大学生の頃、お世話になりました