[{"data":1,"prerenderedAt":327},["ShallowReactive",2],{"$ft6jtkd6xhw3c":3,"$falegc6a36pk1":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":270,"categories":271,"modified":273,"html":274,"tags":275,"related":282,"prev":313,"next":320},"show-daredevil-at-the-netflix","NETFLIXでデアデビルを観てみた","2015-09-06T07:54:57","アメコミ好きな私としては、NETFLIXのみで観れるマーブルの新作ドラマ「デアデビル」がずっと気になっていた。ようやく９月になって日本でもNETFLIXが観れるようになったので、早速使ってみた。 登録はいつの間にか「Pl…","\u002Fassets\u002Fuploads\u002F2015\u002F09\u002Fnetflix.png",[272],{"slug":255,"name":256},"2015-11-24T01:50:30","\u003Cp>アメコミ好きな私としては、NETFLIXのみで観れるマーブルの新作ドラマ「デアデビル」がずっと気になっていた。ようやく９月になって日本でもNETFLIXが観れるようになったので、早速使ってみた。\u003C\u002Fp>\n\u003Cp>\u003Cimg decoding=\"async\" src=\"\u002Fassets\u002F2015\u002F09\u002Fnetflix.png\" alt=\"NETFLIX\" title=\"NETFLIX\" class=\"center-block\" \u002F>\u003C\u002Fp>\n\u003Cp>登録はいつの間にか「PlayStation3」のチャンネルメニューにアプリが追加されていたので、そこから簡単に登録できた。「Hulu」や「torune」、「nasne」と一緒にウチの動画系ポータルとなっているPS3から利用できるのは嬉しい感じだ。\u003C\u002Fp>\n\u003Cp>今は１ヶ月無料で体験できるうえに、日本向けのアニメなども充実していて、動画のメニューのUIも「hulu」より使いやすいと感じた（「hulu」は初回２週間無料だが、２週間って何気にちょいと短いんだよね…）。キッズメニューもあって、子供用コンテンツも多いので、お子様のいる家庭でまだNETFLIXやっていないのであれば、無料期間中だけでも一度試してみると良いかも。\u003C\u002Fp>\n\u003Cp>さて、早速お目当ての「デアデビル」を観てみたんだが、第一話の冒頭で主人公が事故で視力を失われるシーンで、子供が「怖い～」とおびえてしまったので、子供と一緒にリビングのPS3で閲覧するのはやめにして、自分の部屋のPCで再視聴することに…。別デバイスで閲覧しても前回再生していた場面からレジューム再生ができるのは地味に素晴らしい機能だ。\u003C\u002Fp>\n\u003Cp>第一話はあっという間に観終ったんだが、NETFLIXの凄い機能は、シリーズものの動画でエンドロールが始まると、エンドロールをすっとばして次回の話がすぐ再生できることだ。いちいちメニューに戻って次の話を選び直したりしないといけない面倒さがないうえ、早く次を観たいというユーザーの興奮を切らさずに次に進めるのは何気に革新的かもしれない。まあ、逆にこの機能、止め時がなくて中毒的に動画観てしまう原因になりかねないので、ちょいと怖い面もあるかも…。\u003C\u002Fp>\n\u003Cp>「デアデビル」の感想としては、とりあえず3話まで一気に観てしまうぐらい面白い。主人公のマットは強いけど、他のマーベルもののヒーローみたいに一撃で敵を倒すようなベラボーな強さはなく、何度も打ち据えて、自分も攻撃を食らいつつ…みたいな結構等身大のストリートヒーローというのがある種共感が持てるところだ。傷つきながらも悪と戦って行くというのが、どこか「24」のジャック・バウアー的でもある。あと、第一話の内容から映画「アベンジャーズ」にて破壊されたニューヨークが舞台になっているというのがわかって、ニヤリとさせられたり。作品自体も派手さはないんだけど、人間ドラマ部分を丁寧に作っている感じで嫌味がない。\u003Cbr \u002F>\n2003年にベン・アフレック主演で映画化された方はだいぶお粗末だったんだけど、そのあとDVD化されたディレクターズカット版はかなり良くて、あのシリアス＆ハードボイルドな感じを上手くリブートしたのが今回のNETFLIX版ドラマと云える。\u003C\u002Fp>\n\u003Cp>なお、この「デアデビル」シリーズの他にも、今後NETFLIXでは「ジェシカ・ジョーンズ」「ルーク・ケイジ」「アイアン・フィスト」のドラマ群が予定されていて、さらにそれらのクロスオーバー作品「ディフェンダーズ」の制作も発表されている。最近発表された映画「ドクター・ストレンジ」（ベネディクト・カンパーバッチ主演）とはどういう風に絡んで行くのか注目したいところでもある（マーブルの原作ではディフェンダーズ結成の中心人物がストレンジなので）。\u003C\u002Fp>\n\u003Cp>今年の秋の夜長はNETFLIXにどっぷりハマりそうな予感である…。\u003C\u002Fp>\n",[276,279],{"slug":277,"name":278},"life-style","LIFE STYLE",{"slug":280,"name":281},"netflix","NETFLIX",[283,291,298,305],{"slug":284,"title":285,"date":286,"excerpt":287,"image":288,"categories":289},"2015-of-ka2-hit-products-top5","ka2の2015年ヒット商品TOP5","2015-12-18T11:58:44","2015年も12月になって残すところあと2週間ほどだ。 今年は私にとって大転機の年になった。 というのも、約15年勤めた会社を辞めて独立することにしたからだ。 その長居してしまった会社に出社する日はもうなく、今は有給休暇…","\u002Fassets\u002Fuploads\u002F2015\u002F12\u002Fplay_wii_u_rs01.jpg",[290],{"slug":255,"name":256},{"slug":292,"title":293,"date":294,"excerpt":295,"image":42,"categories":296},"optimizing-the-network-communication-costs-by-changing-the-sim","格安SIMを使って通信費を最適化する","2015-10-26T23:45:59","本サイトの不定期連載コラム「好きなことだけして生きてみることにした」で、私は今やっている起業活動をドキュメンタリー的に書きなぐっているが、この記事はその番外編的な位置づけで書いてみた。 今や起業を考える時に「IT」という…",[297],{"slug":255,"name":256},{"slug":299,"title":300,"date":301,"excerpt":302,"image":42,"categories":303},"one-plus-one-equal-eleven-is-correct-answer","1+1=11は正しい答えである！","2014-10-26T02:12:21","来月に4歳になるウチの長男に「1+1=?（１足す１は？）」と質問したところ、ちょっと考えた後に自信満々で「 11 」と答えた。その後、指を使って本来期待していた答えを導き出そうとして、長男に色々とレクチャーをしていたのだ…",[304],{"slug":255,"name":256},{"slug":306,"title":307,"date":308,"excerpt":309,"image":310,"categories":311},"roast-lunch","平城苑で焼肉ランチ","2014-07-14T14:26:35","今日は結婚記念日だったので、妻と二人で自宅近くの焼肉店「平城苑」でお祝いランチをして来た。 元々は西日暮里の「エイジングビーフ」で熟成肉を食べようと思っていたのだが、調べてみたら毎月第2月曜日は定休日で断念せざるを得ず……","\u002Fassets\u002Fuploads\u002F2014\u002F07\u002Fyakiniku_20140714_1.jpg",[312],{"slug":255,"name":256},{"slug":314,"title":315,"date":316,"excerpt":317,"image":42,"categories":318},"stylish-styling-of-blockquote-created-by-markdown-text","Markdownテキストの引用（blockquote）をスタイリッシュに見せる","2015-09-04T12:25:32","このブログはMarkdownに対応させているので、投稿はほぼすべてMarkdown記法で書いている。 そして、スタイルはbootstrap（バージョン3）を使っているので、MarkdownテキストがHTMLに変換されると…",[319],{"slug":25,"name":26},{"slug":321,"title":322,"date":323,"excerpt":324,"image":42,"categories":325},"left-side-menu-in-admin-panel-of-wordpress-has-broken-at-chrome-browser","ChromeブラウザにてWordPressの管理画面の左側メニューが崩れる場合の対処法","2015-09-07T10:43:07","Chromeブラウザのバージョンがアップデートされたタイミングから、WordPressの管理画面の左側メニューのレイアウトが崩れるようになってしまった。致命的ではないんだが、サイト管理がかなりし辛くなってしまっている。な…",[326],{"slug":74,"name":75},1793391398413]