web

ブラウザの強力キャッシュと圧縮するデータセーバーのデメリット

2017-07-01

アンドロイド7.0(Nougat/ヌガー)の新機能でもあります。この機能のブラウザ版のデータセーバーのご紹介です。

データセーバーを使うとクロームの使用量、通信料などを減らすというものです。だいたい20%ぐらいを圧縮してくれるのでギガが減る率も下がるというモノですね。

この機能(エクステンション)はテザリングや通信料を抑えるのには良いかもしれませんが常時接続している方はデメリットかもしれません。特にウェブ制作者には不向きです。

これ入れているせいでちょっと焦りました。

Read more

ドメインオーソリティの使い道

2017-06-17

ドメインオーソリティーとは一言で言えばドメインの価値を数値化したモノです。ドメインに関するものなので中身については全く意味をなさないと思います。ドメインオーソリティーの数値が低いから低品質なコンテンツという訳でもないです。

ある程度日数がたってリンク数が多いと数値も上がる傾向にあるようです。ワードプレスを使っている場合は特に数値が高い気がします。中古ドメインとかの価値の参考になるかもしれません。

Googleのページランクの代替えとして使っている方もいらっしゃるかもしれませんがあくまで参考程度ですね。基本的に管理している会社はグーグルではなくSEOのマーケティング会社Moz(旧SEOmoz)が作っているツールです。

この会社が提供するツール「Open Site Explorer」やGoogle Chromeのエクステンション「MozBar」だとすぐにわかります。数値は最高値が100点です。グーグルですら96なので100って何だろう・・・・・アップルマイクロソフトウィキペディアフェイスブックツイッターは100点でした。。

現時点ではヤフーだと93点、アマゾンは92点、楽天は91点、因みに自社Mozのサイトは91点でした

Read more

個人情報を一切収集しない検索エンジンDuckDuckGoとは?

2017-06-10

ネット検索と言えば、日本ならGoogleやYahoo Japan!(検索エンジンはGoogle)経由が多いですね。Bingは少数派といったところでしょうか。

DuckDuckGoという検索エンジンは最近知りました。検索結果を変えてみてみたい方はGoogle以外の選択肢として使ってみてはいかがでしょうか?

見た目はGoogleっぽいシンプルな感じですがアヒルのアイコンがマークになっています。

あなたを追跡しない検索エンジンというコンセプトのようです。ただし検索精度はやはり王者Googleにはまだ及ばないといって感じです。ですがあらゆるところで検索エンジンとして設定ができるようになっています。

iPhoneでも設定の検索エンジンからGoogle、Yahoo!、Bing、DuckDuckGoとなっているので設定できるようになっています。アンドロイドはアプリがあります。DuckDuckGoアプリ

Read more

オンラインツールPDF Candyのご紹介

2017-04-15

アイスクリームアップス(Icecream Apps - Free & tasty software!)というソフトウェア開発の会社が2016年12月に作成されたサイト、PDF Candy - free online PDF toolsのご紹介です。

PDFの変換ツールでまだ日本語は未対応ですが使い方は簡単です。インターフェースは直感的で現代的で使いやすいものになっています。現在のところ広告もなくSSLで保護されています。

結合、分割、圧縮、アンロックなどのさまざまな変換ツールです。

PDFキャンディのツールは、高品質の出力ファイルを提供するアイスクリームアップス(Icecream Apps - Free & tasty software!)のPC製品に基づいています。

Read more

Git最初の一歩

2017-03-18

今回は分散型バージョン管理システムのgitについてです。ギットと読みます。

公式サイト

ファイルのバージョン管理と思っていただければいいと思います。エクセルでもファイル1、ファイル2、ファイル3、ファイル4とかつけていきますね、これだとどのファイルが新しいのか古いのかがわからなくなりますが同じファイルで管理していけるのは良いですよね。

gitを使うとファイルを作ったり修正したりある程度のまとまりになったら履歴データベースに保存しておくと良いです。

  1. 作業ディレクトリ ここで作業する

  2. ステージングエリア(インデックス) 作業経過を保存

  3. リポジトリ(ローカル、リモート) 保存先、履歴データベースに入る

こちらのサイトがわかりやすいですね。⇒サルでもわかるGit入門 〜バージョン管理を使いこなそう〜

今回の保存先はBitbucketに入れますのであらかじめアカウントを作成する必要があります。

Read more

web-makerクロームエクステンション

2017-03-14

すぐにJavascriptやcssを試して見てみたいというときがありますよね?そんなときはweb-makerが役立ちます!マークダウンも試せます、ちなみにクローム限定です。

すぐにjavascriptを試してみたいときや、cssやsassの表示を確認してみたいとき、markdownを試してみたいときライブラリも入っているので設定しておけばjQueryの動作確認やAngularJS、react、vueも試せます。cssのフレームワークも入っていますのでbootstrapやfoundationのcss動作確認も行えます。

こちらからダウンロードできます→ webmaker

Read more

リンクタグの_blankについて

2017-02-25

今回はちょいメモです。最近はあまりリンクにtarget=”_blank”をつけることはなくなったのですが、これをする場合はrel=”noopener noreferrer”をつけた方が良いということが言われています。

開かれたページの方では開いた元のページにアクセスできる仕組みになっているのでこれを悪用するサイバー攻撃を受けることがあると言うことのようです。

それでrel=”noopener noreferrer”をつけることで防ぐことが出来ると言うことです。

以下が例です。

<a href="https://example.com" target="_blank" rel="noopener noreferrer">example.com</a>

Read more

簡単!5分で取得!Google Maps APIキー取得方法

2016-12-18

グーグルマップではよくgmaps.jsと一緒に利用してきたのですぐにAPI登録はしてしまいました。登録自体は簡単ですが一度登録するとあとはキーを記入するだけです。ですので登録方法を忘れそうなので書き記しておきます。

今までは必要なかった設定が必要になってきましたが、一度設定すれば後はAPIキーだけ取得すればそれを使って使い続けることが出来るのでさくっと取得してしまいましょう。わかってしまえばたぶん5分もかかりません。

キーだけあれば設定は終わりです。

Read more

同時にスマホとPCサイトを確認用ブラウザBLISKがとっても良いよ

2016-12-10

Chromiumベースのアプリbliskのご紹介です。chromeとほぼ同じです。ただ日本語化されていないことが残念な点ですね。

スクロールも同時にされるので見やすいです。最近正式バージョンが出たので使っている方も多いのではないでしょうか。 ⇒blisk公式サイト

無料版と有料版があります。1日30分までしか使えないようですが、少し確認するなら便利に使えるかと思います。

Read more

簡単!グーグル翻訳で自社サイトを多言語化

2016-11-26

今回は簡単にサイトを多言語化する方法をご紹介します。 当サイトにも実装しておりますが、5分で出来ます。翻訳ツールにはグーグル翻訳を使います。翻訳精度はご存じだと想いますがたまに変な翻訳しますのでご理解の上ご使用ください。最近はだいぶ翻訳精度も上がっております。当然ですがグーグルアカウントが必要になります。

ビジネス向けツールのグーグル翻訳を使います。下記公式サイトです。 ⇒ウェブサイト翻訳ツール

Read more

簡単ファビコン作成!ファビコンジェネレーターのご紹介

2016-11-12

サイトを作成する上で必須になってきていますファビコンについてご紹介します。 サイト表示にはわかりやすいfaviconを入れることがもはや当たり前になってきていますが、最近は対応ブラウザや機種によっても変わってきますので一括で出力できるFavicon Generatorをご紹介します。

⇒公式サイトはこちら

Read more

テストメールが出来るmailtrap.ioがとても良い感じ

2016-10-17

テストメールが出来るmailtrap.ioとは仮想のsmtpテストサーバーになります。ダミーSMTPメールテストをするという感じで実際にはメールは送らずに公式サイトの管理画面に表示されるという感じです。

実際の顧客に間違えて送る必要もなく、本番環境の設定をせずにテスト環境でメールの中身が見てみたい場合などに有効です。たとえばユーザー登録した場合のメール送信テストやメールフォームでのテストなどでとても役立ちます。

Read more

簡単に画像をリサイズする方法

2016-09-27

最近画像のリサイズが簡単にできないかなと調べておりました。ソフトやアプリは多くありますよね。

iPhoneならImageResize、Simple Resize、バッチリサイズなどなど、Androidなら画像縮小 Image Shrink Lite、写真リサイズなどなど、最近はインスタ用に編集できるアプリ、InstaSize-フォトスタジオ画像加工&コラージュ編集などがありますよね。

WindowsならirfanviewとかMacならiMage Toolsとかまあ、簡単に画像がリサイズできるアプリって多いですね。

さてアプリを使っても良いのですが、ウェブ上でさくっとリサイズ出来るサイトはないものかと調べたらありましたのでご紹介します。

Read more

簡単にファイル転送send-anywhereのご紹介

2016-09-18

以前ドロップボックスによる送信方法をご紹介しましたが、もっとお手軽にデータ送信できる方法をご紹介します。

ドロップボックスのファイルリクエストによるファイル転送方法

Send anywhereの場合はパソコンからパソコンはもちろん、スマホからパソコンや、スマホからスマホまでの転送が可能になっております、WindowsからMac間でのデータも簡単です。

Send Anywhereこちらが公式サイトです。それぞれに対応したアプリがあるので使いやすく便利です。

Read more

動画変換・画像変換のオンライン版ファイルコンバーターのご紹介

2016-09-10

最近オンライン上のアプリが増えていますね、便利で良いことですね。

動画の変換は皆さんどのようにやっているでしょうか?だいたいはアプリを使って変換されることでしょう。しかも結構高い!

Convertio — ファイルコンバーターなら100MB、アカウント登録で300MBまで無料で変換してくれます。制限はありますがお手軽に変換できて便利です。

今回は試しにmp4のファイルをwebmに変換してみたいと思います。

Read more

相手に大容量データを送ってもらう簡単な方法

2016-08-27

データ便宅ふぁいる便ギガファイル便などがありますが、そのようなサービスをしなくても直接ドロップボックスに入れてくれるサービスがあります。

ドロップボックスのファイルリクエストです。

この機能は相手がドロップボックスのアカウントを持っていなくてもできるというところですね。

簡単に相手にアップロードしてもらうとこちらのドロップボックスの中にデータが入るということになります。

一人だけではなくて複数人にも対応しておりますので便利に使えそうです。

自分がドロップボックスのアカウントを持って行けないと駄目なんですが、無料アカウントで2GB取得できますが、こちらから取得すればさらに500MBのボーナスがもらえます。ですので2.5GBの容量がもらえます。

Read more

自分のメールアドレスが流出しているかどうかわかるサイト

2016-07-02

最近よく個人情報が流出したというニュースは多いですね。メールアドレスとパスワードはよくサイト登録などで利用されることが多いですが、パスワードは使い回していないでしょうか?

本当に危険ですので面倒でも登録サイトごとにパスワードは変えていた方がこの時勢ではリスクが分散されます。できれば2段階認証などしておくと安全です。

私も昔はパスワードを使い回していましたが、登録サイトごとにパスワードを変えています。同じパスワードなら芋づる的に各登録サイトから情報をとられていきます。ネット銀行もそうですね。

Read more

特定のサイトにアクセスできなくなった対処法

2016-06-19

なぜか特定のサイトだけにアクセスができないということがありませんか?

私はありました。すごく重用なサイトでもなかったので特に気にしていなかったのですが、どうもこのパソコンだけがアクセスできないということがわかったとき、原因を調べてみました。

原因はいろいろあると思いますが今回はウィルスソフトでした。ESET NOD32というソフトを長年使ってきたのですが今までこんなことなかったのですが、Macだとうまくいかないようですのでその対処法をご紹介します。

今回の設定はMac版に限ります。

Read more

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

最近の投稿

アイキャッチ
バックドア型ウィルスにかかった時のワードプレスセキュリティ対策

今回はセキュリティについてご紹介したいと思います。ワードプレスでのセキュリティ対策って何をすれば良いの?という方も多いかと思います。相談が多かったので記事にしました。 ほんとうは怖いワードプレ...

14 Sep 2017

アイキャッチ
ワードプレスでJSのインラインスクリプト設置方法

今回はワードプレスにインラインスクリプトを入れる場合の対処方法です。 jQueryなどでオプション指定したりタグなどを入れ込んだりするときに有効です。 結構簡単です。割と最近なんですがそれ用...

02 Sep 2017

アイキャッチ
ブートストラップv3からv4の変更点をご紹介

ようやくv4のβ版が登場しました。あれから2年です。。。長いですね。 あとはβ版が何個か出たら正式リリースするようなのでもう少しで正式版はリリースしそうです。 多少変わるところはあるかもしれ...

27 Aug 2017

アイキャッチ
電話番号の正規表現をJavaScriptを使ってチェック

さて今回はフォームの中での電話番号正規表現についてご紹介します。 電話番号を入力する際に携帯と固定電話どちらでも入力可能の場合にどちらの場合でも桁数チェックができるようにしたいと思います。今回...

19 Aug 2017

アイキャッチ
画面共有中だけ通知を一時的にオフ機能のMac用アプリMuzzle

本日はアプリのご紹介、画面を共有しているときやビデオ通話などをしているときに通知を一時的にオフにするアプリのご紹介です。 プレゼンの発表中などスクリーン共有やビデオ通話などの際に役立ちます。S...

13 Aug 2017

著者

ウェブエンジニアのSUYAMAのブログです。

WEBに関することや個人的に関心のあることについて書きます。主に技術系ブログです。

タグクラウド

フッターイメージ