【Photoshop】ホワイトバランスを調節する最短の方法(背景が暖色系でオレンジ色っぽい、赤っぽいを白い背景に調整)

2019-10-10


写真は照明が命!プロの撮影現場では照明の調節に7~8割もの時間を費やし、セッティングが整ってしまえあとは誰でも簡単に撮れるという感じ。カメラアシスタントの労力の方がカメラマンより断然上回っているという印象です。 そのくらい撮影では照明が大切なわけですが、ビジネス用途では撮影の知識が乏しい方がパパっと撮影しなければいけないシーンも多々あります。そして、照明のセッティングをせずに、撮影をすると写真の色味が全体的に暖色っぽくなったり、赤っぽくなったりすることがあります。 なぜ、暖色っぽくなったりするケースがあるのかというと、室内での撮影では蛍光灯のタイプがポイントになってきます。 ...

パソコンを購入する際に必要な「HDDのパーティション」の知識。ハードディスクは壊れやすさNo.1だからリスクを減らそう

2019-09-27


▽パソコン故障の原因No.1はハードディスク(HDD) ▽パーティションをするとハードディスクが故障してもデータが助かる ▽パーティションをするとパソコンの動作がよくなる ▽パソコン購入の際にパーティションを確認しよう 今回もITリテラシーを高める為に重要な知識を綴ります。 まず、パソコンが故障した時、どの部品が一番壊れる可能性が高いのか? それはハードディスクドライブ(HDD)です。 そしてタチの悪い事に、ハードディスクが壊れるとデータが元に戻りません。 極稀に戻せる可能性がありますが、基本戻らないという認識です。 パソコン故障の原因No.1はハードディスク(HDD...

アドセンス突然停止からポリシー違反解決まで3回目の再審査で突破の記録【原因はSSLのちょいミス】

2019-09-14


アドセンスに蹴られてブログヲワタ(´・ω・`)けど諦めたらそこで終わり 原因の特定が難しいアドセンスの意地悪なところには舌打ち 当てずっぽうでアドセンス2回の再審査 コードを設置してるのに、していないという不躾なグーグルからのお便り ポリシー違反の原因特定のきっかけは奇跡か!?いや、実力でしょう! アドセンスに蹴られてブログヲワタ(´・ω・`)けど諦めたらそこで終わり googleアドセンスがある日突然停止。ブログには全く広告が表示されなくなってしまいました。 アドセンスの管理画面を見ると、違反理由は「価値の低い広告枠(テンプレート ページ)について」 結論から...

軽減税率に向けた消費税の自動計算(税抜き・税別、8%、10%の相互変換)

2019-09-10

2019年の10月から消費税が10%になります。ややこしいことに、一部8%です。これが軽減税率というルールです。対象品目については政府のサイトにて。 何が対象なの? | 特集-消費税の軽減税率制度 いずれ全て10%になりますが、一部の極小企業が急に変えることで潰れるかも!?とか、庶民が困らないように!?ということを考慮してという建前です。個人的にはたった2%増えることでは何も困りませんが、世の中にはシビアな現状の人がいるのですかね。 一応、低所得者や極小企業への配慮を目的としているそうですが、政府都合の策略でもあります^^; 定額給付金もそうですが、ほんのわずかな金で情報弱...

【ajax+MySQL】ユーザーIDやメールアドレスが既に登録されている場合にアラートを出す(重複登録を防止)

2019-08-22

会員登録制のサイトでは当たり前に必要となる重複登録を防止する機能。 ページ遷移なく、重複を確認する方法の手順をメモとして残します。 会員登録の画面では、ユーザーID及びメールアドレスの重複を防ぐ必要性があります。 下記のコード例では、id名「inpMail」の入力フォームからフォーカスが外れた際に、重複チェックがされる仕組みとなっています。 <HTML+jQuery> htmlStart ログインID(メールアドレス) この内容で登録する $('#inpMail').blur(function() { v...

【jQuery】フォームの入力項目をボタンで追加する方法(追加する数の上限が決まっている場合限定)

2019-08-21

入力、選択などのinput、selectの項目を追加ボタンで増やす方法のご紹介。管理画面を作成する上で、ちょくちょく必要となるのでメモ代わりにコードを残します。 ボタンをわざわざユーザーに押させるというのはちょっと古いですが、自動認識で増やしていくより、断然手軽です。システムを作る際に、「完成までの速さ」を求めるならこの方法もいいのではないでしょうか。 デモはこちら htmlStart 画像追加 画像アップロード $(function(){ //追加ボタンの動作 $('.add').c...

jQuery(javascript)複数ファイルのアップロード時に容量オーバーの場合はアラートを出す

2019-08-21

2019年現在では、iPhoneとAndroidともにinputタグのfile属性が使えるようになっています\(^o^)/ 前までは、画像をアップするだけなのに、面倒なアプリ開発をしなければいけませんでした…。 スマホのカメラ機能はどんどん解像度が上がっているので、1枚の写真が6メガというのが当たり前です。それに伴いレンタルサーバーの方もスペックが上がってきました。 それでも、レンタルサーバーの場合は転送量の軽減を考えなければいけません。 むやみにファイルをアップロードし放題にしては、サーバーがもちません。 ということで、ファイルを選択した際に、ファイル容量を取得して、 ...

【PHP基礎】データベースのデータをCSVで出力する方法

2019-08-20

データベースのデータをCSV出力する。 管理画面ではそこそこ需要のある機能。 今回はCSV出力のドシンプルなコードをコピペ用に残しておきます。 まずはじめに、CSVのことを難しく考えている方もいるかもしれないので、CSV形式についての説明をほんの数行でします。 CSVファイルはデフォルトでエクセルで開かれるので、エクセルデータだと思いがちですが、ただのテキストファイルです。例としまして、下記のようなカンマ区切りのテキストデータです。タブ区切りの場合もあります。 htmlStart 名前,英語,国語,数学 Aさん,95,50,82 Bさん,39,47,97 Cさん,...

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

2019-08-19

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

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

2019-07-23

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

外資系amazonプライムに対抗する国内サービスは楽天・ヤフー・ヨドバシのプレミアム会員どれを選ぶ?

2019-07-21

▽amazon無敵艦隊による最強兵器「amazonプライム」 ▽認知度が低い「楽天プレミアム」というamazonプライム系サービス ▽楽天プレミアムのクレジットカードは年会費1万円だけど… ▽Yahoo!プレミアムは楽天プレミアムより手厚い!? ▽ヨドバシ・プレミアム会員が国内最強の呼び声高し ▽プレミアム会員サービス選びの結論 ▽ケータイのキャリアがau(又はUQモバイル)の場合 ▽ケータイのキャリアがdocomo(又はOCNモバイル)の場合 amazonの勢いは世界中で止まりません。 近い未来amazonが世界の流通を支配するだろうと言われています。 しかし、私はこ...

【ネット速度検証】PLCに必須のノイズ対策!ノイズフィルター商品を何種類か検証してみた

2019-07-13


▽あなたの知らない「ノイズフィルターの世界」 ▽PLC利用者必見!ノイズフィルターの効果を検証 ▽ノイズフィルタータップ以外のノイズ対策を検証 ▽ノイズ除去世界グランプリ2019「N-1」の結果発表 あなたの知らない「ノイズフィルターの世界」 ノイズフィルターって何?マニアックな商品であることは間違いありません。 ほとんどの方が存在すら知らないし、ノイズを気にしたことがないでしょう。 例えば、スピーカーにイヤホンを差すと、何も曲をかけていないのに「サーーーーッ」という小さな音がしたという経験ありませんか?それがノイズです。 音質に強いこだわりを持つ人は、ノイズフィルタ...

2019年 PHPのSMTP送信はインストール不要のPHPMailerが手軽で最短!PEAR終了

2019-07-07

▽現役のメーラー「PHPMailer」ライブラリ ▽PHPMailerでSMTP送信ができたコードの紹介 ▽PHPMailerでSMTP送信の手順1「ダウンロード」 ▽PHPMailerでSMTP送信の手順2「ライブラリ読み込み」 ▽PHPMailerでSMTP送信の手順3「SMTPの設定」 ▽PHPMailerでSMTP送信の手順4「SMTP送信の実行」 ▽PHPMailerでSMTP送信の動作確認済みコード <現役のメーラー「PHPMailer」ライブラリ> 以前、迷惑メールになりにくいということでPEARのSMTP送信の記事を書きましたが、 PEARはPHP7になっ...

問い合わせフォームからのスパムを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(リキャプチャ)設置...

【実体験レビュー】最新2019のPLCで速度が2倍に!家全体どこでもLANが繋げるWiFiが届きまくる!

2019-07-03


▽コンセントがLANポートに?電気配線をLANに変換 ▽マニアックな商品の為?パナソニックが家庭用PLC撤退 ▽PLC性能対決!日本・中国・アメリカ 結果は!?やはりそうか… ▽最新のTP-Link PLCアダプターが届きました ▽旧PLCから新PLCに変えると速度が2倍アップ! ▽PLC設置に必要なものまとめ ▽PLCを自分で購入して設置するのが面倒な方はご依頼ください コンセントがLANポートに?電気配線をLANに変換 10年以上ほど前に、田舎の実家に帰った時、ネット環境はあるものの、 やや大きめの一軒家なのでWiFiの電波が1階から2階まで繋がりませんでした。...

【オススメ韓国史劇ドラマ】韓ドラの史劇は政治の話どっぷりで学べることが多い

2019-06-16


▽韓ドラといえば史劇!政治不信の韓国が作る政治ドラマは良作多し ▽オススメの韓国史劇ドラマ「チュモン」 ▽オススメの韓国史劇ドラマ「ホジュン」 ▽オススメの韓国史劇ドラマ「千秋太后(チョンチュテフ)」 ▽オススメの韓国史劇ドラマ「善徳女王(ソンドク)」 ▽オススメの韓国史劇ドラマ「トンイ」 <政治不信の韓国が作る政治系史劇ドラマは良策多し> 韓国の史劇ドラマは政治の話がどっぷりで個人的にツボでした。 支配層が己の地位を守るために、あらゆる卑劣な方法で手を汚していく。 腐敗した政治を正そうと、巨悪に立ち向かう主人公。 このいわばヒーローもの王道パターンが好きな...

人の能力は知識欲で決まる!将棋で脳を活性化するとスマートな思考を持つことができる【実体験で証明済み】

2019-06-02


▽自分で勝手に成長出来る人間は○○○がある ▽自分の無知に気付けば気付くほど学びたくなる ▽知識欲の有り無しで人との相性も変わってくる ▽本当の意味で知識欲のある人は「考える脳」になっている ▽自分が考える脳かどうか確かめる方法 ▽考える脳になっていない人は将棋を始めると変わる ▽将棋がもたらす脳への期待される効果 ▽これだけ覚えれば初められるたった3つの将棋のルール 今回の記事は、このブログの主軸でもある「知識欲」が絡むので力が入ります。 私がこの記事で一番伝えたいのは、 仕事ができる人は考える脳になっている。 仕事ができない人は考える脳になっていない。 ...

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

2019-05-29


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

個人撮影会というド素人でもできるモデルの副業がSNS上で密かに盛り上がっている【月収50万円も可能】

2019-05-25


▽夜職以外でサラリーマンの倍以上稼ぐ若い女性がチラホラ ▽撮影会は元々セクシー女優のビジネスとしてメジャーだった ▽個人撮影会が盛り上がる理由 ▽完全にソロで個人撮影の副業をする女性は○○嬢の可能性あり ▽カメラマンの目的も二手に分かれる ▽出会い系が運営してる撮影会が存在。サクラが来ることも!? ▽運営を挟んでの撮影会が安定!地道に知名度を増やせばいつか… フリーランスの働き方を選択する人が増えている昨今。特に何のスキルがなくても始められる「個人撮影会」が密かに盛り上がっているという事実に今更ながら気付きました。 ツイッターやインスタで「ポートレート」「モデル撮影会」...

人材不足に感じるのは正社員募集にこだわるのが原因。今後は業務委託を上手に扱う企業が生き残る!経営者の意識改革

2019-05-18


▽一般的な企業の採用コストを知る ▽採用に予算をかけられるのは経営に余裕がある証拠 ▽いつまで続くのか?大手採用サイトに依存する企業体質 ▽お金を第一で仕事を選んでないけど、選んでるという曖昧さ ▽技術者は正社員である必要性がないのでは? ▽優秀な人材が何を求めているのかを理解すれば糸口が見えてくる 一般的な企業の採用コストを知る 中小企業の人材不足は様々な業界で深刻なようです。 飲食や介護などの労働系サービス業はもちろん、エンジニアやデザイナーなどの技術者も人材の獲得が非常に難しい昨今。 今回は、中小企業向けの「技術者の人材確保」についての考察です。 ※この記事の...

5Gのことみんな大げさに伝えすぎ!5Gは余計な進化ばかりか人体への悪影響あり!IoTは愚の骨頂!

2019-04-18


▽5Gに関して大げさな情報が飛び交っているけど実際は? ▽悲報!5Gを利用すると料金が割高に! ▽悲報!5G電波は人体への悪影響がより強まる ▽LANケーブル(有線)の通信よりも5G電波通信の方が速くなる ▽5Gまでの電波の歴史を少し振り返る ▽5Gって余計な進化ばかりじゃない?画質よりも内容が大事 ▽5GがもたらすIoTは家電ヲタ向けじゃないか? ▽医療の世界で低遅延の5Gにより遠隔手術が普及する ▽その他ちょっとした5Gがもたらす変化 ▽5Gが一般市民に与える影響は極わずかだと思われる ▽ここが一番気になる!5Gによりネットの動画サービスがテレビを超えることは確定 ...

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

2019-04-04

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

jquery不要のスライダーswiperでページャーとナビゲーションが表示されない!即決

2019-03-24


スライダー(スライドショー)のライブラリは色々ありますが、今回swiperを使用した際に、 ドットアイコンのページャー(ページネイション)が全然表示されなかったので調べてみると… まず、これはHTML側で普通にネットによく転がっているコードです。 これに誤りはありませんでした。 htmlStart htmlEnd 次は、スクリプト側のコードですが、これだとスライダーは動作するものの、ページャーが表示されませんでした。 htmlStart //動作しなかったswiperの古い記述の仕方 var swipe...

大阪のグルメ食レポ 焼肉のホルモンがハイコスパの「いろりや」

2019-03-03


大阪のなんばを歩いていると、冗談抜きで8割が旅行者なんじゃないかというくらい日本人が少ない感じ。それもそう、ザ・大阪を満喫するなら梅田ではなく、なんばを選択するのは正解。分かってるじゃないか外人勢。 それにしてもなんばの飲食店の盛り上がりはすごいです。 平日でも満席のお店が多く、どの店も客でごった返しています。 個人的になんばで注目のグルメは焼肉のホルモン!ホルモンのお店がすごく多いのがなんばの特徴とも言えます。大阪では鶴橋=焼肉・ホルモンのイメージが強いですが、なんばも負けていません。 今日は、味やオシャレさよりもコスパを重視した焼肉ホルモン店の「いろりや」さんを紹介した...

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です。 [デモサンプル] まずはbodyの下辺りにローディングのHTMLコードをコピペして、フォームのボタンに何らかのクラス名を付けてください。 htmlStart ・ ・ ・ htmlEnd 次はCSSに以下のコードをコピペしてください。...

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

2018-10-08


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

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の基本であ...

HTMLの動画設置、埋め込みはyoutubeでできる!flvはもうやめよう

2016-02-23

このサイトを参考に! https://www.fds.ac.jp/ htmlStart htmlEnd HTML5の「video」タグが今ひとつ。全ブラウザ対応かが問題だし、 安いレンタルサーバーの場合は負荷がかかるからmp4はできればアップしたくない。 まだ古いやり方のフラッシュ動画「flv」が現役なのかと思いきや、 Youtubeのiframe呼び出しでフレームを非表示にして、ループ再生にすれば簡単! ...

phpMyAdminの初期設定ではセッション切れるのが早過ぎ!タイムアウトを長くしようぜ!

2015-10-28

ローカル環境でPHPでのシステム開発時にPHPMyAdminのセッションアウトが邪魔。 ローカルだからセキュリティーなんてどうでもいいということで、 セッションのタイムアウトを24時間にしてしまおう! PHPMyAdminのフォルダの直下にある「config.inc.php」に一行追加するだけ! ▼一般的な環境でのファイルの場所 htmlStart C:\xampp\phpMyAdmin\config.inc.php htmlEnd ▼追加する行 htmlStart $cfg['LoginCookieValidity'] = 86400; //24時間 htmlE...

ドキュメントタイプについて

2014-08-14

HTMLの先頭で記載しなければいけないドキュメントタイプにはいくつか種類がある。ドキュメントタイプを指定しないと、古いIEではCSSが正しく反映しなかったりするので宣言は必須。例えば「margin:0 auto;」が効かない。 これまで現役で、今もなお主力なのがxhtmlのドキュメントタイプ。この指定をすると閉じタグのないタグには最後にスラッシュが必要になる。個人的には好きな指定法。 htmlStart htmlEnd そして、xhtmlより前に主流だったのが下記のドキュメントタイプ。テーブル組みの時代によく見られていたので、古いサイトは大半がこの形。 htmlSta...

thickboxでパラメータ付き(GET送信)のPHPを読み込む方法

2013-09-26

いわゆるlightBox系のライブラリである「thickbox」。ファイルの少なさと設置の簡単さでそこそこ人気がありそうなライブラリ。 thickboxのインラインフレーム表示でパラメータ付きのフォームを表示しなければいけないケースに出くわし、普通に下記の通りにやってみると、 htmlStart 予約フォーム htmlEnd あれれGET値のidがPHPに渡らない… 「thickbox パラメータ」でググって調べてみると2つの解決法が出てて、何やらthickbox.jsを改造するコードが紹介されていたが、効果なし! 諦めずに「jquery parameter」でググっ...

外部サイト(他ドメイン)のファイル存在確認

2013-05-05

画像ファイルがあるかないかを判断して、必要に応じてノーイメージ(now printing)を表示する時などに使用するファイル存在確認の代表的関数file_exists()。 phpStart $path = './log/item/12345.jpg'; if(file_exists($path)){ $img = $path; }else{ $img = '/img/noimage.jpg'; } phpEnd しかし、自サーバーならfile_exists関数でファイルがあるかないかを判断できるが、他ドメイン&他サーバーでは使用できないので、その場合はget_hea...

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

2013-04-30

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

jqueryでtable・liなどをドラッグ&ドロップで並び替え(ソート)する【sorttableスマホ対応】

2013-04-27

ドラッグ&ドロップで並び替える機能はほんの数行で実現できます。まずはjqueryとjquery-uiを下記にアクセスしてダウンロード。jqueryはなるべく自サーバに置いたほうが読み速度が早し、いつリンク先が消えてなくなるか分からないので、直リンクはオススメしません。直リンクの方がラクですけどね^^; <2019-10-12追記> スマホ版サイトでドラッグ&ドロップの並び替え(ソート)で実現するには、「jquery.ui.touch-punch」をさらに読み込む必要があります。「jquery-ui.js」の後に読み込んでください。 jquery.ui.touch-punchの公式サイ...

SSIで上位ディレクトリを呼び出す場合にはちょっと注意

2012-12-26

さくらインターネットの共有サーバーではhtaccessのルールが特殊で、結構悩まされる。安いサーバーに難があるのは仕方がないけど…。 既に拡張子が「html」で作成されたサイトで、後からSSIやPHPを使いたいという状況。これWEBの仕事してるとそこそこ出てくるよね? URLを変えるのはSEO的にイヤだということで、拡張子はhtmlのままSSIやPHPを使用したいという時は、htaccessにちょいと書いてやるだけで実現します。 htmlStart ▼phpの場合 AddType application/x-httpd-php .htm .html ▼SSIの場合 Add...

div全体をリンクにする方法

2012-11-28

divの中全体をリンクにしたい場合は下記のコードがおすすめ。リンクにしたいタグにクラス指定をすれば、そのタグ内にあるリンクのリンク範囲をボックス全体にしてくれます。 <javascript> htmlStart $(".boxlink").click(function(){ window.location=$(this).find("a").attr("href"); return false; }); htmlEnd HTMLは下記のような感じで使用する。親ボックスは特にdivじゃないとダメということはない。block要素であればなんでもOK。 <HTML> ...

無線LANからコンセントLAN(PLC)に変えてみた

2012-10-23


2019-07-31報告 PLCに関しては新しい記事をご覧ください 【実体験レビュー】最新のPLC(別名:コンセントLAN)でネット速度が2倍に!家全体どこでもLANが繋げるWiFiが届きまくる! 以下で紹介しているパナソニックのPLCは2019年現在、生産終了しています ネットでの買い物といえば必ずといっていいほど楽天を利用していたが、最近はAmazon(アマゾン)で買い物をすることが多い。楽天より安いケースが多いし、最大の長所は注文から発送がかなり早く、大抵翌日に到着します。 レビューで評判の良かったパナソニック製のPLCを購入 今回も翌日で無事に到着し...

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

2012-10-18

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

Javascriptで数値の先頭のゼロを削除する方法と、数字の先頭にゼロつける方法

2012-10-07

例えば「01」や「02」など、先頭にゼロがついている数値を「1」という数値に直す場合は、Number関数を使用します。 htmlStart var str = "05"; var num = Number(str); //結果 num == 5 htmlEnd 逆に決まった桁数で先頭にゼロをつけなければいけないケース(ゼロパディング)もよく出くわします。その場合は下記の方法がおそらく最短コード。 htmlStart var num = 5; var str = ('0' + num).slice(-2); //結果 str == '05' htmlEnd s...

要素が空の場合はそのタグを削除する

2012-09-21

管理画面で入力がされていない空の項目がある場合、表のページで内容が空だったら非表示にしたいケースがちょくちょくあります。PHPで全ての項目に分岐文を加えるのは面倒だなと思い、他の方法を考えるてみると…。なんと、jqueryを使えば一行で実現できてしまいました。 htmlStart //リストの場合 $("ul#detail li:empty").remove(); //テーブルの場合 $("table#detail td:empty").parent('tr').remove(); htmlEnd このコードでのポイントはemptyでの空要素チェックとparentで親要素の指...

6行程でアコーディオンメニューを導入

2012-09-08


jQueryを使用してたった6行程でアコーディオンメニューを完成させているコードがあったのでご紹介。 htmlStart $(function(){ $("dd:not(:first-child)").css("display","none") $("dl dt").click(function(){ if($("+dd",this).css("display")=="none"){ $(this).siblings("dd").slideUp("slow"); $("+dd",this).slideDown("slow"); } }); })...

頻繁に使うシーンがある文字列操作群の関数

2012-08-23

文字列の一部分を取り出すsubstr関数は使用するシーンが多いです。長い文章の最初だけを表示する時や、URLから一部分を切り出す時などなど。 <substr()関数 - 最後の2文字を取り出す> phpStart $str = 'https://sample.jp/cate.php?id=06'; echo substr($str, -2); //結果「06」が出力されます。 phpEnd 第2引数にマイナス値を入れれば最後からの文字が取得できます。先頭から2文字を取得する場合は正数を書けばOK。文字列が日本語の場合はmb_substr()を使用しないとバグが起きます。...

サーバーとは

2012-08-14

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

【PHP初心者講座】動的ページのカラクリを最短で紹介。ログファイルで簡易データベースの練習コード

2012-08-13

PHPをゼロから始める人はfor文やif文などの構文を一通り見たけど、「で、何をすればいいの?」と足ふみをしてしまう人が多いのではないでしょうか? そんな人にまず知ってほしいのは動的ページのカラクリ。これが分かればドドドっと次から次へと課題が出てくるので、勉強が進みます。 では早速簡単な動的ページを作ってみましょう。まずは商品データが入ったログファイルを作ります。下記の例ではカンマ区切りで「ID」「商品名」「値段」という構成で一商品一列でまとめています。 秀丸やさくらエディターなどUTF8の文字コードに対応したテキストで作成してください。 <ログファイル data.log>...

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

2012-08-09

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

アフィリエイトコードを隠す際にはjump.phpを使おう

2012-08-08

アフィリエイトのリンクがサイト内にたくさんある場合は、隠した方がSEO的に良しとされています。では、簡単なので早速コードを見てください。 <jump.php> phpStart $link[1] = 'https://sample1.jp?afid=9999'; $link[2] = 'https://sample2.jp?afid=9999'; $link[3] = 'https://sample3.jp?afid=9999'; $link[4] = 'https://sample4.jp?afid=9999'; $link[5] = 'https://sample5.jp...

thickboxでダイアログを表示する

2012-08-08

Jqueryのプラグインであるthickboxを使ってダイアログを表示してみよう。まずはheadタグ内でjqueryを読み込んだ後にthickbox.jsを読み込む。順番が逆だと動きません。 htmlStart htmlEnd あとはテキストリンクにclass指定でthickboxを宣言し、リンクを貼るだけで設置完了です。リンクのパラメータにはheightとwidthを必ず指定しなければいけません。リンク先はHTMLや画像、PHPでさらに独自のパラーメーターを付け足すことも可能です。 <テキストリンク~ダイアログ表示> htmlStart サンプル htm...

floatで横並びにしたli(リスト)をセンターにする方法

2012-08-04


ページャを作る時に重宝するテクニックです。floatで横並びにした場合、text-align:center;ではセンターにはなりません。potosion(ポジッション)を使って実現させます。 <CSS> htmlStart div.pager { font:14px Arial,Helvetica,sans-serif; position:relative; overflow:hidden;} div.pager ul{ float:left; position:relative; left:50%;} div.pager ul li { float:left; position...

サイト内のキーワード検索で複合(AND)検索を導入する為のコード

2012-08-04

複合検索は半角スペース区切りのワードに変換して、explode関数で半角スペース区切りで配列に格納し、foreach文でWHEREのSQL文を生成します。foreach文でエラーを出さない為に、ループの前にis_array関数で配列であるかの確認しておきましょう。 htmlStart $q = str_replace(' ',' ',trim($_GET['q'])); //*1 下記説明 $array = explode(' ',$q); if(is_array($array)){ foreach($array as $val){ $str = ($sql)?' AND...

あると便利なリスト用アイコン

2012-08-04


画像をダウンロードして、フォトショップで切り抜き加工をして使ってください。CSSの宣言方法も記載しておきます。 <HTML> htmlStart サンプル1 サンプル2 htmlEnd <CSS> htmlStart ul.listMark li{ background:url(/img/list.gif) 0 2px no-repeat; padding-left:15px; } htmlEnd 背景ポジション(0 2px)←この部分はline-heightの設定値により数値の調節が必要になります。ポジションの数値はマイナスの値も使えます...

floatの回り込み解除にclearfixを使う

2012-08-04


<サンプル> ヘッダーなどでサイトロゴの横にバナーを置く時に回り込みの解除が必要になってきます。背景画像があるカラムの中でfloatを使って回り込みをすると、背景画像が表示されなくなります。そこで背景画像を指定しているタグにclearfixを使えばちゃんと背景が表示されるようになります。clearfixは便利なのでサイト毎に必ず宣言しています。オーストラリア人のTony Aslettという方が、cleafixを考案したらしい。 <CSS> ※2019-04-20追記 現在はコードが短くスッキリしています。使用方法は変わりません。 htmlStart .clearfix::a...

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