「ただいま」の挨拶よりも電源スイッチONのが先な、そんな日常を綴る『ぽぽろんのパソコンつれづれ日記(ぽぽづれ)』へようこそ。XP/Vista/7の話題。2015.10.30この記事は約13分で読めます。リンクをブログカード形式で表示する「Pz-LinkCard」(以下、Pz-LkC)をお試し稼働中。目次いよいよ始動...?うーん、速い!Σ(゚ロ゚)o゙うーん、遅い!Σ(゚ロ゚)o゙ソーシャルカウントのキャッシュへの道きゃしゅる!Σ(゚ロ゚)o゙キャッシュ取得からカード表示までの流れでは、いざ、試してみよう!(^-^)oこんな感じいよいよ始動...?さて、公式プラグインディレクトリにて公開している、外部リンクをはてなブログカードで表示させるWordPressプラグイン「Pz-HatenaBlogCard」。(以下、Pz-HBC)外観もカスタマイズできて、自分でも便利に使っていたのですが、やはり「はてなブログカード」の力で表示していることには変わらず。色や配置も変更できないのでした。キャッシュ機能搭載!」みたいな状態で放置状態でした。して開発していこうと思います。そもそも、「Pz-HBC」は、「外部リンクは『はてブカード』で表示。内部リンクは『はてブカード』に似てるカード形式で表示。」というところが目標でした。方をいじっていって、「プラグインがDB更新したり、ちょっとリスクもあるけど、外観もいじれて便利じゃん!Σ(゚ロ゚)o゙」という感じにしていって、差別化を図ろうと思っていたのですが...。した→こういうの便利?→追加したーΣ(゚ロ゚)o゙→うっひょー、楽しい!Σ(゚ロ゚)o゙」ああ、平常運転です。言われてもいない機能追加してみてバグ出すところまで含めて平常運転です(ダメじゃん)。うーん、速い!Σ(゚ロ゚)o゙テストサイトでしばらく稼働させてみたので、リンクがもっと沢山貼ってある本番サイトでテスト。いうか本番稼働してみました。2015.09.27[Pz-LkC]リンクをカード形式で表示するプラグインお試し稼働中https://popozure.info/20150927/9202リンクをブログカード形式で表示する「Pz-LinkCard」をお試し稼働中。外部リンクを「はてなブログカード」に置き換えて表示させるWordPressプラグイン「Pz-HatenaBlogCard」を公式プラグインディレクトリにて公開しています。内部リンクも外見をカスタマイズしてブログカード形式で表示できます。直接コードを埋め込むタイプだと、「乗り換え」したいときに置き換えるかどうしようか...となってしまいます。ショートコード方式なので、プラグインの設定画面で外見を変更すれば、全ペー...有効化直後、一回も表示されていないリンクカードは、リンク先から内容を取得してキャッシュを貯めに行くので遅いです。カード一枚につき、1~2秒という感じでしょうか。同じリンク先が複数ある場合でも2枚目はキャッシュから表示されるので速いです。(そんなページ、テスト用しか無いか(^-^;)キャッシュされた状態でもう一回開いてみると、今までとは全然違う感じで速く開きました。「速ぇぇぇぇぇぇ!Σ(゚ロ゚)o゙」そもそも、Pz-HBCの公開と同じくらいに、キャッシュ版も作ってはいたので、速いのは知っていたのですが、その頃は設定画面も無かったので、今の装飾された状態で高速表示されるのは新鮮です。うーん、遅い!Σ(゚ロ゚)o゙でも、やっぱりソーシャルカウントはあった方が見栄えが良いです。「ソーシャルカウント、オンっ!Σ(゚ロ゚)o゙」...Σ(゚ロ゚)o゙んーーー、遅い...!Σ(゚ロ゚)o゙きっと、キャッシュが...もう一回......Σ(゚ロ゚)o゙んーーーーーー、遅い...!!Σ(゚ロ゚;o゙...Σ(゚ロ゚)o゙ソーシャルカウントぉぉぉぉぉΣ(゚ロ゚)o゙ソーシャルカウントは、そのままAPIにつっこんで毎回数値を取得しているので、仮に同じカードが並んでいても、速くなりません。「ソーシャル、オン!Σ(゚ロ゚)o゙」→「おそっ!Σ(゚ロ゚)o゙」やっぱり、ソーシャルカウントを表示させると、目に見えて遅いです。Cache」があります。functions.キャッシュ状況画面で、キャッシュのカウントが一覧できて、「今日は、どのページがソーシャルカウント多いかなー?Σ(゚ロ゚)o゙」とかニヤニヤできます。※当サイトのカウントはそんなペースでは増えていません。自作プラグインから呼び出すときも、function_exeistsで存在チェックしてから使えば、インストールされていればそのまま使えるし、無かったらAPI取得に切り替える、なんてこともできます。当サイトでは、記事下部のSNSボタンに使用させていただいています。Cacheをつかってみたhttps://popozure.info/20150211/6559あとで読めるサービス「Pocket」を使い始めたものの、自分のブログのSNS登録欄には「Pocket」がありません。いうわけで、SNSボタンを標準のものから変更してみました。※2015年11月20日をもってTwitterのツイート数取得APIの提供が終了したため、今後はツイート数は更新されません。統一デザインのSNSボタンSTINGER5の標準で用意されているSNSボタンのデザインを統一デザインへとカスタマイズしている記事を見つけました。ここまでだと、見栄えは良くなったものの、記事を表示するたびに各SNSから直接カウントを取得してしまうため記...日本の方が作成されておりますが、元々グローバル向けに英語です。難しい単語はほとんど無いので、そのまま雰囲気もんで使えたのですが、ちょい前のバージョンで管理画面も日本語化されました。自サイト内だけじゃなくて、外部サイトのソーシャルカウントも自動更新しておいてくれて、超高速!Σ(゚ロ゚)o゙みたいなプラグインがあれば良いのですが...。「無い物はつくる!」というのは、X68kユーザーの合言葉のようなものでしたけども。Pz-LkC用に作ってしまうのもアリかなぁと思いました。Cache」みたいに、他のプラグインとかからも使えればいいんだろうし...。」まあ、あったとしても、自分が取りたいのはせいぜい「Twitter」と「facebook」と「はてブ」、あとは「Pocket」くらいかなぁ。2015年10月から取得できなくなるとか何とか。x.comtwitter.comそんなこんなで、ツイート数取得のAPIもここのところ重かったようです。需要あったとしても、管理画面とかつくるの無理ぃ...。「このままではイカン!Σ(゚ロ゚)o゙」ということで、ソーシャルカウントの取得結果もキャッシュすることにしてみました。最初に考えたのが、ソーシャルカウント専用のDBを作成。14:28:12取りたいカウントが増えてもテーブル構造が変わらないタイプ。API」を使用しているとのこと。こんなのもあるんだー?Σ(゚ロ゚)o゙とりあえず、もう一個テーブル作ったりするのも面倒だし、Pz-Lkcのキャッシュ用テーブルに項目を追加することにしました。自サイト内の記事はキャッシュしていないので、このままだと自サイトの記事だけソーシャルカウントがキャッシュされません。いうわけで、自サイト内の記事もキャッシュするように修正しました。ちなみに、自サイト内記事の場合、WordPressから記事を取得するよりも、このプラグインのDBキャッシュから読みだす方が高速でしたが、常に最新のタイトルと抜粋文を取得して表示します。自サイト記事のキャッシュは無駄なようですが、管理画面を見ると投稿時の(もしかしたら恥ずかしい)タイトルが見られる利点もあるということで、このままに。内部リンクのとき、DB処理を通らないつくりだったので、外部リンクだろうが内部リンクだろうが必ずDBキャッシュを探すように修正しました。キャッシュ取得からカード表示までの流れURLと、自サイトのURLを見比べて、内部リンクか外部リンクかを判定します。URLをキーにしてキャッシュを取得します。内部リンクの場合、キャッシュがヒットしていたとしても、WordPressへ記事情報を要求します。(ただし、このとき、更新フラグは立てません)サイトアイコンとサムネイルが直接取得だった場合、取得しておきます。ステータスが200番台~300番台で無い場合はエラーを見なして、更新フラグを立てません。Found」などは取得できていると思うので、タイトルや抜粋文としてセットします。正常に取得が出来ていたら、自前でOGPとかmetaタグとかからタイトルと抜粋文を取得します。正常に取得できた場合だけ更新フラグを立てます。OGP画像も取得できますが、保存して表示する仕組みが無いのでスルーします。(表示のたびに、リンク先サイトにあるでっかいOGP用の画像ファイルを読み込むことになる)外部サイト、内部サイトとわず、共通処理に入ります。サイトアイコンと、サムネイル画像の取得です。「WebAPIを使用」になっていた場合、APIを叩いて画像を取得します。ソーシャルカウントの取得。前回取得してから、特定の時間が経っていたら再取得します。今までは取得→表示という仕組みでしたが、取得と表示のフェーズを分けて、キャッシュが無かったら取得、一通り取得が終わったら表示するようになっています。ソーシャルカウントのAPIを叩いたときのタイムオーバーは5秒。取得できなかった場合は「-1」が入り、取得できなかったソーシャルカウントだけ次回取得します。同ページにカードが複数あった場合、2枚目以降で取得できるケースもあるかと思います。(この場合、ページを再表示すれば、1枚目も表示される)カウントの更新がされた場合には、カウント更新フラグが立ちます。タイトルを200文字、抜粋文を500文字に納めます。HTMLタグ等は除去します。(HTMLタグの除去をしていなかったので、当サイトに乗っけたとき、カード内に画像やらリンクが表示されていたことがありました(^-^;)更新フラグが立っている場合、タイトル、抜粋文のほか、ソーシャルカウントが保存されます。(登録されていなかったら新規登録、最初にヒットしてキャッシュから呼び出しているときだったら上書きです。)更新フラグが立っていないものの、カウント更新フラグが立っている場合には、カウント項目だけ更新します。処理系がサブルーチンに分かれていないので、けっこう直すことに...。慣れていないのにクラス化してつくっちゃって、返ってどうファイルとか訳ていいのか分からず...。処理のかたまりをどばっと上に持ってったり、下に持ってったりしたので、エンバグしてしまうかと思ったのですが、すんなり動きました(^-^;よかった、よかった。いざ、試してみよう!(^-^)oでは、実際の表示速度は、というと...。誤解の無いように言いますと、「うわっ...私のプラグイン...速すぎっ!!」と自慢したいワケではありません(^-^;ちゃんとソーシャルカウントが表示されているのに、普通の速度で表示されました。どれだけソーシャルカウントの取得に時間がかかっていたのか、という話ですね(^-^;あまりに普通の速度すぎて、「実はソーシャルカウント、ちゃんと取れてなくて、でたらめな数字が出てるんじゃなかろうか!Σ(゚ロ゚)o゙」とうたがって、実際にリンク先開いて、ソーシャルカウント見比べたりしてしまいました。こんな感じ下記の記事はソーシャルカウントが付いてるリンクがいっぱいありますが、普通に表示されていると思います。↓たとえば、こちらのページ。docomoの「dマガジン」。「前回試したとき」は「ちょっと思ってたのと違う(^-^;」という感じで継続に至らずでした。7(2013)-LTEを購入したのもあって、もう一度試してみようと思います。この記事は2014年12月に投稿されたものですが、2015年10月現在も更新を行っています。最新のアプリでは一部の画面表示など変更されている部分もありますが、契約~解約~基本的な使い方は確認できるようにしています。今なら無料期間が...外部リンク、内部リンクが両方あっても、普通に表示されていると思います。↓たとえば、こちらのページ。RST)」のインストール手順を紹介します。この記事は2014年9月に投稿されていますが、随時更新を行っているため、2019年8月現在、有効な内容です。RAIDドライバーのインストール手順」や「Windowsの再インストールをせずにAHCI→RAIDモードに変更する手順」を書きました。インストール用実行ファイル名とかも変わっていたりしたので、主だった内容を引用しつつ、変...ソーシャルカウントの更新のタイミングですが、「特定の時間が経っていたら更新される」と上の方に書きました。カードが初めて表示されてから「2時間+最大1時間のランダム」経過したら、カウントを取り直します。2回目からは、「12時間+最大6時間のランダム」経過したらカウントを取り直すようにしてみました。同じ記事にブログカードを10枚貼っていたとして、初めて表示されてからちょうど2時間後に更新が来ると、10枚全部更新がきてしまいます。取得のタイミングをばらけさせるために、ランダムの時間を設けてあります。更新のタイミング「○○○○○秒」+「ランダム○○○○秒~○○○○秒」みたいな設定項目を作るといいのかな(^-^;基本更新時間を30分か1時間単位で指定させて、暗黙でランダムで30分付ける方が分かり易いでしょうか。理想としては、wp-cronとかスケジュール登録して、記事を全部巡回して、Pz-LkCのショートコードがあるURLを全部取得してきて、数分ごととかに、何個かずつ裏で取得していってくれるのが理想なのですが...。具体的にはぼくの勉強が足りません。コピーぽぽろんをフォローする0この記事を書いた人ぽぽろん「ただいま」の挨拶よりもパソコンの電源を入れる方が先なパソコンおたく。プログラミングもするけど、パソコンを触っていること自体が趣味。見つかりませんでした。コメントをキャンセルメールアドレスが公開されることはありません。(14)クリックされた回数:2316最近のコメントGoshi2024年6月28日ご返信とご検討ありがとうございます。ぽぽろん2024年6月23日(こちらのコメントが誤ってスパム側に分類されていたためスパム解除いたしました。ぽぽろん2024年6月23日ご利用&お問合せありがとうございます。Goshi2024年6月19日先日コメントしたつもりでしたが、コメント欄にないので再度書いております。(20)ぽぽろんをフォローする0ぽぽづれ。会話を表現コメント表示このサイトについてホーム検索トップサイドバータイトルとURLをコピーしました。