@typescript-eslint ことはじめ - teppeis blog

2019/02/16 237 users typescript-eslint

JavaScript用のlinterはESLintが絶対的な地位を確立している一方で、TypeScript用はTSLintがメジャーではあるものの、ドキュメントがひどい、recommendedがopinionatedすぎる、OSSとしてのガバナンスがアレなど微妙な状況だった（ESLintチームのレベルが高すぎるので比べるのは酷だけど）。 そんな中、先月ESLintチーム... 続きを読む

Node.jsのES Modulesサポートの現状確認と備え - teppeis blog

2017/08/31 165 users node.js 現状確認 ESM Node学園 待望

2017 - 08 - 31 Node.jsのES Modulesサポートの現状確認と備え この話を今日のNode学園で話すので、ご興味あればどうぞ。まだ空きがあるようです。 nodejs.connpass.com ECMAScript 2015で待望のES Modules（ESM）の仕様が策定されたものの実装がなかなか進まない、という話を 1年前に発表した 。 その後、 ブラウザでのES Mod... 続きを読む

CircleCI 2.0 でNode.jsのマルチバージョンビルド - teppeis blog

2017/06/01 40 users ユニットテスト CircleCI npmパッケージ 前提 要求

2017 - 05 - 31 CircleCI 2.0 でNode.jsのマルチバージョンビルド CircleCI 2.0が高速でカスタマイズできて最高だという話と、Node.jsのマルチバージョンテストのやり方、キャッシュ戦略などを紹介する。 前提として、以下はnpmパッケージのような ユニットテスト でほぼ完結するシンプルなライブラリのCIを想定している。 サービスやアプリ開発のCIは要求が違... 続きを読む

npm install scriptの脆弱性とオープンソースと信頼 - teppeis blog

2016/03/27 186 users 脆弱性 オープンソース 信頼 Node.js npm 周辺

2016 - 03 - 27 npm install scriptの脆弱性とオープンソースと信頼 node.js npm security oss 先日アナウンスされた 脆弱性 とその周辺について、とりとめなく。 The npm Blog — Package install scripts vulnerability Vulnerability Note VU#319816 脆弱性 の概要 VU#... 続きを読む

ES2016の追加機能が決定、あるいはES7言うな問題 - teppeis blog

2016/01/31 98 users スナップショット スペック ECMAScript 2016

2016 - 01 - 31 ES2016の追加機能が決定、あるいはES7言うな問題 今年6月に公開予定の ECMAScript 2016 (ES7) で追加される機能が以下の2つに決定した。 Array.prototype.includes Exponentiation Operator 今後は 3月1日にスペックのスナップショットが切られ、6月の公開に向けた作業が始まる 。 あれ、ES7ってそ... 続きを読む

npm initでauthorやlicenseなどの初期値を指定する - teppeis blog

2015/12/02 40 users License npm Author あま 初期値

2015-12-02 npm initでauthorやlicenseなどの初期値を指定する npm node.js advent calendar JavaScript Advent Calendar 2015の2日目。小ネタです。 npm initするときにauthorとかlicenseとか毎回同じこと入力するの面倒だったりしません？実はいくつかの項目は初期値を設定できるのだけど、ググってもあま... 続きを読む

npm v2のインストールは`npm i -g npm@latest-2` - teppeis blog

2015/11/29 13 users npm i インストール node_modules タイトル

2015-11-29 npm v2のインストールは`npm i -g npm@latest-2` npm node.js タイトルで言い切った感のある小ネタ。 最新のnpm v3は基本素晴らしいのだけど、主にnode_modulesがフラットになったなどのbreaking changesによって一部のパッケージがまだ非対応だったり、自分のプロジェクトで固めたshrinkwrap.jsonからは対応... 続きを読む

ES6 ModulesはHTTP/2によってconcat無しで使えるようになるのか - teppeis blog

2015/05/21 114 users http ES6 Modules ラウンドトリップ 前者 理由

2015-05-21 ES6 ModulesはHTTP/2によってconcat無しで使えるようになるのか javascript ecmascipt HTTP2 時代のサーバサイドアーキテクチャフィードバック - Togetterまとめ のあたりで話していたことのまとめ。 なぜ今までconcatしていたのか 理由は2つ。 コネクションを減らすため ラウンドトリップを減らすため 前者は、page1.h... 続きを読む

いまどきの.travis.yml - teppeis blog

2015/04/08 86 users travis.yml language sudo io.js

2015-04-08 いまどきの.travis.yml node.j io.j npm travis-ci いまさら感もあるのだけど、あまり知られていないようなのでTravis CIの高速化+αなtipsを書いておく。 先に完成形の.travis.ymlはこちら。 language: node_js node_js: - "0.10" - "0.12" - "io.js" sudo: false ... 続きを読む

BabelとTraceurでES6末尾再帰最適化を試す - teppeis blog

2015/03/29 44 users Babel Traceur performance 話題 感じ

2015-03-29 BabelとTraceurでES6末尾再帰最適化を試す ecmascipt babel traceur performance ちょっと前にBabelに末尾再帰最適化が入って話題になったけど、同じくTraceurにもv0.0.85で最適化が入ったので試してみた。 末尾再帰最適化って何？ 厳密な話はそちらの筋に任せるとして、ざっくりしたストーリーはこんな感じ。 再帰って深くなる... 続きを読む

grunt-parallelize v1.1.0リリースおよび零細OSSの継続性について - teppeis blog

2015/03/28 30 users 並列 タスク Gruntプラグイン 継続性 ファイルリスト

2015-03-28 grunt-parallelize v1.1.0リリースおよび零細OSSの継続性について gruntタスクのファイルリストを分割して並列実行するgruntプラグイン、grunt-parallelizeを前に作った。 タスクを並列超速化するgrunt-parallelizeを紹介するよ - teppeis blog そこそこ使われてるっぽいのだけど、 ファイルリストが長大な場合... 続きを読む

io.js用に書いたパッケージはnpmでどう扱うか問題 - teppeis blog

2015/02/11 72 users npm package.json Engine パッケージ

2015-02-12 io.js用に書いたパッケージはnpmでどう扱うか問題 node.js io.js 東京Node学園 15時限目に参加したときにふと思った疑問について。 Node.jsと非互換なAPI使ったとき、npmにあげていいの？package.jsonのengineとかで書けるのか #tng15— teppeis (@teppeis) 2015, 2月 10 Node.jsの場合 例え... 続きを読む

typescript-simpleの高速化と最近のTypeScript Compiler API周辺動向 - teppeis blog

2015/01/25 29 users TypeScript コンパイラ ライブラリ 文字列 高速化

ES6 compat tableのTypeScriptコードのビルド時間を300秒から2秒に短縮した話と、最近のCompiler APIの動きの紹介。 先日TypeScriptの文字列を簡単にコンパイルするtypescript-simpleというライブラリを書いた。 TypeScript Compiler Service APIでシンプルなコンパイラを書いた - teppeis blog type... 続きを読む

おまえは今まで実行したassertの回数を覚えているのか？あるいは新しいアサーションユーティリティのご提案 - teppeis blog

2014/12/10 69 users assert PoC アサーション Promise 要約

2014-12-10 おまえは今まで実行したassertの回数を覚えているのか？あるいは新しいアサーションユーティリティのご提案 testing ast esplan JavaScript Advent Calendar 2014 11日目。 いきなり要約: Promiseや非同期テストのアサーションを簡単確実に書けるようになるesplanというライブラリのPoCを作った話。 Promiseや非同... 続きを読む

TypeScriptの注目の型関連issue - teppeis blog

2014/12/04 32 users TypeScript Github Issues やりとり

2014-12-05 TypeScriptの注目の型関連issue typescript TypeScript Advent Calendarの4日目。 TypeScriptのロードマップを見てもES6対応以外は "Investigate top-rated feature requests" とか書いてあるぐらいで、GitHub Issuesのコメントのやりとりを見ていても割りと流動的に良い提案... 続きを読む

ES6テンプレートリテラルをテンプレート関数化する - teppeis blog

2014/11/22 38 users JS.next テンプレートリテラル 変数 Firefox

2014-11-22 ES6テンプレートリテラルをテンプレート関数化する ecmascipt V8にES6テンプレートリテラルが入ったらしいということで、 テンプレートリテラルが実装された - JS.next 先に入っているFirefox 34（現beta）で遊んでみた。 埋め込み変数は即時評価 埋め込み変数は即時評価なので、テンプレートリテラルが評価される時点で定義されない変数を埋め込みに使うと... 続きを読む

そろそろCSP Lv.2 nonceやろう - teppeis blog

2014/11/11 44 users CSP nonce Express 挙動 Firefox

2014-11-11 そろそろCSP Lv.2 nonceやろう csp security tl;dr CSP Lv.2のnonceを使うと意外と簡単にCSPの恩恵を受けれるよ Firefoxはunsafe-inlineとの挙動がおかしいので注意 サンプル実装としてExpressで簡単にnonce対応できるconnectプラグインを書いた（デモあり） Violation Reportもブラウザによ... 続きを読む

3分で分かるFacebook Flow - teppeis blog

2014/10/28 55 users Facebook Flow 唯一 ３分 紹介

2014-10-29 3分で分かるFacebook Flow flow というか3分ぐらいの情報しかまだ出てきてないんだけど。 先月の@Scale 2014で発表されたFacebookのFlowについて、おそらく唯一のオフィシャルな情報であるこの発表動画を見て分かったことを紹介（ざっと見ただけなので間違ってたらごめんなさい）。 JavaScript Testing and Static Type ... 続きを読む

Mac/iOS Safariでバックスラッシュを円記号として表示する方法 - teppeis blog

2014/09/30 57 users iOS Safari 円記号 バックスラッシュ Mac iOS

2014-09-30 Mac/iOS Safariでバックスラッシュを円記号として表示する方法 css Unicodeではバックスラッシュ*1と定義されているU+005Cだが、歴史的な背景によりMS系日本語フォントでは円記号が割り当てられているのはよく知られた話。 ところがMac/iOSに載っているヒラギノ角ゴシック等ではU+005Cはバックスラッシュとして表示されるし、キーボードの右上の円記号キ... 続きを読む

TypeScriptの宣言空間とその不満 - teppeis blog

2014/04/24 37 users TypeScript 諸兄 エラー あたり とおり

2014-04-25 TypeScriptの宣言空間とその不満 typescript 最近TypeScriptの型を触っていてハマったあたりのまとめ。だいたい仕様書に書いてあるとおりなので、すでに仕様書を読破している諸兄にはこの記事は必要ないです。 宣言空間 (declaration space) とは 宣言空間というのは、同一宣言空間で同じ名前が複数存在するとエラーになるような空間のこと。 Ty... 続きを読む

HTML FormにPUT/DELTEは必要なのか、あるいはJSer界の分断 #桜JS - teppeis blog

2014/04/08 79 users Put Form 分断 azuさん LT大会

2014-04-08 HTML FormにPUT/DELTEは必要なのか、あるいはJSer界の分断 #桜JS 先日、都内某所で開催された#桜JSに参加したので、個人の日記レベルの感想を書いてみる。 #桜JS - Togetterまとめ 桜JSでご飯を食べながらLT大会をした | Web scratch 細かいことはazuさんのまとめを見てもらうとして、個人的におもしろかったのがHTML Formの... 続きを読む

JavaScript Stringでサロゲートペアを扱う - teppeis blog

2014/01/06 115 users サロゲートペア unicode フロントエンド 前回 通り

2014-01-06 JavaScript Stringでサロゲートペアを扱う JavaScriptで強力なUnicodeを扱う方法について書きます！（嘘） 先月末に発売されたWEB+DB PRESS Vol.78で「フロントエンドの国際化」の記事を書いたのは前回書いた通り。 WEB+DB PRESS Vol.78に「フロントエンドの国際化」について書いた！ - teppeis blog 記事内で... 続きを読む

Node.jsの開発を超速化するGitHub連携 三種の神器 - teppeis blog

2013/12/09 293 users 神器 GitHub連携 GitHub npm Trav

2013-12-09 Node.jsの開発を超速化するGitHub連携 三種の神器 node.js github testing Node.js Advent Calendar 2013 - Adventar 9日目です。 あまりネタを用意する時間がなかったので、GitHubにNode.jsのリポジトリを置いたりnpmにパッケージを公開したりしたときに便利な定番サービスを3つ紹介します。 Trav... 続きを読む

3分で分かるAngularJSセキュリティ - teppeis blog

2013/12/05 334 users ３分

2013-12-06 3分で分かるAngularJSセキュリティ angularjs security 先日のng-mtg#4 AngularJS 勉強会でLTしようと思ったけど申し込みが間に合わなかったのでブログに書きます。 先月リリースされたAngularJS 1.2はセキュリティがんばってる的なことを聞いたので、セキュリティ周りの仕組みを調べてみました。 CSRF ユニークなトークンをHTT... 続きを読む

Google HTML/CSS Style Guideについて、そろそろひとこと言っておくか - teppeis blog

2013/08/28 54 users ひとこと CSS Style Guide キータ Qiita

2013-08-28 Google HTML/CSS Style Guideについて、そろそろひとこと言っておくか 話題になっていたので、 <html>,<body>は要らない？Googleが推奨するHTMLファイルの記法 - Qiita [キータ] 便乗して、一年以上前に社内勉強会で作った資料があったので今更ながら公開してみます。 Best practice from Google HTML/C... 続きを読む