【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」の基本的な情報についてまとめたいと思います。

続きを読む

【HTML】formのオートコンプリートを無効にする

開発中のWebアプリで、オートコンプリートがバグりました。
DevToolsにも不審なログはなく、関連しそうなCSSを無効化、イベントリスナーの変更なども試しましたが解消せず。

現象が確認できたのはWindows版のChromeのみで、他のブラウザは問題ありませんでしたが、要件を見直してオートコンプリートを無効にすることを決断しました。

そして色々と調べてみると「オートコンプリートは無効化できない」というような記事がざくざく。
無事に無効化できたので、Tipsとして残しておきます。

続きを読む

PHP+jQueryでクロスサイトスクリプティング

ふと思い立ってごりごりと開発しようとするも、それほど頻繁に開発するわけでもないので、つい忘れてしまいがちなのでメモ。

流れとしては以下のとおり
1. PHPで外部サイトのHTMLを取得
 ※これで同ドメイン内でのajaxとして利用可能になる
2. jQueryでajax

文字にすると簡単なのに、なぜこれを毎度毎度忘れてしまうのか…

続きを読む