自分好みの大きさや色で作れるとっても便利な「和柄の背景用フリー素材」

胡坐をかいて座っていると猫がそっとのっかてくるatsushiです。neko.gif

WEBサイトのデザインで、和風のデザインをすることがあると思います。

そんな時に、雰囲気を出すために、和風な色やフォントを使って雰囲気を出したりすると思いますが、でもなんか物足りない…なんてことありませんか?

そんな時にオススメなのが、「和柄を背景に入れる」です。
これをやるだけでぐっと和の感じが出てきます。wink02.gif

ですが、意外と好みの和柄や、作っているデザインに合った和柄のテクスチャを探すって結構大変です。

そこで今回ご紹介するのは、そんな和柄のテクスチャを自分の好みの大きさや色でつくれてしまう便利なフリー素材です。

和柄の背景用フリー素材 50素材以上【無料・商用利用OK】

こちらサイトでは、50種類以上の和柄が選べてなおかつ、柄の大きさや背景の色、柄の色などを選択して生成することが出来ます。happy0065.gif

実際、利用させていただきましたが、柄の背景が消せるのがすごくいいですね。

ただ、シームレスにはなってないので、そこはちょっと加工が必要です。

でも、今まで一番便利な和柄背景素材だと思います。

和風のデザインに困ったら利用してみてください!sayonara.gif

投稿者:netimpact

自分も加害者になるかも?拡散型フィッシング詐欺

takaです。最近キャッシュレス決済などの便利な機能を狙った新たな手口の脅威が表面化してきていますね。baikin_1.gif

「ドコモ口座」や「PayPay」「Line Pay」などのキャッシュレス決済サービスから、
身に覚えのない金額が引き落とされる事件が、ドコモ・ゆうちょ・地銀を含む銀行口座、さらにはオンライン証券の不正アクセス、デビットカードと拡散していきました。

そんなタイミングで昨日、知り合いからアディダス周年記念というLineが送られてきました。(僕は怪しいとにらみ、クリックしませんでしたがbaikin_2.gif

こんな内容の広告文です。
 ↓

無料の景品につられて、無料入手のURLをクリックすると
アンケートと称して簡単な質問をされ、友達への拡散を要求されるようです。

(拡散してるということは、多くの人が景品につられて、友達に拡散しているのでしょう。cat_6.gif

それが終わると「個人情報の入力ページ」にとび、個人情報を入力してしますと個人情報が盗まれるという手口のようです。

こうして詐欺企画に応募してしまった人がたくさんいて、その人たちは詐欺とは思わず自分から進んで友達に拡散しています。自分が加害者になっている自覚もないかもしれません。

それが連鎖して最終的に多くの被害者が出てくる事でしょう。
情報リテラシーを更新していかないと危険な時代になりましたね。sayonara.gif

投稿者:netimpact

WindowsXPにもアップデートが?

まだ花粉症継続中のYu-ichiですneko.gif

アレルギー反応を抑える薬を飲んで症状は軽くなってますが、アレルギーにならなくなる薬が欲しいです。naku02.gif
実は既に開発されているけど、世に出したら花粉症ビジネスができなくなるので秘密にしているのでは?なんて考えてしまいます。hamster_4.gif

さて今回はセキュリティ関係のお話です。emoji205.gif
つい最近ですがWindowsOSに脆弱性が見つかり、修正パッチをリリースしました。今年の5月の月例パッチですね。

その対象となるOSのバージョンに2014年にサポートを終了した「WindowsXP」が含まれているのをご存知でしょうか?
本来なら「サポート終了」=「問題があっても修正パッチは出さないよ」ということなのですが、その原則をやぶってまでパッチを提供したのはなぜでしょうか??

実はこの原則をやぶった例は過去にもありました。
2017年に世界的な被害を出しニュースにもなったランサムウェアの「WannaCry」をご存知でしょうか?
感染するとパソコンをロックしたり、ファイルを勝手に暗号化して身代金を要求してくるランサムウェアのひとつです。ga-n03.gif

これもWindowsのSMBv1の脆弱性をつかれたもので、あまりにも拡散したためにサポートが終了しているXPや2003サーバー向けにも修正プログラムを公開しました。

今回はリモートデスクトップサービスに脆弱性(CVE-2019-0708)が存在することがわかり、ワームタイプのマルウェアを仕込まれたら「WannaCry」の再来にもなりかねないとのことで、Microsoft社がリモートデスクトップがあってサポートの切れているXPにも修正プログラムを出したようです。
(10や8.1など最新OSでは問題ないようです)

ちなみに、XPはサポートが切れているため「Microsoft Update カタログ」からダウンロードして適用する必要があります。
まだXPをお使いの方は必ず修正パッチを当てておきましょう。neko.gif

投稿者:netimpact

いずれ日本の実店舗も衰退?アメリカの現状が示す日本の未来

Takaです。アメリカの小売業のシンボルだったシアーズが、破産しました。
7年間も連続の赤字が続き、閉店や、資産処分などコストカットを存続してきましたが、ついに破たんしてしまいました。

2018年3月の米トイザラスがに続き、大手小売業が倒産が続いています。

シアーズと言えば

シアーズと言えば、戦後、日本の小売業がモデルにしたアメリカの小売業のシンボルともいえる企業です。

イトーヨーカ堂、イオン、ユニーや、倒産してしまったダイエー、マイカル、長崎屋などの日本のGMSは、シアーズをモデルにして誕生しています。日本のGMS・百貨店の目標だったシアーズの倒産は、日本の小売業界にも大きなインパクトがあると思います。

シアーズ倒産の要因は?

シアーズ倒産の要因としては、日本のGMSと同様に商品開発力が競争相手と比較して低い事だと思われます。
価格競争力がある買いたいと思う商品が開発できなかった事だと思われます。

日本でも多くの百貨店やGMSが、アメリカと同様に、倒産したり、閉店を続けたりしてます。生き残ったユニー、イトーヨーカ堂、イオンの未来は、どうなるのでしょうか?

トイザラスとシアーズの共通点

トイザラスとシアーズの衰退の共通点として、アマゾンに代表されるネットショップに顧客や売上を奪われた事があると思われます。

シアーズ、トイザラスの販売する商品は、オリジナル商品や食品と言ったネット販売と競合しにくい商品群が少なく、ネットショップで扱いやすいカテゴリーの商品やナショナルブランドを多く販売しており、ネットショップと完全に競合しています。

アメリカで先行する実店舗の閉店と破産

トイザラスとシアーズはシンボリックなニュースですが、アマゾンなどの仮想店舗の売上比率が高くなったアメリカでは、大手・中小に関係なく多くの実店舗が閉店や破産に追い込まれているそうです。cat_6.gif

今後、数年で、店舗面積の10%、総面積では、3300万坪が無くなると予想されているそうです。

ネットとの競争が激しいアメリカでは、日本より早く、いつまで続くか分からない小売業の閉店時代を迎えているようです。

今のアメリカの実店舗の衰退は、やがて日本でも時間差こそあれ起こる現実と思われます。sayonara.gif

投稿者:netimpact

「GDPR」 一般データ保護規則とは?

EUで、5月25日に施工された一般データ保護規則 「GDPR」とは何なのか?
世界や日本に及ぼす影響について調べてみました。

一般データ保護規則 「GDPR」って何?

一般データ保護規則(GDPR)は、EU加盟国で適用される新しいデータ保護法で
インターネットのプライバシーに関する大きな変換点となる法律です。

2018年5月25日から適用開始となり、EUに拠点を置く企業だけでなく、企業の拠点地にかかわらず、EU域内へ商品やサービスを提供する企業、またはEU内の個人データの収集または処理を行う企業が対象となるそうです。

たとえば、企業による個人データ取得時の本人同意に関する基準を引き上げ、個人による自分自身のデータへのアクセスまたは移転の権利を拡張しています。

GDPRは適用範囲が広く、違反した場合には多額の制裁金が課せらるようです。

この為、FacebookやYouTube、Twitter・・など世界中で個人情報を収集しビジネス展開している企業は、 「GDPR」への対応に迫られています。


世界中で多くの人がネットから情報を得ている事実

世界中で多くの人がネットから情報を得ていて、ニュースなど、多くの人々がソーシャルメディアから情報を入手して現実があります。

67%のアメリカ人が、一部のニュースをソーシャルメディアから入手しているそうです。

なかでもFacebookからニュースを得ている人はそのうち45%、次がYouTubeで18%、そしてTwitterが11%だそうです。

SNSは、家族や友人や知人と連絡を取り合うのにとても便利です。
社会との繋がりや特定のコミュニティの恩恵を受けたり、重要な情報を得たりと多くのメリットを生んでいます。

しかし逆に、悪い事にも利用できる道具でもありますし、巨大な個人情報を収集した企業が悪用する場合も考えられます。

EU から 世界へ

「GDPR」のインターネットのプライバシーを保護する考え方は、今後、ユーロッパから全世界へと波及していくと思われます。

また、国境を越えて世界中の多くの個人情報を保有している企業への規制や監視も必要となると思われます。

「GDPR」によって、不便になる事も

情報の管理を厳密にすると、逆に、利便性が損なわれます。

以前は、簡単に得られた情報が見られなくなったり、手続き経ないと情報を得られなくなります。

最近、いつものようにドメインの登録者情報を閲覧しようとしたところ
「GDPR」によって、ドメインの登録情報が見られなくなりました。

時代の流れなので受け入れるしかないですね。naku02.gif

投稿者:netimpact

ウェブクリップアイコンを作ろう

やっとマイコプラズマ肺炎が完治したatsushiです。emoji877.gif

スマホでよく見るページをホーム画面に登録したことありますか?

その際、ホームがメインにアイコンが表示されると思いますが、どんなアイコンが表示されるでしょうか?

実は、そのアイコンをデザインすることができるのです。emoji205.gif

それが、ウェブクリップアイコンです。

このウェブクリップアイコンを設定していないと、iPhoneだとそのページのスクリーンショットがアイコン化されるようです。(Androidユーザーなので詳しくは知りません…)

Androidだとそのサイトのドメインの頭文字がアイコンになります。

実際の設置に関しては、apple-touch-iconを作成してhead内に記述してあげるだけです。

apple-touch-iconの画像サイズは、いくつかあるようですが、152×152pxで作成しています。

スマホが中心になってくることを考えてるときちんとこうした部分もデザインしておくことが必要になりますね。sayonara.gif

投稿者:netimpact

PhotoshopでPNG画像を圧縮して保存するプラグイン

今年ももう11月になってしまいますね。今年は、個人的にいろいろなことが起こるので、特に早い気がするatsushiです。cat_8.gif

さて、タイトルの件ですが、先日、GoogleからPC版とモバイル版の検索結果を分離することが発表されました。
これは、PCよりもスマートフォンからの利用が多くなり、Googleは、ユーザーの利便性を考えモバイル版を分離することにしたようです。emoji205.gif

こうした流れからもスマートフォン(モバイル)用に最適化されたWEBサイトを構築することが重要になってくるということです。cat_6.gifsweat01.gif

その中の一つとして画像の容量の問題が含まれます。

モバイルで閲覧するには、軽いに越したことがないので、できるだけ画像の容量も圧縮してあげなければなりません。

ですが、Photoshopで作成し、WEB用に保存した画像(ここではPNGに絞って考えます)は、あまり圧縮されず、容量が大きいので、一度、Photoshopで保存してから別のツールで圧縮するという2度手間が発生します。ikari02.gif

そこで、Photoshopでも圧縮した画像(PNG)で保存する方法はないかと調べましたら便利なプラグインがありました。b_body_jump.gif

SuperPNG Advanced PNG plugin

↑のサイトからダウンロードできます。

ダウンロードしたらPhotoshopのpluginフォルダにSuperPNG.8biを入れてあげるだけで使えます。

使い方は、画像を作成して「別名で保存」で保存する時に、画像形式を選ぶ際に「Super PNG」の形式が選べるようになるので、これを選んで「保存」すると「Super PNG Options」の画面が表示され、画質の調整ができるようになっています。shine.gif

画質の調整をして「OK」ボタンをクリックで圧縮されたPNG画像の完成です。

画質の調整時にプレビューができないのが惜しいですが、一度保存してから別のツールで圧縮する2度手間が省けるので便利です。

インストールも簡単ですので、お試しください!sayonara.gif

投稿者:netimpact

IEでページ全体をキャプチャしたい時に便利なアドオン

閲覧中のWEBページを画像として保存したいけど、プリントスクリーンだと画面に表示されていない部分はキャプチャ出来ないし、ウィンドウの枠やタスクバーまで入ってしまう。うまい具合にページ全体のスクリーンショットを撮りたい。そういう事ってありませんか?

Firefox の場合なら “Pearl Crescent Page Saver” というアドオンが便利で愛用しているのですが、IE で同じ事をしたい場合に何かないかな? と、探してみました。

そこで見つけたのが “SnapCrab for IE” です。ツールバーにキャプチャボタンが表示されるようになり、ボタンをクリックするだけで簡単にキャプチャできます。ちなみに、カラーピッカーも付いているので、個人的にはかなりお気に入りです:hoshi1:

キャプチャーアドオンを探してるけど、どれがいいのか分からないな……と、お困りの方がいらしたら試してみてくださいね。
それでは:santa:

投稿者:netimpact

jQueryの「browser」でスクリプトエラー

最近、偏頭痛が酷いYu-ichiです:neko:

頭痛薬をもらって飲んだら、痛みがなくなるどころかすごい睡魔に襲われ、
痛みと眠気に耐えながらの仕事は生き地獄でした:kaomoji8:

さて、今回は「jQuery.browser」についてです。
IEでホームページを見ているときに、やたらとスクリプトエラーの表示が出るので内容を見てみると、「jQuery.browser」が原因でした。

調べてみるとjQueryのバージョンが新しいと「.browser」をサポートしていないようです。:kaomoji2:
それに気が付かず、実装しているウェブマスターが多いのかな??
WordPressなどでは、プラグインのアップデートとかで読み込むjQueryのバージョンが上がっていたりしますからね。意外と気が付いていないのかもしれません。:naku:

周知の通り、ブラウザによって挙動が異なるので、少し凝ったデザインやシステムを導入している場合これは無視できません。
そこで、かわりに「.support」を使ってブラウザ判定ができそうです。:hakusyu:

ブラウザの仕様により今後判別できなくなる可能性がありますが、
if( !jQuery.support.noCloneEvent )でIE8以下の判定、
if( !jQuery.support.noCloneEvent && jQuery.support.opacity)でIE9の判定ができそうです。:kaomoji7:

ただし、jQuery2.0.2では「noCloneEvent」が使えなくなっています。:ga-n:
この場合、どうしたら良いのでしょうかね??:kaomoji4:
良い方法があれば教えてください:kaomoji6:

投稿者:netimpact

CSSやJavaScriptのアクセスをブロックすると検索順位が下がる?

本日、『Google Search Console Team』より、以下のような警告メッセージが送られてきました。

JSファイルブロック

昨年10月にGoogleの技術ガイドラインの変更はあったけど

昨年10月にGoogleの技術ガイドラインの変更はありましたが、一部のJavaScriptをrobots.txt ファイルでブロックしていた事が要因のようです。

昨年10月以前のGoogleの仕様では・・

以前のGoogleの仕様では、 「JavaScript、Cookie、セッション ID、フレーム、DHTML、Flash などの特殊な機能が使用されているためにサイトの一部がテキスト ブラウザで表示されない場合、 検索エンジンのスパイダーがサイトをうまくクロールできない可能性があります。」という事でしたが、

現在は、以下のように言っています。

Google のアルゴリズムによるコンテンツのレンダリングとインデックス登録に影響を及ぼす問題が貴サイトで発生していることが Google のシステムにより判明しました。 具体的には、robots.txt ファイルでの制限のために Googlebot が JavaScript や CSS ファイルにアクセスできません。 Google では、これらのファイルによりウェブサイトが正常に機能していることを認識するため、これらのアセットへのアクセスをブロックすると検索結果における掲載順位が本来よりも低くなる可能性があります。

つまり、昔は、JavaScript、Cookie、セッション ID、フレーム、DHTML、Flash などを特殊な機能としていましたが 今は、CSSやJavaScriptをGoogleは、正しく読めるようになり、逆にブロックしているとサイトが正常に機能していることが認識できないと言うことのようです。

Googleの仕様の変化や使うシステムやセキュリティで判断が難しくなる??

以前は、GoogleがJavaScriptなどを正しく読めないなどの背景もあり、SEOのためにJSやCSSをブロックしたほうがいいという考え方でしたが、今は逆効果になってしまいます。

しかし一方で、サイト構築にWordpressなどのシステムが、汎用的に使われる時代となった今、WordpressのログインやPHPの入口や脆弱性を突く、不正アクセスが急速に増えています。

セキュリティ面から、外部からの不正アクセスを防ぐために、robots.txt ファイルで外部からの侵入をブロックする局面も増えてきています。

Googleのガイドラインに従わず、検索順位が落ちてしまうのも問題ですが
不正アクセスされるのも問題ですね。

これからは、セキュリティと Googleとの折り合いを上手につける技術や経験が求められる時代になったということですね。:sayonara:

投稿者:netimpact