Firefox拡張機能 【Firefox144まで】userchrome.cssでカスタマイズして未読タブ、選択タブの文字色を変える方法
この記事ではFirefox144～72でuserChrome.css、userChrome.js、xx.uc.jsを使用したカスタマイズする方法について紹介します。userChromeなら標準機能や拡張機能で変更できない未読タブなどのフォント設定などが使えるのでFirfoxがより使いやすくなります。
まちゃ
Firefox拡張機能 
Firefox拡張機能 Firefoxに再起動ボタンを追加する方法【アドオンの代替】
FirefoxがQuantumになってもFirefoxの再起動ボタンを追加する方法について紹介します。昔はアドオン（拡張機能）で簡単に再起動ボタンを追加できたのですが、Quantumになってからはアドオンは使えなくなってしまいました。アドオ...
Firefox拡張機能 【解決】userChrome.css がアクセス権を拒否されて編集できない
ファイルやフォルダがアクセス権を拒否される場合、まず確認したいのはプロパティで書き込みやフルコントロールが許可されているかです。アクセス権は大丈夫そうなのに、エディタなどで編集しようとするとアクセス権が無いと怒られてしまいました。PCを再起...
Firefox拡張機能 垂直タブとブックマークペインの位置を変える方法
Firefoxの標準機能の垂直タブとブックマークペインの位置を変える方法について紹介します。ブラウザ自体のUIを変えることになるので、Firefoxのアドオン・拡張機能で変えることは難しいです。userChrome.css を使ったカスタマ...
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設定画面の「通知」タブで設定できる通知エリアのメッセージをスケジュール管理できるプラグインです。Cocoon...
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-fold>...
PhpStorm PhpStormで Statement has empty body の表示を消す
if文の中に処理を書かないのを許容するか。何も処理をしなくてOKな事を明示しておきたい時などあるので、メッセージを表示しないように変更する。注意メッセージPhpStormのデフォルトの設定では、if文などで括弧内の中身を何も書いていないと「...
PhpStorm 【2020年】PhpStormで使用している便利でおすすめのプラグイン
私は会社でも、自宅でもPHPの開発では、PhpStormを使用しています。PhpStorm自体が高機能ですが、プラグインでPhpStormに備わっていない機能を追加するとさらに便利で使いやすくなります。このページでは、私がPhpStormで...
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の公式サイトのストアで購入するときの価格に日本円を導入するとのことでした。Jet...
PhpStorm JSファイルを圧縮してminファイルを自動生成する【PhpStorm】
JavaScriptであるJSファイルは圧縮(minify)したほうメリットが多いです。ファイルサイズが減ってページの読み込み速度も改善してユーザーにも優しく、難読化の効果もあるのでセキュリティも少しだけ上がります。ただエンジニア的には圧縮...
WordPress開発 【実例付き】WordPressプラグイン開発で使用するreadme.txt
公式サイト個別プラグインのページや管理ページからのインストール画面に表示される内容はこのreadme.txtから自動的に生成されます。プラグインを使用できるPHPのバージョンやWordPressのverも記載するので、多くの人に使ってもらう...
JavaScript 非表示のtextareaの値をクリップボードにコピーする(clipboard.js)
HTMLタグが含まれている文字列や長文をクリップボードにコピーさせたい時は、一度textareaに出力させて、textareaの値をクリップボードに反映させるのが簡単です。ただ、画面にそのtextareaを表示させたく無い場合、「displ...
JavaScript AWS.CloudFrontエラー「Expected params.InvalidationBatch.CallerReference」
AWS CloudFrontにキャッシュさせたコンテンツをJavaScriptから削除できるというので試してみました。試しにコード書いてみて実行したら以下のようなエラーが出て少しハマっていましました。Error: Expected para...
WordPress開発 開発したWordPressプラグインを公式サイトで公開する手順
どうも、まちゃと申します。この記事では自分で作成したWordPressプラグインを公式サイトに登録する申請から初期設定までの流れについて紹介します。プラグインの申請は2018年8月にしました。WordPressプラグインは公式サイトに登録し...
WordPress開発 WordPressプラグイン開発で日本語翻訳を用意する
どうも、まちゃです。この記事ではWordPressプラグインのプログラム中で使用する翻訳対象を実際にPOTファイルに追加していく方法について紹介します。POTファイルはWordPressプラグイン開発で多言語への翻訳作業に必要になる翻訳のテ...
WordPress開発 開発したWordPressプラグインのPTE(翻訳者)になる
どうも、まちゃと申します。この記事では、自分が開発したWordPressプラグインの翻訳承認権限であるPTE(Project Translation Editor)権限をもらう方法について紹介します。自分が開発したプラグインをWordPre...
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 というより JetBrain...
PhpStorm PhpStormでコーディングで使用しないディレクトリを除外してパフォーマンスを改善する
コーディングでは使用しない画像やDBのDDLやダンプデータが格納されたディレクトリをPhpStorm から除外してパフォーマンスを改善する方法。PhpStormは検索の速度を速めるためにIndexingという処理をしている。このIndexi...
PhpStorm PhpStormでファイルサイズが大きいファイルを扱う方法
PhpStorm でファイルサイズが大きいファイルを開いて比較しようとしたところファイルが途中で切れてしまったので、PhpStormで大きいファイルサイズを扱う設定を試してみました。。アプリメッセージPhpStormでファイルのサイズが大き...
PhpStorm PhpStormで開いているファイルのタブ表示をカスタマイズする
デフォルトだとファイルを開きすぎると、横一列に表示されてスクロールする必要が出てくる。縦幅は犠牲になってしまうが、多段表示にしてみる。設定するPhpStormの設定画面を開くEditor > General > Editor TabsTab...
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年9月...
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 プロパティで指定することでウインドウを指定してタブを作成する事ができる。指定しない場合は...