1. Home
  2. Webデザイン
  3.  
  4. Webデザイン
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
AndroidのChromeを開発者ツール(デベロッパーツール)で分析する方法!

AndroidのChromeを開発者ツール(デベロッパーツール)で分析する方法!

Web開発ではChromeの開発者ツール(デベロッパーツール)はよく使うものであり、必須とも言えるくらい便利なものです。レスポンシブでスマホ用のレイアウトを作る際に、PCのC...

Chromeを簡単にカスタマイズ!14色の公式ブラウザテーマを公開!

Chromeを簡単にカスタマイズ!14色の公式ブラウザテーマを公開!

Googleの「Chrome」チームが初となるChromeの公式テーマを公開しました。今回公開された14色のカラーリングは色合いや濃淡も様々なものが用意されています。これらのテーマ...

PNGやJPEGより圧縮性能が高い次世代画像フォーマットの「WebP」を使おう!

PNGやJPEGより圧縮性能が高い次世代画像フォーマットの「WebP」を使おう!

一般的なWebサイトに用いられている画像はPNGやJPEGがほとんどですが、今回はWebサイトにおける次世代画像フォーマットのWebP(ウェッピー)の話をしたいと思います。WebPはG...

JPEG/PNG形式の画像をWebPへ一括変換できるソフト「WebPconv」が便利!

JPEG/PNG形式の画像をWebPへ一括変換できるソフト「WebPconv」が便利!

今回紹介するのはJPEG/PNG形式の画像を次世代画像フォーマットである「WebP」(ウェッピー)に一括変化することができるソフトである「WebPconv」を紹介したいと思います。We...

Googleが提供する画像をブラウザ上で最適化して圧縮できるサイト「Squoosh」!

Googleが提供する画像をブラウザ上で最適化して圧縮できるサイト「Squoosh」!

Webサイトで画像を掲載する際に、画像の画質やファイルサイズを最適化して圧縮するのはサイトの表示速度を高速化するためにも必須の項目です。そこで今回紹介するのはGoogl...

無料で使えるオンラインのポスター&チラシメーカー「DesignCap」が便利!

無料で使えるオンラインのポスター&チラシメーカー「DesignCap」が便利!

今回紹介するのは簡単にハイクオリティなポスターを作ることが可能な無料のオンラインのポスター&チラシメーカーである「DesignCap」です。このDesignCapを使えばソフトウ...

CORSAIR 簡易水冷CPUクーラーH60の新旧を比較してみました!

CORSAIR 簡易水冷CPUクーラーH60の新旧を比較してみました!

ちょっと前からCORSAIRの簡易水冷CPUクーラーからカラカラという異音が聞こえるようになってきたので、CPUクーラーを買い換えることにしました。そんなわけで今回はCORSAIR...

Xボーダーを使って日本に発送できない海外サイトの商品を購入する方法!

Xボーダーを使って日本に発送できない海外サイトの商品を購入する方法!

以前に、AmazonUSで日本に発送できない商品も日本語で簡単に買える「Xボーダー」がすごい便利!という記事で紹介した「Xボーダー」ですが、実はこのXボーダーは海外のAmazo...

送料込み28円!?スマホ三脚固定ホルダー(ブラケット)を買ってみた!

送料込み28円!?スマホ三脚固定ホルダー(ブラケット)を買ってみた!

今回はスマートフォンを三脚固定するためのホルダーの三脚ブラケットがAmazonで送料込み28円という超激安価格で販売されていたので一つ購入してみました。そこで今回はスマ...

NetaGear RSS News

Now Loading

Article - Category (Webデザイン)

AndroidのChromeを開発者ツール(デベロッパーツール)で分析する方法!

AndroidのChromeを開発者ツール(デベロッパーツール)で分析する方法!
Web開発ではChromeの開発者ツール(デベロッパーツール)はよく使うものであり、必須とも言えるくらい便利なものです。レスポンシブでスマホ用のレイアウトを作る際に、PCのChromeの開発者ツールでDeviceをスマホに変更した上で、開発者ツールを開いて検証しつつ対応することはよくありますが、中にはスマホ向けページはAndroidの実機で検証したい時もありますよね。そこで今回はAndroidの実機のChromeで表示している内容を開発者ツ...

PNGやJPEGより圧縮性能が高い次世代画像フォーマットの「WebP」を使おう!

PNGやJPEGより圧縮性能が高い次世代画像フォーマットの「WebP」を使おう!
一般的なWebサイトに用いられている画像はPNGやJPEGがほとんどですが、今回はWebサイトにおける次世代画像フォーマットのWebP(ウェッピー)の話をしたいと思います。WebPはGoogleが開発しているオープンな静止画フォーマットで、ファイルの拡張子は「.webp」となっています。WebPの特徴としてはPNGやJPEGの良いところ取りしたような仕様で圧縮性能が高く、同じ画質でも画像ファイルサイズを小さくすることができ、ダウンロード時間...

JPEG/PNG形式の画像をWebPへ一括変換できるソフト「WebPconv」が便利!

JPEG/PNG形式の画像をWebPへ一括変換できるソフト「WebPconv」が便利!
今回紹介するのはJPEG/PNG形式の画像を次世代画像フォーマットである「WebP」(ウェッピー)に一括変化することができるソフトである「WebPconv」を紹介したいと思います。WebPはGoogleが開発しているオープンな静止画フォーマットで、ファイルの拡張子は「.webp」となっています。WebPの特徴としてはPNGやJPEGの良いところ取りしたような仕様で圧縮性能が高く、同じ画質でも画像ファイルサイズを小さくすることができます。このサイ...

Googleが提供する画像をブラウザ上で最適化して圧縮できるサイト「Squoosh」!

Googleが提供する画像をブラウザ上で最適化して圧縮できるサイト「Squoosh」!
Webサイトで画像を掲載する際に、画像の画質やファイルサイズを最適化して圧縮するのはサイトの表示速度を高速化するためにも必須の項目です。そこで今回紹介するのはGoogleが提供する画像をブラウザ上で最適化して圧縮するサイトである「Squoosh」です。Squooshを使うことでブラウザ上で簡単に画像を圧縮してサイズを最適化することができます。画像を出力する際には、JPEG/PNGはもちろん次世代画像フォーマットであるWebP(ウェッ...

WindowsにKerasとTensorFlow(GPU)をインストールして機械学習の環境を作ろう!

WindowsにKerasとTensorFlow(GPU)をインストールして機械学習の環境を作ろう!
ここ最近は機械学習にはまっていて、前々から気になっていたTensorFlowを試してみたいと思い、実際にWindowsにインストールしてみたので、その導入手順を紹介したいと思います。手順自体は比較的簡単だと思ったのですが、実際にやってみるといくつか引っかかったので、その点なども含め記録として残しておきたいと思います。まず、TensorFlow(テンソルフロー)について簡単に説明しておくと、ディープラーニングが行える機械学習...

無料で使える軽量なコードエディタの「Visual Studio Code(VS Code)」を使ってみよう!

無料で使える軽量なコードエディタの「Visual Studio Code(VS Code)」を使ってみよう!
今回紹介するのはMicrosoftが無償で提供しているソースコードエディタであるVisual Studio Code(VS Code)です。VS CodeはWindows/Mac/Linuxの全てで動作します。私は個人的にプログラムを書く際には、エディタのこだわりは特になかったのですが、ちょっとVS Codeを使ってみたらかなり良かったのでおすすめのエディタとして紹介したいと思います。エディタといえば昔からVimとEmacsがエンジニア間でエディタ戦争を繰り広げているの...

ツイート数取得APIのwidgetoon.js & count.jsoonがものすごく便利!

ツイート数取得APIのwidgetoon.js & count.jsoonがものすごく便利!
昨年11月よりTwitter公式APIであるwidget.jsとcount.jsonのサービスが終了したことで、サイト内でツイート数を表示することができなくなりました。そこで今回は同様のツイート数取得APIを無料で提供するwidgetoon.js & count.jsoonを紹介したいと思います。widgetoon.js & count.jsoonは無料の登録が必要になりますが、以前のTwitterのツイート数APIとほぼ同様のサービスを提供しています。ブログ運営をしていて以前のよう...

超軽量2KB以下のLightbox系jQueryプラグイン「Ligbox」!

超軽量2KB以下のLightbox系jQueryプラグイン「Ligbox」!
今回は私がこのサイト用に製作した必要最低限の機能のみに絞り超軽量化を図ったLightbox系jQueryプラグイン「Ligbox」を紹介したいと思います。Lightboxといえば画像を同一画面でオーバーレイ表示できる便利なjavascriptで、その便利さから様々なサイトで利用されています。しかし、Lightboxには様々な機能が追加されているためlightbox.js+lightbox.css+画像(close,ローディングなど)を合せると29.5KBとかなり容量が大きくなっ...

Related article

Most Popular

Now loading...

Social Links

Sponsored Link

Access Ranking

Now Loading...

当ブログにリンクしていているサイトの中でアクセス数の多いサイト上位15位が表示されます。今ならリンクするだけで簡単に上位に表示されます。

Amazon

Now Loading...