タグ

JavaScriptとtipsに関するsyqueのブックマーク (15)

  • Optimizing Javascript for fun and for profit

    I often feel like javascript code in general runs much slower than it could, simply because it’s not optimized properly. Here is a summary of common optimization techniques I’ve found useful. Note that the tradeoff for performance is often readability, so the question of when to go for performance versus readability is a question left to the reader. I’ll also note that talking about optimization n

  • ループの最後の値ばかり取れてしまう問題 - わからん

    Javascript Good Parts の読書ノート.今回はクロージャです.次のブログ記事から,話をふくらませてみました. 僕、スコープとかクロージャとか曖昧でした | ブログが続かないわけ 問題 以下の html で h1 の「JavaScript」 をクリックしたら「1」を,h2 の「The Good Parts」をクリックしたら「2」を alert するというような、その node が何番目の node なのかを alert するというコードを書く(今回は Good Parts そのものより,上のエントリが題材といった方がいいかも.HTMLは簡略化し,JSは1.7を使うように変更しました). <html> <body> <h1>JavaScript</h1><h2>The Good Parts</h2><pre><script type="application/javascri

  • Emacs23でjs2-modeを使うのにもうespressoは不要

    EmacsでJavaScriptを書くのに欠かせないjs2-mode。 Emacs23に入れ替えたついでに、設定を見なおしてみました。 ※追記いろいろカスタマイズする方法を書いたんですが、もっと便利なjs2-mode (フォーク版)というのがあるのを知りました。 そちらを使うほうが早くて簡単で高機能です。 (ちょっと古いけど日語での紹介) なのでこの下はもう読まなくてもいいんですが、いちおう残しておきます……。 js2-modeの不備を補うためにespressoを併用していたけれど…js2-modeは大体すばらしいのですが、インデントがいただけません。 たとえばコールバック関数を書くとき。 window.setTimeout(function(){ doSomething(); // インデントの基準が丸カッコの位置に… }, 1000); 左にスペース空きすぎです。 やっぱり次のように

  • http://blog.kiftwi.net/2011/12/13/emacs-js2-mode-indent/

  • JavaScriptの巧い書き方 - Archiva

    Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い!情報の正確性は自己責任で判断してください。 Webに言語は数あれど、特に玉石混淆の激しいJavascriptの書き方について纏めてみた。間違い指摘大歓迎! 発端はYahoo!の Eric Miraglia による、YUI 式モジュールの作り方をまとめた記事。ざっくりまとめると、以下の手順になる。 YAHOO.myProject.myModule = function () { //"private" variables: var myPrivateVar = "I can be accessed only from within YAHOO.myProject.myModule."; //"private" m

  • javascript: escape(), encodeURI(), encodeURIComponent() 比較 (groundwalker.com)

    « DoBeDo 2.5 | メイン | javascript で Query String » javascript: escape(), encodeURI(), encodeURIComponent() 比較 javascript の escape(), encodeURI(), encodeURIComponent() 関数群について、どの文字がエンコードされてどの文字がエンコードされないのか分かりにくいのでまとめておく。 まずは、対象範囲 %20(半角スペース)〜%7E(チルダ~) 元データ !"#$%&'()*+,-./ 0123456789 :;<=>?@ ABCDEFGHIJKLMNOPQRSTUVWXYZ [\]^_` abcdefghijklmnopqrstuvwxyz {|}~ escape() %20%21%22%23%24%25%26%27%28%29*+%2C-

  • NO TEST, NO LIFE. NO DOC, NO LIFE - latest log

    uupaa.js や mofmof.js には {@hoge 〜 }@hoge のようなコードブロックを切り落として Minify する機能があるので、「ソースコードにテストもドキュメントも全部埋め込むことが可能だな〜」って3年程前から考えてました。 そこで、Function.prototype.spec というメソッドを追加し、これにスペックを書き貯めたらどうだろうか(?)とか考えました。 たとえば Array.range(1,7) で [1..7] 的な連続した数値の配列を生成する Array.range 関数があったとすると // Array.range - range generator function Array_range(begin, // @param Number: begin end, // @param Number: end filter) { // @param

    NO TEST, NO LIFE. NO DOC, NO LIFE - latest log
    syque
    syque 2011/09/14
    テストまで埋め込んじゃうのはメンテナンスがしにくそうだけど、ソースでまとめて記述出来るじゃんという自動化の試みは面白い
  • ブラウザ「Safari」の使い方。Safariを格段に強化する「ブックマークレット」編。 | AppBank

    ブックマークレットの使い方 一度作ってしまったら、あとはとても簡単です。 まず、ブックマークレットを使いたいと思ったページを開きましょう。開きましたか? 開いたら、ブックマークレットをタップ!これでブックマークレットが機能します。 ブラウザに戻るとほら!ページが下までスクロールされています。 それでは以下に、便利なブックマークレットをどんどん紹介していきます。自由に活用下さい!(また、「このブックマークレットも追加すべきだ!というものがあれば@toshism0331までご連絡下さい! アプリと連動するブックマークレット *iPhoneでコピーをする場合、テキストは右端よりも右にとび出してコピーできないという声を頂いております。その場合、次の行のテキストまでコピーして、最終行を削除するという方法でコピー下さい。(例えば、「読んでいるページをGoogle Readerに追加」のブックマークレッ

    syque
    syque 2011/08/10
    *iPhoneでコピーをする場合、テキストは右端よりも右にとび出してコピーできないという声を頂いております。その場合、次の行のテキストまでコピーして、最終行を削除するという方法でコピー下さい。(例えば、「読ん
  • デジタルをわかりやすく - catch.jp blog

    フリーランスのテクニカルライター 可知 豊の個人ブログです。 IT・ビジネス・プログラミング学習などをテーマに、多くのメディアで記事を書いています。 このほかに、Webコンテンツや簡単なプログラムの作成、Webシステムやプログラミングのトレーニング支援、企業メディアの企画・制作・運営にたずさわってきました。 お仕事、絶賛募集中です。 Works ... 一指でもサクサク打てる、キーボード超入門 パソコン初心者が文字入力で困ったら読む 知る、読む、使う! オープンソースライセンス 著書・実績 自己紹介 Blogs このブログの記事一覧 Heppocode Garage 人差し指でパソコン入力 そのほか * 2024-09:ながらく、いくつかのWebサイトをWordPressで運営してきましたが、 静的サイトジェネレータPelicanを導入して記事を移行しました。 catch.jp blo

    syque
    syque 2011/06/09
    Webブラウザを使っていると、自分専用でちょっとした便利な機能が欲しくなることがありませんか。それを作るには色々な方法があるけれど、とりあえずBookmarklet(ブックマークレット)が簡単なんじゃないか。ということで
  • 川o・-・)<2nd life - bookmarkletの文字数制限を無くす

    bookmarkletを作るとき、IEでは500文字ちょい、Firefoxでは2000文字ぐらい(?)の文字数制限がある。また、作った後に一行にまとめたり、デバッグしたりも大変面倒。でもそれがとても簡単な方法でどうにでもなることをインターフェイス!インターフェイス!の人に教わった。 javascript:(function(){var s=document.createElement("script");s.charset="UTF-8";s.src="http://example.com/example.js";document.body.appendChild(s)})(); createElementでscript要素を作って、その中にhttp://example.com/example.jsとソースを指定することによってそのJSを実行できる。WinIEとFirefoxでは確認済み。

    川o・-・)<2nd life - bookmarkletの文字数制限を無くす
    syque
    syque 2011/06/09
    bookmarkletを作るとき、IEでは500文字ちょい、Firefoxでは2000文字ぐらい(?)の文字数制限がある。また、作った後に一行にまとめたり、デバッグしたりも大変面倒。でもそれがとても簡単な方法でどうにでもなることをインターフ
  • 223Soft -

    Document Data Structure in MongoDB Express MongoDB lets you easily store structured and unstructured data in a flexible and dynamic database schema. It supports CRUD operations on complex data objects using JSON as the main data type. Its an open source solution so it may not be as robust or well supported as commercial management tools. However it is easy to deploy and works well for most use cas

    syque
    syque 2011/06/06
    ここを読んでいる方は、おそらくサーバーサイドをPHPなりRubyなりで書きつつも、クライアントサイドをjQueryなどを使ってバリバリ書いていることと思います。 すると、ある程度のところまではjQueryの力もあって楽々書ける
  • モバイルゲームの歴史を年代別にご紹介します。モバイルゲームの成長と今後について詳しく解説していきます。

    モバイルゲーム 物凄い勢いで勃興したモバイルゲーム業界は、いろいろな課題や問題に直面しながらも巨大化し、今日の時点でのスマートフォン向けゲームの市場へと継承されていきます。 モバイルゲーム歴史 2001 Javaアプリと3Dゲームの登場 Javaが利用できるようになったことにより、ダウンロード型のゲームが供給できるようになりました。 2002 携帯電話端末の大容量化・3D化競争 Java搭載携帯電話端末が登場してからごく僅か1年の間に、アプリのサイズに関しては10倍に広大化し、表現方法も2Dから3Dにシフトし始めました。J-PHONEは『ゼビウス』や『スペースハリアー』などといった昔のアーケードゲームを、ドコモはSIMCITYなどパソコンで世界的規模のヒットを飛ばしたゲームを主力商品としていました。 2003 モバイルゲームの一般化 メモリの制限が厳しいJava仮想マシン上ではなく、OS

    syque
    syque 2011/05/23
    さて今回の修正のメインは、物理挙動をサーバにも実装したところです。 前回までのシステムは、プレイヤーキャラクターの動きは、以下のようなしくみになっていました。 クライアント側で動かし、座標を更新する 更新
  • Flymakeのススメ(PHP版 , JS版)

    Emacs使いなら普通に使ってるよね、ってな素晴らしいEmacs Lispの一つにFlymakeというのがあります。これは名前の通り、Emacsでファイル編集中にon the flyにmake(設定次第で何でも)してくれるEmacs Lispです。makeしてエラーが出た場合には、エラー箇所をハイライトしてくれます。typo などがあれば瞬時に気づくことができますので、開発効率がアップします。 青くハイライトされているのがwarning、赤はエラーの意味です。 PHPJavaScriptも他の方が設定を公開されていますけど、社内で設定を紹介したところ、「Warningに別の色が付いたりしないんですね」などと言われたので、ムキになってWarningにも色を付けてみました。そんなわけで、他の方の設定とはひと味違うと思います。実はPHPに関して言うと滅多にWarningが出ないので、便利になっ

    syque
    syque 2011/05/10
    Emacs使いなら普通に使ってるよね、ってな素晴らしいEmacs Lispの一つにFlymakeというのがあります。これは名前の通り、Emacsでファイル編集中にon the flyにmake(設定次第で何でも)してくれるEmacs Lispです。makeしてエラーが出た
  • 実行間隔を調整する - はてなダイアリー - 無料で簡単。広告のないシンプルなブログをはじめよう!

    JavaScriptDebouncing Javascript Methods | Unscriptable.com 密に処理が実行されてしまうのを避けるため、二つのかたちがあるとのこと。下のデモ。throttleは、0.5秒ごとに点の位置が変わる。debounceは、0.5秒いると赤くなる。 デモ throttleひとつ目は一定間隔以内の呼び出しは間引いて無視する方法。イベントの発生頻度が多く、処理が重い場合に使う。 Function.prototype.throttle = function(threshold, alt){ threshold = threshold || 100; var me = this; var last = Date.now(); return function(){ var now = Date.now(); if(now - last debounceも

    syque
    syque 2011/01/31
    一定間隔内で一度のみ実行する throttle、一定間隔にアクションが無ければ実行する debounce。
  • JavaScriptでグラフ表示 - 現場のためのソフトウェア開発プロセス - たかのり日記

    YUIYahoo! UI Library)から、Chartライブラリがリリースされました。 棒グラフ(縦/横) 折れ線グラフ 円グラフ 積み上げ棒グラフ(縦/横) など、基的なグラフは一通り揃っているようです(動作には、Flash Player が必要となります)。 デモを見る限りでは、比較的簡単なコードでグラフを描画できていますね。 Javaにおけるグラフ表示と言えば、JFreeChartが有名ですが、サーバ側でゴリゴリな実装が必要です。そのため、私自身はあまり好きではなかったのですが、JavaScriptのグラフ表示ライブラリの場合、十数行程度でもグラフが描画できるものが多く、さらに、Ajaxなどでデータ転送量も少なくできるため、今後はこちらの方が利用シーンが多くなっていくような気がします。 また、以前に、グラフ表示のライブラリを調査したことがあるのですが、そのときの情報を以下にメ

    JavaScriptでグラフ表示 - 現場のためのソフトウェア開発プロセス - たかのり日記
    syque
    syque 2010/10/12
    JavaScriptでグラフ表示。単純な棒グラフ、円グラフなど
  • 1