タグ

web制作に関するwa_ogaのブックマーク (3)

  • node.jsを使ってjQueryチックにWebサイトをクローリングする方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作

    どうも僕です。 今日は、サーバサイドJavaScript(node.js)でjQueryチックにDOMを操作して、Webサイトをクローリングする方法についてまとめようと思うよ! 要は、既存のWebサイトから必要な情報を収集してきて、データベースに突っ込もうということ。 これができると何がうれしいかって、簡単にまとめサイトが作れるんだよね。 クローリングする方法は数々あれど、なにゆえサーバサイドJavaScriptのnode.jsを使ってこれをするかというと、「クローリング対象の部分をjQueryのセレクタで指定できる」のが大きいわけです。 みんな、好きだよね!jQuery!とっても便利だよね!jQuery! 好みにもよるかと思うが、JavaScriptのようなふにゃふにゃした言語をあえて使う理由は、クライアントサイドプログラミングを組むか、JQueryの恩恵を受けるためといっても過言ではあ

    node.jsを使ってjQueryチックにWebサイトをクローリングする方法 | 株式会社LIG(リグ)|DX支援・システム開発・Web制作
  • Change Text Link Hover Effect Using CSS3

    2020年2月25日 CSS どのサイトでも見かけるテキストリンク。リンクのついたテキストにマウスオーバーすると文字色を変更する、というシンプルかつわかりやすい効果を実装しているWebサイトが多いかと思います。この装飾をもう少し変更できないかな?と思いCSSのみでプラスすることができるエフェクトをいくつか紹介します。 ↑私が10年以上利用している会計ソフト! 目次 ちょっと予備知識 文字色をふんわり変える 背景色をふんわり変える 文字をぼかす 光を放つグロー効果 背景を角丸に レインボーカラーに 拡大・縮小 角度を変える くるっと回転 1. ちょっと予備知識 今回はjQueryなどのJavaScriptを使わず、CSSのみで実装できる小技を集めています。その中でどの小技にも採用しているのが transition プロパティです。transitionプロパティは、時間の変化を操作するもので、

    Change Text Link Hover Effect Using CSS3
  • ウィジェットとRSSフィードを利用して、他のブログの最新記事を表示する。【Wordpress】 : 僕の私の備忘録

    5月21 ウィジェットとRSSフィードを利用して、他のブログの最新記事を表示する。【Wordpress】 2012 カテゴリ:Wordpressサイト制作・備忘録 前回の記事では、RSS表示用の専用タグを用いて他のブログの最新記事を自分のサイトで表示する手順を紹介しましたが、今回はもっと手軽に、Wordpressの標準ウィジェットを利用して、他のブログの記事を自分のサイトに表示する手順を説明します。 最も手軽に、他のブログの最新記事タイトルを表示する方法 RSSフィード読み込み用のウィジェットを設定する 各ブログのRSSフィードURLの確認方法は? 使用中のテーマがウィジェットに対応していない/RSS用の表示エリアを作りたい 追加したウィジェットをテーマファイルに追加する。 テーマファイル編集の注意点 ウィジェットを利用せずにRSSフィードを読み込む 最も手軽に、他のブログの最新記事タイト

    ウィジェットとRSSフィードを利用して、他のブログの最新記事を表示する。【Wordpress】 : 僕の私の備忘録
  • 1