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のテーマとプラグイン作りたいだけなんですよね。 特に拡張機能をインストールしなくてもデフォルトで多少の補完位は行ってくれますが、そのままでは使いにくいので拡張機能をインストールします。 とりあえず試した拡張機能は以下の通り、うち上位２つがあれば事足りるようです。 拡張機能 要約

スクロールするとコンテンツをふわりと表示させたり、追従するように表示させたり、ビューポートに表示されてない画像をLazyLoadさせたり、そういえば今回のApple Watchでも面白いスクロールエフェクトが採用されていますね。 スクロールによる変化を検出し、それに合わせてCSSのさまざまなエフェクトを簡単に与えることができる1KBの超軽量JavaScriptライブラリを紹介します。非常にシンプルなので、他のJavaScriptやCSSアニメーションのライブラリと一緒に使用することも簡単です。 実装が簡単 スクロールの変化を検出し、CSSのさまざまなエフェクトを簡単に与えることができます。 超軽量 1KBの超軽量ライブラリ。 依存は無し スクリプトは単体で動作し、他スクリプトへの依存は一切ありません。 ブラウザのサポート IE11を含む、デスクトップ・スマホ用のすべてのブラウザをサポート。

はじめに Phantom JSを長らく使ってきたけれど、24時間稼働のアプリケーションに使用していると、時々落ちてしまう。 どうしたものかと悩んでいたら、Headless Chromeが使用できるようになったので、そちらに切り替えをしている。 Headless ChromeをNode.JSで使用するときは、Googleのライブラリpuppeteerを使う。 すんなりと使えればいいんだけど、CentOS7で使用するときは、ちょっとしたコツがいります。 普通に、npm install --save puppeteerでインストールして、使用するとひたすらエラーが出ます。 使用方法は、GitHubのIssueに書かれています。 https://github.com/GoogleChrome/puppeteer/issues/391 上のリンクの方法で、うまく行ったので、記録として残しておきます。

この記事を読もうと思ったということは，あなたはそこそこできるプログラマ，あるいは社内でも自他ともに優秀と認められるほどの実力者かもしれません． ただし，そんな状況でも業界で名が知られる優秀な人や社内の上級プログラマと対峙した時身構えてしまい相手の不思議な理論に屈服してしまう経験はありませんか？本気でプログラミングをすれば互角，あるいは言語によっては自分の方が明らかに上だと自負できる状況にもかかわらず． そんな中，そこまで優秀そうに見えないのにうまくマウンティングを回避しているプレーヤーを見たことはないでしょうか？ 彼らと自分は何が違うのか？ 簡単に言えば，知ってるコンピュータ科学の量と，何らかの物事に対して同調するのではなく先駆者的にそれを宣言することです．それを少しでも発揮できる名著をこれからご紹介します． ※安心してください，日本語の書籍だけ紹介します． Coders at Work

アイコンをクリック・タップすると横からスライドして表示されるナビゲーション、サムネイルをタップするとズームして次のコンテンツを表示、今までとは異なるうるさくないパララックスエフェクト、ほかにもスライダーやアコーディオンやモーダルなど。 最近のWebページやスマホアプリでよく見かけるアニメーションを伴ったさまざまなUIが簡単に実装できる超軽量スクリプトを紹介します。 他のスクリプトやスタイルシートに依存はなく、React、VueJS、Angular、jQueryなどと一緒に利用することもできます。 ユニバーサル スライダー、ポップアップ、アコーディオン、メニュー、パララックス、ジャスチャーなど、さまざまなUIパターンを簡単に実装できます。 ピュアHTML HTMLのdata属性を使用して、インターフェイスをレイアウトし、インタラクションを定義します。 互換性 React、VueJS、Angu

こんにちは。 Centosでは、デフォルトのyumで入るものは古めのものが多いが、gitは1.8.xが入っていた。このバージョンに虚弱性があるらしく、また最新のコマンドなどを使いたい気持ちがあるので、最新のバージョンに更新したい。 ちょうど、今インターン先で開発しているサーバーでCentos7を使っているのだが、そういえば前に研究室のサーバーでやった時のメモがあったことを思い出したので、せっかくなのでまとめておく。 計算機環境 Centos 7で、gitのバージョンは、1.8.3.1である。 $ cat /etc/redhat-release CentOS Linux release 7.3.1611 (Core) $ git --version git version 1.8.3.1 コマンド 以下のコマンドを順番に打っていくだけで、入ります。 $ sudo yum remove git

普段お世話になっているwebツール達の紹介です。 以下のサイトはすべて 無料 & 登録不要 です。 正規表現 regexper 正規表現を可視化してくれます。 複雑な正規表現を書くときやコードリーディングのお供に重宝します。 Rubular Rubyの正規表現をテストできます。 JSON JSON FORMATTER & VALIDATOR JSON系のツールが集まったサイト。 それぞれ、サイト名とドメインが違うのでリンクはそのうちの１つになっています。 (画像クリックでそれぞれのツールに飛べます。) ひとつずつ紹介します。 JSONをフォーマットしてくれます。 出力結果は折りたたむことができるので、長いJSONを読むときにも便利です。 JSONを含めた様々なデータ形式を変換できます。 Inputの以下に対応。 CSV INI JSON XML YAML Outputは以下に対応。 JSO

皆大好きNginx たまーに起動してやろうかと思ったら、 画面には見事に 「502 Bad Gateway」 ...はまった Orz ログを見ると、こんな感じで、Permissionエラー $ tail -f /var/log/nginx/error.log *1 connect() to unix:/var/run/php-fpm/php-fpm.sock failed (13: Permission denied) while connecting to upstream, client: xxx.xxx.xxx.xxx, server: localhost, request: "GET /index.php HTTP/1.1", upstream: "fastcgi://unix:/var/run/php-fpm/php-fpm.sock:", host: "xxx.xxx.xxx.

北海道札幌市在住、サーバー専門のフリーランスエンジニアです。クラウドサービスを利用してWebサイト、ITシステムのサーバー構成設計とサーバー構築を行います。 先日、とあるWebサービスの開発担当者から 「APNs Provider APIを利用してiOSにプッシュ通知するため、LinuxサーバーのPHP curlでHTTP/2リクエストができるようにしてほしい」 というご依頼がありました。 その設定手順をここにまとめます。 ※Web HTTPサーバーのHTTP/2対応ではなく、HTTPクライアントのHTTP/2対応のお話です。 今回試したサーバー環境は、AWS EC2のCentOS 7.3で、RemiリポジトリのPHP 7.1がインストールされているものとします。 試していませんが、PHP 5.5, 5.6, 7.0でも、同じ手順でいけると思います。 必要なソフトウェア 僕が調べた限り、P

Help us understand the problem. What is going on with this article?

はじめに LaravelでHTTPリクエストを投げたかったのでGuzzleを使ってみました。 以前ですとPEARのHTTP_Request2を使っていましたが、あまり最近使われていないようなので新しいパッケージを使ってみました。 HTTP_Request2は長年使ってまして、使いやすくて好きです。cURLも悪くはないのですが…。 Laravelで使いましたが、もちろん生のPHPでも使えます。 Laravelのラッパー Laravel 7系ではGuzzleラッパーが提供されているようです。 例 $response = Http::post('http://test.com/users', [ 'name' => 'Steve', 'role' => 'Network Administrator', ]); $ laravel new hogeproject $ cd hogeproject

iOS開発でのサーバ側 push通知設定や、WebサーバのSSL証明書設定に使われる .pem ファイルの中身を確認する時に便利なコマンドをまとめました。 pem ファイルとは？ openssl コマンドのインストール方法 pem ファイルに含まれる証明書の確認方法 秘密鍵の内容を表示する pemファイルの作り方 (おまけ)csrの情報を出力する pemと同様に使われる.p12ファイルの確認方法は下の記事でまとめてます。 http://[IOS][OPENSSL] .P12キーストアファイル証明書の中身を確認する pemファイルは証明書とか鍵とか、サイトによってバラバラな書き方をされているので、何者かよくわからなくなります。 pem って証明書、鍵どっちなの？という疑問を持たれる方もいますが、pemファイルは鍵になることも証明書になること、両方になることも出来ます。 というのも、pemとは

マルチヘッド, マルチスクリーン, マルチディスプレイ, マルチモニターは複数のディスプレイデバイスをコンピューターに接続して使用することを言います。この記事ではマルチディスプレイを設定する方法の説明や、設定例を示します。 ノート: 混乱を避けるために、この記事で使用する単語の意味を明確にします: モニターは LCD パネルのような物理的な表示デバイスを示します。 スクリーンは X-Window の画面を示します (つまりモニターはディスプレイに接続されます)。 ディスプレイはデスクトップの各部位を示すのに同時に使われるスクリーンの集合を示します (ディスプレイの中のスクリーンでウィンドウをドラッグすることができます)。 歴史的背景 全てとはいわなくてもほとんどの Unix/Linux コンピュータでは GUI を提供するために X Window System を基盤のグラフィカルインター

こんにちは。今回のテーマは『CentOS 7環境のSublime Textで日本語入力をする』です。Sublime Textを使ってみたけど日本語の入力が上手くいかない…そんな経験はないでしょうか？今回はコメントで頂いたご質問からSublime Textの日本語入力をCentOS 7で設定する方法をご紹介したいと思います。 【目次】 CentOS 7でSublime Textに日本語入力したい emacs-mozcのインストール Package Controlの導入 SublimeMozcInputの導入 Subulime Text 3で日本を入力する CentOS 7でSublime Textに日本語入力したい Subulime TextはAtomと比較されることも多い多機能なエディタでPythonで書かれています。現在Subulime Text 3がベータ版として無料で使用可能であり、

UX Movementの著者、編集長。明快で効果的なデザインを愛し、ユーザのために日々奮闘しています。 メールアドレスは、もっとも間違いやすいフォームフィールドの１つです。 入力データにはさまざまな種類の文字による長い文字列が含まれているため、間違って入力してしまいがちです。これにより、ユーザーが間違ったメールアドレスを送信する可能性があるのです。 メールアドレス確認の問題 デザイナーは、メールアドレスの確認フィールドを追加することで、間違ったメールアドレスの送信を防ぐことができると考えています。メールアドレスの確認フィールドの追加で誤送信を何件か防ぐことはできるかもしれませんが、必ずしもすべてを防ぐことができるというわけではありません。 多くのユーザーは、メールアドレスの入力内容をコピーして、確認フィールドに貼り付ける傾向があります。これでは、ユーザーが間違ったメールアドレスを貼り付ける