1. Home
  2. サイト運営情報
  3. アップデート
  4. NetaGearにお気に入り機能などを追加する大幅なアップデートを行いました!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
Bluetooth対応のスマート体重計・体組成計が送料込み1290円の大特価!

Bluetooth対応のスマート体重計・体組成計が送料込み1290円の大特価!

現在AmazonではBluetooth対応のスマート体重計・体組成計がなんとクーポンコードを使用することで衝撃の1290円で販売されています。スマート体重計・体組成計はスマホやタ...

Googleが11.11特別価格セールを実施中!Google HomeやChromecastなどが対象!

Googleが11.11特別価格セールを実施中!Google HomeやChromecastなどが対象!

現在、Googleが11.11だけの特別価格セールを実施しています。Google Pixel 4 / 4 XL を購入すると、Google Nest Hubをプレゼントしたり、Google Nest Hubが4,400円引き、Go...

SONY NEXシリーズのダミーバッテリーUSB電源ケーブルを買ってみた!

SONY NEXシリーズのダミーバッテリーUSB電源ケーブルを買ってみた!

私はブログでレビュー記事を書く時に写真はSONY NEX-5Nという今ではだいぶ古いカメラを使っているのですが、最近の悩みはバッテリーがすぐに無くなってしまい、製品の写真...

ダイソーの防滴ワイヤレスBluetoothスピーカー「BTS-032A」を買ったみた!

ダイソーの防滴ワイヤレスBluetoothスピーカー「BTS-032A」を買ったみた!

今回紹介するのは100円ショップのダイソーで販売されているワイヤレスBluetoothスピーカーの防滴仕様です。スマホとなどとBluetoothで連携して、ワイヤレスで音楽などを再...

DearMob iPhoneマネージャーでiTunesを使わず音楽を転送しよう!

DearMob iPhoneマネージャーでiTunesを使わず音楽を転送しよう!

前回はDearMob iPhoneマネージャーでiTunesを使わない簡単に写真を転送する方法について紹介しました。今回の記事ではiTunesを使用せずにDearMob iPhoneマネージャーで簡単...

Auslogics Windows SlimmerでWinSxSフォルダを小さくしよう!

Auslogics Windows SlimmerでWinSxSフォルダを小さくしよう!

今回はAuslogics Windows Slimmerを使ってWindowsの無駄なファイルを整理してSSDやHDDの容量を増やす方法を紹介したいと思います。Auslogics Windows SlimmerにはWinSxSフ...

合計900ドルのソフトウェアをプレゼント!WonderFoxのハロウィンキャンペーン!

合計900ドルのソフトウェアをプレゼント!WonderFoxのハロウィンキャンペーン!

WonderFoxでは、合計900ドル分となる18個のソフトウェアのライセンスコードをプレゼントするWonderFoxハロウィンキャンペーンを実施しています。このキャンペーンは2部に分...

スマートスピーカーAmazon Echo Dotが999円で販売中!Music Unlimited(1ヶ月分)付き!

スマートスピーカーAmazon Echo Dotが999円で販売中!Music Unlimited(1ヶ月分)付き!

現在AmazonではスマートスピーカーAmazon Echo Dotの第3世代が過去最安値となる999円で販売されています。さらに今回はAmazon Echo Dotに加えて音楽定額配信サービスのAmaz...

Windows10のゲームバーで画面録画をしよう!

Windows10のゲームバーで画面録画をしよう!

今回はWindows10に標準で搭載されているゲームバーを使用した画面録画(キャプチャー)の方法について紹介したいと思います。画面を録画すると聞くと専用のソフトをインスト...

NetaGear RSS News

Now Loading

Article

NetaGearにお気に入り機能などを追加する大幅なアップデートを行いました!

サイト運営情報 > アップデート 
NetaGear_ver3_023.png

NetaGearは2010年から公開している画像を一切使わずhtmlとCSSだけでサイトをデザインしたサイトです。そのNetaGearですが、今回古くなっていた内部プログラムを1から書き直し、お気に入りやマイリスト、サイト除外などの機能を追加したNetaGear ver3として大幅なアップデートを行いました。

またデザイン面では以前のNetaGear ver2の大まかなデザイン自体を踏襲しながら、いらない部分は削除して見やすいように1カラムデザインに変更しました。これにより今までは対応してなかったスマホ、タブレット用の表示も実装し、より閲覧できる幅が広がっています。

NetaGearの相互RSSして頂けるサイトを新たに募集!


NetaGear_ver3_021.png

RSS登録申請フォーム
https://netagear.net/articles/info

今回のNetaGearの大幅なリニューアルにより、相互RSSをして頂けるサイトを新たに募集したいと思います。NetaGearに登録されているサイトはこのShopDDのサイトの上部のRSSフィードにも表示されます。

基本的にサイト内容がちゃんとしているサイトであれば、相互RSSをお受けしたいと思います。一応審査はありますが、リニューアル記念で登録サイト数を増やそうと思っているので、緩めで色々なサイトを登録したいと考えています。サイトを持っている人はぜひ気軽に申請してみてください。※RSSの登録申請は、RSS登録申請フォームからサイト名とRSSを投稿してください。問題がなければ順次追加させて頂きます。

NetaGearのコンセプト


NetaGear_ver3_000.png

NetaGear
https://netagear.net/

このサイトは8年前にCSS3でがんばれば画像を使わなくてもそこそこカッコいいサイト作りができるという事を知って欲しいという目論みがあり、画像なしのデザインにチャレンジしたところからスタートしたサイトです!今現在では普及しているCSS3がまだ全然普及していなかった頃のチャレンジ企画でしたが、今回のリニューアルでも画像を一切使わないデザインはそのまま引き続き行っております。

NetaGearの新機能についての紹介


NetaGear_ver3_015.png

NetaGearに追加された新機能は大きく分けると、「お気に入り」「マイリスト」「NGサイト」「閲覧履歴」「オススメボタン」の5つです。これらの機能はJavascriptとCookieを使用しています。JavascriptとCookieがオフの方はご利用できませんのでオンにしてからご利用ください。

NetaGear_ver3_006.png
右上にあるメニューは左から「ランキング」、「お気に入り」、「マイリスト」、「閲覧履歴」、「ユーザー設定」となっています。ボタンで登録したものをこのメニューから見る感じです。

お気に入り


NetaGear_ver3_001.png
お気に入り(あとで読む)ページです。こちらは記事の横にある★ボタンを押すと、ここに登録されます。あとで読みたい記事などを登録して、あとで一気読みするのに使えます。

NetaGear_ver3_015.png
星が黄色になっていれば登録されています。もう一度押すと登録が解除されます。

マイリスト


NetaGear_ver3_002.png
マイリストのページにはマイリストに登録したサイトの記事のみが表示されます。このページでは自分のお気に入りのサイトのみを表示できます。

NetaGear_ver3_013.png
マイページへの登録方法は記事横のハートマークを押すと確認ボタンが表示されるので「はい」を押すと登録されます。赤くなっているハートを押すと解除できます。またはユーザー設定ページでも解除できます。

NGサイト


NetaGear_ver3_014.png
記事横のゴミ箱ボタンを押すと、NGサイトに登録できます。このNGサイトに登録すると、そのサイトの記事は今後表示されなくなります。ユーザー設定ページでNGサイトの解除ができます。

閲覧履歴


NetaGear_ver3_003.png
閲覧履歴のページでは、最近見た記事を一覧で表示してくれます。

ユーザー設定


NetaGear_ver3_004.png
ユーザー設定ページでは、マイリスト登録サイトの登録解除とNGサイト登録の解除が行えます。右端のハートを押すと登録が解除されます。

NetaGear_ver3_005.png
NGサイト登録の解除が行えます。右端のゴミ箱ボタンを押すと登録が解除されます。NGサイトに登録されると、そのサイトの記事は表示されなくなります。

オススメボタン


NetaGear_ver3_010.png
記事を閲覧した後には、オススメボタンが押せるようになります。記事を閲覧した後に薄い灰色になればこのオススメボタンを押せます。

NetaGear_ver3_011.png
オススメボタンを押すとボタンがオレンジ色になります。ゲージも増えますので、ランキングにも表示されやすくなり他の人にもおすすめされます。

レスポンシブル


NetaGear_ver3_007.png
今回のNetaGearではレスポンシブルに設計してあります。基本的に表示スタイルは3つで、デスクトップモード、タブレットモード、スマホモードとなっています。ウィンドウサイズによって自動的に表示を最適化してくれます。今まで上で表示している画像はデスクトップモードで、この画像はタブレットモードです。

NetaGear_ver3_008.png
こちらはスマホモードです。スマホモードではカテゴリーの部分はスライドして表示するタイプになっています。

NetaGear_ver3_009.png
スマホモードのみ、右上のボタンを押すとメニューが表示されるようになっています。

https化


NetaGear_ver3_022.png

今回のアップデートのついでにnetagear.netをhttps化しました。時代の流れとしてGoogleのhttpsサイト優遇もあり、今まで以上にWebサイト常時SSL化が進んでいっています。そんなこんなで、NetaGearもhttps://netagear.net/となり、よりセキュアなサイトとなっています。

今回の個人的感想




NetaGear自体は、元々は私の見つけたあらゆるジャンルのおススメのネタやニュースを羅列していくサイトでしたが、その後はプログラムを書き換えて自動でニュースを集める私の情報収集サイトとして運営を続けていました。さすがに8年前に書いたコードを改善して修正していくのも限界を感じたため、この度大幅リニューアルしました。このアップデートでは色々な機能を追加し、より使いやすく、また見やすいようになっています。

なにげにこのブログのメニューのNewsからNetaGearへ飛ぶことができるのですがたぶんあんまり使われていないと思います。これを機にNetaGearがもっと使われるようになると良いのですが・・・。様々な機能追加をしたので、前々からNetaGearを使っていた人も少し便利になったのではないでしょうか。今回のマイリスト機能やNGサイト機能をつけたことで、ユーザー毎に最適化した個人設定ができるようになったのが大きな違いですね。いらない情報はカットできるようになったので、より必要な情報だけを見やすくなったと思います。

また、お気に入り(あとで見る)ボタンをつけたことで、タイトル一覧でとりあえずお気に入りに入れておいて、あとで一気に記事を見ることが可能になったので個人的に活用していこうと思ってる機能です。みなさんもぜひNetaGearを使ってみてください。

Related article

COMMENT TO THIS ENTRY

Most Popular

Now loading...

Social Links

Sponsored Link

Popular Article

Access Ranking

Now Loading...

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