検索:広告この広告は30日以上更新がないブログに表示されております。新規記事の投稿を行うことで、非表示にすることが可能です。fanblog「ここにブログの名前を入れます」は更新を終了しました。Bang」に移転済みです。記事のタイトルをクリックすると新ブログの該当記事に移動します。そちらでお楽しみください。Tom新ブログ「amazon探検隊!」ではTwitterでつぶやいた商品名を列挙するようにしました。全部アフィリエイトです。チェック!たとえばこれなんか画像もカスタマーレビューも表示されて、もし見てもらえればブログで下手な宣伝するよりも圧倒的に効果的だと思う訳です。追記:このブログの記事下にも導入してみました。以前はPHPを使った処理例を書きましたが、JavaScriptだけでも出来ます。Tomひとつ前の記事「サイドバーにもサムネイルモジュール」ですが、スタイルシートの注釈記法を間違えていました。勘太さんがスクリプトを使ってくれたらしいので見に行ったんですが、こちらの思っている通りに表示されていない。勘太さんのページのソースを確認したんですが、スクリプトは正常に動いている。スタイルシートのPATHも(CSSの場合はなんて呼ぶんですかね、入れ子の順序も)あっている。ローカルでのテストは正常だったのに、ブログに上げると動かない。違った表示がされてしまうということは(特にファンブログの場合は)よくあるのですが、今回は単純にスタイルシートに書いた注釈の記法が間違っていたのでした。スタイルシートの注釈表記法はC形式らしい。行末までが注釈と書いてしまった。それが原因で思ったとおりにCSSが適用されなかったようです。注記方法を訂正したら、正しく反映されるようになりました。今回こんな間違いを犯したのか?それは、普段CSSに注釈など書かないからです。ローカルで完全にテストを終えた後に、ブログでの説明用に普段書かない注釈を書き足した。その記法が間違っていたので散々テストした後でアップしたにもかかわらず正しく動かなかった。注釈に限らず、コードのエンティティ変換など、ソースが出来てから後、Webに上げるためにはいろいろな手順を踏まなければいけません。挙句公開したら「ソースを貼ったらアフィリエイトが表示されなくなった。これってソースのせいなのかなあ」とか質問されれば頭に来ますわ。「ソースのせいじゃねえよ!お前のアフィリの貼り方が悪いんだよ!」と怒れば、怒ったこっちが叩かれ、質問した人物は擁護される。「怒らずに、わかるまで教えてあげるべきなんじゃないですか」これってどうなんですかね?おかしいと思ったら、貼り付けたソースコードを剥がしてみる。それだけでそのソースが原因かどうかわかるのに、それさえせずに質問してくる。それで遂にひとりブログをやめましたけど。画像が表示されているのを見るだけで心が痛むらしいので前記事のモジュールは公開しませんでしたが、やめたので、ソース書きました。質問する前に、自分で出来ることをやりさえすればよかったのに。それさえせずに質問するのが当然という風潮が最近のファンブログにはありました。そんなんじゃ誰もソースなんか公開しなくなると思いますよ。TomこれはNARUさんのライブドアブログ「キーワードチョイス2」に貼ってあるもののコピーです。自分の別ブログを紹介しています。★パパ視点の子育てブログ絶賛公開中!「あぁ、悩み多きイクメン生活」NARUのイクメンブログ。気にNARU?NARUよね。上のものと下のもの、どちらがより興味を惹かれるでしょうか。どちらも興味がない?それは残念です。先ほど「お友達の最新記事を表示しよう!」に書いたスクリプトに自分で関数を加えると、このような表示も出来ます。★パパ視点の子育てブログ絶賛公開中!「あぁ、悩み多きイクメン生活」NARUのイクメンブログ。こんなカンジで、お友達の最新記事をサイドバーに表示できるようにしました。デザインはスタイルシートで調整できます。ファンブログ用情報です。以前「プロフィールの写真は拡大できる」という記事で、プロフィール画像をクリックすると、大きくなると書きました。これは女性の写真が小さい時には非常に有用な情報でした。この私のブログのプロフィール画像をクリックして大きくしても意味がありません。そこで、プロフィール画像をクリックしたら私のTwitterに飛ぶようにしました。ファンブログで、サイドバーのプロフィール画像の大きさを変えるには、スタイルシートにこう書きます。*/}実際にどう表示されるかを事前に見たければ「スタイルシートコンバータ」スクリプトを使ってみてください。URL欄にあなたのブログのURL、CSS欄に上に書いたスタイルシートを貼り付けて送信すれば、適用された結果が表示されます。スタイルシートの書き方は「で、スタイルシートはどこに書くのか?」を見てください。左の文字は、現在「自作小説!ブログトーナメント」3回戦を対戦中の当ブログエントリー作品、Twitter愛のリレー小説「セルヴーズの雨傘」のタイトル文字です。新しいスタイルシートのCSS3を使うと画像を使わないでも簡単に文字に影がつけられます。このCSS3は全てのブラウザで対応しているわけではありません。8では影がついていません。これはバージョンの問題です。Explorerは8までしかインストールできません。Window7を買わせたいマイクロソフトの意地悪ではなく、ハードウェアに関わる技術的な問題が原因のようです。Explorer9が入っています。Explorer9だから大丈夫」という考えは間違いです。あなたには影がついて見えていても、あなたのブログの読者には影がついて見えないかもしれない。いや、影がついて見えない読者も確実にいる。このことを念頭においてデザインしないと失敗します。ExplorerにCSS3を適用させる方法はないのか?あります。ほとんどのブログでは出来ません。適用させるには.htcファイルというものをインクルードすればよいので簡単なのですが、ひとつ重要な条件があります。それは.htcファイルとサイトのページは同じドメインで同じサーバーになければならないというものです。」にサーバーを借りてWordPressなどでブログをはじめる以外はあきらめるしかありません。今回の記事はそういう制約があることを承知した上でお読みください。わすWikiを参考にさせていただきました。愛の劇場のソース」では、Twitterのuser_timelineメソッドをPHPで呼び出し、simplexmlを使って処理しました。記事中に書いてあるようにソースに不備があります。書き直すに当たり、次の変更を行ないました。searchメソッドを使って検索するPHPを使わず、JavaScriptとJSONPだけで構成する。APIがどんなものか動かしてみるレベルの内容です。いいコードとはとてもいえないものでした。今回は使う開発言語を減らすことで、コードがスッキリしました。アクセス制限の問題もあります。1時間に150アクセスまでなので、PHPを置いたサーバーからTwitterのサーバーにアクセスするより、JavaScriptを読み込んだ各ブラウザからTwitteのサーバーにアクセスさせる方がIPを分散できます。前回はリレー小説の書き手分user_timelineメソッドを呼び出していました。今回はsearchメソッドで、Twitterのサーバーに問い合わせる回数を減らします。APIhttp://search.twitter.com/search.json赤字のjsonをatomにすると、Atomが返ってきます。http://search.twitter.com/search.json?q=検索クエリー&callback=コールバック関数名&result_type=recent&rpp=100&since_id=200851367760363520&page=1参考記事:GET送信とは?必須パラメーターはqです。q=には検索クエリーをURLエンコードして送信します。検索クエリーの書き方は後述します。callback=にはJSONPのコールバック関数を指定します。このオプションはatomの時には適用されません。result_type=には、欲しい検索結果の種類を指定します。指定できるのは以下の3つ。指定しないとrecentが指定されたものとみなされます。「新しい発言」と「人気の高い発言」の両方を適度に検索結果に含めるrpp=には、一度に取得する検索結果の数を指定します。指定できる最大値は100、未指定だと15になります。since_id=は指定したIDより大きなIDのステータスのみ取得するオプションです。検索に指定IDそのものは含まれません。件とみなして取得するページを指定します。最初のページは1です。rppとpageで遡れるのは、最大1500件までです。わすWikiにまとめられています。ところが、今回も問題がありました。ある日から1話目が表示されなくなったのです。約10日(1.5週)以上前のつぶやきは検索されないようです。利用できる検索インデックスについても日数の制限をかけています。現在は、1.5週となっていますが1日のささやきが増加するとこの数字はもっと短くなります。APIで開発をするために知っておくべきことよりということで、またスクリプトを修正することになるのですが、それは別の記事にして、この話を続けます。今回の検索クエリはこうなりました。投稿者がTom3sutekiのつぶやきを検索します。リレー小説なので、投稿者が2人います。いう場合は、ORで結びます。from:welcome2ourshopORは大文字で、前後に半角スペースを入れます。(ハイフン)をつけます。ハイフンと文字列の間にはスペースを入れずにくっつけます。することでRTを含む文字を除外します。リツィートの除外を指定したことになります。つづくなどと、何もつけない文字列を指定すると、その文字列を含んだツィートを探します。いう文字列があるツィートを探せ」という意味です。これを、URLエンコードした上で、q=に続けて書きます。Tomインターネットでページを見るときに必要なのがURLです。このブログのURLはhttp://fanblogs.jp/ayzfqir5/archive/465/0ですが、それに情報を含めて送る事が出来ます。http://fanblogs.jp/ayzfqir5/archive/465/0にユーザーIDの「Tom」とパスワード「sexy」を含めて送る場合このようにします。(このユーザーIDとパスワードは架空のものです)http://fanblogs.jp/ayzfqir5/archive/465/0?user_id=Tom&password=sexy上のリンクをクリックしてみてください。URLに架空のユーザーIDとパスワードという、余計なものが混ざっているのに、問題なくこのページが表示されたと思います。これがGET送信です。GET送信でTwitterなどのAPIにパラメーターを送ることが出来ます。Tomこれは大きい順や小さい順に並び替えるのではなく単純に順番を逆にする方法です。JavaScriptで、大きい順や小さい順に並び替えたいとき(ソート)にはsort関数を使いますが、今回は触れません。ここにブログの名前を入れますTop×この広告は30日以上新しい記事の更新がないブログに表示されております。