Amazonで買ってよかったもの

まちゃ

Firefox拡張機能

【Firefox124まで】userchrome.cssでカスタマイズして未読タブ、選択タブの文字色を変える方法

この記事ではFirefox124~72でuserChrome.css、userChrome.js、xx.uc.jsを使用したカスタマイズする方法について紹介します。userChromeなら標準機能や拡張機能で変更できない未読タブなどのフォント設定などが使えるのでFirfoxがより使いやすくなります。
Firefox拡張機能

Firefoxに再起動ボタンを追加する方法【アドオンの代替】

FirefoxがQuantumになってもFirefoxの再起動ボタンを追加する方法について紹介します。 昔はアドオン(拡張機能)で簡単に再起動ボタンを追加できたのですが、Quantumになってからはアドオンは使えなくなってしまいました。 ア...
Firefox拡張機能

Firefoxが起動しない・調子が悪い時の起動方法

Firefoxをアップデートした後などに起動しなくなってしまったときに、試したい起動方法を紹介します。 拡張機能が原因なのか、キャッシュが原因なのか切り分けられると解決に役立つかもしれません。 shiftキーを押しながら起動する shift...
PhpStorm

【PhpStorm】file_get_contents(): Unable to find the wrapper “https” – did you forget to enable it when you configured PHP?

PhpStormでPHPファイルをスクリプトとして実行した際にエラーになってしまいました。 Warning: file_get_contents(): Unable to find the wrapper "https" - did you...
PhpStorm

【無料・割引価格】でお得に、PhpStormを利用する方法

PhpStormやPyCharmなどのJetBrains社製ソフトの個人ライセンスを、お得に購入する方法について紹介したいと思います。 JetBrainsは色々な割引や無料で利用できる条件があります。 該当する人は是非活用して高品質なソフト...
PhpStorm

PhpStorm JDBC接続で「Communications link failure」エラー

PhpStormの機能で、SSHトンネルを使ってサーバー上のMySQLへJDBC接続していたのが気づいたら接続できなくなっていました。 PhpStormならカラム追加とか簡単にテーブル変更などできるので、重宝していましたが使えないのは結構不...
PhpStorm

PhpStormからエックスサーバーのDBへ接続する(JDBC)

エックスサーバーのレンタルサーバー X10を契約してWordpressだけに使うのはもったいないと感じました。 ローカルPCに何かあったときのためにもDBはクラウドに置いておくと安心そうです。 PhpStormならローカル環境から直接、エッ...
プログラミング

zshプロンプトをカスタマイズ、色と改行とgit対応で見やすくする【Mac】

MacBookを新調して初めて最初からMac OS Catalinaを使い始めることになりました。 Mac標準のプロンプト(ターミナル)が bash から zsh になってしまい、今まで動いていて便利機能が使えなくなってしまいました。 今ま...
WordPressカスタマイズ

【WordPress】記事一覧ページにページスピードへのリンクを追加する

WordPressでサイトを運営していると、ページスピードやGTmetrixなどで記事ページの計測をしたいときがあります。 Cocoonなどテーマによっては、ページを開いたときに画面の下にリンクが追加されるので便利です。 この記事では管理ペ...
Firefox拡張機能

Cドライブへの「アクセスが拒否されました」を解決する

Firefoxのカスタマイズするために、Cドライブ内のProgram Filesにファイルを追加しようとしたら「アクセスが拒否されました。」とメッセージが表示されました。 Firefoxのカスタマイズには、プログラムフォルダにファイルを配置...
Firefox拡張機能

Firefoxの検索バーに消えたTwitter検索を追加する

FireFoxを更新したら検索バーのワンクリック検索エンジンから「Twitter検索」アイコンが消えていました。 リアルタイムな情報を調べたいときに利用していたので、不便になってしまいました。 アドオンで追加もできるようなのですが、ちょっと...
WordPressカスタマイズ

【Cocoon】通知エリアを複数表示するプラグイン「Cocoon Notice Area Scheduler」

「CocoonNoticeAreaScheduler」はCocoonで動作する通知メッセージを便利にするプラグインです。 Cocoon設定画面の「通知」タブで設定できる通知エリアのメッセージをスケジュール管理できるプラグインです。 Coco...
WordPress開発

「xdebug is not compatible with preferred sites.」Localのxdebugを有効にする

WordPressの開発環境を簡単に構築できる「Local」はローカル環境での開発には便利です。 LocalにはPhpStormでxdebugを使うためのプラグインが用意されています。 正常であればLocalの各サイトのUTILITIES内...
WordPressカスタマイズ

投稿・カテゴリ一覧にIDコピーボタンを追加するカスタマイズ

この記事では投稿記事・カテゴリー・タグ一覧にIDを表示し、コピーボタンを追加するWordPressのカスタマイズを紹介します。コピペだけでカスタマイズできるので、IDを調べたり使うならおすすめのカスタマイズです。
WordPressカスタマイズ

【WordPress】カテゴリ一覧・タグ一覧ページにIDを表示するカスタマイズ

ワードプレスは標準機能ではカテゴリーやタグ一覧ページにIDは表示されません。 通常は非表示でも問題ないのですが、テーマやプラグインの機能を使うときにIDを指定することがあります。 そんなときに一覧画面にIDを表示させておくと便利です。 この...
WordPress開発

「Local’s router is having trouble starting」でページが開けない

ローカル環境にWordPressのテスト環境をかんたんに構築できる「Local by Flywheel」を使って開発をしています。 今まではバージョン3系を使用していたのですが、5系は速度が改善されたと聞いて試してみました。 インストールし...
PhpStorm

PhpStormの設定ファイルの保存場所

PhpStormなどのJetbrainsのIDEソフトが使用する設定ファイルやキャッシュディレクトリは2020.1から大きく変わりました。 Windowsは割とシンプルなディレクトリ構成なのですが、MacやLinuxはそれぞれでディレクトリ...
Java

【解決】Java Update Checker スクリプトエラーで更新できない

Windows10 環境で Javaの最新版がリリースされてUpdateが利用できるよ、と通知がきたので早速アップデートしようとしました。 ところが以下のようなスクリプトエラーが表示されてしまい、更新に失敗してしまいます。 「このページのス...
Cocoon

Cocoonで投稿一覧画面にcanonical URLを表示&検索フィルターを追加するカスタマイズ

カニバリなど重複コンテンツがある場合に有効な「canonical」属性。 Cocoonではversion 1.9.0から記事編集画面で、記事ごとにcanonical URLを設定できるようになっています。 最初は設定する記事数も少なくて把握...
プログラミング

【解決!】エックスサーバーへのSFTP接続が切れるのを防ぐ

エックスサーバーにWinSCPを使ってSFTP接続していると、未操作だとすぐにセッションが切れてしまいます。 サーバーのデータを同期バックアップするときの抽出など時間がかかる処理をさせていると、気づいたら接続が切れていることが多発していまし...
PhpStorm

【Phpstorm】Sass、LessをCSSファイルに自動コンパイル

CSSファイルをゴリゴリ書くときに、変数などが使えると便利ですよね、 PHPとかを使って力技でCSSファイルを作成することもできますが、Sass や Less などを使うのが手っ取り早いです。 Sass、LessファイルをPhpStorm上...
プログラミング

open-match-demoがエラーで正常に動かない場合の確認方法

OPEN MATCH公式サイトで紹介されている入門ガイドでお試しで動かすopen-match-demoでエラーになったときのメモです。 open-match-demoを手順書通りにインストールしたはずが、こんな感じでエラーになってしまいまし...
プログラミング

PyCharmの無料版と有料版の違い 【JetBrains IDE】

PyCharmには、Professional、Community、Educational (Edu、教育)の3種類のエディションがあります。 Professionalは有料版で、CommunityとEducationalは無料版です。 無料...
PhpStorm

Windows10にNode.jsとnpmをインストールする方法

Windows 10に Node.js と npm をインストールする方法を紹介します。 npmはNode.jsをインストールする際に一緒にインストールされるので、あまり意識する必要はありません。 Node.jsのインストールはNodeの公...
WordPress開発

【Local by Flywheel】エラー「このサイトにアクセスできません」でログインできない【解決方法】

この記事ではWordPressのテスト環境を構築できる「Local by Flywheel」は簡単で便利です。環境構築後にエラーメッセージ「このサイトにアクセスできません」と表示されてログイン出来ないときの解決方法について紹介します。
PhpStorm

PhpStormの日本語化

JetBrains の日本公式代理店である WillBrains さんのHPで公開している PhpStorm の日本語化を試してみました。 Pleiades をDLして、適当なディレクトリに配置してVMオプション設定ファイルにディレクトリを...
WordPress開発

WordPressプラグインやテーマを公開するためのアカウントを作成する

どうも、まちゃです。 WordPressで使用するプラグインやテーマを公式サイトから公開をする場合は「WordPress.org」でアカウントを作成する必要があります。 この記事では「WordPress.org」のアカウント作成を画像付きで...
PhpStorm

PhpStormでコードの折りたたみを設定する

PhpStorm で自由な位置でコードを折りたたむ方法を紹介します。 コードをブロックごとに見やすくできるので便利です。 折りたたみコード PhpStorm では、 // <editor-fold desc=""> // </editor-...
PhpStorm

PhpStormで Statement has empty body の表示を消す

if文の中に処理を書かないのを許容するか。何も処理をしなくてOKな事を明示しておきたい時などあるので、メッセージを表示しないように変更する。 注意メッセージ PhpStormのデフォルトの設定では、if文などで括弧内の中身を何も書いていない...
PhpStorm

【2020年】PhpStormで使用している便利でおすすめのプラグイン

私は会社でも、自宅でもPHPの開発では、PhpStormを使用しています。 PhpStorm自体が高機能ですが、プラグインでPhpStormに備わっていない機能を追加するとさらに便利で使いやすくなります。 このページでは、私がPhpStor...
JavaScript

【jQueryプラグイン】select2で表示リストに表示しない文字でフィルタリングする。

select2 はjQueryのプラグインで、HTMLの selectタグを簡単に拡張できるプラグインです。 select2 は下の画像のように、ドロップダウンメニューにテキストボックスを追加して絞り込める機能を組み込めるプラグインです。 ...
PhpStorm

PhpstormなどJetBrains製品のライセンスを継続購入で更新!

PhpStormやPyCharmなど、JetBrainsの製品は継続購入すると割引率が上がるのでお得です。 管理しているライセンスIDはJetBrainsで一括管理しているので、どのショップで購入・更新していても、継続年数を引き継いで更新で...
PhpStorm

JetBrains価格改定!日本円価格導入(2019年4月~)

2019年1月31日にPhpStormやGoLand、PyCharmを開発しているJetBrainsからメールが届きました。 2019年4月からJetBrainsの公式サイトのストアで購入するときの価格に日本円を導入するとのことでした。 J...
PhpStorm

JSファイルを圧縮してminファイルを自動生成する【PhpStorm】

JavaScriptであるJSファイルは圧縮(minify)したほうメリットが多いです。 ファイルサイズが減ってページの読み込み速度も改善してユーザーにも優しく、難読化の効果もあるのでセキュリティも少しだけ上がります。 ただエンジニア的には...
WordPress開発

【実例付き】WordPressプラグイン開発で使用するreadme.txt

公式サイト個別プラグインのページや管理ページからのインストール画面に表示される内容はこのreadme.txtから自動的に生成されます。 プラグインを使用できるPHPのバージョンやWordPressのverも記載するので、多くの人に使ってもら...
JavaScript

非表示のtextareaの値をクリップボードにコピーする(clipboard.js)

HTMLタグが含まれている文字列や長文をクリップボードにコピーさせたい時は、一度textareaに出力させて、textareaの値をクリップボードに反映させるのが簡単です。 ただ、画面にそのtextareaを表示させたく無い場合、「disp...
JavaScript

AWS.CloudFrontエラー「Expected params.InvalidationBatch.CallerReference」

AWS CloudFrontにキャッシュさせたコンテンツをJavaScriptから削除できるというので試してみました。 試しにコード書いてみて実行したら以下のようなエラーが出て少しハマっていましました。 Error: Expected pa...
WordPress開発

開発したWordPressプラグインを公式サイトで公開する手順

どうも、まちゃと申します。 この記事では自分で作成したWordPressプラグインを公式サイトに登録する申請から初期設定までの流れについて紹介します。 プラグインの申請は2018年8月にしました。 WordPressプラグインは公式サイトに...
WordPress開発

WordPressプラグイン開発で日本語翻訳を用意する

どうも、まちゃです。 この記事ではWordPressプラグインのプログラム中で使用する翻訳対象を実際にPOTファイルに追加していく方法について紹介します。 POTファイルはWordPressプラグイン開発で多言語への翻訳作業に必要になる翻訳...
WordPress開発

開発したWordPressプラグインのPTE(翻訳者)になる

どうも、まちゃと申します。 この記事では、自分が開発したWordPressプラグインの翻訳承認権限であるPTE(Project Translation Editor)権限をもらう方法について紹介します。 自分が開発したプラグインをWordP...
WordPress開発

WordPressプラグイン開発の翻訳作業、POTファイル環境構築方法

この記事では、自作したWordPressプラグインの国際化対応で必要なPOTファイルを作成&更新するための環境構築について紹介します。 PCの環境はWindows7、WordPressは4.9.8で作業しました。Macなどでも大体同じになる...
PhpStorm

PhpStormでコードを整形する方法

PhpStormで、この様に一行で記述された長文コードを適度に改行、インデントを入れて見やすくする方法の紹介です。 まちゃ develop toolとかでコピってきたコードって整形されてないんだよね。 PhpStormには、コードをきれいに...
PhpStorm

PhpStorm おすすめプラグイン、日時フォーマット文字列を簡単に調べる

PHPのdate/DateTime関数を文字列で取得する際に使用するフォーマット文字列、よく使うのは覚えているけれど全てを覚えるのは難しいので、たまに使うフォーマットは、よくググって調べてしまう。 そういった時にブラウザで検索せずに、入力を...
PhpStorm

【PhpStorm】Atomに慣れている方におすすめプラグイン、ファイルアイコンをAtom風にするプラグイン

PhpStormのファイルアイコンをAtom風アイコンに変更するプラグイン、「Atom File Icons IDEA」の紹介 適用するとこんな感じになる。カラフルになるので視認性も良くなります。 インストール手順 プラグインを検索してイン...
PhpStorm

PhpStorm おすすめプラグイン、ミニマップを表示する「CodeGlance」

PhpStormでファイルのmini-mapを追加するプラグイン、「CodeGlance」を紹介します。 ミニマップは、サイズや表示範囲の色を自由に設定できます。 他には画面内に表示される位置やミニマップのサイズを固定化、ウィンドウのサイズ...
PhpStorm

便利!PhpStorm(Jetbrains)のマニュアルを日本語訳と英語を切り替える

@mikan_meganeさんが作成されたこちらのJetBrainsManualJapaneseスクリプトを入れると本家の英語マニュアルと日本語翻訳マニュアルを行き来できるリンクが追加されます。 PhpStorm というより JetBrai...
PhpStorm

PhpStormでコーディングで使用しないディレクトリを除外してパフォーマンスを改善する

コーディングでは使用しない画像やDBのDDLやダンプデータが格納されたディレクトリをPhpStorm から除外してパフォーマンスを改善する方法。 PhpStormは検索の速度を速めるためにIndexingという処理をしている。 このInde...
PhpStorm

PhpStormでファイルサイズが大きいファイルを扱う方法

PhpStorm でファイルサイズが大きいファイルを開いて比較しようとしたところファイルが途中で切れてしまったので、PhpStormで大きいファイルサイズを扱う設定を試してみました。。 アプリメッセージ PhpStormでファイルのサイズが...
PhpStorm

PhpStormで開いているファイルのタブ表示をカスタマイズする

デフォルトだとファイルを開きすぎると、横一列に表示されてスクロールする必要が出てくる。 縦幅は犠牲になってしまうが、多段表示にしてみる。 設定する PhpStormの設定画面を開く Editor > General > Editor Tab...
PhpStorm

PhpStorm でPHPのページを表示する(Windows環境)

PhpStorm には ビルトイン webサーバーという機能があり、XAMPP などでローカル環境にサーバー環境を作らなくても動作確認ができる。ただ、PHPはちょっと設定などが必要。 PHPファイル編集画面の右上に出てくるブラウザアイコンか...
PhpStorm

PhpStormで Unhandled Exception の表示を消す

Exception を throw していて try ~ catch で囲っていなかったりすると「Unhandled Exception」と言われる。上位層で例外処理をして問題無かったりするので消したい時などに使えるかも。 表示されるメッセ...
PhpStorm

PhpStormで対応 JavaScript のバージョンを上げる

「Let definitions are not supported by current Javascript version」、Letには対応してないよ、と言われるので PhpStorm で使用するJavascript のバージョンを上...
PhpStorm

PhpStorm(IntelliJ IDEA)で簡単に全ファイルの改行コードを変換する方法

仕事ではMacを使っているということもあり、ほとんどのファイルは、文字コードはUTF-8で改行コードはLFで統一しています。 最近Windowsを使うメンバーと一緒に実装する機会があり、Windowsメンバーが書いたPHPファイルを編集しま...
Firefox拡張機能

FireFoxページ内検索のデフォルトを大文字/小文字を区別しないようにする

この記事では、FireFoxのページ内検索で「大文字/小文字を区別」ボタンのデフォルト設定をカスタマイズする方法を紹介します。FireFoxではページ内検索のヒットする挙動を自由に変更できます。
プログラミング

Makefileでファイルの存在をチェックしてdocker-compose.ymlを切り替える

最近はDocker内でLaravel(PHP)を動かして開発をしています。 Dockerならサーバーもローカルも環境構築をテキスト形式のdocker-compose.ymlを使って管理できるので、同じ環境を作りやすいのが大きいメリットですよ...
Firefox拡張機能

Firefox69~72以降でカスタマイズ(userchrome.css)未読タブ、選択タブの文字色を変える方法。

この記事では、FireFox69、70、71でuserChrome.css、userChrome.jsを使用したカスタマイズする方法について紹介します。userChromeなら標準機能や拡張機能で変更できない、未読タブなどのフォント設定などができるようになるので、FirFoxがより使いやすくなります。
Firefox拡張機能

FireFox62の更新でカスタマイズが無効になったので再度有効にする

FireFoxを61から62にアップデートしたら、未読タブの文字色変更や再起動ボタン追加するなどのカスタマイズが無効化されてしまいました。 この記事では、FireFox62でもカスタマイズを再度有効化する方法について紹介します。 2019年...
Firefox拡張機能

FireFox62にアップデートで「Netscape.cfg/AutoConfig に失敗しました」警告の対応

FireFox 62 にアップデートしたらFireFoxを起動するたびに、この様な警告が出るようになりました。 AutoConfig の警告 Netscape.cfg/AutoConfig に失敗しました。システム管理者に問い合わせてくださ...
Firefox拡張機能

Firefox61で未読タブのカスタマイズが無効になったので再度有効化

Firefox Quantumになってから、以前はアドオンなどの設定から未読タブの色とかのカスタマイズが簡単にできたのが面倒になってしまいました。 それでも「userChrome.css」などで、カスタマイズして未読タブを赤色にするように設...
Firefox拡張機能

Tabtterにおすすめな設定、ページ番号をクリックしやすくする

Tabtterはウェブブラウザ型のTwitterクライアントです。 Tabtterのタイムライン表示時のページ番号を、この様に大きくしてクリックしやすくする方法の紹介です。 問題点 私は、ついっぷるが2017年10月にサービス終了してから、...
Firefox拡張機能

Firefox 拡張機能、ウインドウを指定してタブを開く

FirefoxのWeb Extensionsでタブを開く時にウインドウを指定して開く方法。 browser.tabs.create で windowId プロパティで指定することでウインドウを指定してタブを作成する事ができる。 指定しない場...
スポンサーリンク
目次へ
タイトルとURLをコピーしました