タグ

ブックマーク / techblog.kayac.com (3)

  • 日本人にしか読めない難読化ツールつくってみた - KAYAC Engineers' Blog

    はじめに ※ この記事は Tech KAYAC Advent Calendar 2015 10日目の記事になります 初めまして。フロントエンドエンジニアの@butchi_yです。 いやー、SUSHIべたいですよねー。 たまらなくて今日のランチはお寿司にしました。 つくったもの のっけから成果物をどうぞ。 Sushify オンライン寿司難読化ツールです。 (function(win) { var hoge = 5; var piyo = 3; var fuga = 8; console.log(hoge, piyo, fuga); })(window); こんなコードが !function(鮨){var 鮭=5,鯛=3,鯖=8;console.log(鮭,鯛,鯖)}(window); こんな風に変換されます。 このように、変数等の名前に漢字(しかも日人のソウルフードである寿司ネタ)を用い

    日本人にしか読めない難読化ツールつくってみた - KAYAC Engineers' Blog
  • javascriptプログラマのレベル10 : tech.kayac.com - KAYAC engineers' blog

    週末料理をしていて足を切ってしまいました。agoです。 以前Perlは書いていたんですが、その頃以下の記事を読んで非常に感銘を受けました。 Perlプログラマのレベル10 - Perlプログラミング救命病棟より - naoyaのはてなダイアリー 当時あまりコミュニティとのつきあいがなかったので、「自分のスキルの絶対位置」、「次のレベルへ行くために必要なもの」を知ることで非常に安心感を感じた記憶があります。 いま確認したところ、「JavaScriptプログラマのレベル10」はないようなので書いてみました。 Perlプログラマ Schemeプログラマ Rubyプログラマ (家に直接リンクできるURLが無かったため、参照ページへリンクしています) haskellプログラマ 堕落したCプログラマ HTML知識レベル プログラマレベル 企業法務 JavaScriptの業務スキルレベル 判別表 (5

    javascriptプログラマのレベル10 : tech.kayac.com - KAYAC engineers' blog
    lazex
    lazex 2017/02/22
    swfとかありえないし、frameworkないなと思ったら結構古いやつか。この頃は今では簡単なextensionやサーバサイドJSがこんなレベル高かったのか。にしても9までと10でレベル差ありすぎない?
  • jQueryのCSSセレクタAPIを高速に扱う方法 - KAYAC Engineers' Blog

    最近Androidとの抗争が激化しているago(@kyo_ago)です。 jQueryはCSSセレクタを多用する特徴がありますが、jQuery内では実行ブラウザやCSSセレクタの記述によって呼び出されるブラウザAPIが変わり、それによって実行速度にも影響が出ます。 この記事では「セレクタAPIとはなにか」、「CSSセレクタの記述によって呼び出されるセレクタAPIの種類」、「高速なセレクタAPIを使用するための方法」、「高速なセレクタAPIが使われるかどうか確認する方法」などを紹介したいと思います。 (※この記事はJavaScript Advent Calendar 2011 (フレームワークコース) : ATNDの1日目の記事です) セレクタAPIとはなにか セレクタAPIとは「#hoge .huga」のようなCSSセレクタから、DOM上に存在する要素を取得するためのAPIです。 jQue

    jQueryのCSSセレクタAPIを高速に扱う方法 - KAYAC Engineers' Blog
    lazex
    lazex 2014/01/17
    cssセレクタは基本ブラウザのAPIを使って非対応のはSizzle使う
  • 1