パソコンの最低限の知識 ITリテラシーが向上するパソコンの使い方(設定)について。拡張子を表示していない人は上級者になれません

2019-09-18


▽ITリテラシー向上 基本用語「ブラウザ」 ▽ITリテラシー向上 基本用語「拡張子」 ▽ITリテラシー向上 基本用語「OS(オーエス)」 ▽ITリテラシー向上 PC(旧称:マイコンピュータ)をデスクトップに表示する ▽ITリテラシーを向上させるには用途を明確にしよう この記事の内容はパソコンの上級者なら当たり前のように理解していることばかりです。 記事を読んで、よく分からなかったという方は、ハッキリ言ってITリテラシーが低いです。 さあ、あなたのITリテラシーはいかほどでしょうか? パソコンを新たに購入した際は、自分好みにパソコンを設定しないといけないですよね。 まず...

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

2019-08-21

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

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

2019-07-13


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

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

2019-06-02


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

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

2019-05-29


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

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にパソコン版だけの部分を非表示に...

楽天の商品画像ガイドライン厳格化2019年1月から本格始動

2019-01-03

今年の1月から楽天の商品画像のルールが厳しくなるようです。 amazonとかzozotownのような単調なサムネイル画像にしないといけなくなります。 ザックリ言うと今後、楽天はAmazon化していくのかなといった感じです。 サイトの雰囲気も単調化されていきそうですし、配送に関してもワンデリバリー構想というものを実現していく方針で 商品の保管から出荷までを手がける物流センターを全国各地に構えていくそうです。 amazonは既に日本の数箇所に倉庫を持っているので、配送が早いわけなんですけども、楽天もそのような形を築いていくということですね。 amazonの商品一覧で見かけるプラ...

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

初心者が将棋を始める時にオススメの無料対局サイトは「Yahoo将棋(終了)」改め「将棋クエスト」

2018-10-20


更新 2019-09-20 Yahoo将棋はサービスが終了となります Flashという技術で作られていたサイトなので、時代の流れでFlashは消えていく方向性で、ついに各ブラウザがFlashを非対応となってきました。Flashの代替技術はHTML5というもので、Yahoo将棋がHTML5で蘇るといいのですが、どうでしょう…。パソコンで気軽に将棋対局ができるサイトがなくなってしまったことが悔やまれます。 今、オススメの将棋対局ゲームはスマホの無料アプリ「将棋クエスト」「将棋ウォーズ」です。 以下は古い内容でよければ以下をご覧ください。 今日は将棋を始める方にオススメの無料対局サ...

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

2018-10-08


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

【フリー素材】スマホ用 汎用リンクマーク アイコン

2015-10-30


スマホサイトでボタンを作る時の汎用リンクマークを作成しました。1ピクセルのビットマップでのマークもおまけに。 1ピクセルのリンクマークはPC用サイトで、使いこなせる人は上級者かも。 個人的にはポータルサイトなどの細々したサイトで重宝してます。リストタグに背景指定で使って見て下さい。 人物フリー素材SELLSELF ダウンロード[PNG] ダウンロード[PSD] ...

パソコンを持たない世代の増加でWEB制作者の需要が年々アップ!

2015-04-23

WEB制作の業界で飯を食ってきて10年目になった。 10年前の2005年頃はインターネットの普及率がグングン伸びていて、 WEBの技術者もそれに伴い増加傾向にあったと思われる。 この頃はガラケーサイトを作るが面倒だった。 絵文字は必要だし、機種によって文字コードや文字サイズが違うので、 WEBエンジア(SE)は実機チェックに奔走せざるを得なかった。 その5年後の2010年にはガラケーサイトの需要が縮小し、スマホの時代に突入。 スマホのブラウザはJavascriptが使用でき、機種による差も多くなく、 SE的にはガラケーサイトを作るよりはかなり楽になった。 が、...

ワードプレスのハッキングでサイトの改ざん相次ぐ【WPは狙われるから使用禁止】

2013-09-10

2013年9月にロリポップサーバーで、なんと8,438件ものサイトがハッキングされ、サイトが改ざんされた様子。前に、GMOクラウドのサーバーからもワードプレスのハッキングについてのメールが届いていた。ワードプレスは利用者が多いので、信頼してしまいがちだが、利用者が多ければ多いほど強者のハッカーに狙われてしまう。だからもうワードプレスは使用しない方が得策だろう。 サイトの改ざんだけで済めばいいが、データベースを初期化されたりしたらもうおしまい。ワードプレスに依存している会社は倒産するかもしれない。そんな会社は急いでワードプレスを普通のHTMLに戻さないといけない。かなり面倒臭いけどね。 ...

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

2013-09-01

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

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の公式サイ...

「余計な進化に振り回されない」という個人的方針

2012-12-20

▽ゲーム機の3DSはドンズべりだった? ▽エクセル2010なんかは特にひどい使いにくさ ▽Adobe製品はバージョンアップと共に激重化 ▽余計な機能が増えすぎたせいでユーザーを混乱させているような感がある 年々進化続けるパソコンなどのメカニックな技術。 しかし、それ必要か?それ面白いか?と思ってしまうどうでもいい進化が多すぎではないだろうか? ゲーム機の3DSはドンズべりだった? 3Dモードを切ってプレイする人がやたら多いとか…。 アバター以来3D画面の話題はさっぱり。全然需要がない技術のようである。 ゲームはスーファミやゲームボーイのように2Dの時が一番面白かったよ...

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

2012-11-02


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

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

2012-10-25


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

携帯・スマホ版サイトの振り分けコード

2012-09-22

あくまで簡易的な携帯・スマホ版サイトの振り分けコードです。携帯版のページを絶対にPCで見せたくないという場合は、下記の方法では実現しません。PC版のインデックスファイルの先頭に下記のコードを追加すれば導入完了です。 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)){ ...

画像の保存形式について

2012-08-16


現在、WEBの画像ファイルはJPG(ジェイペグ)・GIF(ジフ)・PNG(ピング)の3つが標準規格で一般的に使用されている保存形式です。 それぞれ違う特徴があるので、ちゃんと知っておけばサイトの高速化を計ることが出来ます。画像はなるべく綺麗にできるだけ軽い容量で保存することが大切で、画像の容量が軽ければWEBページの表示速度が上がりますし、重ければ表示に時間がかかってしまいます。PCサイトでは気にならないかもしれませんが、通信速度の遅いモバイルやスマホ版のサイトでは表示速度が大きく違ってきます。 サンプル画像の上段は写真画像のケースの出力結果です。3つともほぼ見た目が変わりませ...

【フリー素材】スマホ用ボタン素材

2012-08-12


スマホ用素材をネットで探しましたが、なかなか大きいサイズのものがなかったので、結局自分で作っちゃいました。スマホは解像度がPCより2倍大きいので、例えば300pxのボタンを設置する場合は600pxの画像を使わないと画質がにじんでしまいます。指でボタンを押すのでボタンを大きく作るのがスマホサイトの基本ですね。 <スマホで画像を綺麗に表示する> htmlStart htmlEnd <スマホで背景を綺麗に表示する> htmlStart sample htmlEnd 人物フリー素材SELLSELF ダウンロード[PNG] ダウンロード[PSD] ※自由に使...

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

2012-08-09

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

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