2016/02/27

TypeScriptのtsdがオワコンになったのでtypingsを使ってみた

photo by Daniel Foster

TypeScriptでの型定義管理で使っていたtsdがオワコンになった。
代わりに typings を使ってくれとのこと。

▶ Deprecate TSD · Issue #269 · DefinitelyTyped/tsd

ということで、typingsを使ってみた。


開発環境


  • Mac OS X Yosemite
  • npm 3.3.12
  • typings 0.6.8

詳しいTypeScriptの開発環境構築は以下のエントリを参照してほしい。


2016/02/23

エラー箇所など指定した要素にスクロールで移動する

photo by mollyali

縦長Webページの入力フォームなどで、バリデーション後にエラーを表示したいことがある。その方法はいくつもあるが、今回はエラー箇所にスクロールで移動する方法を実装する。

※サンプルではjQueryを使用しているが、使わなくても対応可能(アニメーションが面倒だけど)

2016/02/07

【JavaScript】jquery.xdomainajax.jsで簡単スクレイピング

スクレイピングとは、ウェブサイトから情報を抽出する技術のこと。
簡単に言えば、とあるサイトのHTMLを取得できるってこと。


jQueryだけでスクレイピング


これを実現するためには、ajaxを使う。
var url = 'http://kuroeveryday.blogspot.com/';

$.ajax(url, {
  crossDomain: true,
  success    : function (res) {
    console.log(res);
  }
});
ただしこのままでは以下のようなエラーがでる。
XMLHttpRequest cannot load http://kuroeveryday.blogspot.com/. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

アクセス先のサーバからのレスポンスに Access-Control-Allow-Origin が含まれていないとアクセスすることができないからだ。