タグ

JavaScriptとJavascriptに関するotsuneのブックマーク (379)

  • 本気でやるならonclick属性は避けてライブラリを活用すべき - id:HolyGrailとid:HoryGrailの区別がつかない日記

    第1回 そろそろ気で学びませんか? | Think IT これ、今この記事書いてる時点で650以上ものブクマがされているんだけれども、あまり内容がよろしくない。 というのも、解説はとても丁寧ですごくよい内容なのだけど、サンプルコードの書き方がどうも古くさい。 onclick属性とか、今時のフロントエンドエンジニアはそんな書き方はしない(と思う)。 なぜonclickをあまり推奨しないのか やっぱり、エンジニアとデザイナーorマークアッパーとの分業の点でHTMLの属性にスクリプトを書いちゃうのはあんまりよろしくない。 たとえばの話だけど関数の名前を変えたかったり、だとか、HTMLを変更したり、っていうときにミスが起こりやすくなってしまう。 これは分業していなくてもどちらにしろ発生してしまうことだと思う。 他にも前に書いたのだけど、aタグとかでonclickしちゃうとhrefにreturn

    本気でやるならonclick属性は避けてライブラリを活用すべき - id:HolyGrailとid:HoryGrailの区別がつかない日記
  • The Definitive TypeScript Guide - Blog | SitePen

    Software projects succeed or fail based on the quality of the teams behind them. Expert developers can be hard to find. So how do you get junior developers to level up? It’s not enough to teach how to use a framework or tech stack. Good developers can follow a pattern.

    The Definitive TypeScript Guide - Blog | SitePen
    otsune
    otsune 2008/05/13
    %8のunrollが不思議なことしてるな。LDRのunrollのほうが余計な計算無くて早くね?
  • JavaScript文字列処理は"+="が十分高速、Safariもベター | エンタープライズ | マイコミジャーナル

    1秒でも早く動く快適なWebアプリケーションを開発することはフロントエンドプログラマやWebデベロッパが常に追い求めるところだが、SitePenにおいてTom Trenka氏による興味深い分析結果"String Performance: an Analysis"が公開されたので紹介しておきたい。同氏のドキュメントはテクニック的に参考になるものだ。 文字列処理はパフォーマンスを左右する重要な要素のひとつだ。Javaなどよく使われるプログラミング言語では文字列は変更不可能なオブジェクトとして扱われる。変更不可能にすることで文字列の重複を防ぎ、不要なデータのコピーを避けることで処理速度の向上が実現できるからだ。そのかわり文字列を編集する場合には、変更後の文字列を新しく生成するという手段をとる。このため文字列の編集という操作は新しく文字列を生成する操作と等価であるため、コストが高い処理になる。 そ

  • きまぐれ日記: TinySegmenter: Javascriptだけで分かち書き

    最近新幹線に乗る機会が多々あったので、暇つぶしに Javascriptだけで(Ajax等は使わずに) 分かち書きが出来るソフトウェアを作ってみました。実用性は謎です。 http://chasen.org/~taku/software/TinySegmenter/ たった 25kbyte ですが、新聞記事でしたら、95%程度の精度で分かち書きができます。 辞書は全く持たず、文字単位で分割するか分割しないかを当てる機械学習器を 作って分割しています。 モデルをコンパクトにするために、L1ノルム正則化の トリックを使っているのですが、想像以上にコンパクトになって、しかも そこそこうまくいっていて、刺激的です。

  • FirefoxでJavaScriptのメモリリークを検出するLeak Monitor

    JavaScriptでもメモリリークが発生することがあります。 Firefox用のメモリリーク検出拡張機能があります。 Leak Monitorをインストールし、ブラウジングしていると、 メモリリークを発見するたびに、ウィンドウが表示され、検出した メモリリークを報告してくれます。 Leak Monitorのページ https://addons.mozilla.org/firefox/2490/ ウィンドウが閉じられたにも関わらず以下の Javascript オブジェクトが 破棄されず残っています。 Leaks in window 0x301d600: [ ] [leaked object] (301d600) = [ChromeWindow] Leaks in window 0x53af780: [ ] [leaked object] (53af780) = [Window] MyBlo

  • http://www.habtm.com/articles/2006/06/08/optimizing-prototype-js

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

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

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

    Ringとは、リクルートグループ会社従業員を対象にした新規事業提案制度です。 『ゼクシィ』『R25』『スタディサプリ』など数多くの事業を生み出してきた新規事業制度は、 1982年に「RING」としてスタートし、1990年「New RING」と改定、そして2018年「Ring」にリニューアルしました。 リクルートグループの従業員は誰でも自由に参加することができ、 テーマはリクルートの既存領域に限らず、ありとあらゆる領域が対象です。 リクルートにとって、Ringとは「新しい価値の創造」というグループ経営理念を体現する場であり、 従業員が自分の意思で新規事業を提案・実現できる機会です。 Ringフロー その後の事業開発手法 Ringを通過した案件は、事業化を検討する権利を得て、事業開発を行います。 さまざまな事業開発の手法がありますが、例えば既存領域での事業開発の場合は、 担当事業会社内で予算や

  • Re:一晩で覚えるjQueryの逆引き基礎サンプル7つ (でぃべろっぱーず・さいど)

    一晩で覚えるjQueryの逆引き基礎サンプル7つ*ホームページを作る人のネタ帳 jQueryに書くとほってんとり入りできるらしいので便乗。というかリンク先で紹介されているサンプルコードにちょっと意義異議あり。 一個のサンプルは非常に単純な構造になっておりますゆえ、jQueryをすでにやったことがある人にとって必要ないものだということをあらかじめご了承くださいませ。 ということであれば、「jQueryらしい」書き方をした方が良いかなと思います。 で、僕ならこう書くってことで。 全般的に使われている$(document).ready(fn)は、$(fn)でショートカットできます。 $(document).ready(function(){alert('hoge');}) は、 $(function(){alert('hoge');}) こう書けると。 まあ、これはどうでもいいや。短く書けるって

  • CGI Error

    The error was detected while processing this request. Be sure of followings: The CGI script does exist. The permission of CGI script is 755. The Perl path in CGI script is #!/usr/local/bin/perl. CGIスクリプトの呼び出し中にエラーが発生しました。 下記の点をご確認ください。 ・CGIスクリプトが存在すること。 ・CGIスクリプトのパーミッションが755であること。 ・CGIスクリプトのperlのパスが #!/usr/local/bin/perl であること。

  • 최신 토토사이트 추천 2025년 인기 메이저사이트 순위 및 분석

    최신 토토사이트 추천 2025년 인기 메이저사이트 순위 및 분석 전 세계적으로도 온라인 베팅 산업은 지속적인 성장을 이어가고 있습니다. 특히 아시아 시장에서는 모바일 보급률 증가와 인터넷 환경의 개선으로 인해 해외 토토사이트의 이용률도 크게 증가하는 추세입니다. 미국의 한 시장 조사 기관에 따르면, 2024년 글로벌 온라인 배팅 시장 규모는 1,200억 달러를 돌파했으며, 이는 5년 전 대비 약 3배 이상 성장한 수치입니다. 국내에서도 스포츠 토토사이트에 대한 관심이 꾸준히 증가하고 있습니다. 특히, 유럽 리그에서 활약하는 손흥민, 김민재 선수 등의 영향으로 축구 베팅이 많은 주목을 받고 있으며, 메이저리그와 KBO 리그에서도 데이터 분석을 기반으로 한 배팅이 활발히 이루어지고 있습니다. 이에 따라 이용자들

    최신 토토사이트 추천 2025년 인기 메이저사이트 순위 및 분석
  • vi

    This domain was recently registered at Namecheap.com. Please check back later! internetconnection.net 2022 著作権. 不許複製 プライバシーポリシー

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

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

    はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
  • JavaScriptのString#matchと正規表現 - os0x.blog

    どうもよくわかってなかったというか、誤解していた部分があったようなので、とりあえずFirebugで書いてみた。 var log = console.log; log("a/a".match("a")); // "a" log(RegExp.$1); // log("a/a".match("(a)/")); // "a/", "a" log(RegExp.$1); // a log("b/b".match(/(\w)\//)); // "b/" , "b" log(RegExp.$1); // b log("c/c".match("(\w)")); // null log(RegExp.$1); // b log("d/d".match("(\\w)")); // "d" ,"d" log(RegExp.$1); // d log("e/e/e/".match(new RegExp("(e)

    JavaScriptのString#matchと正規表現 - os0x.blog
  • Roppongi.JS #1: Days on the Moon

    さる 3 月 15 日に開かれた Roppongi.JS の jQuery コードリーディングにオンラインで一部参加しました。途中参加に途中退室、一部こちらの都合で音声なしでの中継視聴とあわただしかったものの、jQuery のソースコードをじっくり読むいい機会になりました。 jQuery オブジェクト 今回個人的にわかったのは jQuery オブジェクト、すなわち jQuery(...) と jQuery 関数 (または $ 関数) を呼び出したときに返ってくるオブジェクトは何なのかということ。jQuery オブジェクトは配列のようなオブジェクトであり、length プロパティと 0 ~ n (n は length - 1) までの数値的な名前のプロパティを持ちます。配列としての各要素 (数値的プロパティ) は DOM ノードオブジェクトを指しています。 jQuery オブジェクト自身はは

  • Ask Hackers: How to become the best JavaScript programmer? (q by 12yr old) | Hacker News

    I love everything about the web and web 2.0 and I would love to become the best JavaScript programmer ever!Can you give me hints and tips to become one? PS. I am 12 years old The way to become a good programmer is to have projects that drive you. So build stuff. You'll find you learn very fast when there is something specific you want to do and you don't know how. So you should read books, certain

  • dobu nikki tumblr include

    ♪さんのソースを流用して、上に記事、右に写真のthumbnailと振り分けました。 head.txtの上の方にこのように書く。 <div style="background: white; font-size: small"> <a href=http://yar-3.tumblr.com/>tumblr yar-3</a> <script type="text/javascript" src="http://yar-3.tumblr.com/api/read/json" ></script> <script type="text/javascript" > nmax = 10; n = tumblr_api_read["posts-total"]; if (n > nmax) n = nmax; for (i = 0; i < n; i++) { uri =""; switch (tum

    otsune
    otsune 2008/03/01
    document.writeよりもDOM弄ったほうが速いかも?
  • ウクレレ日記 tumblr を頭に載せる

  • はてなブログ | 無料ブログを作成しよう

    顔に見える?最近「送水口」が気になるという話 「送水口」が気になる今日この頃 最近街中で気になる存在、それがこの「送水口」です。地上のフロアが7階以上あるビルなど、一定の条件を満たした建築物には設置が義務付けられているもので、火事が発生したフロアにただちに水を送るために使われるものです。ポンプ車…

    はてなブログ | 無料ブログを作成しよう
  • JavaScriptのスコープわからない | ヲゾゾ wozozo blog

    オライリーのJavaScript読んでてスコープのところでつまった。 var scope = "global"; function f() { alert(scope); var scope = "local"; alert(scope); } f(); これをfirebugで実行すると1回目のalertで「undefined」2回目のalertで「local」が表示される。 でも、関数内でvar scopeをコメントアウトすると var scope = "global"; function f() { alert(scope); //var scope = "local"; alert(scope); } f(); 2回とも「global」が表示される。 なんで? 最初のコードの変数scopeは関数外で宣言されてるからundefinedなのはわかるけど、後のコードは関数外のグローバ