-
【XSS攻撃】JavaScript1行でできるハッキング手順&対策Web開発ハッキングというと・・・ 黒い画面に白文字が流れる 高度なプログラミング知識が必要 なんかスゴイことをしている こういうイメージがあります。 一部のハッカーはそうかもですが、身近なハッキングだとJavaScript初心者...
-
Data URLスキームとは何なのか?便利な理由と扱うときの注意点Web開発Data URL スキーム 端的に言うと、URLへのデータ埋め込みに使えます。 これが何の役に立つのか、 これがなぜ便利なのか、 これを使う時の注意点 そういうのをまとめました。 Data URLは便利だけど注意点も多い...
-
Android実機で Chrome の開発者ツールを開く&デバッグする方法Web開発Web開発の心強い味方と言えば、Chrome開発者ツール ページ内の要素を書き換えできり、 要素のスタイル(CSS)を変えたり、 ユーザーエージェントを変えたり、 コンソール内でスクリプト実行したり、 これを使うとWeb...
-
PHPからストリーム出力して Ajax でリアルタイム更新するWeb開発Ajax から PHP を呼び出すとき、 普通の方法だと1回ぽっきりのレスポンスしか受け取れません。 でも次みたいな場合、リアルタイムにレスポンスを受け取りたいです。 データを常に画面上で更新したい場合 Twitterタ...
-
mailtoリンクが最新Chromeで全く開かない件…解決方法Web開発タイトルの通り なぜか mailtoリンク が開いてくれません。 ことの概要をまとめると、気づいたのはこういう経緯です。 mailtoでリンクを作った そのリンクをChromeでクリックする アレ・・・メーラーが開かない...
-
Imgur API を使ってサクッと画像アップロードしてみたWeb開発画像アップローダーとして有名な Imgur (主に5ch方面) 無料版でも無制限にアップロードできるので便利です。 実はこの Imgur には API が公開されていて、それを使うと画像データの取得とかアップロードとか動...
-
一意な重複しないIDを生成するNG方法と正しい方法Web開発他の何とも被らない、一意なIDを作成したい場合・・・ もし自己流で実装するとなると、間違いなく重複するし安全じゃありません。 あと「これは一意なIDになるだろ」と思っていても、実はやってはいけないアンチパターンだったとい...
-
ブログパーツの JavaScrip・PHP による作り方まとめ【サンプル付き】Web開発小さなWebサービスを今開発してます。 そんなとき少しでもサービスを広めたくて、ブログパーツ を作ってみました。 「ブログパーツとか難しそうだな~」と思ってたんですが、 意外と作るのは難しくなかったし、作ってみると意外と...
-
reCAPTCH v3 を問い合わせフォームに実装する手順【PHP+JS】Web開発問い合わせフォームをPHPとかで自作した場合・・・ 何の対策もしてないと、あっという間にスパムの温床になります。 そんな時に便利なのが reCAPTCH という機能 昔は「消火栓の画像を選べ!」とか出てきて嫌われてたアレ...
-
PHP + JavaScriptによる簡易的な問い合わせフォームの作り方Web開発どんなサイト・ブログでも、問い合わせフォームは欠かせないモノ WordPressだったらプラグインとか使えば楽に作れますが、 Webサービスを作ってると、それすらも自作する必要があって面倒です。 ということで、PHP +...