タグ

ブックマーク / sakuratan.biz (6)

  • HTML5が巨人の川相なら、data-属性はHTML5の川相

    意味不明なタイトルですんません。増田にインスパイアされました。 さて HTML5 界隈が騒がしい今日このごろですが、data- 属性というものを皆さんご存知でしょうか? Twitter のツイートボタン作成ページで作った HTML に入ってる data-via とかのことです。最近色んなところでよく目にしますが、これを使うと任意の DOM 要素に任意の値をセットできるみたいです。 で、この data- 属性なんですが HTML5 の仕様の一部だったみたいです。恥ずかしながらちゃんとした仕様だということを最近知ったのですが、個人的には canvas とか video とかをブッちぎって一番重要な HTML4 からの変更点じゃないかと思います。 てことで日は、努力家だけど恥ずかしがり屋さんの data- 属性さん(46歳)が実はいぶし銀のスーパースターだということをプロバガンダをしようと思い

    HTML5が巨人の川相なら、data-属性はHTML5の川相
    yuiseki
    yuiseki 2012/10/12
  • node.jsとMySQLで割と普通のデータベースウェブアプリを作ってみるチュートリアル | さくらたんどっとびーず

    2011年はサーバサイド JavaScript の年! サーバサイド JavaScript命は node.js! ということで割と普通のウェブアプリケーションを node.js で作るためのチュートリアルを書いてみました。WebSocket とか新しめの話題は結構見ますが、PHP とかで普通のウェブアプリ作ってる人向けのチュートリアルとかあんま見ないような気がしたので、って感じです。 チュートリアルの内容ですが、コード量が少なめで機能的にも分かりやすそうなモノということで、短縮 URL ウェブアプリケーションを作ってみることにしました。bit.ly とか t.co とか nico.ms みたいなアレです。短縮 URL のデータは MySQL に保存します。 結構長文になっちゃったので、先に目次置いときます。 node.js のインストール npm (Node Package Mana

    node.jsとMySQLで割と普通のデータベースウェブアプリを作ってみるチュートリアル | さくらたんどっとびーず
    yuiseki
    yuiseki 2011/04/27
  • node.jsとjQueryでスクレイピングするウェブアプリの作り方

    やっぱ jQuery 便利ですよ(*´・ω・)(・ω・`*)ネー セレクタ使って jQuery でダカダカやってると、DOM とか正規表現でネチネチやるのがバカらしくなっちゃいます。 と日頃から思ってたりしてまして、サーバサイド JavaScript がメインストリームになって、jQuery でウェブアプリをコーディングできれば超ラクできるかもと期待しています。 で、先日サーバサイドJavaScriptとjQueryでスクレイピングという記事をうpったところ、やっぱ Rhino じゃなくて node.js がえーんよ(´・ω・`)というコメントを頂きましたので、node.js と jQuery でサーバサイド JavaScript スクレイピングしてみることにしました。 今回は node.js ですので、単にスクレイピングする(コマンドラインから実行する)スクリプトだけじゃなくて、スクレイ

    node.jsとjQueryでスクレイピングするウェブアプリの作り方
  • 新型はてなブックマークボタンを速くする

    遅い原因も調べてますがとりあえずその辺は後述ということで、先に新型はてブボタンの動作を速くする方法から書いていきます。 まずはてブのボタン配信ページから貼り付けコードを取得します。こんな感じの HTML スニペットがもらえると思います。 <a href="http://b.hatena.ne.jp/entry/http://sakuratan.biz" class="hatena-bookmark-button" data-hatena-bookmark-title="さくらたんどっとびーず" data-hatena-bookmark-layout="standard" title="このエントリーをはてなブックマークに追加"> <img src="http://b.st-hatena.com/images/entry-button/button-only.gif" alt="このエントリ

    新型はてなブックマークボタンを速くする
    yuiseki
    yuiseki 2011/01/24
  • サラッとjQueryプラグインを書けると(・∀・)イイ!!感じ

    某サイトにて、type=”text” の input 要素を、こんな感じで jQuery を使って無効にしていたのですが、 function disable_enter(e) { if (e.which == 13) { return false; } return true; } $(function() { $('.noEnter').keypress(disable_enter); }); 同じ機能を他でも使うことになって、いちいち keypress(disable_enter) 呼び出すのもうっとおしいなと思って、試しに jQuery プラグインにしてみたところ、応用範囲が超スゲー感じだったのでお伝えしたいと思います。 とりま上のをプラグインにするとこんな感じ。 (function($) { $.fn.extend({ disableEnter: function() { this

    サラッとjQueryプラグインを書けると(・∀・)イイ!!感じ
    yuiseki
    yuiseki 2010/02/05
  • ツイッターのサイドバーにお友達の最新のつぶやきを表示するグリモン | さくらたんどっとびーず

    ツイッターのお友達が増えると巡回先みたいのができてくると思うのですが、ブラウザだといちいち全員のページ巡回するのも大変なので、ツイッターのサイドバーにお友達の最新のつぶやきを表示するグリモンを作ってみました。 このように、登録したお友達の最新のつぶやきをサイドバーに表示します。 使い方 userscripts.org からスクリプトをインスコします。 Twitter Watching Sidebar for Greasemonkey インスコすると Watching 1 〜 3 がサイドバーに追加されます。 ユーザーの登録 インスコした直後はお友達が登録されていません。サイドバーを開くと以下のように表示されます。 サイドバーのスペースの都合もあり、ギリシャ文字をメニュー代わりに使っています。ωがお友達の追加、ζがリロードです。ωをクリックすると以下のようにユーザー追加フォームが出てきます。

    ツイッターのサイドバーにお友達の最新のつぶやきを表示するグリモン | さくらたんどっとびーず
    yuiseki
    yuiseki 2009/09/19
  • 1