Visual Studio Code で PHP、ついでにPHPDebugの設定も。 Windows 10 Pro Hyper-V Ubuntu 16.04 Visual Studio Code 1.17.2 PHPのIDEといえばPHPStorm一択かなと思ってますがライセンスが切れ以来更新してません。 何しろPHP自体が数年に数日しか使わない頻度なので費用が惜しくてVisual Studio Code使うことにしました。 WordPressのテーマとプラグイン作りたいだけなんですよね。 特に拡張機能をインストールしなくてもデフォルトで多少の補完位は行ってくれますが、そのままでは使いにくいので拡張機能をインストールします。 とりあえず試した拡張機能は以下の通り、うち上位２つがあれば事足りるようです。 拡張機能 要約

This extension is now unpublished from Marketplace. You can choose to uninstall it. PHP IntelliSense Advanced PHP IntelliSense for Visual Studio Code. Note: This is just the VS Code extension that spawns the actual language server. The language server itself is implemented purely in PHP in its own repository, all features need to be implemented there and all issues should be reported there. You do

テーマを変更してシンタックスハイライトを使いやすくするシンタックスハイライトはデフォルトで備わっている。 ただしデフォルトのテーマ設定である Dark (Visual Studio) だと変数やメソッドの配色が他の文字と同じ白色で表示されていまい、とても見づらい。 そこでテーマを Dark+ (default dark) に変更する。 テーマの変更は Ctrl+K Ctrl+T と入力するとテーマ一覧が表示される。 あるいは Ctrl+Shift+P や F1 でコマンドパレットを開き、theme と入力して検索してもよい。 コードを補完させる VSCode はそのままでもある程度の補完機能を備えているが、あくまでも PHP の標準機能に関するものだけである。 実際に PHP でコーディングするのであれば、自作クラスやメソッドなども補完してほしいところ。 そこで、拡張機能の PHP Int

概要 PuTTYというソフトで公開鍵を作成しようとしたのですが，普通に作ってしまうとgithubなどで使えなくてハマったので，作る方法をまとめました． PuTTYのダウンロード このページの"puttygen.exe (a RSA and DSA key generation utility)"と書いてあるところからダウンロードできます． 鍵の作成 上の画像にある"Generate"をクリックし，マウスを親の敵のように激しくランダムに動かします． 公開鍵を保存する 公開鍵は上の画像のように全選択してコピーし，エディタなどでid_rsa.pubなどと名前をつけてホームディレクトリにsshみたいなディレクトリを作成してその中に保存するといいかもしれないです． 秘密鍵を保存する 秘密鍵はメニューから"Conversions"→"Export OpenSSH Key"をクリックし，id_rsaなど

トップページ WinSCPのダウンロード ページ一覧 最近の更新 PuTTYgenで公開鍵/秘密鍵を作成するPuTTYgenはSSH/SCP等で利用される公開鍵/秘密鍵を作成するツールです。PuTTYgenではRSAおよびDSA鍵を作成できます。 PuTTYgenはWinSCPのインストーラに同梱されており、通常WinSCPとともにProgram Files以下の「WinSCP」－「PuTTY」以下にインストールされます。 OutlinePuTTYgenの実行 新しい鍵の作成 鍵の形式を選択する 鍵のサイズ（強度）を選択する 鍵を生成する 鍵の指紋 鍵にコメントを入力する パスフレーズを設定する 秘密鍵をディスクに保存する 公開鍵をファイルに保存する 以前に作成した秘密鍵の読み込み/秘密鍵から公開鍵を作成 秘密鍵の変換 PuTTYgenの実行PuTTYgenはWindosのスタートメニュー

UbuntuのFirefoxで再生できない動画がありました。 Firefoxに動画再生のプラグインを追加したら、動画が見られるようになりました。 support.mozilla.org Firefox は、HTML5 音声や動画コンテンツ をウェブページ上で再生できますが、他のコンテンツでは、他のメディアプレーヤーや ブラウザープラグイン などをインストールする必要があります。 Flash プラグイン: Flash プラグインをインストールする および Flash プラグイン利用ガイド の記事をご覧ください。 Flash プラグインは、多くのウェブサイトで音声や動画を再生するために使用されます。 FirefoxでFlash Playerの状況を確認するページを開いてみます。 Flash Player の状況確認 ムービーが表示されなければ、プラグインをインストールしてみます。 get.ad

テストサーバーにUbuntuをインストールしました。 Webサーバーを構築するための下準備を進めてみたいと思います。 ファイヤーウォール SSH Nginx SSL MySQL PHP Ruby パッと思いつくところは、こんなものでしょうか？ Ubuntuのファイヤーウォール ufwとは？ ufwの情報源 ufwの注意点 ufwの使い方 ufwのGUI「Gufw」 ufwのバージョン確認 ufwのインストール Gufwのインストール Gufwの起動 まとめ Ubuntuのファイヤーウォール CentOSの場合は、ファイヤーウォールとして「iptables」や「firewalld」が用意されています。 Ubuntuの場合は、「ufw」というツールが用意されていました。 ufwとは？ himachannel.com Ubuntuで標準的に利用できるfirewall機能 Uncomplicate

Ubuntuでキャプチャーした画像にモザイク処理を入れるために、画像編集ソフト「GIMP」を使ってみました。 GIMPとは？ UbuntuにGIMPをインストールする方法 GIMPの起動 GIMPの使い方 GIMPでモザイク処理 GIMPとは？ GIMPは、Adobe Photoshopみたいな画像編集ソフトです。 GIMP - Wikipedia GIMP（ギンプ、ジンプ、GNU Image Manipulation Program）は、GNU GPL の下で配布されているビットマップ画像編集・加工ソフトウェア（ペイントソフト）。 公式サイト GIMP - GNU Image Manipulation Program forest.watch.impress.co.jp 無料で高機能な画像編集・処理ソフト UbuntuにGIMPをインストールする方法 zorinos.seesaa.net

Ubuntuでちょっとした画像編集するとき、どんなツールを使えば良いのでしょうか？ 検索したら、「GIMP」「Pinta」といったソフトが推奨されていました。 bjkun2.blogspot.com krakenbeal.blogspot.jp GIMPは、Adobe Photoshopみたいに高機能なツール Pintaは、Windowsのペイントみたいに軽量なツール 今回は、ちょっとした画像編集をしたいだけなので、「Pinta」を使ってみます。 Pintaのインストール方法 Download - Pinta - PintaProject/Pinta Installing Pinta - Pinta - PintaProject/Pinta aptコマンドでインストールするには、 $ sudo apt-get update $ sudo apt-get install pinta とコマン

PHPでAmazonの商品データを取得。 配列のデータをデバッグ表示するとき、配列がデカイと見づらいです。 「昔何かのライブラリーを使って配列を見やすくしてたよな～。何だっけ？」と思い出したので、改めてメモ。 デバッグ用のPHPライブラリー PHPの配列を見やすくするライブラリーとして「debuglib」や「dBug」がありました。 techblog.ecstudio.jp debuglib github.com qiita.com CodeIgniterで「debuglib」を使う方法。 PHP/CodeIgniter/debuglib_helper - TOBY SOFT wiki →「debuglib」をCodeIgniterのヘルパー関数にして、print_a()関数を呼び出せばOK。 dBug github.com qiita.com 「dBug」は、「debuglib」よりも新

PHPのMVCフレームワークを使っていたら、機能を追加するたびにControllerやModelが肥大化していき、自分で書いたコードなのに段々把握しづらくなってきました。(汗) 論理設計はともかく、物理設計では粒度を細かくして、なるべく疎結合になるようにしようと思いました。 jsstudy.hatenablog.com 細かく分けるのは良いけど、メソッドがたくさんあった場合、メソッドの一覧表があって俯瞰できたら便利だなーと思いました。 メソッドの一覧表を作成／表示する機能って、今時のIDEなら付いてるよな？と思って調べてみたらありました！ラッキー！！！ qiita.com Visual Studio Codeの場合、Windowsなら「Ctrl + Shift + o」で表示しているファイル内にあるメソッドの一覧を表示してくれます。 「Ctrl + Shift + o」を押した後、さらに「

以降では「Visual Studio Code」を「vscode」と略します。 表示しているファイル内のシンボルの一覧を表示する vscodeでは、関数やクラス、メソッド等を「シンボル」として認識します。 以下のキーを押すと、表示しているファイル内のシンボルの一覧が表示されます（関数やクラス、メソッドの一覧が表示されます）。 mac windows 上述のキーを押した後、「:」をタイプすると、シンボルがクラスやメソッド等のカテゴリごとにソートされます。 一覧からシンボルを選択し、Enterキーを押すとそのシンボルに移動します。 シンボル名で検索する 以下のキーを押した後、シンボルの名前の一部をタイプすると、そのタイプした文字列に合致するシンボルをプロジェクト内のファイルの中から検索し、該当するシンボルの一覧が表示されます。 mac windows

今日は、バージョン管理システムのGitを練習してみます。 GitのGUIソフトである「Sourcetree」をインストールします。 教科書は「わかばちゃんと学ぶ Git使い方入門」という本です。 jsstudy.hatenablog.com SECTION 03　Gitを簡単に使えるツールをインストールしよう Sourcetreeとは？ Sourcetreeのダウンロード Sourcetreeのインストール まとめ SECTION 03　Gitを簡単に使えるツールをインストールしよう (p.37) ◆SourceTreeの特徴 日本語対応 無料 BitbucketやGitHubと連携可能 SECTION 03の内容は、Web版でも閲覧できます。 codeiq.jp Sourcetreeとは？ バージョン管理システムのGitを使いやすくするためのソフトがいろいろあり、その中の１つが「Sour

はてなブックマークで話題になっていたGitの入門書を買ってみました。 「わかばちゃんと学ぶ Git使い方入門」という本です。 わかばちゃんと学ぶ Git使い方入門〈GitHub、Bitbucket、SourceTree〉 作者: 湊川あい,DQNEO 出版社/メーカー: シーアンドアール研究所 発売日: 2017/04/21 メディア: 単行本（ソフトカバー） この商品を含むブログを見る 以前、本屋でパラパラと眺めたときは、「よくあるマンガ本かな？」と思った程度で正直印象に残ってなかったのですが、改めて見てみると入門書として良い本だと思いました。 sugamasao.hatenablog.com CHAPTER 4「実用Git 〜 こんなときはどうすればいい?」が目当てでした。 本書を購入するかどうか？の判断材料として、CHAPTER 4を確認したら良いかも。 目次 CHAPTER 1　G

javascriptで用いるモジュールをおさらい第一回目でも触れましたが、テストやテストカバレッジ取得を行うために、以下のnpmパッケージを使います。 mocha (モカ) テストフレームワークと呼ばれているパッケージです。テストのプログラムを実行させることができる枠組みです。 power-assert (パワーアサート) テストフレームワークのmochaに、想定した動作ルールを書くことができ、想定外のプログラム動作が見つかるとエラーで教えてくれます。この動作ルールのことをアサーションと呼んでいます。 intelli-espower-loader (なんて読むんだろ？) power-assertを実行するために、コードを変換してくれるパッケージ。power-assertのテストを実行する際に、mochaの内部で利用します。 istanbul (イスタンブール) テストのカバー率を調べること

javascriptまたはEcmaScript6(ES6)のプログラムの品質を保つ方法を、備忘録としてまとめてみたいと思います。 今回は第二回目です。mocha、power-assertを使って、プログラム動作が期待通り書かれているのか検証を行う方法について分かりやすく解説していきたいと思います。 なお前回は、javascriptやES6におけるテスト環境についての概要や、テストの必要性について簡単に触れました。