JavaScriptに関するdan5yaのブックマーク (16)

  • はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知

    はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
    dan5ya
    dan5ya 2012/04/03
    同意できない。CoffeeScriptを覚えるコストなんてすごく小さいからすぐにメリットのほうが上回ってしまうと思う。言語の力は大きい。デバッグ環境の整備はまだまだなのだろうけど
  • jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる

    久保田です。最近KnockoutJSというJavaScriptフレームワークを勉強しています。 KnouckoutJSはjQueryの上に構築されているフレームワークです。jQueryのみ使うのと比べてKnockoutJSを利用すると、ウェブページ上のインタラクションを圧倒的に簡単に記述できます。この記事では、簡単にKnockoutJSの概要を説明し、KnockoutJSを用いたデモを紹介します。 このフレームワークの特徴としてあるのは、HTML内に宣言的な記述を埋め込むことでインタラクションが実装できることです。HTML5のカスタム属性(data*属性)を用いて、その要素に関する処理を宣言してきます。裏側の処理は、JavaScriptでViewModelを定義し、そこにビューが必要とする値を管理します。 例えば、あるチェックボックスにチェックを入れると下の要素がトグルする簡単な例は、以下

    jQueryだけ使うのが馬鹿らしくなる。KnockoutJSに触れる
  • レイアウトに関する強力なjQueryプラグイン6つ:phpspot開発日誌

    6 Powerful jQuery Plugins to Create and Enhance Website Layout | Queness レイアウトに関する強力なjQueryプラグイン6つが紹介されていました。 一昔前では不可能では?と思われたような複雑なレイアウトもjQueryを使うことで簡単に実現できます。 ちょっと変わったレイアウトにしたいっていう時に参考にさせてもらいましょう UI.Layout リサイズ可能な複雑なレイアウト作成 Masonry ブロックを新聞みたいにしきつめて表示 jLayout divをならべてその親divのclassにルールにしたがって記述することで複雑なレイアウトが簡単に作れます jQuery pageSlide ページ全体をズラしてアニメーションしながらサイドバーを出すエフェクト jQSlickWrap 画像にあわせて文書をまわりこませられる C

  • MacにCoffeeScriptをインストール - Jewel-mmo開発日記

    MacにCoffeeScriptをインストール 手順 nvmをインストール ... nvmはnode.jsのrvm nvmでnode.jsをインストール npmでcoffee-scriptをインストール 環境設定(未解決) Hello World nvmとnode.jsのインストール gitはインストール済み。 git clone git://github.com/creationix/nvm.git ~/.nvm . ~/.nvm/nvm.sh setopt no_nomatch nvm sync nvm install v0.4.8 最後のnvm installでnode.jsの0.4.8をインストールしている。 以下は上記にたどりつくまでの試行錯誤のログ。 git clone git://github.com/creationix/nvm.git ~/.nvm . ~/.nvm/nv

    dan5ya
    dan5ya 2011/06/08
    日記書いた
  • Route 477(2010-11-30)

    ■ [javascript] パッケージマネージャを備えたサーバサイドJavaScript環境、node.js node.jsは最近勢いのあるサーバサイドJavaScript環境である。インタプリタにはGoogle ChromeのV8を使用している。 売りとしては「イベント駆動なHTTPサーバが書けるのでCometとかWebSocketのサーバ側に最適」という話なのだが、個人的な用途ではそれは別にRuby+EventMachineとかでいいので、 むしろパッケージマネージャ(npm)を備えたサーバサイドJS環境ができて、JSをRubyとかPerlみたいに使えますよ、という点が面白いと思った。 インストール port install nodeとか、brew install nodeとか。 パッケージ管理 前述のnpmを入れると、RubyGemsみたいにnpm install fooでパッケー

    Route 477(2010-11-30)
    dan5ya
    dan5ya 2010/12/12
    噂のnode.js
  • JavaScriptのイロハ:特集 - builder by ZDNet Japan

    builder by ZDNet Japanをご愛読頂きありがとうございます。 builder by ZDNet Japanは2022年1月31日にサービスを終了いたします。 長らくのご愛読ありがとうございました。

  • jQuery+CSSで実装するナビゲーションメニュー総集編 - かちびと.net

    この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 jQueryを使用したcssナビゲーション メニューのまとめです。フェードや スライド、滑らかにドロップダウンする、 などなど色々なメニューをまとめました。 それほど多用はしませんが、必要な 時に探すのが面倒なので備忘録的に。 という訳で、個人的なjQuery+cssメニューの総集編です。 全部で73個。複数ブラウザでの確認はしていません。順不同です。少し重いかも・・ Large Drop Down Menu スライド&ドロップダウンメニュー Search Box with Filter and Large Drop Down Menu Fly-out Menu with jQuery and CSS3 カッコいいですねー。反対側からスライドするフライアウトメニュー

  • JavaScriptを高速化する31のチェックリスト | エンタープライズ | マイコミジャーナル

    Is your JavaScript SLOW JavaScript? Amy Hoy氏およびThomas Fuchs氏がIs your JavaScript SLOW JavaScript?において、JavaScriptアプリケーションのパフォーマンスをチェックするためのチェックリスト [PDF]を公開している。印刷して利用できるように工夫されたチェックリストで、31のチェック項目がある。紹介されているチェック項目は次のとおり。 scriptタグは正しい位置に記述されているか DOM MonsterブックマークレットでDOMを分析しパフォーマンス問題を明かにする キャッシュヘッダを正しい状態にする 結合、インライン、事前キャッシュ ミニファイ、Gzip圧縮 Smush、CSS Script、Favicon フレームワークの確認 ラナウェイタイマの管理 DOMコード効率の最大化 ノードセレ

    dan5ya
    dan5ya 2009/11/04
    高速化のヒントに
  • #bookmarklet - all your Amazon affiliate IDs are belonging to me! : 404 Blog Not Found

    2009年10月05日07:00 カテゴリBlogosphere #bookmarklet - all your Amazon affiliate IDs are belonging to me! というわけでこさえました。 hyuki the 教えてクン [教えてクン][クレクレくん] Web上でアマゾンリンクを見かけたときに、自分のアフィリエイトIDを付けたリンクを生成するブックマークレットはありますか? All your Amazon affiliate IDs are belonging to me! 中味はこんな。 (function(n, f){ f(n); var k = n.childNodes; for (var i = 0, l = k.length; i < l; i++) arguments.callee(k[i], f); })(document.body, fu

    #bookmarklet - all your Amazon affiliate IDs are belonging to me! : 404 Blog Not Found
  • 20090925 HTML5の過去、現在、未来

    The W3C has announced that the XHTML 2 working group will cease operations by the end of 2009, shifting focus and resources to accelerate the development of HTML 5. The new HTML working group aims to create a revised standard by addressing community needs with input from browser vendors and developers. This new specification introduces features and elements to enhance web applications and improve

    20090925 HTML5の過去、現在、未来
  • HTML5サンプル集 - 株式会社あゆた

    このページでは、HTML5のAPIを利用した簡単なサンプルを公開しています。 このサンプルの多くは、弊社技術顧問の白石氏がマイコミジャーナルに寄稿した記事で使用したプログラムを元に、多少の改変を加えたものです。 どれも非常にシンプルなものではありますが、HTML5の各機能を試すためのとっかかりとしてご利用頂けると思います。 白石氏が寄稿した記事はこちらになります。これらの記事と合わせてサンプルをご利用になって頂く事で、各機能の理解がより深まることでしょう。 詳解! HTML 5と関連APIの最新動向 - 新タグ&API編 詳解! HTML 5と関連APIの最新動向 - Webアプリ開発編 アプリケーションキャッシュのサンプル (ダウンロード) (Safari4、Google Chrome3で動作確認済み。Firefoxだと、アプリケーションキャッシュのイベントが正しく発生せず、動作しないと

  • 新はてなブックマーク件数取得 API を使って自分のページに件数を埋め込む最も簡単な方法 - IT戦記

    はてなブックマークから新しい件数取得 API が提供されているようです! (開発者さま向け)はてなブックマーク件数取得APIに新しいAPIを追加 - はてなブックマーク日記 - 機能変更、お知らせなど この API のいいところは JSONP に対応しているところでしょうね! すばらしい! というわけで、 HTML だけで、件数を埋め込む例を書いてみたよ! やり方は簡単 callback パラメータに document.write を指定するだけ! <script src="http://api.b.st-hatena.com/entry.count?url=http%3A%2F%2Fwww.example.com%2F&callback=document.write"></script>件のブックマークがあります。 あとは、適当にリンクとか張って <a href="http://b.ha

    新はてなブックマーク件数取得 API を使って自分のページに件数を埋め込む最も簡単な方法 - IT戦記
  • javascript - にはクラスはない : 404 Blog Not Found

    2009年06月13日22:00 カテゴリLightweight Languages javascript - にはクラスはない かえってわかりにくくなっている感じをかつてさんざん実感したので。 JavaScriptのオブジェクトについて考察してみた - あと味 JavaScriptにおけるほとんど全てのデータはオブジェクトである オブジェクトの定義にもいろいろありますが、ここでは「メソッドを持つ」という狭い意味においても事実だということです。実際に見てみましょう。 p(true.toString()); p("String".toString()); p((1).toString()); p((3.14159265).toString()); p([0,1,2,3].toString()); p({q:"answer to life, the universe, and everythi

    javascript - にはクラスはない : 404 Blog Not Found
  • jQuery 日本語リファレンス

    jQueryとは、JavaScriptのコーディングを強力に支援するライブラリです。 $('.semooh a').hover( function(){ $(this).text('ヌ?'); }, function(){ $(this).text('ヌー'); } );

  • アマグラマーのすすめ - 下ごしらえ : 404 Blog Not Found

    2007年11月01日01:30 カテゴリアマグラマーのすすめ アマグラマーのすすめ - 下ごしらえ それでは、いよいよプログラムを進めていきます.... が、その前に、ちょっと下ごしらえしておきます。 書は、あくまで「アマグラマーのすすめ」であって「プログラマーのすすめ」ではありません。料理を一冊読んだからといって調理士にはなれないように、を一冊読んだぐらいではプログラマーにはなれません。それがどんな名著でも。 書がめざすのは、読者に「プログラムってこんな感じなんだ」という、だいたいの感じをつかんでいただくことです。料理にたとえれば、サンドウィッチのパンは外で買ってきて、具をいろいろと作ってみるという感じでしょうか。 というわけで、以下は書で使う「パン」に相当するプログラムです。この時点で意味はわからなくても結構です。私のblogからそのままコピーしても構いません。これに適当な

    アマグラマーのすすめ - 下ごしらえ : 404 Blog Not Found
    dan5ya
    dan5ya 2009/04/30
    bread.htmlのシンプルさがすばらしい
  • JavaScriptでクッキーを超簡単に使うライブラリ「Cookie Manager」:phpspot開発日誌

    PHPから使えるprototype.jsとscript.aculo.usのラッパークラス「Projax」 次の記事 ≫:WEBマスター/WEB開発者、御用達のサイトリンク集 Cookie Manager | Javascript Code | All Things Webby Initialisation of a CookieManager object: JavaScriptでクッキーを超簡単に使うライブラリ「Cookie Manager」。 JavaScriptでクッキーを扱うのって、いちいちクッキーをパースして面倒だ、と思っていた人は多いのではないでしょうか? CookieManager.jsを使えば、phpcookieを使うときみたいに簡単にcookieが使えます。 prototype.jsをベースとしていて、サンプルのコードは次のような感じになります。 サンプルはクッキーを使

    dan5ya
    dan5ya 2009/04/28
    サンプルにバグ発見。「+cookie」じゃなくて「+count」
  • 1