タグ

ブックマーク / efcl.info (9)

  • ECMAScript勉強会 アウトラインメモ

    ECMAScript勉強会 に参加してきたのでその時のメモです。 久々に結構難しい内容が多かった気がする。 ECMAScript勉強会 ECMAScript概要 – rika_t ECMAScript Study #1 Overview 途中参加 newがあるのはなぜ プリミティブな型もメソッドやプロパティを持てるようにしたいため、ラッパーでラップしてた。 globalオブジェクト globalオブジェクトは必ずしもwindowではない オブジェクトとクラス 内部的には[[Class]]というクラスという文字列がでてきてた。 ES6から内部的にClassというものがなくなってきてる。 リテラル記法やコンストラクタを使って様々なオブジェクトを表現してる NativeBrandという名前になってる prototype 仕様書にのってるprototypeの図はわかりにくい 変数宣言 “var”キ

    ECMAScript勉強会 アウトラインメモ
  • JavaScriptのいろいろなコーディングルールをまとめてみた

    JavaScriptの書き方はJavaScript自体がある程度自由なためいろいろな書き方ができますが、一貫性を持って書いた方がバグなども発生しにくくなるため、コーディングルールを定めておくのはよいことだと思います(特に複数人の開発の場合) 有名な企業やライブラリはコーディングルールも公開している事が多いので適当にまとめてみました JavaScript style guide – MDC Docs Mozilla/Firefox向けのものなので、一部ECMAScriptの範囲を超えたものも含まれています。 多くの人が見ていると思うので、見たことない人は一度読んでみるといいです。 jscsにこのコーディングルールをチェックするプリセットが用意されています。 Google JavaScript Style Guide Google JavaScript Style Guide 和訳 — Goo

    JavaScriptのいろいろなコーディングルールをまとめてみた
  • FirefoxのJavaScriptデバッガ拡張Firebugの進化がすごい

    Firefoxのデバッグ拡張ことFirebugですが、Firefox4よりFirebugとは別にWeb Consoleという機能が入りました。 しかし、Firebug自体もさらに便利になっているので、少し紹介します。(Firebug1.7 –1.8 の範囲で) 現在のFirefox4に正式対応しているのはFirebug1.7xで、Firebug1.8xはAlpha版として公開されているのでまだ不安定な部分もあることに注意して下さい。 特に注意書きしてない部分はFirebug1.7の項目だと思って大丈夫だと思います コマンドラインに履歴ボタン コンソールパネルでのコマンドエディタ(でかい方のコマンドライン)にHistoryボタンが新たに追加されました。 過去に実行したコマンドをポップアップから選択して挿入することができます。(以前はCtrl+ZでUndoし続ける必要があった) コマンドライン

    FirefoxのJavaScriptデバッガ拡張Firebugの進化がすごい
  • JavaScript Gardenの読書メモ - prog*sig

    ■感想 まず発見したときにサイドバーのデザインが綺麗だなと思った。また文章内でちゃんと内部リンクが貼ってあってとても見やすい作りになっている。 内容もそこまで難しい書き方はしてないので何とか読める。またコード(or 文字)で書くようにしているのかは知らないけど、画像を一切使わずにprototypeとかをちゃんと説明できていて凄いと思った。 かなり仕様も囓ってる感じの人が書いてて、noteにES5の時についてなども触れられていてかなり細かいとこも書かれていた。難易度的にはJavaScript Patternsと同じくらいだと思うけど、とてもいい文章をWebで公開してくれているので是非読んでおくべきだと思う。 著者であるIvo Wetzel (Writing)とZhang Yi Jiang (Design)に感謝を。 JavaScript Garden http://bonsaiden

  • Tumblrをブログとして使うためにやるべき事

    Tumblrをブログとして使うためにやるべき事 投稿用サブブログを作成 Tumblrはメインブログと、Create tumblelogから改めて作成するサブブログと分かれていて、メインブログは共同更新ができない感じになっています。なので、今後そういう可能性があるならばCreate tumblelogから改めてtumblelogを作成します。 【連載】『Tumblr』のおさらい (12) 複数人でTumblelogを共同更新してみる | ネット | マイコミジャーナル ドメイン Tumblrは独自ドメインが使用できます。 特にドメインの制限はないので、DNSレコードでTumblrのIPアドレスを振って、「Info」 メニューの一番下にある 「Use a custom domain name」 にチェックして取得したドメインを設定するだけでOKです。 (別にドメインを持ってなくてもドメインを指

    Tumblrをブログとして使うためにやるべき事
  • JavaScriptからメモリ情報を取得する方法

    JavaScriptにおいてメモリ管理は基的にエンジン任せなのであまり意識することは無いかもしれませんが、メモリリークの調査やパフォーマンスの実験のためにメモリ情報をJavaScriptから扱いたいときがあると思います。 メモリリーク調査は専用のソフトウェアなどがあるので、 JavaScript Memory Leak Detector (v2) – GPDE Team Blog – Site Home – MSDN Blogs IE Overview – JavaScript Memory Validator Firefox Debugging memory leaks – MDC Doc Center そちらを使うのでもいいかもしれませんが、new Dateを使った実行時間の記録みたいにJavaScript内からメモリ情報を取得して計測できるとおもしろいと思うので、ブラウザ毎にやる方

    JavaScriptからメモリ情報を取得する方法
  • JavaScript対応のIDEをまとめてみた

    JavaScriptに対応してるIDEのメモまとめ。 Aptana 有名どころでEclipseのプラグインとしても使えます。 IDEらしくちょっと重たいけど、整形やデバッグやスニペットなど大抵の機能が入ってる。 IDE内でブラウザプレビューができて便利。 最近のバージョンだとFirefoxのプレビュー機能がデフォルトで入ってないので別途プラグインを入れる必要がある。 Aptana Studio 2.0.3-Firefoxプレビュータブ – ゆちの備忘録 WebStorm JavaScript EditorにJavaScript関係の対応について書いてある。 HTMLとかまぜこぜでも補完ができてる。 追記:ちょっと触ってみたら実は凄かった 追記2:使い勝手などをまとめて見ました。 最強のJavaScript IDE 「WebStorm」を使ってみた Komodo IDE デバッグ系機能がない

    JavaScript対応のIDEをまとめてみた
  • JavaScript関係のツールまとめてみた | Web scratch

    最近使ってたりするJavaScript関係のツールまとめてみた。 主にWebサービスです。 Global is the new private JavaScriptライブラリの名前空間汚染をチェックするツール。 元々載ってるもの以外でも*Analyze your own scripts!*から調査したいライブラリを追加できる。 jsFiddle ブラウザ上で HTML / CSS / JavaScript の実行結果を表示できる。 Embedコードもあるので、ブログにjsやCSSなどを載っけるのに便利。 エディタ機能も整形、シンタックスハイライトしてくれるので使いやすい。 HTML5のコードを使うにはInfoからDTDを変更してから使う。 類似:MooShell Gist – GitHub gistです。コードスニペット共有サービスです。 Greasemonkey貼るときgist fill

    JavaScript関係のツールまとめてみた | Web scratch
  • ニコニコ動画のAPIまとめ | Web scratch

    ニコニコのマイリスト周りにAPIがいろいろ増えていたので、列挙してみる。 使い方は http://res.nimg.jp/js/nicoapi.js をよく読む。 見方としては 分別 メソッド名 URL(http://www.nicovideo.jp/api/foo/bar という感じで使う) クエリー(それぞれの要素を&でつなげて指定) 返ってくるもの という感じで書いている。 Cathode Music: ニコニコ動画(9)APIを纏めた http://tewi.blogspot.com/2009/11/9api.html も併せて読む。 書き方の一例(testという名前のマイリストを新規作成する) Nico make mylist ←のブックマークレットをニコニコ動画上で実行する var token = NicoAPI.token; location.href = “http

  • 1