PHPの構文チェックツール!vs codeのphp cs fixerなども紹介!(Mac/Windows)

おすすめのオンラインプログラミング学習

覚書をかねて、phpなどの構文チェックツール、vs codeの拡張機能についてまとめていきます。

【windows編VSCode】php、javascriptで本格的に開発するならvisual studio code

本格的に開発するなら、マイクロソフトのvisual studio codeなどを導入しましょう。

というか今後もプログラミングをいじる可能性があるなら早めの導入をおすすめします。作業効率がいいからです。

vo codeの使い方はこちらの記事にまとめました。

MacChromeでlocalhostが繋がらないなどVS Codeトラブル/使い方まとめ
覚書をかねてvscodeのトラブルや使い方をまとめていきます。 Macにローカル環境に移行したらに繋がらない解決方法 Macにローカル環境に移行したらの場合もある)に繋がりませんでした。 原因はesetでした。。 接...

PHP Intellisense

PHPのおすすめ拡張機能は以下のとおりです。

PHP Intellisense:コードの補完や整形を行うもの

個人的にはPHPで今のところ開発をするつもりはなく、Wordpressのカスタマイズする際に直接やるとエラーが見れないため、VS Codeを利用しています。わかりやすいから。そのため、上記ぐらいしかいれていませんが、もっと便利な拡張がたくさんあります。

visual studio code(VS Code)のPHP導入(構文チェック)

PHPの場合は最初文法エラーが表示されません。それじゃ困りますよね。

PHPを読みこむと、画面右下に以下のようなエラーがでているはず。

C:\php\php.exe が有効な PHP 実行可能ファイルではないため、検証できません。設定 ‘php.validate.executablePath’ を使用して PHP 実行可能ファイルを構成してください。
PHP executable not found. Install PHP 7 and add it to your PATH or set the php.executablePath setting

先に拡張機能をインストールすると、そちらでもでる場合があります。

このエラーをとる作業としてはローカル環境にPHPをインストールし、パスを指定します。

XAMPP Installers and Downloads for Apache Friends
XAMPP is an easy to install Apache distribution containing MariaDB, PHP and Perl.

XAMPP(ザンプ)とは、ウェブアプリケーションの実行に必要そうなものをフリーソフトウェアをパッケージ化したものです。まとめといたよと。Webサーバの「Apache」、データベースサーバーの「MariaDB」(旧バージョンはMySQL)、Webプログラミング言語はPHPやPerlなど。あとphpMyAdminなどの管理ツールです。

インストール場所は「C:\xampp」です。

XAMPPを使っている人が多そうですが、PHP単体でインストールする場合はこちらです。XAMPPは約700mbぐらいあるため結構容量が大きいです。

PHP: Downloads

インストール後、VS Codeで以下の手順で設定します。

ファイル > 基本設定 > 設定 > PHPで検索 > setting.jsonで編集

setting.jsonで編集のテキストボタンは2つあるけどどっちも一緒みたいです。

xamppの場合、以下の指定になります。

"php.validate.executablePath": "C:\xampp\php\php.exe", //パスを指定
"php.validate.run": "onType", //リアルタイム構文チェックをオン

この問題をとると、PHPの文法が間違えていると、エラーがでて教えてくれるようになります。

スポンサーリンク

電子書籍のおすすめ比較

【mac編VSCode】php、javascriptで本格的に開発するならvisual studio code

windowsタブレットが調子が悪くなってしまったため、macメインに開発環境を切り替えました。

macでも開発環境を作成したことがあります。

php cs fixer

php cs fixerを使いました。整形ツールです。

まず、Extensions(拡張機能)を入れます。php cs fixerで検索すると似たようなものがいくつかでてきますが、全部小文字のものが正解です。ダウンロード数が圧倒的に違うのでわかるでしょう。実際はvs codeから操作するはずですが一応紹介。

php cs fixer - Visual Studio Marketplace
Extension for Visual Studio Code - PHP CS Fixer extension for VS Code, php formatter, php code beautify tool, format html

しかし、これだけでは動作しません。githubにいきます。いくつかインストール方法があるようですが、PHP CS Fixerの本体をインストールします。

FriendsOfPHP/PHP-CS-Fixer
A tool to automatically fix PHP Coding Standards issues - FriendsOfPHP/PHP-CS-Fixer

Download the php-cs-fixer.phar file and store it somewhere on your computer.

にある、php-cs-fixer.pharをダウンロードします。macのユーザ名直下に.vscode(隠しファイル)があるため、ダウンロードした物を移動して保存します。

.vscode/php-cs-fixer-v2.phar

そして、settings.jsonで設定します。

"php-cs-fixer.executablePath": "~/.vscode/php-cs-fixer-v2.phar",
"php-cs-fixer.rules": "@PSR2",
"php-cs-fixer.formatHtml": true,
"php-cs-fixer.onsave": true

rulesは@PSR2を採用、formatHtmlはhtmlも整形、onsaveは保存時に動作させるものですね。

settings.jsonの開き方はvs codeの使い方の記事をみてください。

MacChromeでlocalhostが繋がらないなどVS Codeトラブル/使い方まとめ
覚書をかねてvscodeのトラブルや使い方をまとめていきます。 Macにローカル環境に移行したらに繋がらない解決方法 Macにローカル環境に移行したらの場合もある)に繋がりませんでした。 原因はesetでした。。 接...

以上でおしまいですが、他にもcomposerでインストールする方法があるようです。

composer global require friendsofphp/php-cs-fixer

ただ、composerが入っていないと実行できないですね。command not foundがかえってきます。.bash_profileなどの設定も必要かもしれません。面倒なので今回は採用を見送りました。

composerの公式サイトは以下です。

Composer
A Dependency Manager for PHP

単純にphpはブログ運営でちょっとしか使っていないため、あまりいろいろと入れたくなかっただけです。

スポンサーリンク

プログラミングを動画、質問掲示板全まとめ、チャットで学習する

プログラミングの動画学習ができるudemyのおすすめはこちらです。

動画編集/プログラミング/資産運用などUdemyのおすすめコース
プログラミング、動画編集、資産運用などudemyのすべて実経験でおすすめコースをまとめていきます。Udemyは日本に来る前から愛用しています。 udemyはセールがあるため、とりあえず会員登録してお気に入りに登録しておくことがおすすめ...

プログラミングを動画やチャットで学習する方法はこちらです。

【比較】安いオンラインプログラミングスクール/おすすめの無料プログラム教室は?
エンジニア・プログラマーになりたい人のために、オンライン版のプログラミングスクール比較していきます。初心者大人向けにおすすめで安いプログラム教室も紹介しますよ。 個人的にはブログを運営しているためwordpressのphpやcssもカ...

プログラミングの質問掲示板も便利ですよ。

【有料9選】プログラミング質問掲示板/質問し放題【無料15選】
有料無料とわず、プログラミング有料質問掲示板/質問し放題のメンターマッチングサービスを調べました。国内海外とわず、覚書としてまとめておきます。 【有料】プログラミング質問掲示板/質問し放題スキルシェアサービス coconala(...

たくさんありますね。

【過去】オンラインのphpやcssの構文チェックツール

過去記事です。

phpの構文チェックツール

phpの構文チェックツールはいくつかでていますが、こちらですかね。Wordpressに直接書くとエラーで動かなくなるかもしれませんからね。

PHP Code Checker - Syntax Check for Common PHP Mistakes
An advanced, custom PHP code checker that searches your code for common, hard to find typos and mistakes; includes a syntax check.

ちょっと使うにはいいんじゃないでしょうか。

ちなみに、こんな感じのエラーがでていたとき

PHP Syntax Check: Parse error: syntax error, unexpected ';'

括弧の対応ではなく全角スペースが混じっていたなんていうオチもありますね。

cssの構文チェックツール

cssの構文チェックツールはいくつかでていますが、こちらがおすすめかも。CSSが効かないとき利用しましょう。

W3C CSS 検証サービス

style.cssなどを丸ごとコピペで直接入力がお手軽ですかね。使い方はコードを入れたのち、「検証する」のボタンを押すだけです。

必要ならオプションもありますので、お好みでどうぞ。

こんなのものありますね。▽ボタンでオプションを設定できます。

CSS Lint
スポンサーリンク

chrome developer toolsはiosやandroidのスマホサイトのデバッグもできる

Chromeデベロッパーツールはスマホサイトのデバッグもできます。レスポンティブWebサイトをブラウザで幅を縮めるのではなく、iosやandroidのスマホのコードをみたいと思ったことはないでしょうか。

右クリック > 検証 > 左上のスマホのアイコン

これだけでいろいろな端末が選べます。表示サイズ等を変更することもできます。

とはいえ、やはり実機で検証した方が安心という人もいるでしょう。持っているAndroidの実機で調べる場合は、

  1. 設定 > 開発者オプション ON
  2. 同じところにある、USBデバッグ ON
  3. USBケーブルの接続。接続したときにAndoroid側で「このPCのデバッグを許可しますか?」と聞かれる場合があるため許可します。
  4. PCのGoogle Chrome を開き、 chrome://inspect にアクセス(新規タブをひらいてアドレスを入れましょう) Deviceのタブをみます。
  5. すると、AndroidのChromeで開いている、ページが表示されます。ページを開いていない場合はテストしたいページを開きます。
  6. 各ページのinspectを開きます。スマホ側もChromeを開いている必要があります。
  7. スマホのChromeとPCのChromeが連動し、ソースコードの確認ができます。

エラー:Pending authentication: please accept debugging session on the device.

chrome://inspectにスマホサイトが表示されない場合、Pending authentication: please accept debugging session on the device.というエラーがでる場合があります。大抵の場合はAndoroid側にデバッグの許可を求めるメッセージがでていて許可していないだけです。

あと、Discover USB devicesのチェックボックスが入っているか確認しましょう。

人気記事  安いオンラインプログラミングスクールおすすめ比較
  • 無料体験あり、オンライン完結あり
  • プログラミングスクールはオンラインで格安に!
  • 電子書籍並みの価格で買える動画学習サイトも一緒に紹介!初心者から上級者向け英語コンテンツまであり。ソースコードは言語関係なしに世界共通!
スポンサーリンク
おすすめのオンラインプログラミング学習
neruをフォローする
スポンサーリンク
ebookbrain

コメント

タイトルとURLをコピーしました