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

2018-11-26

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

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

2018-10-29

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

リンクや画像をマウスホバーの際にゆっくり変化させる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 あとは、ホバー時に変化させたい画像やリンクの...

【経営者向け】デザイナーを雇って失敗する会社が多い理由「優秀な人材が求人募集で来ない時代だから。優秀な人材はフリーランスにゴロゴロいます」

2018-10-22

▽デザイナーは雇うと損する ▽なぜ、デザイナーの人材を雇うと赤字になりやすいのか? ▽デザイナーにマーケティングの能力があると思ったら大間違い ▽デザインのことしかできないデザイナーが多い ▽マーケティングはあくまで経営者のテリトリー。SEOコンサルに騙されるな ▽年間350万円分のデザインの作業がないなら、デザイナーを雇うな ▽デザインは絶対的に外注すべし! ▽フリーランスに優秀な人材がゴロゴロいること知ってますか? デザイナーは雇うと損する 社内にWEBデザイナーがいれば制作外注費を大きく削減できて、さらに更新スピードがあがるということで、制作会社以外の異業種でもデザ...

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

2018-10-21

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

格安SIMで月額2000円以下に!まだ格安SIMに切り替えてない人は年間6万円以上の損失をしています

2018-10-08


▽ケータイの料金って毎月いくら払ってる? ▽ケータイの料金はできるだけ下げるべき ▽楽天モバイル(格安SIM)の明細を公開 ▽格安SIMならではのデメリットはさほどない ▽格安SIMへの切り替え方(格安SIM業者の選択) ▽格安SIMへの切り替え方(電話番号引き継ぎ) ケータイの料金って毎月いくら払ってる? 身近にケータイの料金を高く支払ってい人がいて、気になって、ネットでdocomo、au、softbankの3大キャリア利用者が支払ってる平均料金を調べました。 端末代のローンが組まれている場合は月々9000円ほど。 端末代が含まれていなくても7000円以上になってい...

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

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'...

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送信」を実行さ...

自作PHP派が既に時代遅れのPEAR::DBを試用で使ってみたので基本コード紹介|接続・取得・追加・更新・削除

2018-10-03

PHPのキャリアは10年くらいで、フレームワークは一切使用せず、独自PHPで作成をする派です。 誰よりもあらゆるポータルサイトを早く作る自信があり、開発コストもかなり下げられる我が誇りの技術。 かなりの大掛かりで複数人での開発ならフレームワークを覚える必要があるのだろうが、 基本一人で全てこなす案件しかしないので、覚える必要がない。個人的にはスピード第一。 データベース周りは「mysqli派」です。というのも大抵のレンタルサーバーはmysqlだから他のを使う機会がありませんでした。 そんな私が、重い腰をあげてPEARライブラリのPEAR::DBを試してみた。 DBの基本であ...

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