マナリンク CTOの名人です。 以前マナリンクのフロントエンド開発環境をまとめました。 https://www.wantedly.com/companies/noschool/post_articles/310301 今日は続編として、フロントエンド開発時のIDE(PHPStorm, VSCode)の設定周りについて書いていきます。 普段私はPHPStormを主に使っています。 あまりに便利なので年間1万円ほどを支払う価値は存分にあると思います。 PluginPHPStorm（というか、IntelliJ周辺）には多くのプラグインがありますが、その中でもフロントエンド周りのプラグインを紹介します。 Prettier コードの整形ライブラリとして有名なPrettierですが、エディタにIntegrateすることで、保存時だったり、キーボードショートカット経由でフォーマットを実行できます。 保存
前回は、こちらの記事でDocker + WordPress + Xdebugな環境を作りました。 今回は、そこからさらにPhpStormでステップデバッグを実行できるようにしていきます。 Docker + WordPress + Xdebugの準備 はじめに、前回のDockerfileに少し手を加え、Xdebugの設定ファイルを利用できるようにします。なお、今回からはdocker-composeを利用していきますので、まずはディレクトリ構造を下記のように準備してください。PhpStormでプロジェクトを作成し、以下のようにファイルとディレクトリを用意します。 続いてxdebug.iniの中身です。 #xdebug.ini zend_extension=xdebug # Xdebugをどのモードで動かすか？ # ※これはプロセス起動時のみ設定可能なのでここでしか指定できません。 # 初期値は
概要 Xdebugを使ってみたので、分かったことや分からないままのことをまとめました。 (2021/8/18追記：Xdebugはコードリーディングが辛いときに利用したくらいで、記事を投稿した時期以降は利用していません。コードを読むのに慣れてくるとXdebugが無くてもなんとかなります。Xdebugを利用すると動作が遅くなることがあるので、導入の際には十分検討してください。) ※設定については、Dockerを利用している前提で説明します。 PhpStormの機能については、PhpStormでステップ実行するならどんな環境でも参考になると思います。 (InteliJについて書かれた記事も参考にしたので、JetBrainsのIDEを利用しているなら大体同じかもしれません) Dockerについて この一連の記事が分かりやすいので参考にしてください。 【Docker Compose】設定内容を1行ず
本ページに直接来た方は[WSL2+docker+PHPのWindows開発環境構築(1) WSL2編]から読んでね。 ヾ(・ω<)ﾉ" 三三三● ⅱⅲ コロコロ♪ ------------------- ↓ 余談はここから ↓------------------- [Laradock]:http://laradock.io [WSL2+docker+PHPのWindows開発環境構築(1) WSL2編]:https://qiita.com/dozo/items/9d9e958d4acefffb3fb8 [WSL2+docker+PHPのWindows開発環境構築(2) docker編]:https://qiita.com/dozo/items/17d0ebfb05bb4446caed [WSL2+docker+PHPのWindows開発環境構築(3) PHPStorm編]:https://
はじめに WindowsでPHPなどの開発をしていると色々トラブルに見舞われます。 WSL2やWindows terminalの登場で、端末環境はほぼLinux同等のものが動くようになりました。 しかし、コード編集にWindows側のIDEを使おうとすると色々トラブルに見舞われます。 （Dockerの実効速度とか、Git管理時のパーミッション問題とか） それらはLinuxマシンを使えば解決することですが、Windowsマシンを使いたい。。。 今回はWSL2に開発ツールを詰め込みX-Server経由でGUI操作することで、Windowsの依存性を限りなく減らした環境を作成します。 補足 VSCodeを使用する場合はX環境を設定しなくても、Remote Develop機能でWSL2内の環境を直接操作できると思います。 また、Windowsのファイルエクスプローラで\\wls$\ubuntu-2
情報が古くなったため、記事を修正してブログに投稿しました。 前編：WSL2、Dockerの設定 後編：PhpStormの設定 ※ 下記は古い情報となります。 はじめに Windowsでの開発環境構築の面倒さやDocker for windowsでのビルドの遅さに嫌気がさし しばらくLinuxに逃げていましたが、WSL2に興味を惹かれて開発環境を作ってみました。 現在メインに使っているPhpStormでLaravel開発環境を設定する手順についてまとめています。 概要 PhpStorm（Intellij IDEA）からWSL2のDockerコンテナ内のPHPをリモートインタープリターで設定し、ついでにXdebug、PHPUnitの設定も行います。 環境 Windows 10 professional バージョン1903（OSビルド 19018.1） WSL2：Ubuntu 18.04 Php
PHP開発環境統合エディタのPhpStorm、とってもいいですね！JavaScriptの開発にもPHPの開発にも重宝しています。 今までEclipse、NetBeansなどのIDEは重すぎる割りに使いこなすのが難しく使えていなかったのですがPHPStormはストレスを感じることなく使えています。 日本語化がされていない、有料ソフト、といった事で躊躇もありましたが今年の買って良かったNo.1ですよ。 気に入っているのはFTP/SFTPを使ったファイルアップ機能です。 自分は開発中に実際のサーバーにアップロードしながら確認するタイプなので、編集即FTPアップロードは自分にとっては必須です。 PHPStormは自動でアップロードしてしかも最新ファイルを上書きしないようにできるのです。 リモートサーバーの設定 まずプロジェクトを作ったらToolsメニューからDeproyment＞Configura
みなさんこんにちは。ぺちぱー歴5年のフジサワでございます。 今回は、PHP開発にはかかせない、PhpStormとGitを連携させて使用する方法をご紹介します。 有償ツールということもあってか、意外とPhpStormを使用したGitの利用方法について詳しくまとめられている記事が少ないので、いっそまとめてしまおうと思い至りました。 本記事では以下の環境をベースに解説しています。 OS:Windows 10 Home Edition PhpStorm: 2017.2.3 なお、今回の記事では、「開発する上でよく使う機能」のうち、基本的な一部の機能しかご紹介していません。 他の機能については、また改めて記事にまとめ、投稿させて頂きます。 目次 PhpStormのGit関連のUIについて まずはここから [git clone] 新しいブランチを作成する [git branch] 変更内容をコミットす
毎回設定方法を忘れて検索するのがつらいのでメモしておきます。 C:\Develop以下で構成。XAMPPのドキュメントルートはそのまま、実際に使うのはC:\Develop\www以下にディレクトリ作る。WordPressのルートはC:\Develop\www\wpにする。MySQLのdataもXAMPPとは別ディレクトリのC:\Develop\mysqlに。WordPressのURLはwp.localhostにする。バーチャルホストの設定とか今回はC:\Develop\xamppにインストールする。 インストールが終わったらphp.iniの設定。 mbstring.language = Japanese date.timezone=Asia/Tokyoとりあえずこれだけやって、他は本番用サーバーにあわせる。 参考リンク： php.iniファイルの確認と修正 - XAMPPの使い方 Apac
BASE株式会社 Product Dev Division ソフトウェアエンジニアの田中(@tenkoma)です。主にPHPアプリ開発を担当しています。 BASEでは、PHPアプリ開発で使うエディタに制限はありませんが、希望する人はPhpStormを使えます。 PhpStormは設定を全くしなくてもかなり快適に使えると思いますが、多少設定するとより快適になります。 この記事では主に、開発環境とIDEを連携させアプリケーション開発をスムーズに始めるため、以下の設定について紹介します。 Xdebugと連携してリモートデバッグを可能にする PHPUnitと連携してテストをIDEから実行可能にする PHP_CodeSnifferを使ってコーディングスタイルを適用する EditorConfigを追加してコーディングスタイルを開発者で共有可能にする Xdebugと連携してリモートデバッグを可能にする
IntelliJ IDEA には deployment というファイルをリモートに送信することができる機能があります。踏み台サーバ経由でデプロイするときにひと手間必要だったので備忘録。 目次 SSH のローカルポートフォワードを利用する IntelliJ IDEA の deployment の設定 SSH のローカルポートフォワードを利用する IntelliJ IDEA の deployment は単一のサーバしか設定ができず、~/.ssh/config ファイルも読みません。 そこで、SSH のローカルポートフォワードを設定することで目的のサーバにデプロイすることができました。踏み台サーバーの Global IP が XXX.XXX.XXX.XXX で、デプロイしたいサーバの Private IP が 192.0.0.1 のとき、ローカルのポート 122 にポートフォワーディングを設定し
2024-09-10 テクノロジア魔法学校の体験談と評判 「テクノロジア魔法学校」というプログラミング教材をご存知ですか？ ホームページの広告などで一度は目にしたことがある人も多いのではないかと思いますが、ディズニーが提供する子供向けのプログラミング教材です。 今回は、この「テクノロジア魔法学校」の体験版を実際に体験してみての感想や、「テクノロジア魔法学校」がどのようなものか、その評判などを見ていきたいと思います。 テクノロジア魔法学校とは 料金 エント […] 2024-09-10 レンタルサーバー「クイッカ」の評判と使い勝手 レンタルサーバーとして有名なサーバーの一つに、「クイッカ」があります。 名前は聞いたことのある人も多いのではないかと思いますが、今回はこの「クイッカ」について、料金やスペック、評判などを見ていきたいと思います。 レンタルサーバー「クイッカ」の基本情報 レンタルサー
WordPressテーマを開発することが多いのですが、今までは長い間AtomとかCoda2.5とかを行き来していましたが、最近は自分の制作環境にもしっかりと課金してPhpStormを使うようになりました。 PHPを利用した開発に特化したIDEとなっていて、WordPressもPHPでできているので便利に使うことができます。 本当に奥が深いPhpStormですが、最低限これだけ設定して使ってみるだけで、便利加減を体感できるよ！という内容をご紹介できればと思います。 予め準備しておくこと 以下に解説する流れのしら準備として、以下の状態までは準備しておいてください。 ローカル開発環境→今回はMAMP WordPressをインストール済み 開発用ディレクトリを作成しておく 開発ディレクトリというのは、例えばテーマ開発で言うならば、wp-contentの中のthemesの中にテーマ開発用のディレクト
Emacs使いな人向けの IntelliJ IDEA のキーマップカスタマイズとチートシートです。 チートシートは、ちょくちょく追記していきます。 2018/4/1時点で、Emacs+ Patchedプラグインが IDEA 2018.1 に対応していない ため、IDEA 2018.1 ではいくつかのキーバインドが効かなくなるので注意してください。 2018/4/4 IDEA 2018.1 対応版がリリースされました。 2018/11/30 IDEA 2018.3 から一部のキーバインドが効かなくなりました。 例えば Alt+Y は Yank-pop アクションに割り当てられているのですが、¥が入力されてしまいアクションが発動しません。（他にも Alt+@の Extend Selection も € が入力されてしまって効きませんし、他にも効かなくなっているキーバインドがあると思われます）
PhpStormの購入とアクティベートの記録です。 しばらく試供品を試しておりましたが、PHP開発ではPhpStorm以外の選択肢は無いと思い至りました。 貧乏性ゆえ、どうにかこうにか「無料で良いツール無いかな」と探しておりましたが、有償無償ひっくるめて、これを超えるものは見つかりませんでした。 今まで慣れ親しんだVisualStudioを優に超えています。 使い易さが良く練られていて作り手の思い入れを感じます。 間違いなく必携ツールと言えましょう。こいつなら金を払っても全く惜しくありません。 惜しむらくは日本語訳があると良いのですが、オール英語でもそれを乗り越えられる威力があります！ コメント欄にて日本語化のやり方があることを教えていただきました。 しかもEclipser必携であるPleiadesの作者様から！ こんな場末のブログにたまげたなあ。 開発業務でJavaを触った時にPleia
僕はこれまであまり IDE というものが好きではありませんでしたが、これはやばい。PhpStorm は別格でした。 https://www.jetbrains.com/phpstorm/ というわけで今回の記事では、PhpStorm と WP-CLI を使った WordPress プラグインの開発テクニックを紹介します。 PhpStrom のここがやばい WP_Post オブジェクトとか WP_Error オブジェクトとかのメソッドやプロパティの補完がやばい。 フィルターフックやアクションフックの補完がやばい。補完されない場合は WordPress 本体側で DocComment が書かれていないからなのでせっせとパッチを送ろうと思った。 自分のプラグインに仕込んだオレオレフックも補完する。なにこれすごい。 補完についてはあまりにもすごいので以下のとおり実例を。 PhgpStormはPHP
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
