nodejsでjQueryスクレイピング - エウレカ技術部
node社内ネットウォッチャーの @mizchi です。今日はnode.jsでスクレイピングします。 一般的に言うスクレイピングとは、HTMLから自分がほしい箇所だけ抜き出すことです。それを自動更新でブン回して差分を確認したり、グラフにしたりするわけです。 node.jsでスクレイピングすると何が嬉しいんでしょうか？ それはベースがjavascriptだから、みんなが大好きなjQueryが使える！ってこと ライブラリのインストール今回使うのは、request、jsdom。 URLをリクエストするrequest、htmlをブラウザと同じDOMエレメントのように扱えるjsdomという役回りです。 npm install request npm install jsdom jsdomでjQueryを読み込んで、そのjQuery化されたオブジェクトを返します。 実行指定したURLのjQueryオ
jQuery 超簡単且つ軽量にプルダウン型メニューを実現する方法 | Stronghold Archive
どうもこんにちは。今回のtipsは…【超簡単且つ軽量にプルダウン型メニューを実現する方法】です。 コード jqueryで8行と、とても軽い仕様になっていますのでよろしければご活用ください。 $(function(){ $(‘.nav’).hover(function(){ var nav = $(this).find(‘li’).length; $(this).not(‘:animated’).animate({‘height’:24 * nav + ‘px’},’fast’); },function(){ $(this).animate({‘height’:’24px’},’fast’); }); }); HTML <div id="menu"> <ul id="menuBody"> <li> <ul class="nav"> <li class="head">MANU1</li> <l
Designing the Digg Header: How To & Download | CSS-Tricks
The design of Digg is full of smart ideas. The site identity is strong but doesn’t take up too much valuable vertical space. Navigation is compacted with the use of simple drop-down menus. Important things like subscribing, searching and account information are right up top where you would expect them to be. It’s fluid width, but it doesn’t shrink too far or grow too big. Let’s design the Digg hea
jQuery MagicLine Navigation | CSS-Tricks
These “sliding” style navigation bars have been around a while, I just thought I’d take a crack at doing it myself as the opportunity came up recently. Turns out it’s really pretty darn easy. I put two examples together for it. The Idea The idea is to have a highlight of some kind (a background or an underline) follow you around as you mouse over the different links in the navigation. This will ha
Lån til Oppussing med candesprojects.com
Det å pusse opp huset er svært populært blant nordmenn. Enten det er bad, stue, kjøkken, soverom eller noe annet som skal pusses opp, kan utgiftene tilknyttet oppussingen ofte bli høyere enn antatt. Dette er en av grunnene til at mange nordmenn tar opp finansiering fra banker som Bank2 når boligen pusses opp. Et forbrukslån er et lån uten sikkerhet, noe som gjør lånet tilgjengelig også for de som
[JS]ちょっとかっこいい円グラフをウェブページに簡単に設置できるスクリプト -EASY PIE CHART
シンプルなHTMLで、さまざまなデザインの円グラフが簡単に作成できるjQueryのプラグインを紹介します。 EASY PIE CHART [ad#ad-2] EASY PIE CHARTの使い方 実装は、3ステップです。 Step 1: 外部ファイル 「jquery.js」と当スクリプト・スタイルシートを外部ファイルとして記述します。 外部ファイルはhead内に記述してください。 <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript" src="/path/to/jquery.easy-pie-chart.js"></script> <link rel="styl
jQueryで円グラフを簡単に表示するプラグイン「Peity」
円グラフをサイトで使用することがあるかと思います。 そんな時、JavaScriptライブラリのjQueryなら簡単に表示させることが可能です。 via：Peity . progressive <canvas> pie charts sponsors 使用方法 Peityからjquery.peity.jsをjQueryからjquery.jsをダウンロードします。 <script type="text/javascript" src="jquery-1.4.2.min.js"></script> <script type="text/javascript" src="jquery.peity.js"></script> <script type="text/javascript"> $(document).ready( function(){ $(".class名").peity({ colo
ちょっとオシャレな円グラフ的なものを作成できるjQueryプラグイン「jQuery Knob」
twitter facebook hatena google pocket 円グラフをオシャレに描きたい時にはjQuery Knobが良いかもしれません。 見た目も機能性もあるjQueryプラグインです。 sponsors 使用方法 aterrien/jQuery-Knobからファイル一式をダウンロード。 <script type="text/javascript" src="jquery-1.7.2.min.js"></script> <script type="text/javascript" src="jquery.knob-1.1.1.js"></script> <script> $(function(){ $(".knob").knob(); }); </script> あとは下記のように記述すればOKです。 <input class="knob" data-width="250
jQueryのjqPlotプラグインで作るデータラベル付き円グラフ
<script language="javascript" type="text/javascript" src="jquery-1.7.1.min.js"></script> <!--[if lt IE 9]> <script language="javascript" type="text/javascript" src="excanvas.min.js"></script> <![endif]--> <script language="javascript" type="text/javascript" src="jquery.jqplot.min.js"></script> <script language="javascript" type="text/javascript" src="plugins/jqplot.pieRenderer.min.js"></script> <l
onehackoranother.com | Default Web Site Page
SORRY! If you are the owner of this website, please contact your hosting provider: webmaster@onehackoranother.com It is possible you have reached this page because: The IP address for this domain may have changed recently. Check your DNS settings to verify that the domain is set up correctly. It may take 8-24 hours for DNS changes to propagate. It may be possible to restore access to this site by
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Loading...
グリッドレイアウトを実装できるjQueryプラグイン