タグ

関連タグで絞り込む (0)

  • 関連タグはありません

タグの絞り込みを解除

JavaScriptとJavascriptとjavascriptに関するsuginoyのブックマーク (1,729)

  • jshintでjavascriptコードチェックしながら開発する - aolog

    最近はjavascriptを書いています。 javascriptとしてはそれなりに大規模になってきました(2万行ぐらい?)。 最近のjavascriptトレンドのやり方は、コードチェッカを通して、信頼性を向上させるのがプロ技らしいです。 僕も早くプロの仲間に入りたいです。 コードチェッカには「JSLint」というのがあるらしいのですが、使ってみればわかりますが、さすがに警告が細かすぎてウザいです。 (「varは関数トップに一つ」とか特に。C言語じゃないんだから・・・。) そういった部分をある程度柔軟にしたものに「JSHint」というのがあるみたいです。「JSLint」のフォークらしいです。 あまりに堅いスタイルを強要されたくなかったので、僕はこれを使ってみました。 そのまま使えるわけじゃないのでやったことをメモっておきます。 1.JSHintをダウンロードしてくる http://jshin

    jshintでjavascriptコードチェックしながら開発する - aolog
  • jQueryのコーディングスタイルをめぐる2つの哲学 ~汚染は悪か?そしてend()は便利か? · DQNEO日記

    method chainを多用して記述を行うだけなんですが、「method chainが延々続くので書いてて楽しい」、「インデントをDOM構造と対応付けやすい」、「見かけ上変数、条件分岐、繰り返しが減るのでバグが発生しづらい」と言った利点があります。 (中略) 広域変数は$.extendで$に保持しましょう。 (中略) function:すべてjQuery pluginとして実装しましょう。 2つ目の記事 jQuery使いが陥りやすい罠 method chainをつなげると中間変数も少なくなるしDOM構造との対応がついて書きやすいのですが、途中の状況を把握しづらくデバッグが難しくなるので適当なところで変数に受けましょう。 (中略) jQueryに慣れるとwindow objectの使用をいかに避けるかを考えるようになり、jQueryと関係ないfunctionや変数まで$.hogehogeに

    jQueryのコーディングスタイルをめぐる2つの哲学 ~汚染は悪か?そしてend()は便利か? · DQNEO日記
  • JavaScript Garden

    JavaScript Garden はJavaScriptというプログラム言語の一番奇妙な部分についてのドキュメント集です。 このドキュメントはJavaScriptという言語に慣れていないプログラマーがこの言語について深く知ろうとする際に遭遇する、良くある間違い・小さなバグ・パフォーマンスの問題・悪い習慣などを避ける為のアドバイスを与えます。 JavaScript GardenはJavaScriptを教える事を目的にしていません。このガイドの項目を理解する為には、この言語に対する前提知識がある事を推奨します。この言語の基礎部分についてはMozilla Developer Networkのガイド がオススメです。 著者 このガイドは愛すべきStack Overflowの2人のユーザーIvo Wetzel (執筆)とZhang Yi Jiang (デザイン)によって作られました。 貢献者 貢献

    suginoy
    suginoy 2011/11/26
    必読
  • 「東京Node学園祭 2011」を終えて - 自分の感受性くらい

    仕事が忙しくて今まで更新できなかった……。 というわけで、アジア初のNode.jsのカンファレンス「東京Node学園祭 2011」を終えて1月近く経とうとしておりますが、ここらでようやく感想を書かせていただきたいと思います。 個人的には、とても体調が悪い中での司会だったので、ちょっと辛くもあったのですが、特に問題も起こさずに終えることができたかな、と思っています。 セッションの中で特に印象に残ったのは、やはりなんといってもGuillermoのライブコーディングですね。これが世界レベルのWizardか、とその差をまじまじと見せつけられた気がします。 タイピング速度が早いってのももちろん凄いんですが、それ以上にライブコーディングであれだけのものを創り上げる、しかもコメントや型チェックまで当然のように行い、エスケープコードで文字色までつける、ということを当たり前のようにやってのけるのが驚きでした

    「東京Node学園祭 2011」を終えて - 自分の感受性くらい
    suginoy
    suginoy 2011/11/26
    「補完がどうのとかIDEの使い勝手がどうのとか、彼らには関係がないんですね。全部正確に覚えてるから。彼らの生産性の高さの理由が垣間見えた瞬間でした。」
  • JavaScript×Firebug:console.log()

    今回のお勉強はconsole.log()について。 JavaScriptを構築しているときに、 どのような結果が返ってくるのかというのを確認する時は、 HTML上に書き出させたり、alertで確認する方法を使ったりするけど、 この今回のconsole.log()は、Firefoxのプラグインの Firebugのコンソール欄に結果を表示させるものらしい。 知らなかったのでメモエントリー 実験 ■サンプル console.log('Hello World'); console.log($('title')); console.log($('title').text()); ■出力結果

    JavaScript×Firebug:console.log()
  • iPhone - Apple(日本)

    下取りに出すと、iPhone 16が実質2,300円/月 x 36回から†。24か月目のアップグレードで残りの支払いが不要に††。 キャリア契約付きで、さらに8,800円または20,000円割引に†††。さらに詳しく

    iPhone - Apple(日本)
    suginoy
    suginoy 2011/11/23
    虫眼鏡が動く。このJavaScriptどうなってんのかな?
  • jQueryのフィルタを使った際の実装サンプルと基本的な機能のまとめ - かちびと.net

    この記事は年以上前に書かれたもので、内容が古かったり、セキュリティ上の問題等の理由でリンクが解除されている可能性があります。 jQueryのフィルターが便利なんですが、 なかなか全部把握出来ないので自分用 にまとめることにしました。マイチート みたいな記事です。フィルターはかゆい ところに手が届く便利なもので、場合 によってはコードも短く済ませること も出来るかもしれません。 というわけでフィルター一覧です。あんまり把握出来てなかったのでこの機会に全部目を通して触ってみました。機能というか、どんな感じで要素を取得出来るか、みたいな内容になります。 しっかり使いこなしてきた人間の書いてる記事じゃないので、もしかしたら解説が間違ってるかもしれません。一応公式のリファレンス見ながらやってますけどそれでも勘違いしていたらご指摘頂けると嬉しいです。 カテゴリごとにjsfiddleで全サンプルを用意し

    jQueryのフィルタを使った際の実装サンプルと基本的な機能のまとめ - かちびと.net
    suginoy
    suginoy 2011/11/22
    英語のまま考えればいい→「nth-childは、()内の数字が0からではなく、1から始まる(ややこしいわ!)」
  • Arrayのconcatメソッドが何気に便利だった - あと味

    え、今さら?感満載ですけど。 配列を結合するメソッドという頭でいましたが、要素を追加して、ついでに要素追加反映後の配列コピーを返すメソッドと考えると結構便利な気がします。 Arrayオブジェクトのメソッドは、sortとかreverseとかmapとかfilterとかのように、配列を返すメソッドが多く、メソッドチェーンでつなげて配列を処理していくのが結構快適だったんですけど、pushは配列を返してくれないので、pushした後の配列に何か処理を施す際には、メソッドチェーンで処理をつなげていくことはできません。 concatはその代わりに使えます。 サンプルコード メソッドチェーンの例ではないけど、multiply_str関数のreturnの箇所では、pushを使うと1文余計に必要ですが、concatを使うとreturnの箇所が1文で書けます。 あと、配列をconcatで追加したい場合は、[1,2

  • w2lessons.com is for sale | HugeDomains

    Make 36 monthly payments Pay 0% interest Start using the domain today. See details

    w2lessons.com is for sale | HugeDomains
  • 文書ツリーを多数回変更するときはDocument Fragmentを経由する (agenda)

    「文書ツリーを多数回変更するときは、直接行なわずにDocument Fragmentを経由してくれ」という話。 一度DOMの実装を書いてみるなり、書こうとしてみるなりすれば分かる。DOM文書ツリーの変更、特にHTML文書におけるそれがどれだけの要素に影響を与えるかが。Document Fragmentの何が良いかといえば、例えば「View」から切り離されていることが挙げられると思う。DOM実装に依存するし想像でしかないけれども、文書ツリーに直接何らかのノードを加えたり削除したりすると、表示スタイルの計算にリソースを多少なり消費するが、Document Fragment中のノード群を操作する限りスタイルは関係ない。操作が完了した後に実際の文書ツリーに一回だけ変更を加えるなら、スタイルの計算も一回ですむ。文字列連結を何度も繰り返すか、それとも文字列の配列を一回だけjoinするかの違いを連想して

  • Expandoとは何か - uehaj's blog

    Expandoはマップの様に動作するオブジェクト(orオブジェクトの様に動作するマップ)である。マップの要素にクロージャを代入するとメソッドの様に動作する。マップの要素に値を代入すると、そのフィールドがあるかのように動作する。Expandoはas演算子によりマップからas演算子で変換することで生成可能(Expandoから継承した新たなクラスを作っても良いけどマップから変換したほうが簡単)。 マップの要素に代入したクロージャのスコープはもともとのレキシカルスコープに加えて、Expando内のメソッド名やフィールド名が見えるようになる(delegateに割り当てられる)。 まとめると、Groovyでは来オブジェクトとマップは別物なのだが、それを混同できるようなオブジェクトがExpando。ちなみにJavaScriptのオブジェクトはもともとこんな風になってる(すべてがExpando)。 例

    Expandoとは何か - uehaj's blog
  • あなたはJavaScriptを知らない - 杉風呂2.0 - A Lifelog -

    この記事はMichael Woloszynowicz氏のブログWeb 2.0 Development And Business Lessonsの記事"You Don't Know JavaScript"を翻訳したものです。人の許可を得て公開します。原文は2011年4月16日にポストされました。私自身のJavaScriptの学習が浅く、誤訳の指摘等はコメントを下さると助かります。 原文は以下のURLから。 http://www.w2lessons.com/2011/04/you-dont-know-javascript.html 去年ぐらいから、いらいらする現象が目に留まるようになった。プログラマが、少ししか触っていない技術でありながら、それで履歴書を脚色するパターンに何度も出会った。多くの言語で起こることではあるが、最も冒涜を受けている言語がJavaScriptだ。 あなたは自分が知らな

    あなたはJavaScriptを知らない - 杉風呂2.0 - A Lifelog -
    suginoy
    suginoy 2011/11/17
    翻訳しました。JSモヒカンからの優しいご指摘を受け付けています。相変わらずひどい日本語だ。。。
  • Post by @kashino · 1 link

    suginoy
    suginoy 2011/11/15
    わけがわからんがすごい。
  • 「第七回ありえるえりあ勉強会 - JSで大規模・エンタープライズ開発」へ行ってきました - 虎塚

    面白かったです。 PARTAKE http://partake.in/events/2de2385a-fe4a-42ea-98a4-a321c9249bcf azuさんによる全体の素晴らしいまとめ https://gist.github.com/1284339 先日、どこぞでJSの話を聴かせて頂いた時は、ずっと頭に?が浮かんでいましたが、あれから1週間。jQueryでちょっと遊んだおかげか、前よりも内容が理解できて、楽しかったです。 とはいえ、バブリングの意味を知ったのも数日前という状態のため、メモしておいて後で試そう、と思ったことが、いっぱいありました(というか、ほとんどがそう)。 以下、自分用の偏ったメモです。 「JavaScriptで大規模ゲーム開発」渋川さん AndroidにもiOSにも対応したゲームJavaScriptで書けるゲームエンジン・ngCoreの紹介でした。 アーキテ

    「第七回ありえるえりあ勉強会 - JSで大規模・エンタープライズ開発」へ行ってきました - 虎塚
  • gist:1284339

    suginoy
    suginoy 2011/11/15
    勉強会のログ
  • Cluster

    Node.js v0.6 の新機能として cluster モジュール が導入されました.cluster モジュールは,HTTP を含めた TCP 接続を複数の子プロセス (ワーカプロセス) で処理することにより,特にマルチコア環境でのスループット (リクエスト/秒) を向上するための機能です.  しかし,ドキュメントにはその使い方が書かれているだけで,どのように実現されているかは書かれていないので,ここで簡単に紹介しておきます.  Node.js のクラスタ機能は v0.5.10 で突然コマンドラインオプションとして導入されましたが,直後の「東京 Node 学園祭 2011」が行われた頃にはコマンドラインオプションは廃止されて cluster モジュールによって API が提供されるようになり,その翌週の v0.6.0 リリース数時間前にはその API が変更されるというドタバタぶりでした

    Cluster
  • クライアントとサーバの両方で使える JS コードの書き方 - Block Rockin’ Codes

    追記 11/12/25 Bi ってそんなに一般的ではない、 Both-Sides JavaScript の方が、ということでまた変更しました。(side でなく side's') 11/12/04 Both Side JavaScript は変ということで、 BSJS=Bi-Side JavaScript に変更しました。 文 CSJS と SSJS で両方同じ言語で処理が書けるメリットの 1 つとして、 書いた処理の共有があげられます。 (そこにメリットを感じない人もいるかも知れませんが。) 例えば Validater を共有 クライアントの状態をサーバで再現 などがあります。前者はそのままですね。 受け取った入力のバリデーションはサーバでは必須で、フィードバックを速くするためにクライアントでも同じように行う場合があります。 今まではサーバで書いたバリデーションと同等のものを JS に

    クライアントとサーバの両方で使える JS コードの書き方 - Block Rockin’ Codes
  • Node.js の Cluster のベンチマークをとってみた - hakobera's blog

    Node.js v0.6 から新規標準モジュールとして導入された Cluster のベンチマークを取ってみました。 測定環境 Server CPU: AMD PhenomII X6 1090T (6コア) MEM: DDR3 16GB (4GB*4) Client MacBook Pro 15 (Early 2011) CPU: Intel Core i7 2.0GHz (4コア) MEM: DDR3 8GB (4GB*2) Network 1GigabitEther (同一セグメント) テスト方法 テストスクリプト cluster-bench.js var cluster = require('cluster'); var http = require('http'); var numCPUs = parseInt(process.argv[2], 10); if (cluster.is

    Node.js の Cluster のベンチマークをとってみた - hakobera's blog
  • 海藻猫は Heroku+node.js+CoffeeScript+MongoDB でWebアプリが作りたい

    わかめ@毎日がいる @vvakame [node.js][Heroku][MongoDB] / “Heroku+Node.js+Redis+MongoDB使って簡単リアルタイムアクセスカウンター作ってみた - すぎゃーんメモ” http://t.co/bdtwHd6j 2011-11-09 21:51:27

    海藻猫は Heroku+node.js+CoffeeScript+MongoDB でWebアプリが作りたい
  • 「焼肉 三十八」のリニューアルをしました!

    2011年11月8日 Webサイト制作, Webデザイン こんにちは、ブログを書きつつちゃんとフリーランスのWebデザイナーとしてお仕事しています、Manaです。先月あたり「焼肉 三十八」様のWebサイトリニューアルのお手伝いをさせて頂いたのでそのレビューなんぞを紹介します。デザインや構成など、サイトリニューアルする上で参考になる部分があれば幸いです。 受注 福岡県でホームページ制作、広告運用等を手がけているCDP様より「焼肉 三十八」様のWebサイトリニューアルの依頼を頂きました。 簡単なリニューアル時のご要望をまとめると下記6点でした。 お知らせ欄は更新可能 WordPressで構築 写真やテキストは流用 携帯版作成(コンテンツは一緒) ブログ・口コミ掲示板は削除 IE6は非対応でOK(ありがとうございます!!!) 制作にかかわるお打ち合わせはCDP社デザイン担当の松野氏とSkypeや

    「焼肉 三十八」のリニューアルをしました!
    suginoy
    suginoy 2011/11/11
    えっ、画像別物なの!?