タグ

jsに関するbasiのブックマーク (71)

  • donejs - donejs

    Your App. Done. DoneJS is an open source JavaScript framework that makes it easy to build high performance, real-time web and mobile applications.

    donejs - donejs
    basi
    basi 2012/04/13
  • 最近のJavaScriptモジュールの書き方 - yo_waka's blog

    サーバサイド(特にNode.js)とクライアントサイド両方で動かしたいものは最近はこんな感じで書いている。 CommonJSのwiki見ててそこに紹介されてるソースコードで(どれだったか忘れたけど。。)やってたのを見ていいなーと思って真似っこした。 (function(define) { define([], function() { 'use strict'; /** * @constructor */ var SomeClass = function() { // initialize }; /** * @type {string} * @private */ SomeClass.prototype.hoge_ = 'hoge'; /** * @return {string} */ SomeClass.prototype.getHoge = function() { return th

    最近のJavaScriptモジュールの書き方 - yo_waka's blog
  • はてなブログ | 無料ブログを作成しよう

    来年も作りたい!ふきのとう料理を満喫した 2024年春の記録 春は自炊が楽しい季節 1年の中で最も自炊が楽しい季節は春だと思う。スーパーの棚にやわらかな色合いの野菜が並ぶと自然とこころが弾む。 中でもときめくのは山菜だ。早いと2月下旬ごろから並び始めるそれは、タラの芽、ふきのとうと続き、桜の頃にはうるい、ウド、こ…

    はてなブログ | 無料ブログを作成しよう
  • zepto.js — the aerogel-weight mobile javascript framework

    Zepto is a minimalist JavaScript library for modern browsers with a largely jQuery-compatible API. If you use jQuery, you already know how to use Zepto. While 100% jQuery coverage is not a design goal, the APIs provided match their jQuery counterparts. The goal is to have a ~5-10k modular library that downloads and executes fast, with a familiar and versatile API, so you can concentrate on getting

  • Node.jsとは何か、開発者ライアン・ダール氏が語る(後編)~ 複数コネクションの並列処理とデバッグ

    Node.jsとは何か、開発者ライアン・ダール氏が語る(後編)~ 複数コネクションの並列処理とデバッグ いま注目されているサーバサイドJavaScriptの火付け役となったNode.js。その開発者であるライアン・ダール(Ryan Dahl)氏自身がNode.jsを紹介した講演「Introduction to Node.js with Ryan Dahl 」のビデオが公開されています。 この講演は、サンフランシスコのPHP開発者の集まりであるThe SF PHP Meetup Groupが2月にダール氏を招待して行われたもの。 そのため、Node.jsを知らないデベロッパーに向けて、Node.jsがどのような特徴を持つプログラミング言語なのか、分かりやすく解説しています。内容を紹介しましょう。 (記事は「Node.jsとは何か、開発者ライアン・ダール氏が語る(前編)~ノンブロッキングとは

    Node.jsとは何か、開発者ライアン・ダール氏が語る(後編)~ 複数コネクションの並列処理とデバッグ
  • 初心者にも分かる Node.js と WebSocket についての解釈まとめ

    解釈が間違っている点がある可能性が御座いますのでご了承くださいませ。記事の内容としては「Node.js なら他のサーバよりもこんなに簡単に WebSocket が扱える(ライブラリがある)」というような内容となっていますので、ご了承いただければと思います。 Node.js って何? Node.js についてよくわからず最初は以下のページを読んでました。 Node.jsに関する基礎や開発・チュートリアルのまとめ:phpspot開発日誌 例えば、ログイン中の2人がいて、1人がチャットのリクエストをしたとします。でもラグが30秒ほどあって、気付かずに閉じちゃうなんてことがなくなります。 メンバーAのブラウザがメンバーBのブラウザに直接プッシュするってことかと最初は思っていましたが違いました。この点について深く考えていくこととなります。 Node.js を使うと何ができるのか node.js を使

  • GREE Engineering

    404 お探しのページは見つかりません GREE Engineering トップへ戻る

    GREE Engineering
    basi
    basi 2011/02/08
  • https://blog.8-p.info/2010/45-chrome-as-a-server

    basi
    basi 2010/11/22
  • フレームバスター-JSサンプル[びぼま>>WebSite]

    迷惑フレーム撃退 フレームを使った事の無い方はご存知無いでしょうが、WebSite作成の初心者がフレームを使うと愉快な間違いを犯すケースが結構あります。 リンクターゲットにフレーム名を記述し忘れ、メニューウインドウ中に文を表示させる。 他WebSiteへのリンクターゲットを間違え、自分のフレーム内に表示させてしまう。 「他WebSiteへのリンクターゲットを間違えた」は当に迷惑です。というのも、リンク先でフレーム内リンクを解除するタグが無いからです。つまり、せっかく作ったWebSiteを他人のWebSiteのコンテンツの1つとして扱われているのです。失礼極まりない行為です。 悪質な場合は、著作権侵害にも繋がります。 さらに、Web閲覧の初心者はフレームという技術がわかりません。お気に入りに追加したらフレーム元のWebSiteであった為、来お気に入りに入れたかったWebSiteが行方不

  • IDEA * IDEA

    ドットインストール代表のライフハックブログ

    IDEA * IDEA
  • jQuery1.4の新機能を1.4だけに14個 - KAYAC engineers' blog

    時が経つのは早いもので、ぼーとしてたらもう1月も終わりそうですね。外村です。 先日リリースされたjQuery1.4で新しく追加されたメソッドや新しい使い方ができるようになった機能を全部ではないですがいくつか紹介します。以下に変更点が全て掲載されているのでそちらも参照するといいと思います。 Version 1.4 ? jQuery API 新規で追加されたメソッド 1. nextUntil()、prevUntil()、parentsUntil() 指定したセレクタまでの要素を返します。以下の例ではitem3とitem4の後ろにテキストが追加されます。 <ul> <li id="item1">item1</li> <li id="item2">item2</li> <li id="item3">item3</li> <li id="item4">item4</li> <li id="item5

    jQuery1.4の新機能を1.4だけに14個 - KAYAC engineers' blog
  • 「ECMAScript 5」リリース 10年ぶりに仕様を改訂

    CodeZine編集部では、現場で活躍するデベロッパーをスターにするためのカンファレンス「Developers Summit」や、エンジニアの生きざまをブーストするためのイベント「Developers Boost」など、さまざまなカンファレンスを企画・運営しています。

    「ECMAScript 5」リリース 10年ぶりに仕様を改訂
    basi
    basi 2009/12/22
  • IE5で動くjQueryっぽいライブラリができていました - ?D of K

    半分ぐらいjQueryからコードを持って来たような気がしますが、IE5でもjQueryっぽく書けるライブラリができていました。正直、あんまりブラウザのチェックとかしていないので、実際に使うのは結構危険です。 http://code.0fk.org/$/ とりあえず、イベントとアニメーションだけ設定した例です。 重要なこと jQueryから乗り換えてもいいですか? 乗り換えない方が良いと思います。 IE5のサポートをしたいので使っても良いですか? 商業サイトならIE6からのサポートにして、jQuery使った方が良いと思います。 ソース見ると関数呼び出し減って、速そうなので使っても良いですか? 速さを目的とするなら、uupaa.jsをオススメします。 使っても良いですか? 使わない方が良いと思います。 Twitterで重要なことが謙虚すぎる、つまり、目立っていないとあったので、目立つようにしま

    IE5で動くjQueryっぽいライブラリができていました - ?D of K
    basi
    basi 2009/11/20
  • どのページでも b j k でスクロールできるようにするGreasemonkeyスクリプト - いぬビーム

    http://yagi.xrea.jp/2006/09/scroll_by_bjk.user.js bで一画面上へ jで少し下へ kで少し上へ w3mはたまにしか使わないんだけど、それでも b が無いと耐えられない体になってしまった。スペースで一画面進むんだから b で一画面戻りたいよね? あと j と k で少しずつ上下スクロール。これはlivedoor Readerで慣れてしまった。 当はFirefoxのキーバインドをいじる(ような拡張を使う)べきかも。まぁ動くからいいや。 追記 ねぇお兄さま、nagatonさんのこれの方がべんりそうよ。

    どのページでも b j k でスクロールできるようにするGreasemonkeyスクリプト - いぬビーム
  • [ThinkIT] 第3回:YUIライブラリと外部JSの呼び出し手法 (1/2)

    「第2回:jQueryライブラリの内部とonloadイベント記法」で解説したPrototypeとjQueryはどちらも個人がリリースするライブラリでしたが、今度は、より規模の大きなライブラリの事例をご紹介します。Yahoo! UIライブラリ(YUI)は、米国Yahoo!がBSDライセンスで提供するJavaScriptライブラリです(図3、注5)。 個人だけでなく、YUIのように大手企業もライブラリを公開する事例が増えてきています。YUIでは、Ajaxやイベント管理といった基機能に加えて、アニメーションやドラッグ&ドロップ処理のユーティリティ、さらにカレンダー/ツールチップ/ダイアログ/タブ表示/ツリー表示といった豊富なウィジェットが提供されているのが特徴です。 YUIは、表3に示す14のモジュールで構成されています。 モジュール名 主な用途

  • HTML/JavaScript/CSSをシェイプアップ!·Patu Digua MOONGIFT

    HTMLJavaScriptCSSを構造化して見やすく書こうと思うとインデントやスペースを使うだろう。確かに見やすいが、ブラウザへのレンダリングを行う上では特に意味はない(中には意味のあるスペースもあるが)。できるだけ転送量を抑えようと思うと、このスペースをなくしていくという作業が大事になる。 HTML/JavaScript/CSSのサイズを軽減 そのためのツール(難読化ツール)はいくつか存在するが、HTML/JavaScript/CSSのいずれにも対応したものは多くない。そこでPatu Diguaだ。 今回紹介するオープンソース・ソフトウェアはPatu Digua、HTML/JavaScript/CSSからスペースやコメントを排除するソフトウェアだ。 Patu DiguaはJavaで作られたソフトウェアで、Windows/Mac OSX/Linuxで動作する。指定したファイルからコメ

    HTML/JavaScript/CSSをシェイプアップ!·Patu Digua MOONGIFT
  • JavaScriptで本文抽出·ExtractContentJS MOONGIFT

    ExtractContentJSはJavaScript製のオープンソース・ソフトウェア。ブログやWebサイトのデータを集積して、そこから情報を吸い出して何らかのサイトを構築するというサービスは多い。その時重要になるのが特定URLからの文抽出だ。サイドバーやヘッダーなど余計な情報を省くことでより意味のあるコンテンツが得られるようになる。 画面下の文字列が文抽出した結果 Rubyであれば以前紹介したExtractcontentというライブラリがある。そしてそれをベースのはてなにてJavaScript実装したのがExtractContentJSだ。JavaScriptベースの実装とあって、クライアントベースで抽出を行いたいという時に使えそうなライブラリだ。 使い方は簡単で、ExtractContentJSのオブジェクトを作ったら現在表示されているページのオブジェクト(document)を渡す

    JavaScriptで本文抽出·ExtractContentJS MOONGIFT
  • innerHTML と outerHTML の使用可否のまとめ

    ie で読み取り専用になっている要素タグには innerHTML は使えません。代替手段として outerHTML を利用して動的に書き換えるテクなどがあります。読み取り専用の要素は例えば table 要素が該当しますが、ちょっとやそっと調べたところで何が読み取り専用の要素なのか資料がでてきません。 と言うわけで適当にスクリプト書いて調べてみました。取りあえず調べた要素は以下の通りです。Internet Explorer Developer Center < meta Object に記述されている要素一覧です。html 要素は outerHTML すると ie がフリーズするので調査対象外です。 <a> <abbr> <acronym> <address> <applet> <area> <attribute> <b> <base> <baseFont> <bdo> <bgSound> 

  • ブラウザのCSS3、HTML5絡みの対応が一発で分かるようにできるライブラリ「Modernizr」:phpspot開発日誌

    ブラウザのCSS3、HTML5絡みの対応が一発で分かるようにできるライブラリ「Modernizr」 2009年07月07日- Modernizr ブラウザのCSS3、HTML5絡みの対応が一発で分かるようにできるライブラリ「Modernizr」 ライブラリを使って、Canvas、opacity、Multiple backgrounds といったCSS3やHTML5の機能に対応しているかを簡単に調べることが出来るようです。 Google Ghrome の場合で対応を明示 Firefox 3 の場合で対応を明示 JavaScript では、次のように使えるようです。 if (Modernizr.cssgradients) { alert('対応'); } else { alert('未対応'); } cssgradients の他には以下のようなプロパティが利用可能。 Modernizr.ca

  • 2chの過去ログをぶっこぬく特製スクリプトを作ったぞ! | 教えて君.net

    巨大掲示板サイト「2ちゃんねる」は、書き込み数が1000件に達して終了したスレッドや、一定期間書き込みがなかったスレッドは、「dat落ち」という状態になって、有料サービスを利用しないと閲覧できなくなってしまう。 「2chDAT落ちスレミラー変換機」などのサイトでログを入手できることもあるが、すべてのスレのログが手に入るわけではない。無料で確実にdat落ちスレを閲覧したければ、あらかじめ行きつけの板の全スレッドのログを保存しておけばいい。スレッド一覧を巡回して全スレのログを自動保存してくれるソフトを探したけど見つからなかったので、ネトランが特製ツールを作ってしまったぞ。 運営からクレームが来たらすぐに公開停止になってしまうので、ダウンロードはお早めに! ■ 特製ツールで2chのログを根こそぎ保存 datAutoDL.zipを解凍したら、「list.txt」にログを収集したい掲示板のトップペー

    basi
    basi 2009/07/26