1. Home
  2. サイト運営情報
  3. アップデート
  4. NetaGearにお気に入り機能などを追加する大幅なアップデートを行いました!
AmazonAmazon クレジットカードAmazon DashAmazon PrimeAmazon.co.jpAmazon
CORSAIR 簡易水冷CPUクーラーH60の新旧を比較してみました!

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

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

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

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

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

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

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

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

Windows標準搭載の仮想デスクトップを便利に拡張できるソフト「Sylphyhorn」!

Windows標準搭載の仮想デスクトップを便利に拡張できるソフト「Sylphyhorn」!

今回紹介するのはWindows10の仮想デスクトップの機能を更に便利に拡張できるソフトの「Sylphyhorn」を紹介したいと思います。Windows10から標準で搭載されている仮想デスク...

Amazonの初売り!おまかせ福袋や見える福袋などの販売を1月2日18時よりスタート!

Amazonの初売り!おまかせ福袋や見える福袋などの販売を1月2日18時よりスタート!

今年のAmazonの初売りは2019年1月2日(水)~18時から1月4日(金)23時59分まで開催されます。「Amazonの初売り」では、商品が届くまでお楽しみの「おまかせ福袋」に加えて...

あけましておめでとうございます!

あけましておめでとうございます!

新年あけましておめでとうございます!裏技shop DDは今年でサイト開設から14年目に突入します!気がつけばこんなに長く続けていることは他にないくらい長い時間が経ってし...

管理人が選ぶ2018年のShopDDの記事ベスト10!

管理人が選ぶ2018年のShopDDの記事ベスト10!

今年も残り少なくなってきましたが皆さんいかがお過ごしでしょうか?!本日は大晦日ということで、2018年の記事を振り返ってみるという意味合いも込めて管理人が選ぶ2017年...

「YouTube Premium」と「YouTube Music Premium」の違いをまとめました!

「YouTube Premium」と「YouTube Music Premium」の違いをまとめました!

2018年11月からスタートしたYouTubeの新サービスのプラン「YouTube Premium」と「YouTube Music Premium」ですが、名前が似ててよくわかりにくかったので違いについて調べ...

12製品総額600ドルの有償ソフトのライセンスキーを無料配布するキャンペーンを実施中!

12製品総額600ドルの有償ソフトのライセンスキーを無料配布するキャンペーンを実施中!

WonderFox Soft, Inc.は同社製品であるWonderFox HD動画変換プロを含む合計9製品のライセンスキーを無料配布するWonderFox 2018 Xmas Carnival(ワンダーフォックス 2018メ...

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位が表示されます。今ならリンクするだけで簡単に上位に表示されます。