【PHP】Chromeのコンソールにログを出力する

極めて個人的なお話なのですが、PHPのデバッグって面倒ではないですか?
特にIDEを利用しないでもできるレベルの修正では「どこが間違っていて動かないのか」を特定するのが非常に面倒です。

※IDE使えと言われたらそれまでなのですが…

そんな時に、Javascriptなどで利用している開発者ツールのコンソールへ何かしら出力ができれば、問題解決の助けになることがあります。

今回はPHPからChromeのコンソールへ出力できるChromePHPのご紹介です。

続きを読む

【jQuery】TwitterアプリをWebリンクから起動するスクリプト

Web開発で「ツイートボタン欲しい!」と思う方も多いかと思います。
「スマートフォン向けサイトなのだから、アプリが起動して、あらかじめ本文入っててくれたら良いよね~」なんて気軽に考えてしまい、ドハマりしました。

スマートフォン関連ではよくあることですが、あっちとこっちで挙動が全く違う!
なんとかして解消しようとしてみるも、ちゃんと動かない!
ということが頻繁に発生します。
一応なんとか解決しましたので、忘備も含めて投稿しておきます。

続きを読む

【PHP】strtotime関数の便利な使い方

PHPで日付や時間を扱う際に頻繁に利用する「strtotime関数」
真面目にドキュメントを読めば良いのですが、現場で対応していると「目的の機能を実装するためにコピペ」というパターンも多いかと思います。

ちょっと真面目に調べてみたら、意外と便利な関数でした!

続きを読む

jQuery+Flexboxでさくっと手抜きなモーダルウィンドウ

長い記事を書いていたらメモリ不足になってきたので、シンプルなTipsを書いてクールダウンしようと思います。

モーダルウィンドウを利用する場合、プラグインを利用することが多いかと思います。
実際にクローズボタンやそれ以外の処理も含めてやってしまう場合は、プラグイン利用の方が簡単です。

一方で、そこまでしなくても…という場合があるのも事実です。
(モック作成とか、ワイヤーフレームをHTMLでやるとか)
ということで、サクッとモーダルウィンドウを実装してみたいと思います。

続きを読む

【IE】SVGをimgタグで表示するとIEだけサイズがおかしい時の対処法

いつまでたってもWeb系技術者の前に立ちふさがる、悪魔の存在「Internet Explorer」…。
Windows10で「Microsoft Edge」が標準ブラウザになってからも、しぶとく生き延びています。

他のブラウザで確認した場合は全く問題がないのに、なぜか「IEだけ」トラブルが発生することが多々あります。

今回はIEでだけ、SVGのサイズが意図したサイズにならない場合の対処法です。

続きを読む

ECMAScriptってなんぞ?

開発の最前線に居ないと、新しい情報からはどんどんと遠ざかっていきます。
ということは、さて開発しよう!となった時に知らない用語や、知らない記法に遭遇することも出てくるわけです。
そんな最前線から置いて行かれたフロントエンドエンジニア (自分のこと) 向けに、用語を色々とまとめておきます。

どのくらい置いて行かれているのか、なんとなく想像できてしまいますが…
まずは「ECMAScript」の基本的な情報についてまとめたいと思います。

続きを読む