【Javascript】改良版・jQueryとPHPと Sqliteを使ったAjaxのシンプルなチャット

サンプルデモはこちら
ファイル一式のダウンロードはこちら

先日、jQueryを使ったシンプルなチャットを作成しましたが、今回はその修正版です。

一度に表示する記事数を設定でき、Twitterみたいに「もっと読む」をクリックするとAjaxで次の記事が表示されます。
あ、あと日付も入れました。

なんか全然難しいことしてないのに、やたら時間ばかりかかりました。もうダメです。五月病です。ウソです。

さてどんな使い道があるでしょう。

・ちょっと思いついたアイデアを書き込んじゃうメモにする
・話しかけたい けれど勇気が出せず話しかけられない総務のアイドル長谷川さんへ思いを密かに綴る恋日記にする
・姑の悪口をひたすら吐くことでストレス解消の場とする

うん、ちょっと考えただけでもいろいろ使えそう!レッツトライ!

一度に表示する記事数はlimit.phpをいじります。

<?php
//一度に表示する記事数
$limit = 5;
?>

説明しなくても分かるくらいに簡単ですね。赤子の手をひねるようですね。関係ないですが、なんでわざわざ赤子の手をひねらなければいかんのでしょう。いったいどういうシチュエーションなのかサッパリわからんとです。足ではいかんかったのでしょうか。

そんなわけで僕はもう寝ます。もう朝です。布団が読んでます。グゥ。

  • このエントリーをはてなブックマークに追加

PICxPIC

会社を経営する30代男性。iPhoneアプリをつくったりしながら毎日ぴくぴく生きてます。

関連記事

  1. NO IMAGE
  2. NO IMAGE
  3. NO IMAGE
  4. NO IMAGE
  5. NO IMAGE

コメント

  1. SYU1 2010.06.24 4:20pm

    SQlite + PHP + ちゃっと で検索して辿り着きました。
    はじめまして、こんにちは。
    とてもデザインが良くてとても気に入りました^^

    さっそくいじってみようと思ったのですが、、、
    いまいち良く分からない点があります。

    ブラウザを同時に2個立ち上げて、それぞれでコメントしてみたのですが、
    他方でコメントしたものが表示されないのです。
    何か原因や解決策とかわかりますでしょうか・・・

  2. ペンキチ 2010.06.24 4:29pm

    >SYU1 さん

    はじめまして。片方のブラウザで投稿した投稿内容が、自動で(ページを更新せずに)もう片方に反映されない、ということでよろしいでしょうか?

    Twitterみたいに、誰かが投稿したらページを更新しなくてもその情報が表示されればいいのですが(Twitterの場合は誰かが投稿すると、「新しい投稿が1件あります」みたいに表示されて、ページを更新するとその投稿内容が反映されますね)、時間がなくエイヤで作ったのでその機能はつけていません。(もちろん、ページを更新すれば表示されるはずです。)

    いまちゃんとしたTwitterみたいなアプリケーションを作ってるので、それが終わってからこちらもアップデートしようかと思います。

  3. Jing 2010.10.05 10:43pm

    ペンキチさん、はじめまして。
    このチャットに一目惚れして先日から使わせて頂いています。とても気に入っています!
    お洒落で簡単設置で使えて、作者さまに感謝しております。

    実はこのチャットをひとことメッセージ欄として使っていて、
    最新の投稿1件を、サイトのTOPページに表示させたいのですが
    何か方法はありましょうか・・?

    投稿のRSSを配信して、サイトのTOPページで読み込めばOKかと思い、
    RSSを生成してくれるwebサービスを幾つか試してみましたが
    投稿内容が反映されませんでした。

    そこでDapper(open.dapper.net)を試してみたら、
    投稿内容は反映されたのですが、文字化けします。。
    こちらのデモページで試させていただいたら文字化けしなかったので、
    当方のサーバー環境が原因でしょうか(ヘテムル・シックスコアでNG)

    自力で生成するとなると、データベースをごにょごにょする感じでしょうか?
    ちょっと手に負えない予感が満々です//

    Dapperの文字化けが何とかなると助かるのですが
    なにか考えられる原因はありますでしょうか。。
    (各ファイルの文字コードはutf-8になってるのを確認、
    php.iniのmbstring.internal_encodingもUTF-8にしてみたり・・
    チャットページ自体は普通に文字化けせず表示されています)

  4. ペンキチ 2010.10.05 11:45pm

    >Jingさん

    はじめまして、当ブログ管理人のペンキチです。
    チャットをご利用いただいてありがとうございます。

    >こちらのデモページで試させていただいたら文字化けしなかったので、
    >当方のサーバー環境が原因でしょうか(ヘテムル・シックスコアでNG)

    当ブログもヘテムルサーバーなので、php.iniの設定を変えない限り、特に問題ないと思うのですが(あとはHTMLの文字コードが違うなど)、Dapperというサービスを使ったことがないので、なんともいえません。。

    が、ブログのトップページがPHPでできているなら自力でデータを引き出すのはそんなに難しくないはずです。

    ちょっと今日は仕事が詰まっているので、仕事が終わったらトップページに書くソースをコメント欄か記事に書きますね!

    申し訳ありませんが、少々おまちくださいm(_ _)m

  5. Jing 2010.10.06 1:10pm

    なんと・・!ソースを書いてくださるのですね!
    ありがとうございます!
    何日もさまよっていたので本当に嬉しいです(´;ω;`)

    ヘテムルをお使いだったのですね。
    php.iniの設定を元に戻して、HTMLの文字コードも確認して・・
    やっぱりダメでした。。

    ブログはWordPressを使っています。
    お忙しいところ恐れ入ります。。ありがとうございます!
    のんびり待たせていただきますので、どうぞよろしくお願いいたしますm(_ _)m

  6. ペンキチ 2010.10.07 6:45pm

    >Jingさん

    遅くなりましてすいません。たったいまブログの記事でトップページへのつぶやきの表示方法を書きましたので、ご参照くださいhttp://picxpic.com/?p=746

    もし分からないことや、エラーがなどがありましたらご連絡ください。
    成功を祈ってますw

プロフィール

PICxPIC
1983年生まれ。2010年からiOSアプリを開発し、2012年に法人化。メディア掲載やランキング、ダウンロード数などの詳しい実績などはこちら

PICxPICのアプリ

赤ちゃんの大冒険

おさるランド

動物オーケストラ2

子どもゲームランド

おしゃべりボタン

天空までのぼれ!

ジャンプで川下り

ひよこランド

動物オーケストラ

ポコポコアニマル

キラキラお絵かき

音が出るお絵かき

あいづちん