ITリテラシーが向上するパソコンの使い方(設定)について。この記事の内容はパソコンの上級者なら当たり前のように理解していることばかりです。記事を読んで、よく分からなかったという方は、ハッキリ言ってITリテラシーが低いです。パソコンを新たに購入した際は、自分好みにパソコンを設定しないといけないですよね。前までは、画像をアップするだけなのに、面倒なアプリ開発をしなければいけませんでした...。スマホのカメラ機能はどんどん解像度が上がっているので、1枚の写真が6メガというのが当たり前です。それに伴いレンタルサーバーの方もスペックが上がってきました。それでも、レンタルサーバーの場合は転送量の軽減を考えなければいけません。むやみにファイルをアップロードし放題にしては、サーバーがもちません。ノイズフィルターって何?マニアックな商品であることは間違いありません。ほとんどの方が存在すら知らないし、ノイズを気にしたことがないでしょう。スピーカーにイヤホンを差すと、何も曲をかけていないのに「サーーーーッ」という小さな音がしたという経験ありませんか?それがノイズです。今回の記事は、このブログの主軸でもある「知識欲」が絡むので力が入ります。仕事ができる人は考える脳になっている。仕事ができない人は考える脳になっていない。リサーチ高年収を捨て地方へ。20~30代若者の地方移住がトレンドの理由。それもそう、東京は人口過密の状況がひどくて、もう住みやすいとは言えなくなっている。どこへ出掛けても凄い人混み。【レスポンシブ基本】スマホ閲覧の時だけ表示またはパソコンの時だけ表示するCSS最短テクニック2019-04-04レスポンシブでサイトを制作することは今や当たり前ですよね。googleが推奨していることもありますし、なによりサイトのメンテナンスがラクです。レスポンシブ最高!というわけで早速表題の件に。レスポンシブでサイトを作る場合、スマホで表示するボタンをパソコン版では表示しないようにしたい部分がでてきます。分かりやすい名前のクラスをつけておくと便利です。逆にスマホ用のCSSにパソコン版だけの部分を非表示に...続きを見るレスポンシブCSS楽天の商品画像ガイドライン厳格化2019年1月から本格始動2019-01-03今年の1月から楽天の商品画像のルールが厳しくなるようです。amazonとかzozotownのような単調なサムネイル画像にしないといけなくなります。言うと今後、楽天はAmazon化していくのかなといった感じです。商品の保管から出荷までを手がける物流センターを全国各地に構えていくそうです。amazonは既に日本の数箇所に倉庫を持っているので、配送が早いわけなんですけども、楽天もそのような形を築いていくということですね。amazonの商品一覧で見かけるプラ...続きを見る楽天ガイドラインフリーランス物撮りカメラマンWEB関連ニュースリンクや画像をマウスホバーの際にゆっくり変化させるCCSのみで最短の方法2018-10-29マウスホバーはPC版サイト限定なので、スマホサイトでは使えません。BtoBではまだまだPC版サイトが重要なので、需要は多少ありますよね。変化させる方法ですがCSSのみで簡単にできます。classにtransition(切り替える時間)を指定します。hover時の効果も指定。半透明にさせるopacityかbackgroundがベターです。Flashという技術で作られていたサイトなので、時代の流れでFlashは消えていく方向性で、ついに各ブラウザがFlashを非対応となってきました。Flashの代替技術はHTML5というもので、Yahoo将棋がHTML5で蘇るといいのですが、どうでしょう...。パソコンで気軽に将棋対局ができるサイトがなくなってしまったことが悔やまれます。今、オススメの将棋対局ゲームはスマホの無料アプリ「将棋クエスト」「将棋ウォーズ」です。以下は古い内容でよければ以下をご覧ください。身近にケータイの料金を高く支払ってい人がいて、気になって、ネットでdocomo、au、softbankの3大キャリア利用者が支払ってる平均料金を調べました。端末代のローンが組まれている場合は月々9000円ほど。アイコン2015-10-30スマホサイトでボタンを作る時の汎用リンクマークを作成しました。1ピクセルのビットマップでのマークもおまけに。1ピクセルのリンクマークはPC用サイトで、使いこなせる人は上級者かも。個人的にはポータルサイトなどの細々したサイトで重宝してます。リストタグに背景指定で使って見て下さい。...続きを見るスマホ素材PSDリンクアイコンWEB素材パソコンを持たない世代の増加でWEB制作者の需要が年々アップ!2015-04-23WEB制作の業界で飯を食ってきて10年目になった。WEBの技術者もそれに伴い増加傾向にあったと思われる。この頃はガラケーサイトを作るが面倒だった。WEBエンジア(SE)は実機チェックに奔走せざるを得なかった。その5年後の2010年にはガラケーサイトの需要が縮小し、スマホの時代に突入。SE的にはガラケーサイトを作るよりはかなり楽になった。個人的主張ワードプレスのハッキングでサイトの改ざん相次ぐ【WPは狙われるから使用禁止】2013-09-102013年9月にロリポップサーバーで、なんと8,438件ものサイトがハッキングされ、サイトが改ざんされた様子。前に、GMOクラウドのサーバーからもワードプレスのハッキングについてのメールが届いていた。ワードプレスは利用者が多いので、信頼してしまいがちだが、利用者が多ければ多いほど強者のハッカーに狙われてしまう。ワードプレスは使用しない方が得策だろう。サイトの改ざんだけで済めばいいが、データベースを初期化されたりしたらもうおしまい。ワードプレスに依存している会社は倒産するかもしれない。そんな会社は急いでワードプレスを普通のHTMLに戻さないといけない。...続きを見るロリポップGMOクラウドワードプレスWPWordPress改ざんWEB関連ニュース本物のタブブラウザはスレイプニル!高速ネットサーフィンで仕事で差をつけろ!(2019年更新:スレイプと決別した理由)2013-09-012019年7月更新:もう4年前頃にスレイプニルとはきっぱり決別した理由。スレイプニルは「重い」「突然落ちる」のデメリットがあります。スレイプニル4のブックマークとタブの使い勝手は抜群にいいので、今も離れられないユーザーがいると思います。決別しようと思ったのは、バージョン5の時にスレイプニルの良さがすべて消し飛んでしまったからです。普通のよくあるブラウザと同じ様なものになった感があります。使いこなす前にアンインストしたので知りませんが。最新バージョンに全く魅力を感じなかったので決別しようと決心しました。現在のスレイプニルの公...続きを見るブラウザSleipnirスレイプニルタブ個人的主張jqueryでtable・liなどをドラッグ&ドロップで並び替え(ソート)する【sorttableスマホ対応】2013-04-27ドラッグ&ドロップで並び替える機能はほんの数行で実現できます。jqueryとjquery-uiを下記にアクセスしてダウンロード。jqueryはなるべく自サーバに置いたほうが読み速度が早し、いつリンク先が消えてなくなるか分からないので、直リンクはオススメしません。スマホ版サイトでドラッグ&ドロップの並び替え(ソート)で実現するには、「jquery.ui.touch-punch」をさらに読み込む必要があります。「jquery-ui.js」の後に読み込んでください。年々進化続けるパソコンなどのメカニックな技術。3Dモードを切ってプレイする人がやたら多いとか...。アバター以来3D画面の話題はさっぱり。需要がない技術のようである。APIを利用すればたった一行でQRコードが作れます。画像タグに上記のコードを記載するだけ。パラメータの「chl」には日本語を使うこともできます。mailtoタグと同様で日本語を使う場合は文字化けの対処をしないといけないので、文字コードをパラメータの「choe」で指定しないといけない。QRコードは携帯やスマホで読み取られる...続きを見るGoogleAPIQRコードPHP【フリー素材】スマホ版ヘッダー用素材2012-10-25今回はスマホ版サイトのヘッダーの部分でよく見かけるアイコンの素材。今回配布しているPSDファイルでは、ホームやメールなど全てがベクターなので拡大縮小が自由です。※自由に使っていただいてかまいませんが、再配布はご遠慮ください。スマホ版サイトをデザインする時の強い味方となる参考サイトをついでにご紹介。携帯・スマホ版サイトの振り分けコード2012-09-22あくまで簡易的な携帯・スマホ版サイトの振り分けコードです。携帯版のページを絶対にPCで見せたくないという場合は、下記の方法では実現しません。PC版のインデックスファイルの先頭に下記のコードを追加すれば導入完了です。...続きを見るhtaccess振り分けPHP画像の保存形式について2012-08-16現在、WEBの画像ファイルはJPG(ジェイペグ)・GIF(ジフ)・PNG(ピング)の3つが標準規格で一般的に使用されている保存形式です。それぞれ違う特徴があるので、ちゃんと知っておけばサイトの高速化を計ることが出来ます。画像はなるべく綺麗にできるだけ軽い容量で保存することが大切で、画像の容量が軽ければWEBページの表示速度が上がりますし、重ければ表示に時間がかかってしまいます。PCサイトでは気にならないかもしれませんが、通信速度の遅いモバイルやスマホ版のサイトでは表示速度が大きく違ってきます。サンプル画像の上段は写真画像のケースの出力結果です。【フリー素材】スマホ用ボタン素材2012-08-12スマホ用素材をネットで探しましたが、なかなか大きいサイズのものがなかったので、結局自分で作っちゃいました。スマホは解像度がPCより2倍大きいので、例えば300pxのボタンを設置する場合は600pxの画像を使わないと画質がにじんでしまいます。指でボタンを押すのでボタンを大きく作るのがスマホサイトの基本ですね。※自由に使...続きを見るスマホアイコンボタンWEB素材クロスブラウザ対応CSSハックの一覧2012-08-09コーダー泣かせのIEはハックで強引に直しちゃいましょう。IEはjavascriptの動作が重いし、CSS3とHTML5の対応は進んでいませんし、FireFoxもCSS3とHTML5が完全対応ではありません。safariとGoogleChromeはその辺はかなり対応していて優秀です。マイクロソフトはOS部門のWindows以外で大した成功がないような気がします。メッセンジャーはスカイプに負けてるし、ブラウザもイケてないし、スマホでも勝ち目なさそうだし。クラウドサービスもグーグルの方が技術的に強そうなイメージがある。どれも使いやすさには定評がある...続きを見るハックCSSこの記事がお役に立てましたら是非シェアのご協力お願いします。ツイートシェア送るPocketはてなサイト内検索ブログ管理人M2NETは、日本の広告クリエイター。理屈主義で人を簡単に信じない現代的なキャラ。WEB制作はデザイン+コーディング+システム全般を平均的にこなし、近年は動画制作にも精通。2006年頃からアフィリエイトで生活。フリーランスとして10年以上活動中。制作に特化した技術者であり、マーケティングは得意ではない。現在、マーケティング上手を目指して日々奮闘中。【Photoshop】ホワイトバランスを調節する最短の方法(背景が暖色系でオレンジ色っぽい、赤っぽいを白い背景に調整)ウイルス対策ソフトはいらない!サイトを見ただけで感染は理論上不可能。4点のことを守るだけでウイルス感染はしませんパソコンを購入する際に必要な「HDDのパーティション」の知識。ハードディスクは壊れやすさNo.1だからリスクを減らそう記事以外のコンテンツ紹介ネットやアプリで無料で気軽にどんどん対局ができる将棋。脳は使わないと劣化して、使えば進化していきます。効率のいい脳の鍛え方の一つとして将棋はうってつけです。将棋関連の記事を見る食品添加物がなぜ入っているのか、何でできているのかを知ることは大切です。人間の身体は食べ物でできているから。便利コンテンツとして野菜を長持ちさせる情報をまとめています。