スパム対策 JavaScript/jQuery を使った迷惑メール対策 | Web Design Leaves
スパム対策 JavaScript/jQuery を使った迷惑メール対策 CATEGORY: jQuery | TAG: Mail 2013年6月4日 ウェブ上にメールアドレスを掲載すると、スパム（迷惑）メー「ルが届くようになることがあります。 迷惑メール（スパム）に使われるメールアドレスは、ロボット（自動巡回プログラム）によって自動収集されていて、ソースを分析し、メールアドレスのような文字列（@ や mialto が含まれたもの）を集めているようです。 以下はメールアドレス収集プログラムに収集されるのを防止する方法（スパム対策）の１つの例です。 追加情報 2013年6月4日に最初に掲載した方法は、かなり無駄が多かったので全面的に書き換えました。2015年8月29日 目次 メールアドレス用のリンク メールアドレスをウェブ上に掲載する場合、a 要素を使ってリンク先として href 属性値に「m
You Don't Need jQuery - Qiita
注意とお願い この記事の内容はもはや古いです。ここに書いている方法では動かないものをいくつか見つけました。参考にする際は動作をよく確認してから使ってください。 ひとつお願いがあります。「あれ、動かないぞ」というコードを見つけたら是非コメントか編集リクエストで教えてください。解決方法までなくても結構です。「これはもう動かないよ」という印をつけたいのです。 この記事はYou Don't Need jQueryの日本語訳と同じ内容です。 先日ひょんなことからYou Don't Need jQueryの日本語訳をさせていただきました。著者のCam Songさんからも快諾をいただけたので1、Qiitaでも公開させていただきます。 なお、本家の英語の説明は継続的にメンテされているので、この記事の情報は古くなっている可能性があります。 追記 この記事は当初は「もうjQueryは必要ない」というタイトルで
「tel」を指定したaタグをPCだけ削除する[jquery]
まえがき iPhoneやandroidは「tel」プロトコルを使用すれば、そのリンクをタップすると番号発信を行うということが可能になります。 ■具体例 <a href="tel:0012345678">電話する</a> しかし、「tel」プロトコルが指定されたリンクをPCで開こうとすると当たり前ですが開けません。 そうなると、例えばレスポンシブ対応のサイトを制作する場合、HTMLの構造は基本的にPC、スマホともに同じなので「tel」プロトコルを使用するとなるとPCにも反映されてしまいます。 困りますね。 ということで、この記事ではPCでアクセスされた時のみ「tel」プロトコルが指定されたaタグを削除する方法を紹介したいと思います。 jqueryです。 PCのみ「tel」プロトコルが指定されたaタグを削除する方法 HTMLの「tel」プロトコルの指定 HTMLの方に若干細工を施します。「te
![「tel」を指定したaタグをPCだけ削除する[jquery]](https://cdn-ak-scissors.b.st-hatena.com/image/square/091edb0e74083d2dc5c10dc1b5def26877f14c51/height=288;version=1;width=512/https%3A%2F%2Fkotori-blog.com%2Fwordpress%2Fwp-content%2Fuploads%2Ftel.gif)
生のReactを知ろう – JSX、Flux、ES6、Webpackを使わず… | POSTD
(編注：2016/07/29、いただいたフィードバックをもとに記事を修正いたしました。) 免責事項： 私はJSX、Flux、 ES6 、そして webpack を非常に気に入っています。これらのツールについては他のシリーズで話します。 React.jsが騒ぎを起こしているのはご存知の通りです。確かに、 XMLHttpRequest 以来の良いツールです。しかし、調査に数時間を費やした挙句、あまりに多くの用語に 圧倒された だけで終わっていないでしょうか。JSX、flux、ES6、webpack、react-routerが使える今、 他に必要なのは React の使い方を説明してくれる人だけです。 喜んでください、それがまさに当シリーズでやろうとしていることです。信じられませんか？大丈夫、 2分後、 初めてのReactアプリを作った後には納得いただけるでしょう。何もダウンロードせずに、です。
option要素のtext部分をみてselect要素の値をJavascriptから変更する方法について - プログラミングを勉強するブログ
若干わかりづらいタイトルですが次のようなことです。 下のようなhtmlがあるとします。 <select id="sampleSelect"> <option value="0">Apple</option> <option value="1">Orange</option> <option value="2">Lemon</option> <option value="3">Strawberry</option> </select> これに対して選択中のoption要素をJavascriptから変更する機能をつける際、value属性の値を指定して選択を行うのではなくtext部分('Apple'や'Orange')をみて選択を行うための書き方について、という意味です。 value属性をみて選択するのであれば document.getElementById('sampleSelect').va
VimでJavaScript開発環境を作成 - Qiita
" Cygwin if has('win32') || has ('win64') set runtimepath^=$HOME\.vim runtimepath+=$HOME\.vim\after endif let s:deinDir = ! exists('s:deinDir') ? $HOME . '/.vim/dein.vim' : s:deinDir let &runtimepath = &runtimepath . ',' . s:deinDir . '/repos/github.com/Shougo/dein.vim' " dein.vim {{{ if dein#load_state(s:deinDir) call dein#begin(s:deinDir) call dein#add('KazuakiM/neosnippet-snippets') call dein#a
旧石器時代のJavaScriptを書いてる各位に告ぐ、現代的なJavaScript超入門 Section1 ～すぐにでも現代っぽく出来るワンポイントまとめ～ - Qiita
はじめに ネットには様々な情報が溢れており、JavaScriptに関する情報も多数存在しております。 その中には、「今時こんな書き方しねえよ…」と思わずツッコミを入れたくなるような、本当に、本当に古い内容について書かれている古文書も存在します。 そんな罠記事の情報に囚われてしまって、いつまで経っても現代的なJavaScriptが書けない皆さんのために、このシリーズの記事では、各セクション毎に分けて、旧石器時代の記述と、現代の記述を紹介する形で、文明開化をしていきたいという思いで記述する。 最初は、現在比較的メジャーなブラウザで一通り動作する「ECMAScript 5」までの内容に関してポエムを書き連ねていき、最終的には一連の内容を読むだけで「ES6(ES2015)」による新機能や、絶賛提案中の「ES7」の一部提案内容についても把握し、おおよそ現代人を育成することを目標とする。 …なんてめっ
イヌでもわかるJavaScript講座
ホームページの項目やおすすめリンク集も次第に大きくなっていきます。プルダウンメニューに目次やリンク集を詰め込めば、ホームページもコンパクトになります。 【リスト】 <script language="JavaScript"><!-- function myGo(){ mySelect = document.myForm.myMenu.selectedIndex; location.href = document.myForm.myMenu.options[mySelect].value; } // --></script> <form name="myForm"> <select name="myMenu"> <option value="index.htm" >☆☆ イヌでもわかるJavaScript講座 目次 ☆☆ <option value="hajimeni.htm">はじめに <
javascriptで、selectの選択中のoptionのvalueを取得する方法で、 - selectedIndexやJquery... - Yahoo!知恵袋
javascript で、selectの選択中のoptionのvalueを取得する方法で、 selectedIndex や Jquery の $('[name=●●●]').val(); などを使わない手法はありますか？ <select name='●●●'> <option value='ABC'>ABC</option> <option value='DEF'>DEF</option> <option value='GHI'>GHI</option> <option value='JKL'>JKL</option>←←今回はこれを選択すると仮定します。 </select> <script> var val = 選択中のoptionのvalueを取得する操作 alert(val); </script> 実は、Jqueryのライブラリ（jquery.darktooltip）を読み込んで、作
JavaScriptによるフォームの制御
JavaScriptでHTMLのフォームをコントロールする基本仕様をタグの種類毎に解説します。 また、タグやフォームをコントロールするプロパティやメソッド、イベントについてまとめておきます。 タグ : FORM / INPUT / text / password / radio / checkbox / button / submit / reset / hidden / SELECT / TEXTAREA / LABEL プロパティ : form / text / radio / checkbox/ button /select / textarea | メソッド | イベントハンドラ ご注意 JavaScriptでHTMLのフォームの制御をするために必要な情報をまとめました。 HTMLやJavaScriptの基本的な学習はできていることを前提としていますので、省略して表記している部分も
2016年版 Node.jsで幸せになれる10の習慣 - Qiita
はじめに Herokuのブロク記事10 Habits of a Happy Node Hacker (2016)を、「洋の東西を問わず、みんな『10のなんとか』って好きなんだな」と思いながら眺めていたら、結構面白かったので内容をピックアップしてみます。 以前、Go言語で幸せになれる10のテクニックというのをあるブログ記事を元にして書いた時には、原題の "Ten Useful Techniques in Go"を意訳して「幸せになれる」としたのだが、今回は原題にシッカリ"Happy"が入っているというおまけ付き。 なお、「2016年版」と言っているのは2013(2014？)年版があるから。これらを読み比べてみるのもまた面白いが、とりあえず今回は最新の2016年版のご紹介。 1. 新しいプロジェクトは npm init で始めろ 新しいプロジェクトはこう始めようよ、と言っている。
Vorlon.jsとは？ ブラウザーでWebデバッグできるお手軽な開発者ツール
Vorlon.jsという開発者ツールを知っているだろうか？ このオープンソースツールを使えば、PCブラウザーで各種Webデバッグが行える。その機能概要と基本的な使い方を解説。 Vorlon.jsとは Vorlon.js（読み方： ヴォーロン・ジェーエス）とは、ChromeのDevToolsやIE／EdgeのF12開発者ツールと同じく、Webブラウザーの表示内容やネットワーク状態をデバッグするためのツールである。 最も特徴的なのが、ブラウザー上で動作することだ。PCブラウザーのデバッグはもちろん、スマホなどのモバイルデバイスのデバッグを、ケーブルをつなげることなく、Macを準備することなく、実現できるのが大きなメリットだろう。 マイクロソフトが開発したオープンソースプロジェクトであり、Node.jsとSocket.IOといったオープンな標準のみを使って開発されていて、プラグインの追加が容易で
NightmareJS+Dockerによる環境非依存なUIテストの導入 - Alpaca技術ブログ
Alpacaで主にフロントエンドを担当している北山(@gamella, blog)です。 フロントエンドを開発していると、「ログインして、これをクリックしたら、この表示が行われていること」みたいなUIテストを環境非依存で簡単に行いたいと思うことがありますよね？僕はあります。 Alpacaでは開発にDockerを全面採用しているということもあり、最近ちょくちょく目にするNightmareJSをDocker上で動かして簡単にUIテストを導入できたので、その知見を共有したいとおもいます。 Nightmare まず、どうしてDockerを利用したいかということですがAlpacaでは、すべての機能をDocker上で動作させているため、それに倣っているいうこともありますがUIテストをローカルでもCircleCIでも、Dockerが動作する環境であればどこでもコードの改変なしで実施できるというのは大きな
[JS]ほんの数行で便利な機能を実装するjQueryのスニペットのまとめ -jQuery Tips
jQueryには高性能なプラグインがたくさんリリースされていますが、ほんの数行のコードだけでも便利な機能を簡単に実装することもできます。 Webサイトで最近よく利用されている便利な機能を実装するスニペットを紹介します。 jQuery Tips Everyone Should Know -GitHub イラスト: Girls Design Materials コードはMITライセンスで、個人でも商用でも無料で利用できます。 ページの上に戻るボタン 画像のプリロード 画像がロードされているかチェック リンク切れの画像を自動修復 ホバーのトグル 入力欄を使用できなくする aタグのクリックイベントだけを利用する アニメーションを簡単に設定する シンプルなアコーディオン 異なる高さのdiv要素を揃える 外部リンクを新しいタブ・ウインドウで開く テキストが無い要素は非表示にする ページの上に戻るボタン
![[JS]ほんの数行で便利な機能を実装するjQueryのスニペットのまとめ -jQuery Tips](https://cdn-ak-scissors.b.st-hatena.com/image/square/2305f06c940fb5e398486ead4dbf84a83e3fa8a8/height=288;version=1;width=512/https%3A%2F%2Fcoliss.com%2Fwp-content%2Fuploads-201503%2F2015102301.png)
npm とか bower とか一体何なんだよ！Javascript 界隈の文脈を理解しよう - Qiita
背景 Javascript で Web アプリを作ろうとすると、よくわからないことだらけで超混乱します。 npm と bower の違いは？ npm はサーバーサイド用、bower はクライアントサイド用らしいよ えっ、でもなんで bower のインストールに npm が必要なの？ サーバーサイドは Rails で書きたいから npm 要らないと思うんだけど・・・ ていうかサーバーサイドJSとか node.js って何？ よく見る browserify って何？ こういった疑問が沸き上がるのは、各ツールが生まれた文脈がよくわかっていないからです。いろいろ調べてやっとちょっとわかってきたのでメモします。間違いがあったらご指摘ください。 「CommonJS」誕生 - Javascript は汎用プログラミング言語へ その昔、Javascript 大好きおじさんは言いました。 Javascrip
JavaScriptリファレンスを高速検索するKeySnailプラグイン
JSReferenceというFIrefoxアドオンであるKeySnail上で動くプラグインの紹介 このプラグインはChemr-jsのように先にリファレンスサイトのインデックスのキャッシュを作っておいて、複数のリファレンスからまとめて検索をすることができるプラグインです。 動画だと対応サイトが少ないですが、現在は以下のサイトに対応しています。 (最新の対応サイトリストはJSReference at master from azu/KeySnail-Plugins – GitHubを参照してください) developer.mozilla.org jp.developer.mozilla.org www2u.biglobe.ne.jp/~oz-07ams/prog/ecma262r3/ api.jquery.com es5.github.com msdn.microsoft.com ECMASc
javascript-ctags
javascript-ctags A command line tool for generating extended ctags files for Javascript. Currently it indexes all functions, both public and private. Installation $ npm install -g javascript-ctags Usage $ bin/javascript-ctags -? javascript-ctags [-?] [-t tagfile] [fileglob] --help, -h, -? show this --tagfile, -t The generated tagfile (default tags) fileglob A glob pattern (supports **/*.js), (defa
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
<a href="tel:***">リンクをスマートフォン端末以外では無効にする - Qiita
Home
GitHub - andersjanmyr/javascript-ctags
