Ajaxでセレクトメニューの内容を非同期で変更する【最短コピペ用jQueryコード】

2019-08-19

フォームを扱うページでは非同期通信を使うことで、 使い勝手が向上することがありますので、jqueryのAjaxは重宝します。 いまさらですが、あまりによく使うので、個人的なメモ代わりに HTML・jQuery・PHPの3点セットを残しておきます\(^o^)/ デモサンプルとして、都道府県のエリア選択を例にしました。 デモはこちら HTML htmlStart 地域区分 --選択-- 北海道 東北 南関東 北関東・甲信 北陸 東海 近畿 中国 ...

目に優しくて電力エコなダークモード(ナイトモード)をサイトやブログに導入する方法。ボタンで非同期切り替え

2019-07-23

今後は導入がスタンダードになりそうなダークモード 2018年頃から有名どころのアプリやサイトで ダークモード(ダークテーマ)への切り替えができるようになってきました。 ダークモードがもたらす効果は以下の2点。 「目の疲れを軽減」 「消費電力の低減」(有機ELディスプレイの場合のみ) TwitterやYoutubeを一日中見ている人にとっては、このダークモードは嬉しい。 背景が真っ白だと、目がチカチカしてきます。 クリエイティブツールのAdobe製品ではダークモードがデフォルトになっていますし、 プログラマーが使うエディタ系のツールもダークモードが人気の様子です...

問い合わせフォームからのスパムをGoogle reCAPTCHAを導入で一網打尽!スパム来なくなりました!

2019-07-06


▽お問い合わせフォームのBot攻撃が年々増加している ▽reCAPTCHA(リキャプチャ)v3の設置方法 ▽[v3]設置手順1「まずはフォームのHTMLにreCAPTCHA設置コードを追加」 ▽[v3]設置手順2「次にフォームタグ内にhiddenのinputタグを追加」 ▽[v3]設置手順3「PHP側の先頭にコードを追加」 ▽[v2]設置手順1「まずはフォームのHTMLにreCAPTCHAのAPIを読み込む」 ▽[v2]設置手順2「フォームのボタンの辺りに認証チェックフォームを設置」 ▽[v2]設置手順3「PHP側の先頭にコードを追加」 ▽reCAPTCHA(リキャプチャ)設置...

これまで身を潜めていた香川発の希少糖Dプシコースの大量生産が2019年秋ついに始動!なぜアメリカ市場から!?

2019-07-02


▽衝撃的な希少糖の特徴!まさに夢の糖Dプシコース ▽奇跡を起こして希少糖を作り出した香川大学 ▽発表からこれまで鳴りを潜めていた希少糖に疑惑… ▽香川発Dプシコースを最初に売り出す市場はアメリカ ▽ここだけの話Dプシコースと人工甘味料は似てる? 2014年頃だったか、テレビ番組で「香川大学が希少糖を作り出すことに成功」的な情報を目にしました。 希少糖(レアシュガーとも言われる)という言葉は初耳で、これが出回ったらスゴイ! これ世紀の発見じゃないのか?と当時は衝撃を受けました。 衝撃的な希少糖の特徴!まさに夢の糖Dプシコース 希少糖は50種類ほどあるそうで、香川大学...

indeed(インディード)用の求人ページ制作「採用係長」と同様のサービスで圧倒的に安いところあり!

2019-06-08


▽初期費用無料サービスは維持費が高い ▽採用係長と同様サービス「格安!人材確保」の料金の違いがスゴイ! ▽採用係長と格安!人材確保のサービス内容 ▽フリーランスを活用していない会社は大損している ▽インディードはネット求人広告の新しい風 ▽インディードの掲載メリット インディード用の求人ページを作成する「採用係長」という勢いのあるサービス。 ベーシックプランが月額2万円で年額にすると24万円です。 初期費用が無料でインディード用の求人ページが持てるというのが魅力ですが、 初期費用無料のサービスは維持費が異常に高い傾向があります。 初期費用無料サービスは維持費が高い ...

食品添加物の是非は”肯定派の人間が信用させる行動をとらない”から消費者の不安が消えない。肯定派達よ行動で示せ!

2019-06-04


▽食品添加物の反対派と肯定派の意見まとめ ▽なぜ食品添加物の肯定派を信用できないのか ▽食品添加物の肯定派は国の犬なのか? ▽食品添加物を全く気にせず食べられたら幸せ ▽毎日3食 食品添加物を気にせず食べられる方はチャンス! ▽添加物まみれ生活の企画をしてくれる方募集中 食品添加物について、あなたは不安はありますか? 私は7:3で不安が勝っています。 安心の方の3割は、肯定派の意見も一理あると思うからです。 この不安の高さは、肯定派の情報の発信が信用ならないからです。 肯定派の方こそ、この記事を読んでその根拠を知ってほしい。 食品添加物の反対派と肯定派の意見ま...

高年収を捨て地方へ。20~30代若者の地方移住がトレンドの理由。東京は人口過密でパンク状態

2019-05-29


▽東京は会社が多くて仕事が見つけやすいだけ ▽都会の企業間の競争はもう無意味になってきている ▽若者の地方移住は欲深い人間との決別ともいえる ▽高い家賃を支払うことのバカバカしさからも決別 ▽地方に移住する時は事前に移住補助金制度を調べるべし ▽地方移住先の人気ランキング調査の結果 ▽移住先でどのように安定した生活を築くかが難関 東京は会社が多くて仕事が見つけやすいだけ 今や若者の間でトレンドとなっている「地方移住」 それもそう、東京は人口過密の状況がひどくて、もう住みやすいとは言えなくなっている。 どこへ出掛けても凄い人混み。街の女性トイレは長蛇の列で膀胱炎になり...

特定のIPからサイトを見れなくする。不正なアタックの多いロシアと中国からのアクセスを禁じる簡単な方法

2019-05-01

ロシアと中国はサイバーアタックが多いので、 htaccessでサイトにアクセスできないように規制をかけたほうがいいです。 アクセス解析の邪魔をしてくることもありますし、 問い合わせフォームでスパムを送ってきたりと、 一般人の素朴なサイトにまで面倒なことを仕掛けてきます。 産経ニュースによると、中国とロシアはAIを活用して自動的にサイバー攻撃を仕掛ける技術を獲得したとのことで、「米中露サイバー戦争が世界を破壊する」といったジャーナリストの本も出ています。本当にいい迷惑です。 では早速ロシアと中国のアクセスを規制する方法に進みます。 htaccessに以下の初期でIPアド...

【レスポンシブ基本】スマホ閲覧の時だけ表示またはパソコンの時だけ表示するCSS最短テクニック

2019-04-04

レスポンシブでサイトを制作することは今や当たり前ですよね。 googleが推奨していることもありますし、なによりサイトのメンテナンスがラクです。 レスポンシブ最高!というわけで早速表題の件に。 <レスポンシブの1番お手軽な組み方(CSSを三つ用意する)> レスポンシブでサイトを作る場合、スマホで表示するボタンをパソコン版では表示しないようにしたい部分がでてきます。ですので、分かりやすい名前のクラスをつけておくと便利です。 pc.css htmlStart .sp-only{ display:none;} htmlEnd 逆にスマホ用のCSSにパソコン版だけの部分を非表示に...

WEBサイトを運営・管理するにあたって最低限必要な情報

2018-12-13

///////////////////////////////////// ドメインの管理について ///////////////////////////////////// ■ドメインが取得できるサイトは複数あります。 お名前.com、バリュードメイン、ムームードメインなど 【よく取得されるドメイン】 .com/.net … 最安(情報サイトなど) .jp/.co.jp … 企業向け(会社のサイトなど) ■ドメイン取得サイトが異なる業者にドメインを引き渡すことを「ドメイン移管」といいます。 【ドメイン移管】 ・特に費用はかかりません。 ・1~2週間くらい...

ボタンを押したらローディング(くるくる回るスピナー)を表示する(ローディング画像不要CSSのみ)

2018-11-26

管理画面でユーザーに画像をアップさせる際、実行ボタンの2度押しを防ぐために必要なローディングの表示。 特に苦労せず設置ができたので、コードを紹介します。ローディング自体はCSSで完結します。画像不要なのが今回のミソです。ボタンを押したらローディング発動の部分だけjqueryです。 [デモサンプル] まずはbodyの下辺りにローディングのHTMLコードをコピペして、フォームのボタンに何らかのクラス名を付けてください。 htmlStart ・ ・ ・ htmlEnd 次はCSSに以下のコードをコピペしてください。...

PEAR::MailでSMTP送信に挑戦!|無事に動作したコピペで使えるコードを公開

2018-10-04

2019-07-07報告 SMTPは「PHPMailer」で行うことをオススメします PHPメーラーのライブラリ「PHPMailer」はまだまだ現役。今もなおアップデートされています。 Wordpressもメール送信周りではPHPMailerを使用されています。 SMTP送信に関してはコチラの新しい記事の方が導入が簡単です。 2019年 PHPのSMTP送信はインストール不要のPHPMailerが手軽で最短!PEAR終了 どうしてもPEARでSMTP送信をしたい場合は下記をご覧ください。 今回は前回に引き続き、PEAR関連でPEAR::Mailで「SMTP送信」を実行さ...

リファラースパムのせいでgoogle解析のPV数に誤差が出る

2015-11-23


最近流行の技のようで、主にロシアからのリファラースパム行為が多いらしい。 google解析(グーグルアナリティクス)でリンク元の参照を見ると、 普通なgoogleやyahooなどの検索エンジンが上位のはずが、訳の分からないドメインが上位になっている。 例えば、こんな感じのURLが参照元に… htmlStart claim66629524.copyrightclaims.org site48246457.snip.to site69510790.snip.to get-your-social-buttons.info site46176572.snip.to htmlEnd...

sleipnir(スレイプニル)のお気に入りインポート・エクスポートはこうしろ!改定版

2013-09-01


※2014/11/06改定 この記事はスレイプニルのバージョンが4.3.10のケースなので、万能な情報ではないかもしれません スレイプニル(以下、プニル)のブックマークのインポートで悩んでるアナタ!自分も悩んだことあるけど、なんとかで解決できました! とりあえずIEにエクスポートをすることが肝要。IEにエクスポートしてしまえば、他のどんなブラウザでもIEのお気に入りをインポートできるはず!なんてったってIEはwindowsデフォルトのブラウザなのだから。 ①まずはプニルのメニューバーを表示(近年のブラウザはメニューが初期状態では非表示になっているが、これは表示しておかないと色...

本物のタブブラウザはスレイプニル!高速ネットサーフィンで仕事で差をつけろ!(2019年更新:スレイプと決別した理由)

2013-09-01

2019年7月更新:もう4年前頃にスレイプニルとはきっぱり決別した理由。スレイプニルの迷走よ止まれ! スレイプニルは「重い」「突然落ちる」のデメリットがあります。しかし、スレイプニル4のブックマークとタブの使い勝手は抜群にいいので、今も離れられないユーザーがいると思います。 きっぱり決別しようと思ったのは、バージョン5の時にスレイプニルの良さがすべて消し飛んでしまったからです。普通のよくあるブラウザと同じ様なものになった感があります。使いこなす前にアンインストしたので知りませんが。ですが、最新バージョンに全く魅力を感じなかったので決別しようと決心しました。 現在のスレイプニルの公...

ボタンを押したらローディング画面を表示する

2013-04-30

更新 2018-11-26 新しい記事にもっと簡単な方法が載っています この記事に関する最新記事は「ボタンを押したらローディング(くるくる回るスピナー)を表示する(ローディング画像不要CSSのみ)」になります。下記の古い内容よりも画像ファイルが不要で使い勝手がいいので、新しい記事をご覧ください。 古い方法でよければ以下をご覧ください。 管理画面で時間のかかる処理(例えば画像や動画などをアップロードする際)をする場合、画面が固まってしまったと勘違いされて閉じられたり、ボタンを何度も押されてバグを発生させてしまうこともあるかもしれない。 そこで、ローディング画面を表示して、ユーザ...

jqueryでtable・liなどをドラッグ&ドロップで並び替え(ソート)する

2013-04-27

ドラッグ&ドロップで並び替える機能はほんの数行で実現できる。まずはjqueryとjquery-uiを下記にアクセスしてダウンロードする。jqueryは自サーバに置いたほうが読み速度が早いから直リンクはオススメしない。 htmlStart http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js http://code.jquery.com/ui/1.10.2/jquery-ui.js htmlEnd 次は、下記のようにjqueryを読み込んで、一行コードを書いてやります。#sortにドラッグ&ドロップソートを適応さ...

QRコードを手っ取り早く作る方法

2012-11-02


Google Chart APIを利用すればたった一行でQRコードが作れます。 htmlStart http://chart.apis.google.com/chart?chs=《サイズ》&cht=qr&chl=《URLやメールアドレスなど》 htmlEnd 画像タグに上記のコードを記載するだけ。 htmlStart htmlEnd パラメータの「chl」には日本語を使うこともできます。mailtoタグと同様で日本語を使う場合は文字化けの対処をしないといけないので、文字コードをパラメータの「choe」で指定しないといけない。 QRコードは携帯やスマホで読み取られるの...

【フリー素材】スマホ版ヘッダー用素材

2012-10-25


今回はスマホ版サイトのヘッダーの部分でよく見かけるアイコンの素材。今回配布しているPSDファイルでは、ホームやメールなど全てがベクターなので拡大縮小が自由です。 人物フリー素材SELLSELF ダウンロード[PNG] ダウンロード[PSD] ※自由に使っていただいてかまいませんが、再配布はご遠慮ください。 スマホ版サイトをデザインする時の強い味方となる参考サイトをついでにご紹介。 ■絶対見ておきたい有名企業のスマホサイトまとめ http://ascii.jp/elem/000/000/590/590502/ ■優れたiPhoneサイトデザイン集 - ...

メールアドレスの書式が正しいかチェックする正規表現

2012-10-18

メールアドレスの書式チェックの方法をネットで調べると、preg_match関数を使用した正規表現チェックのコードがいくつか出てくるのだが、どれも同じコードではない為、どれが一番正確なのかはよく分からない。そこで、信用できそうなコードをご紹介。 (adsbygoogle = window.adsbygoogle || []).push({}); どうやら、docomoは「da.me..@docomo.ne.jp」といったRF2822非準拠の携帯メールアドレスが取得できるらしいので、docomoのせいでちょっとややこしいようだ。 ↓ドコモのメールアドレスの取得は以下が可能↓ ...

【PHP】内容に日本語が含まれているかを調べる方法

2012-10-18


メールフォームならメールアドレスは見えないのでスパムは届きにくくなるが、最近内容が英語だけのスパムメールが届くようになった。簡単な処置として、内容に日本語が含まれているかを調べて、英語だけの場合は送信しないという分岐を追加することに。 どうやって全角の文字があるかどうか調べるかというと、文字数を数える『strlen関数』と『mb_strlen関数』を使用して、マルチバイトが含まれているかどうかを調べます。 phpStart if(strlen($body) == mb_strlen($body,'utf8')) { //全部英語(全てシングルバイト) }else{ //日本...

サーバーとは

2012-08-14

パソコン界の池上彰を目指すべく、パソコンの知識ゼロな人でもなんとなく分かってもらえるようにサーバーを説明したいと思います。 サーバーというと、「空中に浮かんでいる得体の知れないもの」のようなイメージを持っている人が多いのではないでしょうか?少なくとも自分は最初の頃はそう思っていました。しかし、そんな漠然としたイメージではよくないので、具体化しましょう。 実は、サーバーは単なるパソコンなのです。 パソコンにサーバーのソフト(一番有名なのはアパッチというソフト)をインストールするとサーバーにすることができます。なので、あなたが今使っているパソコンもサーバーにすることができるわけで...

クロスブラウザ対応CSSハックの一覧

2012-08-09

コーダー泣かせのIEはハックで強引に直しちゃいましょう。IEはjavascriptの動作が重いし、CSS3とHTML5の対応は進んでいませんし、FireFoxもCSS3とHTML5が完全対応ではありません。safariとGoogleChromeはその辺はかなり対応していて優秀です。IEの次のバージョンはどうなのでしょうかね? マイクロソフトはOS部門のWindows以外で大した成功がないような気がします。メッセンジャーはスカイプに負けてるし、ブラウザもイケてないし、スマホでも勝ち目なさそうだし。クラウドサービスもグーグルの方が技術的に強そうなイメージがある。どれも使いやすさには定評がある...

この記事がお役に立てましたら是非シェアのご協力お願いします。