JavaScriptライブラリの気になる実装をどうやって見ていくか
はじめに 毎日新しいJavaScriptライブラリが登場していると思いますが、それらがどういう実装になっているかを知ることはライブラリを使う以上に大事かもしれません。 ソースを全部読めば分かるかもしれませんが、それをやるには時間が足りません。 JavaScriptに限った話では無いですが、今回はJavaScriptを例に”特定の機能はどうやってるんだろ?”という事を調べる方法についてです。 探す前にドキュメントに載ってないかを見るのが手間がなくて一番よいですが、書いてない場合は実装を見ます。 Vue.js 今回はVue.jsというAngularJSやKnockoutのようなViewとModelのデータバインディグを行うライブラリを例に、データバインディグはどうやっているのかを2つの方法で調べてみたいと思います。 コードをステップで見ていく これはよく見る方法で皆さんもやったことがあると思い
JavaScript Cookbookの記録 - prog*sig
JavaScript Cookbook - O'Reilly Mediaの記録。 書籍版 電子書籍版 iPhoneアプリ版 iPhoneアプリ版は$4.99なので取り出してepubにすると一番安価(同一内容かは知らない) たった600円でオライリー本をiPadやKindleで読む。すてき。 - このブログは証明できない。 この本の対象ブラウザ Firefox 3.6x on Mac and Windows Safari 4.0x on Mac and Windows Opera 10.x on Mac and Windows Chrome 5.x on Windows Internet Explorer 8 on Windows IE6はYoutubeとかメジャーなとこが捨て始めたし、動かないコードが多いのでこの本では扱わない。 IE7はset/get/has.Attribute
オライリージャパンのebook(PDF)でコピペする、ファイル名のリネームをする方法
O’Reilly(Japanも)が全ての電子書籍を半額で&売上を日本赤十字社に寄付 | JSer.infoでオライリージャパンも半額電子書籍を販売していたので、オライリージャパンのpdfにはDRMなどの制限があることを知らないで購入した人もいるかもしれません。 販売されるEbookは、印刷、テキストのコピー、ページの抽出、内容の変更を行うことができません。決済時に入力いただいたご購入者のメールアドレスが挿入されます <p> <cite><a href="http://www.oreilly.co.jp/ebook/explain.html">O’Reilly Japan Ebook Store : 購入規約</a></cite> </p> 英語が読めない人向け、英語技術書の読み方でも言っていましたが、印刷はまだしもコピペができないのは電子書籍として致命的なので、そのDRMの回避方法と、オラ
東京Node学園 1時限目のアウトラインメモ
<td> <p> 題目 </p> </td> <td> <p> 発表者 </p> </td> <td> <p lang="en-US"> Ust </p> </td> </tr> <tr> <td> <p> 19:00-19:25 </p> </td> <td> <p> 開場 </p> </td> <td> <p> </p> </td> <td> <p> </p> </td> </tr> <tr> <td> <p> 19:25-19:30 </p> </td> <td> <p> ご挨拶 / 5分でわかるNode.js </p> </td> <td> <p> <a href="http://twitter.com/meso">@meso</a> </p> </td> <td> <p> #1 <a href="http://www.ustream.tv/record
Thinkpad Edge 14″を購入して最初にやった事などの設定まとめ
<td valign="bottom"> <span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #666666;">プロセッサー </span> </td> <td style="width: 7px; min-height: 7px;" width="7" valign="top"> </td> <td valign="bottom"> <span style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; color: #666666;">インテル Core i3-380M プロセッサー (2.53GHz, 3MB L3, 1066MHz)</span> </td> <td valig
BPStudy#41のアウトラインメモ
BPStudy#41に参加してきたのでメモってた内容。 TwitterはTogetter – 「BPStudy#41 まとめ」にまとまっています。 ^文殊堂 第一部 – RequireJSとeventとUIコンポーネント BPStudy#41 RequireJSとeventとUIコンポーネント – 文殊堂 RequireJS実践編 jQuery カスタムイベント応用編 粗結合のUIコンポーネントの作成について RequireJS実践編 RequireJSとは何か? AMDのブラウザ向けの実装 RequireJS moduleについて defineでモジュールを定義する。 requireはmain関数みたいなもの。 define – 第一引数に依存してるモジュール、第二引数に中身 (第一引数に関数オブジェクトを渡すと関数の返値になってしまう) moduleの用途 関数を返すmoduleを定義
Titaniumでデスクトップアプリケーションを作る
Titaniumという言葉は最近AndroidやiPhoneのモバイル関係で話題になっていたのでどこか聞いたことはあると思います。 Titaniumには「Titanium Desktop」というWindows/Linux/Mac OSのアプリケーションをHTML+CSS+JavaScriptとRuby,Python,PHPをバックに使って作成できるものがあります。 Titanium Desktopの存在をTwitterクライアント『昼おっぱい』で知ったのでどんな感じか試して見ました。 Titanium Desktopでデスクトップアプリケーション作成 Download Titanium | AppceleratorからをTitanium Developerダウンロード。 ドキュメント類はAppcelerator Developer Center – Documentationに。 APIリ
JavaScriptベストプラクティス30選-jsEdu
#jsEduから適当に選んで日本語にしたものです。 訳とかは全く正確ではなく、as possibleなど表現をかなり省いてるので命令口調になってます。 フィーリング的なものはあんまり入れてないので、興味をもったらTogetter – 「JavaScriptのベストプラクティス大会 jsEdu」を読みましょう。(まとめた奴はこれの10倍くらいありますが、被ってるのや関係無いのもあるので読める程度の量です) 全てを確認したわけではないので、正確性は保証しかねます。 ==ではなく===を使うべき (自動的に型変換に行われないのでバグが減る、高速) new Object() and new Array() よりも[] or {}を使うべき。 []や{}の方がシンプル JavaScriptを高速化する6つのテクニック | エンタープライズ | マイコミジャーナルで出てくるのは間違いだと思う。 []
NILScriptの使い方と書き方
NILScriptとはSpiderMonkeyを使ったJavaScriptベースのスクリプト実行環境です。(Windows専用+Wine環境でもある程度) 直感的に言うと、WSH + AutoHotKeyみたいな感じというのが分かりやすいかな。 できることなど細かい事はNILScriptのページやDocを読んでもらうとして、SpiderMonkey(JavaScript 1.8.1ベース)を使った処理系なのでFirefoxと同じJavaScriptの文法で、エクスプローラでのバッチ処理やキーバインドの変更などWSHやAutoHotKeyで行っていたような事がJavaScriptで書けます。 NILScriptのページからnil.zipをダウンロードして、適当な場所に解凍します。 解凍して出てくるng.exe(コンソールあり)とngw.exe(コンソールなし)のどちらかに、NILScript
GreasemonkeyにGrowlのような通知を呼ぶ機能を加える「Dbus Notify」
紹介する**Dbus Notify for GreaseMonkey**はGreasemonkeyスクリプトにGrowlのような通知を行うAPIを加えるアドオンです。 Greasemonkeyにcallout.notifyというAPIを追加するだけのシンプルなアドオンです。 使い方は単純でDbus Notify for GreaseMonkeyをインストールして、Greasemonkeyスクリプト内にcallout.notifyのAPIを使った記述を加えるだけで動きます。(当たり前だが、インストールしてない環境だと動かない) APIは凄くシンプルで、*callout.notify(title, message, [options])*となっていて、タイトルはそのまま、メッセージはタイトルの下に表示されていて、optionのhrefが設定されている場合はリンクになる。 optionで設定でき
はてなダイアリーの記事をダウンロードしてローカルで読む
はてなダイアリーで運営されているブログの記事をまとめてダウンロードしてローカルのHTMLとして読みたいというときに、neue cc – はてなダイアリー to HTML というコマンドラインソフトを使うと便利です。(素晴らしい) 実行するとダウンロードしたい対象のはてなIDなどが要求されるのでそれに対して入力していくだけで、そのブログの記事を一つのhtmlファイルにまとめてダウンロードできます。 元のファイルだとhttp://subtech.g.hatena.ne.jp/のようなはてなグループのブログをダウンロードできなかったので、少し改変しました。ライセンスはMs-PL 元のzipファイルにソースコード(Program.cs)が入っているので、上記のファイルに差し替えてコンパイルするとはてなグループでもダウンロードできるようになります。 cscでコンパイルするときは以下のようにdllを指
縦置きタブバーとサイドバーを統合する拡張機能「Unified Sidebar」
firebugの縦置きタブバー(要アドオン)とサイバーを統合するUnified Sidebarというアドオンがリリースされました。 Latest topics > 縦置きタブバーの下にサイドバーを統合するUnified Sidebarをリリースしたよ – outsider reflex : http://piro.sakura.ne.jp/latest/blosxom/mozilla/extension/unifiedsidebar/2010-02-05_released.htm 対応してる縦置きタブバーの拡張は下の3種類みたいですが、知らせれば他のも対応してくれるかもしれないとのことです。 ツリー型タブ VertTabbar Tab Kit 実際に統合するとしたような感じになります。 Tab kitと統合 画面の大きさと一度に開くタブの数によっては結構いい感じに扱えます。 少しでも画面を
Twitter APIの回数制限をGAE上のプロキシで回避する方法
Twitter API proxyをGoogle App Engine上で動かす方法 プロキシの必要性 プロキシを経由してAPIにアクセスすると何がいいのか TwitterのAPIはアカウント&IPアドレスでカウントされているので、APIの使用回数を増やせる。 グローバルIPアドレスをPCごとに変えられない環境で2台のPCから見るときに便利 Twitterへのアクセスが制限されている環境でも使用できる。 元々GFW（グレート・ファイアー・ウォール）を超えるために作られたっぽい ちゃんと確認してないけど、GAEはホワイトリストに入ってる気がするので、API回数が20000になったりする事もある。 要はAPI使用回数を増やせるよって話。 必要なもの Google App Engineのアカウント Google App Engine SDK とPython実行環境 birdnest 一式のファイ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JavaScriptでAmazonからASINを取得する方法など