四六時中、ブラウザを見ている現代人。youtubeやtwitterのダークモードは目の疲れを軽減してくれるので非常にありがたいですよね。しかし、まだまだダークモードの普及率は低い。
黒ベースのサイトは非常に少ないです。高級店がたまに黒背景のサイトだったりしますが、それ以外は白ベースで画面が非常に明るい。その明るさが企業イメージにも繋がりそうなので、企業は黒ベースの選択はしません。しかしこれは固定概念であり、黒ベースでも信頼感のある企業イメージは作れます。「大手がみんな白ベースのサイトだから」という右向け右の悪しき習慣。ぜひ、目に優しいダークモードの推進を進めて欲しいものです。
...
▽Youtuber・アフィリエイト・ビジネス向けで万人に推奨のクリエイティブで成長しやすい環境
▽SNSで目立つ高画質インスタグラマー、youtuberを本格的に目指せる女性にオススメのセット
なぜか日本人はアップルのiPhone（アイフォン）を購入している方が多い。
個人的には囲い込みビジネスを行っているアップルは推奨できない。
例えば、アイフォンのイヤホンはアップル専用である。対してAndroidのイヤホンジャックは昔ながらの共通。アイフォンの音楽管理はiTune（アイチューン）を通すことが必須で、Apple Musicのサイト上で音楽の購入が基本となる。対してAndoroid...
▽目が疲れる理由① 近いものを見ると目が緊張する
▽目が疲れる理由② ピントを合わせると目が緊張する
▽目が疲れる理由③ ブルーライトなどの光は目の負担になる
▽目が休まる、目に優しい行動とは
▽集中力のある人はより眼精疲労になりやすい
ずっとまぶたが重い感じがする。すぐに目が疲れる。
このような症状は眼精疲労（がんせいひろう）といいます。
今回は目が疲れる理論を知り、対処法を述べます。
眼精疲労で検索をすると、「目の周りのマッサージ」や「オススメの目薬」といった情報が出てきますが、それでは眼精疲労は治りません。
パソコン、スマホ、テレビなどを長時間見ていると...
私は飲食店の経営者ではありません。
私の取り柄はビジネス思考とIT技術。
この取り柄を生かして、飲食経営ついて考えてみます。
▽飲食店の集客方法① 利益土返しの赤字メニューで集客をする
▽飲食店の集客方法② マーケティング会社に行列を作ってもらう
▽飲食店の集客方法③ 飲食店は映像を上手に使え！仕込みを公開で信用度アップ
▽飲食店は味よりも集客テクニックが重要という病んだ社会
飲食店の集客方法① 利益土返しの赤字メニューで集客をする
居酒屋で多く見られるのは、
「ビール一杯目150円」
「ハイボール２時間飲み放題」
というものです。これだけのことでも集客力が多...
▽ITリテラシー向上 基本用語「ブラウザ」
▽ITリテラシー向上 基本用語「拡張子」
▽ITリテラシー向上 基本用語「OS（オーエス）」
▽ITリテラシー向上 PC（旧称：マイコンピュータ）をデスクトップに表示する
▽ITリテラシーを向上させるには用途を明確にしよう
この記事の内容はパソコンの上級者なら当たり前のように理解していることばかりです。
記事を読んで、よく分からなかったという方は、ハッキリ言ってITリテラシーが低いです。
さあ、あなたのITリテラシーはいかほどでしょうか？
パソコンを新たに購入した際は、自分好みにパソコンを設定しないといけないですよね。
まず...
2019年現在では、iPhoneとAndroidともにinputタグのfile属性が使えるようになっています＼(^o^)／ 前までは、画像をアップするだけなのに、面倒なアプリ開発をしなければいけませんでした…。 スマホのカメラ機能はどんどん解像度が上がっているので、１枚の写真が６メガというのが当たり前です。それに伴いレンタルサーバーの方もスペックが上がってきました。 それでも、レンタルサーバーの場合は転送量の軽減を考えなければいけません。 むやみにファイルをアップロードし放題にしては、サーバーがもちません。 ということで、ファイルを選択した際に、ファイル容量を取得して、 ...
▽あなたの知らない「ノイズフィルターの世界」
▽ＰＬＣ利用者必見！ノイズフィルターの効果を検証
▽ノイズフィルタータップ以外のノイズ対策を検証
▽ノイズ除去世界グランプリ2019「N-1」の結果発表
あなたの知らない「ノイズフィルターの世界」
ノイズフィルターって何？マニアックな商品であることは間違いありません。
ほとんどの方が存在すら知らないし、ノイズを気にしたことがないでしょう。
例えば、スピーカーにイヤホンを差すと、何も曲をかけていないのに「サーーーーッ」という小さな音がしたという経験ありませんか？それがノイズです。
音質に強いこだわりを持つ人は、ノイズフィルタ...
▽自分で勝手に成長出来る人間は○○○がある
▽自分の無知に気付けば気付くほど学びたくなる
▽知識欲の有り無しで人との相性も変わってくる
▽本当の意味で知識欲のある人は「考える脳」になっている
▽自分が考える脳かどうか確かめる方法
▽考える脳になっていない人は将棋を始めると変わる
▽将棋がもたらす脳への期待される効果
▽これだけ覚えれば初められるたった３つの将棋のルール
今回の記事は、このブログの主軸でもある「知識欲」が絡むので力が入ります。
私がこの記事で一番伝えたいのは、
仕事ができる人は考える脳になっている。
仕事ができない人は考える脳になっていない。
...
▽東京は会社が多くて仕事が見つけやすいだけ
▽都会の企業間の競争はもう無意味になってきている
▽若者の地方移住は欲深い人間との決別ともいえる
▽高い家賃を支払うことのバカバカしさからも決別
▽地方に移住する時は事前に移住補助金制度を調べるべし
▽地方移住先の人気ランキング調査の結果
▽移住先でどのように安定した生活を築くかが難関
東京は会社が多くて仕事が見つけやすいだけ
今や若者の間でトレンドとなっている「地方移住」
それもそう、東京は人口過密の状況がひどくて、もう住みやすいとは言えなくなっている。
どこへ出掛けても凄い人混み。街の女性トイレは長蛇の列で膀胱炎になり...
▽5Gに関して大げさな情報が飛び交っているけど実際は？
▽悲報！5Gを利用すると料金が割高に！
▽悲報！5G電波は人体への悪影響がより強まる
▽LANケーブル（有線）の通信よりも5G電波通信の方が速くなる
▽5Gまでの電波の歴史を少し振り返る
▽5Gって余計な進化ばかりじゃない？画質よりも内容が大事
▽5GがもたらすIoTは家電ヲタ向けじゃないか？
▽医療の世界で低遅延の5Gにより遠隔手術が普及する
▽その他ちょっとした5Gがもたらす変化
▽5Gが一般市民に与える影響は極わずかだと思われる
▽ここが一番気になる！5Gによりネットの動画サービスがテレビを超えることは確定
...
レスポンシブでサイトを制作することは今や当たり前ですよね。 googleが推奨していることもありますし、なによりサイトのメンテナンスがラクです。 レスポンシブ最高！というわけで早速表題の件に。 ＜レスポンシブの1番お手軽な組み方（CSSを三つ用意する）＞ レスポンシブでサイトを作る場合、スマホで表示するボタンをパソコン版では表示しないようにしたい部分がでてきます。ですので、分かりやすい名前のクラスをつけておくと便利です。 pc.css htmlStart .sp-only{ display:none;} htmlEnd 逆にスマホ用のCSSにパソコン版だけの部分を非表示に...
今年の１月から楽天の商品画像のルールが厳しくなるようです。 amazonとかzozotownのような単調なサムネイル画像にしないといけなくなります。 ザックリ言うと今後、楽天はAmazon化していくのかなといった感じです。 サイトの雰囲気も単調化されていきそうですし、配送に関してもワンデリバリー構想というものを実現していく方針で 商品の保管から出荷までを手がける物流センターを全国各地に構えていくそうです。 amazonは既に日本の数箇所に倉庫を持っているので、配送が早いわけなんですけども、楽天もそのような形を築いていくということですね。 amazonの商品一覧で見かけるプラ...
マウスホバーはPC版サイト限定なので、スマホサイトでは使えません。 BtoBではまだまだPC版サイトが重要なので、需要は多少ありますよね。 さて、ゆっくり変化させる方法ですがCSSのみで簡単にできます。 まずはclassにtransition（切り替える時間）を指定します。 hover時の効果も指定。半透明にさせるopacityかbackgroundがベターです。 htmlStart .hover-slow{ transition: 0.5s;} .hover-slow:hover{ opacity:0.7;} htmlEnd あとは、ホバー時に変化させたい画像やリンクの...
更新 2019-09-20 Yahoo将棋はサービスが終了となります
Flashという技術で作られていたサイトなので、時代の流れでFlashは消えていく方向性で、ついに各ブラウザがFlashを非対応となってきました。Flashの代替技術はHTML5というもので、Yahoo将棋がHTML5で蘇るといいのですが、どうでしょう…。パソコンで気軽に将棋対局ができるサイトがなくなってしまったことが悔やまれます。
今、オススメの将棋対局ゲームはスマホの無料アプリ「将棋クエスト」「将棋ウォーズ」です。
以下は古い内容でよければ以下をご覧ください。
今日は将棋を始める方にオススメの無料対局サ...
▽ケータイの料金って毎月いくら払ってる？
▽ケータイの料金はできるだけ下げるべき
▽楽天モバイル（格安SIM）の明細を公開
▽格安SIMならではのデメリットはさほどない
▽格安SIMへの切り替え方（格安SIM業者の選択）
▽格安SIMへの切り替え方（電話番号引き継ぎ）
ケータイの料金って毎月いくら払ってる？
身近にケータイの料金を高く支払ってい人がいて、気になって、ネットでdocomo、au、softbankの３大キャリア利用者が支払ってる平均料金を調べました。
端末代のローンが組まれている場合は月々9000円ほど。
端末代が含まれていなくても7000円以上になってい...
スマホサイトでボタンを作る時の汎用リンクマークを作成しました。1ピクセルのビットマップでのマークもおまけに。
1ピクセルのリンクマークはPC用サイトで、使いこなせる人は上級者かも。
個人的にはポータルサイトなどの細々したサイトで重宝してます。リストタグに背景指定で使って見て下さい。
人物フリー素材SELLSELF
ダウンロード[PNG]
ダウンロード[PSD]
...
WEB制作の業界で飯を食ってきて10年目になった。 10年前の2005年頃はインターネットの普及率がグングン伸びていて、 WEBの技術者もそれに伴い増加傾向にあったと思われる。 この頃はガラケーサイトを作るが面倒だった。 絵文字は必要だし、機種によって文字コードや文字サイズが違うので、 WEBエンジア（SE）は実機チェックに奔走せざるを得なかった。 その5年後の2010年にはガラケーサイトの需要が縮小し、スマホの時代に突入。 スマホのブラウザはJavascriptが使用でき、機種による差も多くなく、 SE的にはガラケーサイトを作るよりはかなり楽になった。 が、...
2013年9月にロリポップサーバーで、なんと8,438件ものサイトがハッキングされ、サイトが改ざんされた様子。前に、GMOクラウドのサーバーからもワードプレスのハッキングについてのメールが届いていた。ワードプレスは利用者が多いので、信頼してしまいがちだが、利用者が多ければ多いほど強者のハッカーに狙われてしまう。だからもうワードプレスは使用しない方が得策だろう。 サイトの改ざんだけで済めばいいが、データベースを初期化されたりしたらもうおしまい。ワードプレスに依存している会社は倒産するかもしれない。そんな会社は急いでワードプレスを普通のHTMLに戻さないといけない。かなり面倒臭いけどね。 ...
2019年7月更新：もう４年前頃にスレイプニルとはきっぱり決別した理由。スレイプニルの迷走よ止まれ！ スレイプニルは「重い」「突然落ちる」のデメリットがあります。しかし、スレイプニル４のブックマークとタブの使い勝手は抜群にいいので、今も離れられないユーザーがいると思います。 きっぱり決別しようと思ったのは、バージョン５の時にスレイプニルの良さがすべて消し飛んでしまったからです。普通のよくあるブラウザと同じ様なものになった感があります。使いこなす前にアンインストしたので知りませんが。ですが、最新バージョンに全く魅力を感じなかったので決別しようと決心しました。 現在のスレイプニルの公...
ドラッグ＆ドロップで並び替える機能はほんの数行で実現できます。まずはjqueryとjquery-uiを下記にアクセスしてダウンロード。jqueryはなるべく自サーバに置いたほうが読み速度が早し、いつリンク先が消えてなくなるか分からないので、直リンクはオススメしません。直リンクの方がラクですけどね^^; ＜2019-10-12追記＞ スマホ版サイトでドラッグ＆ドロップの並び替え（ソート）で実現するには、「jquery.ui.touch-punch」をさらに読み込む必要があります。「jquery-ui.js」の後に読み込んでください。 jquery.ui.touch-punchの公式サイ...
▽ゲーム機の３ＤＳはドンズべりだった？ ▽エクセル2010なんかは特にひどい使いにくさ ▽Adobe製品はバージョンアップと共に激重化 ▽余計な機能が増えすぎたせいでユーザーを混乱させているような感がある 年々進化続けるパソコンなどのメカニックな技術。 しかし、それ必要か？それ面白いか？と思ってしまうどうでもいい進化が多すぎではないだろうか？ ゲーム機の３ＤＳはドンズべりだった？ ３Ｄモードを切ってプレイする人がやたら多いとか…。 アバター以来３Ｄ画面の話題はさっぱり。全然需要がない技術のようである。 ゲームはスーファミやゲームボーイのように２Ｄの時が一番面白かったよ...
Google Chart APIを利用すればたった一行でQRコードが作れます。
htmlStart
https://chart.apis.google.com/chart?chs=《サイズ》&cht=qr&chl=《URLやメールアドレスなど》
htmlEnd
画像タグに上記のコードを記載するだけ。
htmlStart
htmlEnd
パラメータの「chl」には日本語を使うこともできます。mailtoタグと同様で日本語を使う場合は文字化けの対処をしないといけないので、文字コードをパラメータの「choe」で指定しないといけない。
QRコードは携帯やスマホで読み取られる...
今回はスマホ版サイトのヘッダーの部分でよく見かけるアイコンの素材。今回配布しているPSDファイルでは、ホームやメールなど全てがベクターなので拡大縮小が自由です。
人物フリー素材SELLSELF
ダウンロード[PNG]
ダウンロード[PSD]
※自由に使っていただいてかまいませんが、再配布はご遠慮ください。
スマホ版サイトをデザインする時の強い味方となる参考サイトをついでにご紹介。
■絶対見ておきたい有名企業のスマホサイトまとめ
https://ascii.jp/elem/000/000/590/590502/
■優れたiPhoneサイトデザイン集 -...
あくまで簡易的な携帯・スマホ版サイトの振り分けコードです。携帯版のページを絶対にＰＣで見せたくないという場合は、下記の方法では実現しません。ＰＣ版のインデックスファイルの先頭に下記のコードを追加すれば導入完了です。 phpStart // ユーザーエージェントの取得 $ua = $_SERVER["HTTP_USER_AGENT"]; if(preg_match("(UP\.Browser|KDDI|DoCoMo|J-PHONE|Vodafone|SoftBank|MOT-|L-mode|DDIPOCKET|WILLCOM|PDXGW|ASTEL)", $ua)){ ...
現在、WEBの画像ファイルはJPG（ジェイペグ）・GIF（ジフ）・PNG（ピング）の３つが標準規格で一般的に使用されている保存形式です。
それぞれ違う特徴があるので、ちゃんと知っておけばサイトの高速化を計ることが出来ます。画像はなるべく綺麗にできるだけ軽い容量で保存することが大切で、画像の容量が軽ければWEBページの表示速度が上がりますし、重ければ表示に時間がかかってしまいます。PCサイトでは気にならないかもしれませんが、通信速度の遅いモバイルやスマホ版のサイトでは表示速度が大きく違ってきます。
サンプル画像の上段は写真画像のケースの出力結果です。３つともほぼ見た目が変わりませ...
スマホ用素材をネットで探しましたが、なかなか大きいサイズのものがなかったので、結局自分で作っちゃいました。スマホは解像度がPCより2倍大きいので、例えば300pxのボタンを設置する場合は600pxの画像を使わないと画質がにじんでしまいます。指でボタンを押すのでボタンを大きく作るのがスマホサイトの基本ですね。
＜スマホで画像を綺麗に表示する＞
htmlStart
htmlEnd
＜スマホで背景を綺麗に表示する＞
htmlStart
sample
htmlEnd
人物フリー素材SELLSELF
ダウンロード[PNG]
ダウンロード[PSD]
※自由に使...
コーダー泣かせのIEはハックで強引に直しちゃいましょう。IEはjavascriptの動作が重いし、CSS3とHTML5の対応は進んでいませんし、FireFoxもCSS3とHTML5が完全対応ではありません。safariとGoogleChromeはその辺はかなり対応していて優秀です。IEの次のバージョンはどうなのでしょうかね？ マイクロソフトはOS部門のWindows以外で大した成功がないような気がします。メッセンジャーはスカイプに負けてるし、ブラウザもイケてないし、スマホでも勝ち目なさそうだし。クラウドサービスもグーグルの方が技術的に強そうなイメージがある。どれも使いやすさには定評がある...
M2NETは、日本の広告クリエイター。B型の天秤座。合理主義で統計をもとに分析したがるキャラ。 WEB制作はデザイン＋コーディング＋システム全般を平均的にこなし、動画制作にも精通。 2006年頃からアフィリエイトで生活。フリーランスとして15年以上活動中。
ネットやアプリで無料で気軽にどんどん対局ができる将棋。脳は使わないと劣化して、使えば進化していきます。効率のいい脳の鍛え方の一つとして将棋はうってつけです。
食品添加物がなぜ入っているのか、何でできているのかを知ることは大切です。人間の身体は食べ物でできているから。
便利コンテンツとして野菜を長持ちさせる情報をまとめています。