jquery(javascript)で複数選択チェックボックスの配列の入力チェックをする手軽な方法

2018-12-07

phpは分かりやすいのですが、javascriptの配列はちょっと独特ですよね? ラジオボタン・チェックボタンの入力チェックの際に、選択がない場合は「undefined」というテキストデータが入ってしまいますし。 今回のテーマは複数選択のチェックボックスを入力チェックする方法についてです。 複数選択のチェックボックスはフォームでよく出てきます。 近年は、jqueryを当たり前のように読み込んでいると思いますので、jqueryありきのコードです。 例えば、エリアの選択で下記のようなHTMLがあったとします。複数選択のチェックボックスを配列で受け取れるようにする場合は、「area...続きを見る

ワードプレスのデータベースの配列データから画像のパスだけを取得

2018-11-27

ワードプレスを外し、独自のシステムに移行する際、画像のエクスポートが苦労しました。 個人的にワードプレスは好みません。クライアントに管理画面を提供する場合は、自分で一から作ったほうがユーザビリティーが圧倒的に良くなるからです。 アップロード画像の記録がある、postmetaテーブルの検索で「meta_key = _wp_attachment_metadata」とすると、データが下記のようになっていた。なんというごちゃごちゃしたデータ。これだからワードプレスは苦手だ。 htmlStart a:5:{s:5:"width";i:731;s:6:"height";i:723;s:4:"f...続きを見る

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

2018-11-26

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

ページ読込み時に下から上に移動しながらフェードインというリッチなコンテンツ表示を簡単実装

2018-10-29

ページを開いた際にフェードでページ全体を表示する方法はネットに出回っていますが、 「下から上に移動しながらのフェード」これがなかったので、自分で調整したものを残します。 単純に、jqueryのappend関数(コンテンツ追加)でbodyのmargin初期値を50pxなどにして、delay(ディレイ)後にmarginを0にする。 同時にフェード効果とのコラボとなり、非常に心地の良い効果になります。 htmlStart $(function(){ $('head').append( 'body{display:none; margin-top:50px;}' ); ...続きを見る

カテゴリ: Javascript

リンクや画像をマウスホバーの際にゆっくり変化させるCCSのみで最短の方法

2018-10-29

マウスホバーはPC版サイト限定なので、スマホサイトでは使えません。 BtoBではまだまだPC版サイトが重要なので、需要は多少ありますよね。 さて、ゆっくり変化させる方法ですがCSSのみで簡単にできます。 まずはclassにtransition(切り替える時間)を指定します。 hover時の効果も指定。半透明にさせるopacityかbackgroundがベターです。 htmlStart .hover-slow{ transition: 0.5s;} .hover-slow:hover{ opacity:0.7;} htmlEnd あとは、ホバー時に変化させたい画像やリンクの...続きを見る

カテゴリ: CSS

デザイナーを雇って失敗する会社が多い理由「優秀な人材が求人で来ない時代だから」

2018-10-22

社内にWEBデザイナーがいれば制作外注費を大きく削減できて、更新スピードがあがるということで、 制作会社以外の異業種でもデザイナーを雇う企業がいらっしゃいますが、 残念なことに失敗、すなわち赤字になってしまうケースが多いんじゃないかなと思います。 デザイナーの求人広告費、デザイナーの人件費、時間。全てが無駄になって、 結局、今は高いお金を支払って、制作会社にサイトの制作や管理を依頼している会社。 あるいは、やっぱり制作会社は高いということで、粘り強くデザイナーを募集している会社もあります。 なぜ、デザイナーの人材を雇うと赤字になりやすいのか? デザインの制作会社なら赤字に...続きを見る

JavaScript(jquery)でやっかいなundefined値のif文による空チェック判定【即決】

2018-10-21

jqueryでラジオボタンの値を取得した際にalertで値を確認すると「undefined」と表示され、 if文による空チェックがうまくいかなかったが、調べて解決したので記録のために残しておきます。 (adsbygoogle = window.adsbygoogle || []).push({}); htmlStart var hensu = $("input[name='hensu']:checked").val(); //ラジオボタンの値 if(hensu == ""){} //この記述では空のチェックができません htmlEnd いくつかやり方があるようですが、こ...続きを見る

カテゴリ: Javascript

まだ格安SIMに切り替えてない人は年間6万円以上の損失をしてることに気付いてください

2018-10-08


身近にケータイの料金を高く支払ってい人がいて、気になって、 ネットでdocomo、au、softbankの3大キャリア利用者が支払ってる平均料金を調べました。 端末代のローンが組まれている場合は月々9000円ほど。 端末代が含まれていなくても7000円以上になっているようです。 最新型のスマホ端末を、うまいこと言われて、買わされた人は月々13000円くらいだそうです。 次買い換える時に下取りできるからお得ですよーってね。 こういうのはね、客を縛って囲い込みをする営業トークなので、乗らないほうがいいですよ。相手は一番高いスマホ買わせたいだけ。 毎度のこと、スマホの最新型ってカメ...続きを見る

カテゴリ: 個人的主張

【中小経営者向け】デザイナーからみたデザイナーを雇う際のポイント

2018-10-06

WEBやDTP専門の会社ではないけど、自社のビジネスをネットに力を入れて集客していきたい。 そんな会社は多いかと思います。 できれば、商品のサイトや広告媒体の制作を全て自社内部で済ませたいというのは、自然な発想です。 何故ならデザイン制作会社に依頼をすると非常にコストがかかるからです。 じゃあ、デザイナーの求人を出して、採用をしようってなるんですが、 何を基準にデザイナーを選べばいいのか?いくらの年収にすれば腕のいいデザイナーが来やすいのか? 技術者ではない経営者がそこを見極めるのは、意外と難があります。 よくわからなくて、なんとなくでポンコツな技術者を採用してし...続きを見る

mysqliからPDOに記述を変えよう!接続・取得・追加・更新・削除の基本コード

2018-10-05

データベース周りは未だに「mysqli派」ですが、ようやくPDOを使ってみようと決断。 PHP5.1以降に標準で利用できるようになったようで、ライブラリの読み込みは必要がない。 基本となる、接続・取得・追加・更新・削除の一連を動作確認しました。 使い勝手は良さそうで、PEAR::DBはもう完全にオワコンであることがはっきりしました。 ※xamppでは下記コードでちゃんと動作しました。 phpStart //mysqlアカウント $DB['host'] = 'localhost'; $DB['user'] = 'user'; $DB['pass'] = 'pass'...続きを見る

カテゴリ: PHP

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