[{"data":1,"prerenderedAt":322},["ShallowReactive",2],{"$ft6jtkd6xhw3c":3,"$f1o427u4dthmp5":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":277,"prev":308,"next":315},"summary_of_2014_and_prospects_for_2015","2014年の総括と2015年の展望","2014-12-25T12:03:34","今年の半分はRubyな一年だった 今年の夏頃からずっと仕事でRubyでのアプリケーション開発をやって来て、先月からはRuby on RailsでそのRubyアプリのGUIサービスを作っているのだが、慣れないRuby言語と…",[271],{"slug":255,"name":256},"2015-11-24T01:54:38","\u003Ch4>今年の半分はRubyな一年だった\u003C\u002Fh4>\n\u003Cp>今年の夏頃からずっと仕事でRubyでのアプリケーション開発をやって来て、先月からは\u003Ccode>Ruby on Rails\u003C\u002Fcode>でそのRubyアプリのGUIサービスを作っているのだが、慣れないRuby言語とフレームワークRailsの作法に苦戦しながらも、一方でRailsの生産性の高さに驚いている。正統系MVCモデルのアプリケーション開発をしていると全体のコードの見通しが良くて、作っていてもホント気分がイイものなんだなぁ…と実感できた。\u003Cbr \u002F>\nま、難点もあって、Rails4からはjavascript部をcoffeescriptで書かないといけないので、今までのphp+javascriptでの開発に浸かりきったオレの脳みそには刺激が強すぎたのか、JavaScriptのコーディングがつらかった。\u003Cbr \u002F>\ncoffeescriptに慣れてくると、こっちもRails同様生産性が良くてかなりガリガリ書けるようになったんだけど、結論としてRailsとJavaScript（というかjQueryかな）は相性が良くないなぁ…と。Rails4からデフォルトのgemになったTurbolinksが結構癖が強くて馴れるのに手間取るというのと、coffeescriptからコンパイルされるJavaScriptが美しくない。あと、AjaxをRails側でやるのかJavaScript側でやるのかによって結構工程への影響がデカイ。RailsのAjaxはお手軽なんだけど、細かいところに手が届かなくてちょっと不便。かといってJavaScript側でやると、Railsのルーティングやらコントローラー側でのviewの制御やらがちょっと面倒になる。\u003Cbr \u002F>\nまぁ、まだ\u003Ccode>Ruby\u003C\u002Fcode>も\u003Ccode>Ruby on Rails\u003C\u002Fcode>も\u003Ccode>Capistrano\u003C\u002Fcode>（これもRubyアプリ）もまだ始めたばっかりなんで、これからスキルを磨いて行こうかね。何気に\u003Ccode>Ruby\u003C\u002Fcode>の開発は楽しいんで、馴れ親しんだ\u003Ccode>PHP\u003C\u002Fcode>とバイリンガルな開発ができるようになりたいのだ。\u003C\u002Fp>\n\u003Ch4>WordPressのプラグインを初公開\u003C\u002Fh4>\n\u003Cp>今年の夏ごろに公開したWordPressのプラグイン「Custom DataBase Tables」（略称はCDBT）は結構ダウンロードしていただきました（ありがとうございました！）。そして、海外の方からたくさんのお問い合わせやバグ報告が寄せられて、秋ごろはプライベートの暇な時間はそっちの対応ばかりをしていた記憶がある…(笑) 対応のメインは外国語のお問い合わせメールの読解と返答メールの翻訳に多大な時間を割くことになって、つくづく自分の英語力のなさを痛感させられた次第。プラグインのUI部の翻訳もダメ過ぎるよ！とお叱りいただいたりして、ちょいとへこんでた時もあったんだが、まぁ、しゃーない、英語下手な日本人なんで、自信を持って提供できるUIは日本語版だけなのだ…と割り切りました。そのうちオレの英語力が上がってUIが向上するのを期待してもらうしかないな(笑)\u003Cbr \u002F>\nそんなこんなで、CDBTはまだまだ荒削りなプラグインなのである。自分でも認識しながらとりあえず放置してるバグとかもあったりするんで、来年はこの辺も時間作って改修しにゃいかんな…とは思ってる。\u003Cbr \u002F>\nあと、今年中にもう一つプラグインをリリースする予定だったんだけど、年末にかけて仕事が忙しくなりすぎて、リリースできなかったのが残念だ。こっちも来年だ！\u003C\u002Fp>\n\u003Ch4>2015年に向けて\u003C\u002Fh4>\n\u003Cp>まず、予定しているのが本サイトのAWSへの移管だ。どうも現在利用しているcoreserver環境が不安定で、かつレンタルサーバなんでもっと色々環境をいじって好きな事やろうとすると限界があるのだ。来年3月で契約が終了するので、それまでにAWSに環境移管をしようと考えている。ただ、AWSに移管するとインフラ運用コストが嵩むのがネックなんだよねぇ…まぁマイクロインスタンスとかだと1年間無料なんで、最初の1年はそれでなんとかしようかと思っているが。ここ最近の円安みたいなのが再来年も続いているようだと、2年目からはまた移管が必要になるかもしれんな。\u003Cbr \u002F>\nそれと、リリースできなかったWordPressのプラグインも早々に公開したいところだ。次に作りたいプラグインのアイデアもあるんで、年明け早々には新プラグインはリリースしてしまいたいのだ。\u003Cbr \u002F>\nあと、CDBTの機能追加も行いたいと思っている。最低でもWordPressのコアテーブルを管理できる機能は付けたい。余裕があれば外部DBにも接続できる機能とか、MySQL以外のDBを管理できる機能も付けたいが、そこまで行けるかは微妙だな。\u003C\u002Fp>\n\u003Cp>とりあえず、この投稿が2014年最後の投稿になるかと。\u003Cbr \u002F>\n一応、今年の総括と来年の展望ができているので良いかな。\u003C\u002Fp>\n\u003Cp>それでは、みなさん、良いお年を～\u003C\u002Fp>\n",[275],{"slug":276,"name":276},"2014",[278,285,292,300],{"slug":279,"title":280,"date":281,"excerpt":282,"image":42,"categories":283},"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から下落したと…",[284],{"slug":22,"name":23},{"slug":286,"title":287,"date":288,"excerpt":289,"image":42,"categories":290},"summarize-cms-share-in-august-2014","2014年（8月時点）のCMSの利用状況をまとめてみた","2014-08-25T10:32:33","今現在のCMSの世界的なトレンドってどうなっているのだろうか？──と気になったので、ちょっと調べてみた次第。 まず、あまりアテには出来ないんだけど、Googleトレンドにおける最近のCMS系の検索キーワードの人気順の一覧…",[291],{"slug":25,"name":26},{"slug":293,"title":294,"date":295,"excerpt":296,"image":297,"categories":298},"southenrn-all-stars","サザンオールスターズ","2020-12-25T10:03:24","私の作業用BGMアドベントカレンダーの最後を飾るのは、もちろん我が心酔のアーティスト「サザンオールスターズ」である。説明不要の日本が誇る国民的ロック・バンドなので、知らない日本人はいないハズだ。 私自身、SASのファンに…","\u002Fassets\u002Fuploads\u002F2020\u002F12\u002Fsas.jpg",[299],{"slug":255,"name":256},{"slug":301,"title":302,"date":303,"excerpt":304,"image":305,"categories":306},"omnibus","オムニバス：Doja Cat、CHiCO with HoneyWorks、TheFatRat、美波、Ariana Grande","2020-12-24T20:08:03","いやはや、思った以上に作業用BGM・アドベントカレンダーが長かった……。ようやく、ラス前に到着したのだが、もうほぼネタが尽きてしまった。なので、ここはオムニバス形式で、私が作業中によく聴いている曲をアーティストのくくりな…","\u002Fassets\u002Fuploads\u002F2020\u002F12\u002Ffortnite_say_so.png",[307],{"slug":255,"name":256},{"slug":309,"title":310,"date":311,"excerpt":312,"image":42,"categories":313},"insert-or-delete-element-in-any-position-of-associative-array-in-php","連想配列の任意の位置に要素を挿入・削除する","2014-11-21T18:53:31","PHPの配列関数には、配列の任意の位置に要素を挿入したり、任意の位置から要素を削除したりできるものがない。特に連想配列に対して、substr的な感覚で要素の挿入・削除が出来たら幸せになれるのになぁ…と、WordPress…",[314],{"slug":45,"name":46},{"slug":316,"title":317,"date":318,"excerpt":319,"image":42,"categories":320},"for-ajax-in-ruby-on-rails-part1","Ruby on RailsのAjax処理のおさらい","2015-01-20T19:41:34","何気に、アプリケーションで取り扱うデータ量が増えた場合や、大容量データをデータベースとやり取りする時なんかは、Ajaxを使ってデータ通信をバックエンド側に押しやることで、WEBフロント側のUXからパフォーマンスの悪さを改…",[321],{"slug":25,"name":26},1793391398621]