[{"data":1,"prerenderedAt":324},["ShallowReactive",2],{"$ft6jtkd6xhw3c":3,"$f31lonkxpboz9j":263},{"featured":4,"latest":129,"categories":227},[5,14,27,37,48,56,66,76,86,96,106,114,122],{"slug":6,"title":7,"date":8,"excerpt":9,"image":10,"categories":11},"custom-database-tables","Custom DataBase Tables","2015-11-24T02:29:34","You can create the new own table freely in the your WordPress database via this plugin. Then, you can make the management of table or (as view or entry or edit) data in a simple user interface.\\nAlso,","\u002Fassets\u002Fuploads\u002F2016\u002F02\u002Fcdbt-overview.png",[12],{"slug":13,"name":7},"cdbt",{"slug":15,"title":16,"date":17,"excerpt":18,"image":19,"categories":20},"10_php_tips_for_developers","PHP開発者が心得ておくべき10の鉄則","2016-01-11T18:38:09","PHPだけに限った話ではないが、プログラミングを行うに当たって、心得て、準備しておくと失敗が劇的に減る事柄をまとめてある良い記事を見つけたので、私なりの解釈で意訳しつつ、経験則を踏まえてあらためてまとめてみた。 オリジナ…","\u002Fassets\u002Fuploads\u002F2016\u002F01\u002Feyecatch-php-10-tips.jpg",[21,24],{"slug":22,"name":23},"column","コラム",{"slug":25,"name":26},"development","開発関連",{"slug":28,"title":29,"date":30,"excerpt":31,"image":32,"categories":33},"jquery-timeline-v1","2種類の横型タイムラインを簡単に作成できる「jQuery.Timeline」をリリース","2017-05-29T14:55:46","現在開発しているサービスで利用するべく、横型タイムラインを生成できるjQueryプラグインを自作したので、そこだけ単独でリリースしてみた。 ソースコード等はGitHubの方にリリースしてあるので、興味のある方は、そち…","\u002Fassets\u002Fuploads\u002F2017\u002F05\u002Fjquery_timeline_image.png",[34],{"slug":35,"name":36},"jqtl","jQuery.Timeline",{"slug":38,"title":39,"date":40,"excerpt":41,"image":42,"categories":43},"optimize-browser-cache-of-static-resources","更新されたJS、CSS、画像のみブラウザキャッシュを破棄して読み込ませる","2018-01-31T15:47:47","WEBサービスの保守や開発をやっていると、JavaScriptやスタイルシート、画像などの静的リソースを更新した際、しばしば「確認したけど、更新されてないよ」とか云われて、「ブラウザのキャッシュを消してからもう一度見て…",null,[44,47],{"slug":45,"name":46},"codes","コード集",{"slug":25,"name":26},{"slug":49,"title":50,"date":51,"excerpt":52,"image":53,"categories":54},"jquery-timeline","jQuery.Timeline version2 – full documentation","2019-03-04T20:40:48","Plugin Overview The jQuery.Timeline plugin provides you two types of the horizontal timeline. You can create a…","\u002Fassets\u002Fuploads\u002F2019\u002F03\u002Fjquery.timeline_v2.jpg",[55],{"slug":35,"name":36},{"slug":57,"title":58,"date":59,"excerpt":60,"image":61,"categories":62},"released-the-sloth","Released the Sloth of mobile-first CSS micro framework!","2019-04-16T18:04:25","I released the “Sloth” that is mobile-first CSS micro framework. I have long used frontend framewo…","\u002Fassets\u002Fuploads\u002F2019\u002F04\u002Fsloth_doc_head.png",[63],{"slug":64,"name":65},"sloth","Sloth",{"slug":67,"title":68,"date":69,"excerpt":70,"image":71,"categories":72},"challenge-to-conceal-the-wordpress-site","WordPressサイトを徹底的に秘匿化する","2020-02-02T23:59:58","私は自分の個人サイトをはじめ、仕事でもWordPressサイトを運用している。WordPressは気軽にサイトを立ち上げられてカスタマイズも簡単な、素晴らしいオープンソースなのだが、世界中で使われまくっているその知名度…","\u002Fassets\u002Fuploads\u002F2020\u002F02\u002Fshutterstock_1878005929.jpg",[73],{"slug":74,"name":75},"wordpress","WordPress関連",{"slug":77,"title":78,"date":79,"excerpt":80,"image":81,"categories":82},"what-is-forkor","Made a shortened URL app called Forkor","2020-07-07T22:27:01","What’s Forkor? Forkor is a service that provides a shortened URL feature that allows you to redirect any…","\u002Fassets\u002Fuploads\u002F2020\u002F07\u002Fforkor.png",[83],{"slug":84,"name":85},"forkor","Forkor",{"slug":87,"title":88,"date":89,"excerpt":90,"image":91,"categories":92},"manual-about-svg-japan","インタラクティブな日本地図を生成するJSプラグイン「SVG Japan」","2020-11-16T21:19:58","各都道府県をそれぞれ選択・クリック可能なインタラクティブな日本地図を生成するネイティブJavaScript建てのプラグイン「SVG Japan」を作ったので、その紹介と使い方をまとめておく。ちなみにソースコードはgit…","\u002Fassets\u002Fuploads\u002F2020\u002F11\u002Fsvg-japan.png",[93],{"slug":94,"name":95},"svg-japan","SVG Japan",{"slug":97,"title":98,"date":99,"excerpt":100,"image":101,"categories":102},"wp-ignitor-plugin-to-conceal-wordpress-site","WordPressサイトを秘匿化するプラグイン「WP Ignitor」","2021-01-19T15:28:21","以前「WordPressサイトを徹底的に秘匿化する」という記事で、WordPress建てのサイトを秘匿化する方法を取り上げたのだが、あれをサイト構築時に毎度実施するとなるととても労力が必要であった。そこで、もっとお手軽…","\u002Fassets\u002Fuploads\u002F2021\u002F01\u002Fbanner-1554x500-1.png",[103],{"slug":104,"name":105},"wp-ignitor","WPイグナイタ",{"slug":107,"title":108,"date":109,"excerpt":110,"image":111,"categories":112},"tastewp","無料でWordPressサイトを複数作成できるWEBサービス「TasteWP」","2021-03-25T20:21:59","私が日本語翻訳に協力しているWEBサービス「TasteWP」について紹介しようと思う。 https:\u002F\u002Ftastewp.com このサービス、サインアップすることなく無料で自分用のWordPressサイトを作れるとい…","\u002Fassets\u002Fuploads\u002F2021\u002F03\u002FTasteWP_screenshot.png",[113],{"slug":74,"name":75},{"slug":115,"title":116,"date":117,"excerpt":118,"image":119,"categories":120},"monster-hunter-rise-skill-simulator","モンハンライズのスキルシミュレータを作ってみた！","2021-06-28T20:24:52","コラムで連載していたNintendo Switch版『モンスターハンターライズ』のスキルシミュレータ開発がやっと一段落して一通り完了した。いやぁ、記事書きながら同時並行で開発すると思っていた以上に時間がかかるもんだなぁ…","\u002Fassets\u002Fuploads\u002F2021\u002F06\u002Fmhrss_v100.png",[121],{"slug":25,"name":26},{"slug":123,"title":124,"date":125,"excerpt":126,"image":42,"categories":127},"comparison-of-javascript-date-libraries","JavaScriptの日時ライブラリを比較してみた","2021-07-28T22:39:19","ネイティブJavaScriptで日時を取り扱う場合、ビルトインされているDateオブジェクトを使うことになるのだが、このDateオブジェクトは取り扱いにクセが多く、直感的に日時を操作できない点でも有名である。そこで、専…",[128],{"slug":25,"name":26},[130,141,153,165,175,184,192,195,198,206,213,220],{"slug":131,"title":132,"date":133,"excerpt":134,"image":135,"categories":136},"pulllog_launched","ガチャ履歴を記録・分析できるWebサービス「PullLog」","2025-08-22T13:05:30","このたび、新しい個人開発サービスとして 「PullLog（プルログ）」 をリリースした。 URLはこちら https:\u002F\u002Fpulllog.net PullLogとは？ PullLogは、ソーシャルゲームのガチャ履歴を記録…","\u002Fassets\u002Fuploads\u002F2025\u002F08\u002Fpulllog_stats_jp.png",[137,140],{"slug":138,"name":139},"industries","プロダクト",{"slug":25,"name":26},{"slug":142,"title":143,"date":144,"excerpt":145,"image":146,"categories":147},"mockapi-php-openapi-schema-generation","モックAPIのレスポンスから OpenAPI 3.0 スキーマを自動生成するPHPツール","2025-04-17T09:31:52","私自身がそうなのですが、OpenAPI仕様書を毎回手作業で書いていて「面倒だな」と思ったことはありませんか？ そんな（私と）あなたにぴったりのツールがあります。 レスポンスの例さえ用意すれば、OpenAPI 3.0 スキ…","\u002Fassets\u002Fuploads\u002F2025\u002F04\u002Fswaggerui-preview.png",[148,151,152],{"slug":149,"name":150},"mockapi-php","MockAPI-PHP",{"slug":138,"name":139},{"slug":25,"name":26},{"slug":154,"title":155,"date":156,"excerpt":157,"image":158,"categories":159},"ambient_playlist_customize","Ambientでメメントモリのラメントプレイヤーを作る","2023-11-30T17:32:39","「Ambient」の最新バージョン 1.2.0で実装した「疑似フェーダー」機能を使って、ソーシャルゲーム「メメントモリ」のYouTube公式チャンネルで公開されているMVを集約したラメント専用プレイヤーを作ってみた。 ラ…","\u002Fassets\u002Fuploads\u002F2023\u002F11\u002Fambient_mememori_1.png",[160,163,164],{"slug":161,"name":162},"ambient","Ambient",{"slug":138,"name":139},{"slug":25,"name":26},{"slug":166,"title":167,"date":168,"excerpt":169,"image":170,"categories":171},"released_ambient_demo_version","Ambientメディアプレイヤーのクラウド版デモを公開","2023-11-22T13:47:36","つい先日「Ambient」の最新バージョン 1.1.0をリリースして、それに合わせてクラウド版デモサイトも公開してみた。 なお、クラウド版デモでローカルのホストコンピュータのメディアを再生するには、そのメディアファイルも…","\u002Fassets\u002Fuploads\u002F2023\u002F10\u002FAmbientMediaPlayer-typologo.png",[172,173,174],{"slug":161,"name":162},{"slug":138,"name":139},{"slug":25,"name":26},{"slug":176,"title":177,"date":178,"excerpt":179,"image":170,"categories":180},"ambient-media-player","YouTubeと自分のPC内メディアを同時に再生できるメディアプレイヤーを作ってみた","2023-10-20T00:00:25","私はよくPCで何か作業をするときには音楽を垂れ流していることが多い。 そういう時にかける曲は、手持ちのアルバムCD等からPCに取り込んだ音源だったり、さらにはYouTubeの動画だったりとメディアや再生環境がバラバラだ。…",[181,182,183],{"slug":161,"name":162},{"slug":138,"name":139},{"slug":25,"name":26},{"slug":185,"title":186,"date":187,"excerpt":188,"image":189,"categories":190},"what-is-the-sunorhc","Sunorhc is a date-time library for JavaScript","2021-08-25T22:55:55","Sunorhc is a lightweight library for handling dates and times for JavaScript. The library wraps a native JavaS…","\u002Fassets\u002Fuploads\u002F2021\u002F08\u002Fshutterstock_1091212919_resized.jpg",[191],{"slug":25,"name":26},{"slug":123,"title":124,"date":125,"excerpt":126,"image":42,"categories":193},[194],{"slug":25,"name":26},{"slug":115,"title":116,"date":117,"excerpt":118,"image":119,"categories":196},[197],{"slug":25,"name":26},{"slug":199,"title":200,"date":201,"excerpt":202,"image":203,"categories":204},"mhrise-skill-simulator-creation-chapter-12","モンスターハンターライズのスキルシミュレータを作ってみる！ 第12回","2021-06-21T13:11:46","今回は「マイセット登録」と護石データの「エクスポート／インポート」機能の追加をしていく。折り良く（悪く？）「FF7リメイク・インターグレード」や「FORTNITEシーズン7」が出たこともあって、そっちをプレイしてたらこ…","\u002Fassets\u002Fuploads\u002F2021\u002F04\u002Fb6ca09e9a7f6faf27641f62dabe64c6ff97b4f326aa478379e3c112aa28eb9ab.jpg",[205],{"slug":22,"name":23},{"slug":207,"title":208,"date":209,"excerpt":210,"image":203,"categories":211},"mhrise-skill-simulator-creation-chapter-11","モンスターハンターライズのスキルシミュレータを作ってみる！ 第11回","2021-06-07T14:52:31","さて、今回はユーザー個別データの管理部分を開発していく予定だが、まずその前にやっておくことがある。 新スキル「風雷合一」に対応する Ver.3.0の大型無料アップデートで追加された新スキルに「風雷合一」というのがある…",[212],{"slug":22,"name":23},{"slug":214,"title":215,"date":216,"excerpt":217,"image":203,"categories":218},"mhrise-skill-simulator-creation-chapter-10","モンスターハンターライズのスキルシミュレータを作ってみる！ 第10回","2021-06-02T00:29:10","今回は、護石管理画面の作成だ。この護石管理では、ユーザーごとに護石の登録を行う機能と、登録した護石を削除する機能を持つ仕様になる。この画面から登録した護石データはデータベースに格納するので、フロントエンド側からのリクエス…",[219],{"slug":22,"name":23},{"slug":221,"title":222,"date":223,"excerpt":224,"image":203,"categories":225},"mhrise-skill-simulator-creation-chapter-9","モンスターハンターライズのスキルシミュレータを作ってみる！ 第9回","2021-05-22T23:56:27","さて、今回はVuexによるデータ・キャッシュの実装だ。一度データベースから読み込んだデータをフロントエンド側で再利用可能なストアに格納することで、データベースへの接続回数を減らしてシステム負荷を下げるとともに、UX的な…",[226],{"slug":22,"name":23},[228,230,232,236,238,239,240,241,242,244,247,248,250,252,254,258,261],{"slug":161,"name":162,"count":229},3,{"slug":13,"name":7,"count":231},7,{"slug":233,"name":234,"count":235},"csnp","Custom Sticky Notes",2,{"slug":84,"name":85,"count":237},1,{"slug":35,"name":36,"count":229},{"slug":149,"name":150,"count":237},{"slug":64,"name":65,"count":237},{"slug":94,"name":95,"count":237},{"slug":74,"name":75,"count":243},37,{"slug":245,"name":246,"count":237},"wpqt","WP Qiita",{"slug":104,"name":105,"count":237},{"slug":22,"name":23,"count":249},29,{"slug":45,"name":46,"count":251},16,{"slug":138,"name":139,"count":253},5,{"slug":255,"name":256,"count":257},"lifelog","ライフログ",64,{"slug":259,"name":260,"count":235},"uncategorized","未分類",{"slug":25,"name":26,"count":262},45,{"type":264,"post":265},"post",{"slug":266,"title":267,"date":268,"excerpt":269,"image":42,"categories":270,"modified":272,"html":273,"tags":274,"related":284,"prev":309,"next":317},"compare-php-and-ruby-and-javascript","RubyとPHPとJavaScriptの狭間で","2014-08-04T16:02:58","ここ1ヶ月ほど、会社の仕事でRubyを使った開発業務をしている。同時に、プライベートでは、WordPressのテーマ開発やプラグイン開発を進めてもいるため、RubyとPHPとJavaScriptのコーディングを同時並行で…",[271],{"slug":22,"name":23},"2021-02-03T20:44:12","\u003Cp>ここ1ヶ月ほど、会社の仕事でRubyを使った開発業務をしている。同時に、プライベートでは、WordPressのテーマ開発やプラグイン開発を進めてもいるため、RubyとPHPとJavaScriptのコーディングを同時並行で行っているというバイリンガルな状況だ。そんな中、仕事の開発業務に費やす時間が多いこともあって、頭や手がRubyのコードに慣れて来ていて、最近オレがコーディングするPHPやJavaScriptでは単純な文法ミスによる「Syntax Error」が増えた。\u003Cbr \u002F>\nRubyに馴れて来ているのか、PHPやJavaScriptでの行末の\u003Ccode>;\u003C\u002Fcode>（セミコロン）が抜け落ちることが非常に多くなったのだ。最初Ruby始めた時は、この行末に\u003Ccode>;\u003C\u002Fcode>がない文法に非常に違和感と抵抗感があったものだが、どうやら食わず嫌いに近かったようで、いざその書式に馴れて来ると、逆にPHPやJavaScriptの文法にコーディングコストの高さを感じてうざく思えて来た次第…いやはや何とも節操がないもんだわ(笑)\u003C\u002Fp>\n\u003Cp>まだRubyは初めてから1ヶ月弱とほとんど人に語れるようなレベルではないんだが、そんなRuby初心者のオレが、RubyとPHPとJavaScriptのコーディングをやっていて感じたのが、コーディングのし易さではRubyが抜群にイイということだ。ドット・シンタックスでのメソッド・チェーンなど、言語としてはJavaScriptに近いところがあって、PHPよりもJavaScriptが得意なオレの性に合っているというところもある。また、\u003Ccode>{ ～ }\u003C\u002Fcode>のブロック記法を使わずに\u003Ccode>do\u003C\u002Fcode>とか\u003Ccode>end\u003C\u002Fcode>とかでコーディングしていくと、処理内容が読み取り易い。コメントとか付けなくても、英文読むような感じで処理を読んで行けるというのは、PHPに馴れてたオレにとっては結構カルチャーショックだった。まぁ、ネストが多くなると読みづらくなるのはどんな言語でも一緒なんだがね…。あとは、ループ系の処理が、かなり簡略化して書けるところや、デバッグ用のダンプ処理とかもコーディングコストが非常に少なく済むのも魅力的だ。\u003Cbr \u002F>\n例えば、配列変数の文字列を分割して新たに連想配列を作るといった下記のような処理をPHP、JavaScript、Rubyでそれぞれ書いてみると、Rubyの良さが少しは理解してもらえるかも知れない。\u003C\u002Fp>\n\u003Cp>\u003Cstrong>PHP\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cpre>\u003Ccode>$array = array(\"postid-1,1,slug-a\", \"postid-2,2,slug-b\", \"postid-3,3,slug-a\");\n$results = array();\nforeach ($array as $val) {\n  list($id, $number, $slug) = explode(\",\", $val);\n  $results[$slug][intval($number)] = intval(str_replace(\"postid-\", \"\", $id));\n}\nvar_dump($result);\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>連想配列\u003Ccode>$results\u003C\u002Fcode>の定義結果は、以下のようになる。\u003C\u002Fp>\n\u003Cpre>\u003Ccode>array(2) { \n  [\"slug-a\"]=> array(2) { \n    [1]=> int(1) \n    [3]=> int(3) \n  } \n  [\"slug-b\"]=> array(1) { \n    [2]=> int(2) \n  } \n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>まぁ、コーディングコストは少ないんだけど、後述するRubyのコードと比べるとなんか変数部やコマンドのネスト部とかが無骨で読みづらい印象がある。\u003C\u002Fp>\n\u003Cp>\u003Cstrong>JavaScript\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cpre>\u003Ccode>var array = [ \"postid-1,1,slug_a\", \"postid-2,2,slug_b\", \"postid-3,3,slug_a\" ];\nvar results = {};\narray.forEach(\n  function(val) {\n    var elms = val.split(\",\");\n    var id = Number(elms[0].replace(\"postid-\", \"\"));\n    var number = Number(elms[1]);\n    if (typeof results[elms[2]] != 'undefined') {\n         results[elms[2]][number] = id;\n    } else {\n      eval(\"var \"+elms[2]+\" = []; \"+elms[2]+\"[\"+number+\"] = \"+id+\";\");\n      eval(\"results[elms[2]] = \"+elms[2]+\";\");\n    }\n  }\n);\nconsole.info(results);\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>JavaScriptには連想配列がないので、オブジェクトとして定義する必要がある。オブジェクト\u003Ccode>results\u003C\u002Fcode>の定義結果は以下のようになる。\u003C\u002Fp>\n\u003Cpre>\u003Ccode>Object { \n  slug_a: Array[\n    1: 1\n    3: 3\n  ], \n  slug_b: Array[\n    2: 2\n  ]\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>evalとか使ってて、このコードはちょっと例としては良くないけど、JavaScriptで擬似的に連想配列作ろうとすると色々と手順と工夫が要る。まぁ、最近は\u003Ccode>forEach()\u003C\u002Fcode>が使えるようになったので、ループ処理が格段に書きやすくなったのが救いだ。──とは言え、上記のコードはコーディングコストも高いし、読みづらい方だ。\u003C\u002Fp>\n\u003Cp>\u003Cstrong>Ruby\u003C\u002Fstrong>\u003C\u002Fp>\n\u003Cpre>\u003Ccode>array = [ \"postid-1,1,slug_a\", \"postid-2,2,slug_b\", \"postid-3,3,slug_a\" ]\nresults = {}\narray.each { |v| \n  pid, num, slug = v.split(\",\")\n  if !results.has_key?(slug) then\n    results[slug] = [pid.gsub(\u002Fpostid-\u002F, \"\").to_i => num.to_i]\n  else\n    results[slug] += [pid.gsub(\u002Fpostid-\u002F, \"\").to_i => num.to_i]\n  end\n}\np results\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>コーディングコスト的にはPHPよりボリュームがあるように思えるが、変数定義の\u003Ccode>$\u003C\u002Fcode>とか行末の\u003Ccode>;\u003C\u002Fcode>とかを記述しなくていいというだけで格段にコードが書きやすい感じを受ける。さらに、\u003Ccode>$\u003C\u002Fcode>とか\u003Ccode>;\u003C\u002Fcode>の無骨な記号がないだけでかなりスマートで柔和なコードに見える。実際読み易いと感じるのはオレだけだろうか。\u003Cbr \u002F>\nなお、Rubyでは連想配列はハッシュオブジェクトとなり、ハッシュ\u003Ccode>results\u003C\u002Fcode>の内容は下記の通りだ。ダンプが\u003Ccode>p\u003C\u002Fcode>コマンドで書けるのも非常に楽ちんだ。\u003C\u002Fp>\n\u003Cpre>\u003Ccode>{\n  \"slug_a\"=>[ {1=>1}, {3=>3} ], \n  \"slug_b\"=>[ {2=>2} ]\n}\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>改めて比較してみると、Rubyってかなりイイじゃない！ とか思ってみたり。\u003Cbr \u002F>\n──とは言っても、今の世の中JavaScriptはメインストリーム言語なので捨てられないし、今まで10年以上どっぷりやって来たPHPがオレのメインスキルだし、今のところRubyについては業務以外に接点はなさそうなんで、どこまで本気で食おうか悩んでいるところ…。\u003C\u002Fp>\n",[275,278,281],{"slug":276,"name":277},"javascript","JavaScript",{"slug":279,"name":280},"php","PHP",{"slug":282,"name":283},"ruby","Ruby",[285,289,296,305],{"slug":38,"title":39,"date":40,"excerpt":41,"image":42,"categories":286},[287,288],{"slug":45,"name":46},{"slug":25,"name":26},{"slug":290,"title":291,"date":292,"excerpt":293,"image":42,"categories":294},"may-be-satisfactorily-on-the-web-if-has-skill-set-of-javascript-and-php","PHP+JavaScriptのスキルセットがあればWebの世界では順風満帆かもしれない","2014-08-27T09:59:54","先日、2014年8月度のプログラミング言語のトレンド状況の統計が示された。話題としては、今年春先頃から騒がれていて先月にはTOP20入りしたAppleの新しいプログラミング言語「Swift」が再びTOP20から下落したと…",[295],{"slug":22,"name":23},{"slug":297,"title":298,"date":299,"excerpt":300,"image":301,"categories":302},"javascript-function-that-can-determine-whether-specific-value-is-empty","JavaScriptでPHPのempty()のように空判定ができる関数","2017-10-13T20:18:47","JavaScriptにはオブジェクトや配列などの引数に与えた変数（値）が「空」かどうかを判定する関数がない。つまり、PHPで云うところの empty() や、Railsで云うところの blank? といったビルトインメ…","\u002Fassets\u002Fuploads\u002F2016\u002F06\u002Ftools.png",[303,304],{"slug":45,"name":46},{"slug":25,"name":26},{"slug":15,"title":16,"date":17,"excerpt":18,"image":19,"categories":306},[307,308],{"slug":22,"name":23},{"slug":25,"name":26},{"slug":310,"title":311,"date":312,"excerpt":313,"image":42,"categories":314},"switch-the-read-or-unread-posts-of-wordpress","WordPressの記事の既読・未読を判定する","2014-07-23T20:11:59","WordPressの単一投稿ページや固定ページでは、\u003CBODY>タグのクラスに投稿IDが出力されます。 単一投稿ページでは、class=”single single-post postid-13 single…",[315,316],{"slug":74,"name":75},{"slug":45,"name":46},{"slug":318,"title":319,"date":320,"excerpt":321,"image":42,"categories":322},"add-badge-in-favicon-as-number-of-new-unread-articles","未読の新着記事の数をバッジとしてfaviconに付ける","2014-08-06T13:59:16","タブブラウザが全盛の昨今では、タブに表示されるWEBサイトのアイコン（favicon）に新着数などの数字を動的に表示しているサービスが多い。例えば、facebookやBacklog、Gmailなど、結構色んなWEBサイト…",[323],{"slug":74,"name":75},1793391398706]