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

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

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

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

【アクセス解析】twitterからリファラとなったツイートを検索する

今回はTwitterの「高度な検索」を利用して、リファラの確認をしてみます。

各種SNSの中でも反応がダイレクトなTwitterですが、ツイートでちゃんとURLを記載してもらっても、リファラには短縮URLで表示されます。

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

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

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

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

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

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

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

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

前回の記事から発展して、外部サイトの画像も同一ドメイン内にある扱いにしてしまおうという内容です。

やっていることは前回とほぼ同じです。
1.PHPで外部サイトの画像を取得
2.jQueryでajax