Firefox拡張機能【Firefox111まで】userchrome.cssでカスタマイズして未読タブ、選択タブの文字色を変える方法 この記事ではFirefox111~72でuserChrome.css、userChrome.js、xx.uc.jsを使用したカスタマイズする方法について紹介します。userChromeなら標準機能や拡張機能で変更できない未読タブなどのフォント設定などが使えるのでFirfoxがより使いやすくなります。Firefox拡張機能
Firefox拡張機能Firefoxに再起動ボタンを追加する方法【アドオンの代替】 FirefoxがQuantumになってもFirefoxの再起動ボタンを追加する方法について紹介します。 昔はアドオン(拡張機能)で簡単に再起動ボタンを追加できたのですが、Quantumになってからはアドオンは使えなくなってしまいました...Firefox拡張機能
Firefox拡張機能Firefoxが起動しない・調子が悪い時の起動方法 Firefoxをアップデートした後などに起動しなくなってしまったときに、試したい起動方法を紹介します。 拡張機能が原因なのか、キャッシュが原因なのか切り分けられると解決に役立つかもしれません。 shiftキーを押しな...Firefox拡張機能
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" ...PhpStorm
PhpStorm【無料・割引価格】でお得に、PhpStormを利用する方法 PhpStormやPyCharmなどのJetBrains社製ソフトの個人ライセンスを、お得に購入する方法について紹介したいと思います。 JetBrainsは色々な割引や無料で利用できる条件があります。 該当する人は是非活用して高...PhpStorm
PhpStormPhpStorm JDBC接続で「Communications link failure」エラー PhpStormの機能で、SSHトンネルを使ってサーバー上のMySQLへJDBC接続していたのが気づいたら接続できなくなっていました。 PhpStormならカラム追加とか簡単にテーブル変更などできるので、重宝していまし...PhpStorm
PhpStormPhpStormからエックスサーバーのDBへ接続する(JDBC) エックスサーバーのレンタルサーバー X10を契約してWordpressだけに使うのはもったいないと感じました。 ローカルPCに何かあったときのためにもDBはクラウドに置いておくと安心そうです。 PhpStormならローカル環境か...PhpStorm
プログラミングzshプロンプトをカスタマイズ、色と改行とgit対応で見やすくする【Mac】 MacBookを新調して初めて最初からMac OS Catalinaを使い始めることになりました。 Mac標準のプロンプト(ターミナル)が bash から zsh になってしまい、今まで動いていて便利機能が使えなくなってしまい...プログラミング
WordPressカスタマイズ【WordPress】記事一覧ページにページスピードへのリンクを追加する WordPressでサイトを運営していると、ページスピードやGTmetrixなどで記事ページの計測をしたいときがあります。 Cocoonなどテーマによっては、ページを開いたときに画面の下にリンクが追加されるので便利です。 ...WordPressカスタマイズ
Firefox拡張機能Cドライブへの「アクセスが拒否されました」を解決する Firefoxのカスタマイズするために、Cドライブ内のProgram Filesにファイルを追加しようとしたら「アクセスが拒否されました。」とメッセージが表示されました。 Firefoxのカスタマイズには、プロ...Firefox拡張機能
Firefox拡張機能Firefoxの検索バーに消えたTwitter検索を追加する FireFoxを更新したら検索バーのワンクリック検索エンジンから「Twitter検索」アイコンが消えていました。 リアルタイムな情報を調べたいときに利用していたので、不便になってしまいました。 アドオンで...Firefox拡張機能
WordPressカスタマイズ【Cocoon】通知エリアを複数表示するプラグイン「Cocoon Notice Area Scheduler」 「CocoonNoticeAreaScheduler」はCocoonで動作する通知メッセージを便利にするプラグインです。 Cocoon設定画面の「通知」タブで設定できる通知エリアのメッセージをスケジュール管理できるプラ...WordPressカスタマイズ
WordPress開発「xdebug is not compatible with preferred sites.」Localのxdebugを有効にする WordPressの開発環境を簡単に構築できる「Local」はローカル環境での開発には便利です。 LocalにはPhpStormでxdebugを使うためのプラグインが用意されています。 正常であればLocalの各サイトの...WordPress開発
WordPressカスタマイズ投稿・カテゴリ一覧にIDコピーボタンを追加するカスタマイズ この記事では投稿記事・カテゴリー・タグ一覧にIDを表示し、コピーボタンを追加するWordPressのカスタマイズを紹介します。コピペだけでカスタマイズできるので、IDを調べたり使うならおすすめのカスタマイズです。WordPressカスタマイズ
WordPressカスタマイズ【WordPress】カテゴリ一覧・タグ一覧ページにIDを表示するカスタマイズ ワードプレスは標準機能ではカテゴリーやタグ一覧ページにIDは表示されません。 通常は非表示でも問題ないのですが、テーマやプラグインの機能を使うときにIDを指定することがあります。 そんなときに一覧画面にIDを表示させておくと便利...WordPressカスタマイズ
WordPress開発「Local’s router is having trouble starting」でページが開けない ローカル環境にWordPressのテスト環境をかんたんに構築できる「Local by Flywheel」を使って開発をしています。 今まではバージョン3系を使用していたのですが、5系は速度が改善されたと聞いて試してみました。 ...WordPress開発
PhpStormPhpStormの設定ファイルの保存場所 PhpStormなどのJetbrainsのIDEソフトが使用する設定ファイルやキャッシュディレクトリは2020.1から大きく変わりました。 Windowsは割とシンプルなディレクトリ構成なのですが、MacやLinuxはそれぞれ...PhpStorm
Java【解決】Java Update Checker スクリプトエラーで更新できない Windows10 環境で Javaの最新版がリリースされてUpdateが利用できるよ、と通知がきたので早速アップデートしようとしました。 ところが以下のようなスクリプトエラーが表示されてしまい、更新に失敗してしまいま...Java
CocoonCocoonで投稿一覧画面にcanonical URLを表示&検索フィルターを追加するカスタマイズ カニバリなど重複コンテンツがある場合に有効な「canonical」属性。 Cocoonではversion 1.9.0から記事編集画面で、記事ごとにcanonical URLを設定できるようになっています。 最初は...Cocoon
プログラミング【解決!】エックスサーバーへの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は無料...プログラミング
PhpStormWindows10にNode.jsとnpmをインストールする方法 Windows 10に Node.js と npm をインストールする方法を紹介します。 npmはNode.jsをインストールする際に一緒にインストールされるので、あまり意識する必要はありません。 Node.js...PhpStorm
WordPress開発【Local by Flywheel】エラー「このサイトにアクセスできません」でログインできない【解決方法】 この記事ではWordPressのテスト環境を構築できる「Local by Flywheel」は簡単で便利です。環境構築後にエラーメッセージ「このサイトにアクセスできません」と表示されてログイン出来ないときの解決方法について紹介します。WordPress開発
PhpStormPhpStormの日本語化 JetBrains の日本公式代理店である WillBrains さんのHPで公開している PhpStorm の日本語化を試してみました。 Pleiades をDLして、適当なディレクトリに配置してVMオプション設定ファイルにディレク...PhpStorm
WordPress開発WordPressプラグインやテーマを公開するためのアカウントを作成する どうも、まちゃです。 WordPressで使用するプラグインやテーマを公式サイトから公開をする場合は「WordPress.org」でアカウントを作成する必要があります。 この記事では「WordPress.org」のアカウント作成...WordPress開発
PhpStormPhpStormでコードの折りたたみを設定する PhpStorm で自由な位置でコードを折りたたむ方法を紹介します。 コードをブロックごとに見やすくできるので便利です。 折りたたみコード PhpStorm では、 // <editor-fold desc=""&...PhpStorm
PhpStormPhpStormで Statement has empty body の表示を消す if文の中に処理を書かないのを許容するか。何も処理をしなくてOKな事を明示しておきたい時などあるので、メッセージを表示しないように変更する。 注意メッセージ PhpStormのデフォルトの設定では、if文などで括弧内の中身を何も...PhpStorm
PhpStorm【2020年】PhpStormで使用している便利でおすすめのプラグイン 私は会社でも、自宅でもPHPの開発では、PhpStormを使用しています。 PhpStorm自体が高機能ですが、プラグインでPhpStormに備わっていない機能を追加するとさらに便利で使いやすくなります。 このページでは、私がP...PhpStorm
JavaScript【jQueryプラグイン】select2で表示リストに表示しない文字でフィルタリングする。 select2 はjQueryのプラグインで、HTMLの selectタグを簡単に拡張できるプラグインです。 select2 は下の画像のように、ドロップダウンメニューにテキストボックスを追加して絞り込める機能を組み込めるプラグインで...JavaScript
PhpStormPhpstormなどJetBrains製品のライセンスを継続購入で更新! PhpStormやPyCharmなど、JetBrainsの製品は継続購入すると割引率が上がるのでお得です。 管理しているライセンスIDはJetBrainsで一括管理しているので、どのショップで購入・更新していても、継続年数を引き継いで...PhpStorm
PhpStormJetBrains価格改定!日本円価格導入(2019年4月~) 2019年1月31日にPhpStormやGoLand、PyCharmを開発しているJetBrainsからメールが届きました。 2019年4月からJetBrainsの公式サイトのストアで購入するときの価格に日本円を導入するとのこ...PhpStorm
PhpStormJSファイルを圧縮してminファイルを自動生成する【PhpStorm】 JavaScriptであるJSファイルは圧縮(minify)したほうメリットが多いです。 ファイルサイズが減ってページの読み込み速度も改善してユーザーにも優しく、難読化の効果もあるのでセキュリティも少しだけ上がります。 ただエン...PhpStorm
WordPress開発【実例付き】WordPressプラグイン開発で使用するreadme.txt 公式サイト個別プラグインのページや管理ページからのインストール画面に表示される内容はこのreadme.txtから自動的に生成されます。 プラグインを使用できるPHPのバージョンやWordPressのverも記載するので、多くの...WordPress開発
JavaScript非表示のtextareaの値をクリップボードにコピーする(clipboard.js) HTMLタグが含まれている文字列や長文をクリップボードにコピーさせたい時は、一度textareaに出力させて、textareaの値をクリップボードに反映させるのが簡単です。 ただ、画面にそのtextareaを表示させたく無い場合、「d...JavaScript
JavaScriptAWS.CloudFrontエラー「Expected params.InvalidationBatch.CallerReference」 AWS CloudFrontにキャッシュさせたコンテンツをJavaScriptから削除できるというので試してみました。 試しにコード書いてみて実行したら以下のようなエラーが出て少しハマっていましました。 Error: Expecte...JavaScript
WordPress開発開発したWordPressプラグインを公式サイトで公開する手順 どうも、まちゃと申します。 この記事では自分で作成したWordPressプラグインを公式サイトに登録する申請から初期設定までの流れについて紹介します。 プラグインの申請は2018年8月にしました。 WordPressプラグ...WordPress開発
WordPress開発WordPressプラグイン開発で日本語翻訳を用意する どうも、まちゃです。 この記事ではWordPressプラグインのプログラム中で使用する翻訳対象を実際にPOTファイルに追加していく方法について紹介します。 POTファイルはWordPressプラグイン開発で多言語への翻訳作業に必...WordPress開発
WordPress開発開発したWordPressプラグインのPTE(翻訳者)になる どうも、まちゃと申します。 この記事では、自分が開発したWordPressプラグインの翻訳承認権限であるPTE(Project Translation Editor)権限をもらう方法について紹介します。 自分が開発したプ...WordPress開発
WordPress開発WordPressプラグイン開発の翻訳作業、POTファイル環境構築方法 この記事では、自作したWordPressプラグインの国際化対応で必要なPOTファイルを作成&更新するための環境構築について紹介します。 PCの環境はWindows7、WordPressは4.9.8で作業しました。Macなどでも...WordPress開発
PhpStormPhpStormでコードを整形する方法 PhpStormで、この様に一行で記述された長文コードを適度に改行、インデントを入れて見やすくする方法の紹介です。 まちゃ develop toolとかでコピってきたコードって整形されてないんだよ...PhpStorm
PhpStormPhpStorm おすすめプラグイン、日時フォーマット文字列を簡単に調べる PHPのdate/DateTime関数を文字列で取得する際に使用するフォーマット文字列、よく使うのは覚えているけれど全てを覚えるのは難しいので、たまに使うフォーマットは、よくググって調べてしまう。 そういった時にブラウザで検索せずに、...PhpStorm
PhpStorm【PhpStorm】Atomに慣れている方におすすめプラグイン、ファイルアイコンをAtom風にするプラグイン PhpStormのファイルアイコンをAtom風アイコンに変更するプラグイン、「Atom File Icons IDEA」の紹介 適用するとこんな感じになる。カラフルになるので視認性も良くなります。 インストール手順 ...PhpStorm
PhpStormPhpStorm おすすめプラグイン、ミニマップを表示する「CodeGlance」 PhpStormでファイルのmini-mapを追加するプラグイン、「CodeGlance」を紹介します。 ミニマップは、サイズや表示範囲の色を自由に設定できます。 他には画面内に表示される位置やミニマップのサイズを固定化、ウィン...PhpStorm
PhpStorm便利!PhpStorm(Jetbrains)のマニュアルを日本語訳と英語を切り替える @mikan_meganeさんが作成されたこちらのJetBrainsManualJapaneseスクリプトを入れると本家の英語マニュアルと日本語翻訳マニュアルを行き来できるリンクが追加されます。 PhpStorm というより JetB...PhpStorm
PhpStormPhpStormでコーディングで使用しないディレクトリを除外してパフォーマンスを改善する コーディングでは使用しない画像やDBのDDLやダンプデータが格納されたディレクトリをPhpStorm から除外してパフォーマンスを改善する方法。 PhpStormは検索の速度を速めるためにIndexingという処理をしている。 ...PhpStorm
PhpStormPhpStormでファイルサイズが大きいファイルを扱う方法 PhpStorm でファイルサイズが大きいファイルを開いて比較しようとしたところファイルが途中で切れてしまったので、PhpStormで大きいファイルサイズを扱う設定を試してみました。。 アプリメッセージ PhpStormでファイ...PhpStorm
PhpStormPhpStormで開いているファイルのタブ表示をカスタマイズする デフォルトだとファイルを開きすぎると、横一列に表示されてスクロールする必要が出てくる。 縦幅は犠牲になってしまうが、多段表示にしてみる。 設定する PhpStormの設定画面を開く Editor > Gen...PhpStorm
PhpStormPhpStorm でPHPのページを表示する(Windows環境) PhpStorm には ビルトイン webサーバーという機能があり、XAMPP などでローカル環境にサーバー環境を作らなくても動作確認ができる。ただ、PHPはちょっと設定などが必要。 PHPファイル編集画面の右上に出てくるブラ...PhpStorm
PhpStormPhpStormで Unhandled Exception の表示を消す Exception を throw していて try ~ catch で囲っていなかったりすると「Unhandled Exception」と言われる。上位層で例外処理をして問題無かったりするので消したい時などに使えるかも。 表示されるメッ...PhpStorm
PhpStormPhpStormで対応 JavaScript のバージョンを上げる 「Let definitions are not supported by current Javascript version」、Letには対応してないよ、と言われるので PhpStorm で使用するJavascript のバージョンを上...PhpStorm
PhpStormPhpStorm(IntelliJ IDEA)で簡単に全ファイルの改行コードを変換する方法 仕事ではMacを使っているということもあり、ほとんどのファイルは、文字コードはUTF-8で改行コードはLFで統一しています。 最近Windowsを使うメンバーと一緒に実装する機会があり、Windowsメンバーが書いたPHPファイルを編...PhpStorm
Firefox拡張機能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拡張機能
Firefox拡張機能FireFox62の更新でカスタマイズが無効になったので再度有効にする FireFoxを61から62にアップデートしたら、未読タブの文字色変更や再起動ボタン追加するなどのカスタマイズが無効化されてしまいました。 この記事では、FireFox62でもカスタマイズを再度有効化する方法について紹介します...Firefox拡張機能
Firefox拡張機能FireFox62にアップデートで「Netscape.cfg/AutoConfig に失敗しました」警告の対応 FireFox 62 にアップデートしたらFireFoxを起動するたびに、この様な警告が出るようになりました。 AutoConfig の警告 Netscape.cfg/AutoConfig に失敗しました。システ...Firefox拡張機能
Firefox拡張機能Firefox61で未読タブのカスタマイズが無効になったので再度有効化 Firefox Quantumになってから、以前はアドオンなどの設定から未読タブの色とかのカスタマイズが簡単にできたのが面倒になってしまいました。 それでも「userChrome.css」などで、カスタマイズして未読タブを赤色にするよ...Firefox拡張機能
Firefox拡張機能Tabtterにおすすめな設定、ページ番号をクリックしやすくする Tabtterはウェブブラウザ型のTwitterクライアントです。 Tabtterのタイムライン表示時のページ番号を、この様に大きくしてクリックしやすくする方法の紹介です。 問題点 私は、ついっぷるが201...Firefox拡張機能
Firefox拡張機能Firefox 拡張機能、ウインドウを指定してタブを開く FirefoxのWeb Extensionsでタブを開く時にウインドウを指定して開く方法。 browser.tabs.create で windowId プロパティで指定することでウインドウを指定してタブを作成する事ができる。 ...Firefox拡張機能