[{"data":1,"prerenderedAt":343},["ShallowReactive",2],{"$ft6jtkd6xhw3c":3,"$f3g1ccthublfsl":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":296,"prev":327,"next":335},"build-development-environment-of-xampp-with-git-and-svn-and-node-js-on-windows10","Windows10にXAMPP+Git+SVN+Node.jsの開発環境を構築する","2016-03-23T01:18:24","今年に入ってから、私のメインPCであるデスクトップPC（DELL XPS8300）のHDDから異音がするようになった。さらにここ数週間前からは、PC起動直後のチェックディスクでもエラーが出るようにもなったので、いよいよ寿…","\u002Fassets\u002Fuploads\u002F2016\u002F03\u002Fwindows10.jpg",[272],{"slug":25,"name":26},"2021-04-13T14:37:17","\u003Cp>今年に入ってから、私のメインPCであるデスクトップPC（DELL XPS8300）のHDDから異音がするようになった。さらにここ数週間前からは、PC起動直後のチェックディスクでもエラーが出るようにもなったので、いよいよ寿命が来たな…ということで、さっそく換装用のHDDを購入した。\u003Cbr \u002F>\nお急ぎ便指定でもないのに（今月13日に注文した）HDDは翌日には到着、おぉ、Amazonスゲー！とか思っていたら、同時購入したSATAケーブルだけが届かない（ステータスは発送中で今月末までにお届け予定のまま…この記事書いてる22日の時点でも届いてない）…という罠。\u003Cbr \u002F>\nケーブルないとデータ移行できないしなぁ…と、だましだまし現行HDDを使っていたのだが、ついに不良ヘッダをシークするとOSが落ちるという症状が発生し出したため、近所のPCショップからSATAケーブルだけ買ってきて急きょデータ移行に踏み切った…（おのれ、Amazon…！）。\u003C\u002Fp>\n\u003Cp>──という状況が先週。今時（？）のメーカーPCは、再インストール用のWindowsOSのメディアがバンドルされていない（プレインストールされたOEM版OSをリカバリーして再利用する形式）ので、MBR（マスターブートレコード）のHDDが壊れた場合、事前にリカバリー用のメディア（USBメモリ等）にリカバリー用起動メディアを作成しておかないとその時点で修理に出すしかなくなるっぽい。\u003Cbr \u002F>\n私の場合、だましながら起動した瀕死のHDDからリカバリーメディアを作成できたので、何とか事なきを得た…。しかし、本来やりたかったHDDのデータクローンは出来なかった（壊れてるデータ領域をシークするとディスクI\u002FOエラーでOS強制終了してしまうので、途中でクローンが必ず失敗するのだ）。そこで、リカバリーメディアからPCを起動して、新規購入したHDDに工場出荷時設定でWindows7を再インストールした。いやはや、ぎりぎりのところで何とかシステム稼働環境だけは確保できたわけだ。\u003Cbr \u002F>\nあとは手動で旧HDDからデータを吸い出してコピー（5時間ぐらいかかった…）し、とりあえず旧HDDにはさようなら～である。\u003C\u002Fp>\n\u003Cp>その後、週末の三連休中は家族旅行で作業はできず（旅先からノートPCで開発はしてたが…）、週明けから改めて新開発環境の構築を再開した次第だ。\u003C\u002Fp>\n\u003Cp>そんなこんなで、新しくWindows環境作ることにしたので、ただ今絶賛無料アップグレード中のWindows10にアップグレードしてしまえ～ってノリで、やってしまいました（DELLはXPS8300のWindows10対応を謳っていないので、アップグレード後のトラブルは自己責任になってしまうのだが…まぁ、ネットで調べたら動作しないという報告はあまりなかったので大丈夫かな…と）。\u003Cbr \u002F>\nシステム稼働環境が素の状態のWindows7だけ入っている環境に近かったこともあってか、Windows10のアップグレードは（2時間ぐらいで）あっさりと終了し、懸念していたハードウェアのドライバ関連にも何も支障が出なかったのは何よりである。\u003C\u002Fp>\n\u003Cp>さて、ここからが本番、一番面倒な開発環境の再構築である…（その前にアンチウィルスソフトだけはインストールしておいた）。\u003C\u002Fp>\n\u003Ch2>Windows10へのXAMPPインストールとApache起動手順\u003C\u002Fh2>\n\u003Cp>Windowsのバージョンに関わらず、\u003Ca href=\"https:\u002F\u002Fwww.apachefriends.org\u002Fjp\u002Findex.html\">XAMPP\u003C\u002Fa>のインストールは特に問題なくインストーラーに従っていればインストールできるのだが、Windows10ではデフォルトインストール状態で80番ポートをシステムプロセスが占有しているので、そのままではApacheが起動しない。\u003C\u002Fp>\n\u003Cp>\u003Cimg data-recalc-dims=\"1\" decoding=\"async\" src=\"\u002Fassets\u002Fuploads\u002F2016\u002F03\u002Fwin10-xampp-control-panel.png\" alt=\"XAMPP Control Panel Apache\" \u002F>\u003C\u002Fp>\n\u003Cp>Windows10で80番ポートを占有しているサービスは「\u003Cstrong>World Wide Web Publishing Service\u003C\u002Fstrong>」というヤツだ。なので、これをOFFにしてあげればApacheが起動するようになる。\u003Cbr \u002F>\nやり方は簡単で、XAMPPのコントロールパネルの右メニュー「Services」を押してサービス設定ウィンドウを開き、サービス（ローカル）から「実行中」の「World Wide Web Publishing Service」をダブルクリックする。\u003C\u002Fp>\n\u003Cp>\u003Cimg data-recalc-dims=\"1\" decoding=\"async\" src=\"\u002Fassets\u002Fuploads\u002F2016\u002F03\u002Fwin10-xampp-control-panel-2.png\" alt=\"XAMPP Control Panel Services\" \u002F>\u003C\u002Fp>\n\u003Cp>「World Wide Web Publishing Service の プロパティ」ウィンドウが開くので「全般」タブの「スタートアップの種類」を「\u003Cstrong>無効\u003C\u002Fstrong>」に、サービスの状態を「\u003Cstrong>停止\u003C\u002Fstrong>」にして「適用」→「OK」で良い。\u003C\u002Fp>\n\u003Cp>\u003Cimg data-recalc-dims=\"1\" decoding=\"async\" src=\"\u002Fassets\u002Fuploads\u002F2016\u002F03\u002Fwin10-services-wwwps.png\" alt=\"WWWPS プロパティ\" \u002F>\u003C\u002Fp>\n\u003Cp>これで、再びXAMPPのコントロールパネルからApacheを「Start」すれば起動するようになる。\u003C\u002Fp>\n\u003Ch2>Windows版Gitのインストール\u003C\u002Fh2>\n\u003Cp>今や何の開発をするにしても必須ツールとなったGit。WindowsでGitを利用するにはまずGitクライアントをインストールする必要がある。\u003C\u002Fp>\n\u003Ch3>\u003Cstrong>Git for Windows\u003C\u002Fstrong>\u003C\u002Fh3>\n\u003Cp>「\u003Cstrong>Git for Windows\u003C\u002Fstrong>」はWindows用のGitクライアントで、まずこれがないことにはWindowsでGitを利用することはできない。導入してしまえば、これ単独でGit運用が可能になる。ツールとしてはWindowsの右クリックメニュー等からGUIとBashにてGit運用ができるようになる。GUIについては後述する「TortoiseGit」や「SourceTree」と較べるとかなり貧弱なので、Git BashコマンドラインからのGit運用をメインにするやや玄人向けのアプリと言えるかもしれない。\u003C\u002Fp>\n\u003Cp>\u003Cimg data-recalc-dims=\"1\" decoding=\"async\" src=\"\u002Fassets\u002Fuploads\u002F2016\u002F03\u002Fgit-for-windows.png\" alt=\"Git Gui\" \u002F>\u003C\u002Fp>\n\u003Cp>インストール方法は基本、\u003Ca href=\"https:\u002F\u002Fgit-scm.com\u002Fdownload\u002Fwin\">Gitダウンロード\u003C\u002Fa>からインストーラーをダウンロードして、実行するだけでOKなのだが、インストール設定にはちょっとひと手間かかる。\u003Cbr \u002F>\nインストール時には「\u003Cstrong>Adjusting your PATH environment\u003C\u002Fstrong>」の環境変数へのパス設定で「\u003Cstrong>Use Git and optional Unix tools from the Windows Command Prompt\u003C\u002Fstrong>」を選んでおくのをオススメする（もしCygwin等のUnix互換環境を構築するのであれば不要）。\u003C\u002Fp>\n\u003Cp>\u003Cimg data-recalc-dims=\"1\" decoding=\"async\" src=\"\u002Fassets\u002Fuploads\u002F2016\u002F03\u002Fwin10-git-install.png\" alt=\"Adjusting your PATH environment\" \u002F>\u003C\u002Fp>\n\u003Cp>これを選んでおくとコマンドプロンプトでGitコマンドの他にUnix系のコマンドが使えるようになり、他のアプリケーションの導入や保守が格段にやり易くなるのだ。\u003C\u002Fp>\n\u003Cp>次に「\u003Cstrong>Configuring the line ending conversions\u003C\u002Fstrong>」の改行コードの設定では「\u003Cstrong>Checkout as-is, commit as-is\u003C\u002Fstrong>」を選ぶこと。改行コードがチェックアウト時とコミット時にWindows用のCRLFとUnix用のLFとに自動変換されると何かとトラブルが起きやすいからだ。\u003C\u002Fp>\n\u003Cp>\u003Cimg data-recalc-dims=\"1\" decoding=\"async\" src=\"\u002Fassets\u002Fuploads\u002F2016\u002F03\u002Fwin10-git-install-2.png\" alt=\"Configuring the line ending conversions\" \u002F>\u003C\u002Fp>\n\u003Cp>「\u003Cstrong>Configuring the terminal emulator to use with Git Bash\u003C\u002Fstrong>」のターミナル設定はどちらでも良い。以前のWindows7環境では「Use MinTTY」を選んでいたが、Windows10ではコンソールが強化されて使いやすくなったということなの今回は「Use Windows’ default console window」を選んでみた。\u003C\u002Fp>\n\u003Cp>\u003Cimg data-recalc-dims=\"1\" decoding=\"async\" src=\"\u002Fassets\u002Fuploads\u002F2016\u002F03\u002Fwin10-git-install-3.png\" alt=\"Configuring the terminal emulator to use with Git Bash\" \u002F>\u003C\u002Fp>\n\u003Cp>「\u003Cstrong>Configuring extra options\u003C\u002Fstrong>」の設定は、デフォルトのままで問題ない。PCのリソースに余裕があれば「Enable file system caching」をONにしても良いが、この設定はGitインストール後もGitコマンドから変更できるので、インストール後にパフォーマンスが欲しい時にONにすれば良い。逆に、「Enable Git Credential Manager」はONにしておかないとGitでの認証が面倒になるのでOFFはオススメしない。\u003C\u002Fp>\n\u003Cp>\u003Cimg data-recalc-dims=\"1\" decoding=\"async\" src=\"\u002Fassets\u002Fuploads\u002F2016\u002F03\u002Fwin10-git-install-4.png\" alt=\"Configuring extra options\" \u002F>\u003C\u002Fp>\n\u003Cp>これでインストールが開始するので待っているだけだ。\u003C\u002Fp>\n\u003Cp>Gitインストール後の初期設定などは個人差があるので、下記のサイトなどを参照してみてほしい。\u003C\u002Fp>\n\u003Cblockquote>\u003Cp>\n  \u003Ca href=\"http:\u002F\u002Fopcdiary.net\u002F?page_id=27065\">私家版 Git For Windowsのインストール手順\u003C\u002Fa>\n\u003C\u002Fp>\u003C\u002Fblockquote>\n\u003Ch3>\u003Cstrong>TortoiseGit\u003C\u002Fstrong>\u003C\u002Fh3>\n\u003Cp>ここからは主にGUIベースでのGit運用をする人向けのアプリとして「TortoiseGit」と「SourceTree」を紹介しておく。どちらも前述の「Git for Windows」がインストール済みなことが前提のアプリなので、注意が必要だ（「SourceTree」はGitがなくてもインストールできるオプションがある）。\u003C\u002Fp>\n\u003Cp>まずは「\u003Ca href=\"https:\u002F\u002Ftortoisegit.org\u002F\">TortoiseGit\u003C\u002Fa>」だが、こちらは次項で説明するSubversionクライアント「TortoiseSVN」のGit版である。Windows上のGUI（シェル拡張）でのGit運用に特化しているアプリで、エクスプローラに統合されているため、Windows上でかなり直感的にGit運用ができるようになる。\u003Cbr \u002F>\nもし「TortoiseSVN」を利用したことがあり、SVNの運用に慣れているなら「SourceTree」よりこちらを導入した方が扱いやすい。\u003C\u002Fp>\n\u003Cp>インストール方法は、\u003Ca href=\"https:\u002F\u002Ftortoisegit.org\u002Fdownload\u002F\">公式サイトのダウンロードページ\u003C\u002Fa>から言語パック共々ダウンロードできるので、ダウンロードしたインストーラーを起動するだけだ。\u003Cbr \u002F>\nインストール時の設定に特に注意しないといけないものはないので、デフォルトの設定のままインストールすればOKである。\u003Cbr \u002F>\n日本語化したい場合は、本体インストール後に日本語パッケージをインストールし、デスクトップ等を右クリックして「TortoiseGit」→「Settings」から「Language」に「日本語」を選び、「適用」→「OK」とする。\u003C\u002Fp>\n\u003Cp>\u003Cimg data-recalc-dims=\"1\" decoding=\"async\" src=\"\u002Fassets\u002Fuploads\u002F2016\u002F03\u002Fwin10-git-setting.png\" alt=\"TortoiseGit Settings\" \u002F>\u003C\u002Fp>\n\u003Cp>その後の個別の初期設定は下記のページなどを参考にしてほしい。\u003C\u002Fp>\n\u003Cblockquote>\u003Cp>\n  \u003Ca href=\"http:\u002F\u002Fwww.karakaram.com\u002Fwindows-tortoisegit#install-tortoisegit\">TortoiseGitのインストールと設定 Windowsのターミナルが嫌いな人に\u003C\u002Fa>\n\u003C\u002Fp>\u003C\u002Fblockquote>\n\u003Ch3>\u003Cstrong>SourceTree\u003C\u002Fstrong>\u003C\u002Fh3>\n\u003Cp>「\u003Ca href=\"https:\u002F\u002Fwww.sourcetreeapp.com\u002F\">SourceTree\u003C\u002Fa>」はBitBucketなどで有名なアトラシアン（Atlassian）社が提供しているGitとMercurial（マーキュリアル）兼用のクライアント。完全にスタンドアローンで利用でき、もし「Git for Windows」がインストールされていなくてもバンドルされた内臓Gitクライアントでインストールが完了できる。\u003C\u002Fp>\n\u003Cp>インストール方法は最も簡単で、\u003Ca href=\"https:\u002F\u002Fwww.sourcetreeapp.com\u002Fdownload\">ダウンロードページ\u003C\u002Fa>からインストーラーをダウンロードして、インストールを実行するだけだ。\u003Cbr \u002F>\nインストール後は、アカウントの登録が必要になるので、無料でアカウントを作るか、Googleのアカウントでサインインする。初期設定が対話式に進むので、Git運用開始までが簡単なのが特徴だ。\u003C\u002Fp>\n\u003Cp>また、全般的にGitHubっぽいGUIで見やすいため、慣れるとGit運用はし易いツールである。例えばMacと兼用でGit運用する時などはGUIや操作系をマシン間で統一できるので、違和感のない作業ができるようになる。\u003C\u002Fp>\n\u003Cp>Gitの運用において「SourceTree」と「TortoiseGit」では機能差はほとんどないので、どちらを選ぶかは完全に好みの問題になるだろう。\u003C\u002Fp>\n\u003Cp>ちなみに、Windows10に「SourceTree」をインストールしてもデスクトップにショートカットアイコンが作成されない。デスクトップから「SourceTree」を起動したい場合は、デスクトップ左下のスタート（Windowsアイコン）から表示されるスタートメニュー内の「すべてのアプリ」から「SourceTree」のアイコンをデスクトップにドラッグ＆ドロップすることでショートカットが作成される（Windows10でのデスクトップショートカットの作り方として覚えておくと重宝する）。\u003C\u002Fp>\n\u003Ch2>Windows版SVN（Subversion）のインストール\u003C\u002Fh2>\n\u003Cp>Windows環境でSVN（Subversion）を利用する方法はいくつかあるが、お手軽で高機能なのが「\u003Ca href=\"https:\u002F\u002Fosdn.jp\u002Fprojects\u002Ftortoisesvn\u002F\">TortoiseSVN\u003C\u002Fa>」だ。XAMPP環境下でSVN運用するなら、ほぼこれ一択ではないかと思う。しかもWindows10になっても導入手順に変化がないので、安心して導入できる点も良いところだ。\u003Cbr \u002F>\nでは早速インストールだが、下記ダウンロードURLからダウンロードできるインストーラ（2016年3月22日時点での最新バージョンは1.9.3）を起動するだけだ。\u003C\u002Fp>\n\u003Cblockquote>\u003Cp>\n  \u003Ca href=\"http:\u002F\u002Fosdn.jp\u002Fprojects\u002Fsfnet_tortoisesvn\u002Fdownloads\u002F1.9.3\u002FApplication\u002Fipv6\u002FTortoiseSVN-1.9.3.27038-x64-ipv6-svn-1.9.3.msi\u002F\">TortoiseSVN 1.9.3 本体(64bit版)\u003C\u002Fa>\u003Cbr \u002F>\n  \u003Ca href=\"http:\u002F\u002Fosdn.jp\u002Fprojects\u002Fsfnet_tortoisesvn\u002Fdownloads\u002F1.9.3\u002FLanguage%20Packs\u002FLanguagePack_1.9.3.27038-x64-ja.msi\u002F\">TortoiseSVN 1.9.3 日本語パック(64bit版)\u003C\u002Fa>\u003Cbr \u002F>\n  \u003Ca href=\"http:\u002F\u002Fosdn.jp\u002Fprojects\u002Fsfnet_tortoisesvn\u002Fdownloads\u002F1.9.3\u002FApplication\u002Fipv6\u002FTortoiseSVN-1.9.3.27038-win32-ipv6-svn-1.9.3.msi\u002F\">TortoiseSVN 1.9.3 本体(32bit版)\u003C\u002Fa>\u003Cbr \u002F>\n  \u003Ca href=\"http:\u002F\u002Fosdn.jp\u002Fprojects\u002Fsfnet_tortoisesvn\u002Fdownloads\u002F1.9.3\u002FLanguage%20Packs\u002FLanguagePack_1.9.3.27038-win32-ja.msi\u002F\">TortoiseSVN 1.9.3 日本語パック(32bit版)\u003C\u002Fa>\n\u003C\u002Fp>\u003C\u002Fblockquote>\n\u003Cp>※ 日本語パックは日本語化する場合に必要。探しづらいところにダウンロードリンクがあるので、直リンクを掲載しておいた。\u003C\u002Fp>\n\u003Cp>インストール時に注意する点としてはSVNコマンドをコマンドラインからも使いたい場合、「\u003Cstrong>Custom Setup\u003C\u002Fstrong>」で「\u003Cstrong>command line client tools\u003C\u002Fstrong>」を有効（Will be installed on local hard drive）にすることぐらいだ。特にWordPressの開発をする場合は、コマンドラインからsvnコマンドを発行できないと色々と苦労するので、有効にしておくことをオススメする。\u003C\u002Fp>\n\u003Cp>\u003Cimg data-recalc-dims=\"1\" decoding=\"async\" src=\"\u002Fassets\u002Fuploads\u002F2016\u002F03\u002Fwin10-svn-install-.png\" alt=\"TortoiseSVN Custom Setup\" \u002F>\u003C\u002Fp>\n\u003Cp>本体のインストールが完了して、もし日本語化したい場合は、続けて日本語パッケージをインストールする。インストール後、実際に日本語化するには、Windowsのデスクトップあたりで右クリックしてメニューから「TortoiseSVN」→「Setting」から「Language」を「日本語」に変更して「適用」→「OK」後、再度メニューから「TortoiseSVN」を起動すれば良い。\u003C\u002Fp>\n\u003Cp>\u003Cimg data-recalc-dims=\"1\" decoding=\"async\" src=\"\u002Fassets\u002Fuploads\u002F2016\u002F03\u002Fwin10-svn-setting-2.png\" alt=\"TortoiseSVN Settings\" \u002F>\u003C\u002Fp>\n\u003Cp>その他の設定などは、以前書いた「\u003Ca href=\"https:\u002F\u002Fstg.ka2.org\u002Fprocedure-of-wordpress-core-contribution-for-windows-pc-users\u002F\">Windows PCユーザー向け WordPressコア修正環境の構築手順\u003C\u002Fa>」の記事を参照してほしい。\u003C\u002Fp>\n\u003Ch2>デプロイ用のNode.js（npm）のインストール\u003C\u002Fh2>\n\u003Cp>開発時にNode.jsを利用したり、gulpやbowerといったnpmモジュールを利用したデプロイを行いたい場合にはWindowsにNode.jsをインストールする必要がある。\u003C\u002Fp>\n\u003Cp>インストール方法は、\u003Ca href=\"https:\u002F\u002Fnodejs.org\u002Fen\u002F\">Node.js\u003C\u002Fa>の公式サイトからインストーラーをダウンロードすることになる。私のようにデプロイをメインに使うような場合はNode.jsの推奨安定版（「Recommended For Most Users」の方）をダウンロードしておけば事足りる。\u003C\u002Fp>\n\u003Cp>インストーラーの設定はすべてデフォルトのままで構わない。\u003Cbr \u002F>\nインストールが完了したら、コマンドプロンプトを開く。Windows10でのコマンドプロンプトの開き方はデスクトップ左下のWindowsアイコン（スタートボタン）を右クリックして「コマンドプロンプト（管理者）」を選べば良い。\u003Cbr \u002F>\nコマンドプロンプトで、\u003C\u002Fp>\n\u003Cpre>\u003Ccode>> node -v\n> npm -v\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>──と実行してそれぞれバージョン番号が表示されればNode.jsのインストールは無事完了しているので、そのまま\u003Cstrong>gulp\u003C\u002Fstrong>と\u003Cstrong>bower\u003C\u002Fstrong>のグローバルインストールを行っておこう。\u003C\u002Fp>\n\u003Cpre>\u003Ccode>> npm install -g gulp bower\n> gulp -v\n[20:54:48] CLI version 3.9.1\n> bower -v\n1.7.7\n\u003C\u002Fcode>\u003C\u002Fpre>\n\u003Cp>上記のようにそれぞれのバージョンが確認できればOKだ。\u003Cbr \u002F>\nなお、Windows10のコマンドプロンプトには簡易編集モードが実装されていて、一般的なターミナルやPowerShellのようにマウスの範囲選択後に右クリックでコピー、未選択時に右クリックでペーストという操作ができるようになった。この簡易編集モードはデフォルトがOFFになっているので、コマンドプロンプトのタイトルバーを右クリックして「プロパティ」から「オプション」タブの「簡易編集モード」にチェックして「OK」することで有効になる。\u003C\u002Fp>\n\u003Cp>gulpとbowerのローカルインストール以降については、以前書いた「\u003Ca href=\"\u002Fnote-install-gulp-and-bower-to-windows8\">Windows8.1にgulp、bowerをインストールする時の注意点\u003C\u002Fa>」を参照してほしい。\u003C\u002Fp>\n\u003Ch2>ターミナルソフト「Rlogin」のインストール\u003C\u002Fh2>\n\u003Cp>Windows用のターミナルソフトには「Tera Term」や「Putty」などいくつかあるが、私は以前から「\u003Ca href=\"http:\u002F\u002Fnanno.dip.jp\u002Fsoftlib\u002Fman\u002Frlogin\u002F\">Rlogin\u003C\u002Fa>」を使っているので、今回Windoes10の環境でもターミナルは「Rlogin」を採用した。\u003Cbr \u002F>\nWEBサーバにtelnetやSSHしてサーバの制御を行わない人には無縁なアプリだが、私は運用中のサーバにSSHする機会が多いので、必須なのである。\u003C\u002Fp>\n\u003Cp>基本的に「Rlogin」のサイトからアーカイブをダウンロードして、展開した\u003Ccode>RLogin.exe\u003C\u002Fcode>を任意の場所に置いて、exeファイルを実行すればRLoginは利用できる。\u003Cbr \u002F>\n私の場合は、\u003Ccode>C:\\Program Files\\RLogin\u003C\u002Fcode>（64bit版をダウンロードした場合。32bit版の場合は\u003Ccode>C:\\Program Files (x86)\\RLogin\u003C\u002Fcode>）にディレクトリを作成して中にexeファイルを置き、同じディレクトリ内に\u003Ccode>RLoing.ini\u003C\u002Fcode>を作成した（設定情報をレジストリに保存する場合は不要だが、ホスト設定等をiniファイルで管理しておくと、他のPCにホスト設定を移管する時なんかが非常に楽になる）。\u003C\u002Fp>\n\u003Cp>次に、エクスプローラの「PC」を右クリックして「プロパティ」を選び、「システムの詳細設定」からシステムのプロパティを開く。その中の「詳細設定」タブの「環境変数」をクリックして、システム環境変数の「Path」を編集する（変数名から「Path」を選択して「編集」を押す）。\u003C\u002Fp>\n\u003Cp>\u003Cimg data-recalc-dims=\"1\" decoding=\"async\" src=\"\u002Fassets\u002Fuploads\u002F2016\u002F03\u002Fwin10-env-path.png\" alt=\"環境変数名の編集\" \u002F>\u003C\u002Fp>\n\u003Cp>環境変数名の編集ダイアログが開くので、そこから「新規」を選んで\u003Ccode>C:\\Program Files\\RLogin\u003C\u002Fcode>を追加する（いやぁ、Windows10の環境変数の編集ダイアログは劇的に見やすくなっててイイネ♪）。\u003Cbr \u002F>\nこうしてパス通しておくと、コマンドプロンプト等から\u003Ccode>RLogin\u003C\u002Fcode>コマンドでRLoginが起動出来るようになる。\u003Cbr \u002F>\nあと、TortoiseSVNの使用するSSHクライアントにRLoginを指定しておくのも忘れないように。\u003C\u002Fp>\n\u003Ch2>FTPクライアントのインストール\u003C\u002Fh2>\n\u003Cp>XAMPPインストール時にFileZillaをインストールしていれば、不要なんだが、個人的にはドラッグ＆ドロップでファイルのアップロード\u002Fダウンロードができる「WinSCP」を長く愛用しているので、今回も「WinSCP」をインストールする。Windows用のFTPクライアントは結構な数があるので、自分の気に入ったものをインストールするのが良いと思う。下記のサイトを参考にしてみてはいかがか。\u003C\u002Fp>\n\u003Cblockquote>\u003Cp>\n  \u003Ca href=\"http:\u002F\u002Ftechacademy.jp\u002Fmagazine\u002F1190\">初心者でも使える！フリーのFTPクライアントソフト10選\u003C\u002Fa>\n\u003C\u002Fp>\u003C\u002Fblockquote>\n\u003Cp>さて、WinSCPのインストールだが、まずインストーラーをダウンロードする。ダウンロード先は\u003Ca href=\"http:\u002F\u002Fwww.forest.impress.co.jp\u002Flibrary\u002Fsoftware\u002Fwinscp\u002F\">窓の杜\u003C\u002Fa>だ。ダウンロードできたらインストーラーを起動しよう。\u003C\u002Fp>\n\u003Cp>WinSCPについては、特にデフォルト設定のままインストールしてしまって構わない。\u003C\u002Fp>\n\u003Ch2>Windows10での開発所感\u003C\u002Fh2>\n\u003Cp>そんなこんなで、ようやく瀕死だったWindows7環境からWindows10の新環境に開発環境を移管できた。HDDのデータクローンができなかった時はヒヤヒヤしたもんだが、基本開発中のソース等はGitやBacklog、GoogleDriveといったクラウド上に最新版が保管してあるので、最終的にローカルデータがすべて失われたとしても何とかなるというのが心強いところだ。\u003Cbr \u002F>\nいやぁ、イイ時代になったもんだ（笑）\u003C\u002Fp>\n\u003Cp>まぁ、HDDさえ瀕死にならなきゃWindows7の稼働アプリ環境をそのままWindows10に持ってこれたんだろうなぁ…と思うと、何気にもっと頻繁にシステムのリカバリーしてれば良かったなぁと後悔は残る。\u003C\u002Fp>\n\u003Cp>で、肝心のWindows10なのだが、結構パフォーマンスが良い。OSの起動もそうだが、npmモジュールのインストールにしてもWindows7の頃よりだいぶ早くなった感じだ（それだけ旧HDDが瀕死だったという可能性もあるが…）。\u003C\u002Fp>\n\u003Cp>あと地味に気に入っているのが、PrintScreenキー（PrtScn）でスナップしたスクリーンショットがOne Driveに自動保存される機能だ（Windows8でもあるのかもしれないが…）。\u003Cbr \u002F>\nあとは、Windows8.1から採用されているらしいが、左下のスタートボタンを右クリックするとコントロールパネルやらコマンドプロンプトを開けるメニューが開くところかな（ここからシャットダウン系の操作もできる）。\u003C\u002Fp>\n\u003Cp>さぁて、最低限の開発環境ができたものの、まだ旧HDDからサルベージしたデータの最適化という作業が残っている。\u003Cbr \u002F>\nWindows10では7や8からアップグレードした場合、旧OSのデータは\u003Ccode>c:\\windows.old\\\u003C\u002Fcode>に時限テンポラリ化される。アップグレードから28日後にはこのディレクトリは自動で削除されてしまうとのこと（アップグレード時に警告された）なので、ここに入れているデータは失われる前に新OSの最適な場所に移し替える必要があるのだ。\u003Cbr \u002F>\n一応、勝手に消されないようにディレクトリ名を変更してはいるが…不安だ（自動削除の予約プロセスを停止してしまう方法もあるみたいだが…）。\u003C\u002Fp>\n\n",[276,279,282,285,288,291,294],{"slug":277,"name":278},"git","Git",{"slug":280,"name":281},"node-js","node.js",{"slug":283,"name":284},"rlogin","RLogin",{"slug":286,"name":287},"svn","SVN",{"slug":289,"name":290},"windows10","Windows10",{"slug":292,"name":293},"winscp","WinSCP",{"slug":295,"name":295},"xampp",[297,305,313,320],{"slug":298,"title":299,"date":300,"excerpt":301,"image":302,"categories":303},"procedure-of-wordpress-core-contribution-for-windows-pc-users","Windows PCユーザー向け WordPressコア修正環境の構築手順","2015-11-05T15:30:46","では早速、「コントリビューターデイ」で教わったMac用の手順を、Windowsマシンを作業用PCにしている人向けにコンバートしていきます（ハウツー形式の記事なので、珍しくですます調で書いてます）。 1. WordPres…","\u002Fassets\u002Fuploads\u002F2015\u002F11\u002Fmake_wordpress_core.png",[304],{"slug":25,"name":26},{"slug":306,"title":307,"date":308,"excerpt":309,"image":310,"categories":311},"do-unit-test-of-wordpress-plugin-using-wp-cli-and-phpunit-in-xampp-environment","XAMPP環境でwp-cliとphpunitを使ってWordPressプラグインのテストを行う","2016-03-04T19:10:48","以前に書いた「XAMPP環境でphpunitをインストールしてユニットテストを実行する」の記事の続編である。 いやはや…最近、公開しているプラグインの機能が増えて来たこともあってか、ビルドバージョンのアップだけなのに、作…","\u002Fassets\u002Fuploads\u002F2016\u002F03\u002Fshutterstock_218803594_resized.jpg",[312],{"slug":74,"name":75},{"slug":314,"title":315,"date":316,"excerpt":317,"image":42,"categories":318},"running-mysql57-in-xampp","XAMPP環境で MySQL 5.7 を動かす","2017-06-02T00:42:25","MySQLのJSON型を使って開発をしたい。しかも、XAMPP環境で…！ ──Vagrant + VirtualBox 使えばええやん。 確かにその通りだ。その通りなのだが、私の非力なノートPC（メモリ4GBのWi…",[319],{"slug":25,"name":26},{"slug":321,"title":322,"date":323,"excerpt":324,"image":42,"categories":325},"how-to-install-phpunit-in-xampp-for-windows","XAMPP環境でphpunitをインストールしてユニットテストを実行する","2015-11-06T17:20:40","元々、XAMPPにはphpunitがバンドルされているのだが、Pear版の古いバージョンである（PHPUnit-1.3.2とPHPUnit-2.3.6）ため、最新のphpunitでユニットテストを行う場合、改めてインスト…",[326],{"slug":25,"name":26},{"slug":328,"title":329,"date":330,"excerpt":331,"image":332,"categories":333},"what-to-do-if-search-results-displaying-nothing-when-using-iframe-in-google-adsense","Google Adsenseで検索結果のiframeが表示されない時の対処法","2016-03-09T18:26:27","Google Adsenseの検索ユニットには検索結果の表示方法が3つあり、iframe を使用して自分のウェブサイトに表示する方法を選択して実装した時に検索結果が表示されないという症状に陥いる場合がある。その時の解決方…","\u002Fassets\u002Fuploads\u002F2016\u002F03\u002Fgoogle-adsense-logo.png",[334],{"slug":45,"name":46},{"slug":336,"title":337,"date":338,"excerpt":339,"image":340,"categories":341},"open-american-comic-movie-road-on-2016-and-roadmap-until-2020","2016年アメコミムービーロード開幕！&2020年までのロードマップ","2016-03-28T17:14:40","週末に公開したばかりの映画『バットマンvsスーパーマン ジャスティスの誕生』を観てきた。 2時間30分もある長尺ムービーだったが、中だるみもなく、一気に観切れる素晴らしい出来の映画だった。 この映画、まず気になるのが、地…","\u002Fassets\u002Fuploads\u002F2016\u002F03\u002Fbatman_v_superman.jpg",[342],{"slug":255,"name":256},1793391397840]