プライベートプロダクトのpackage.jsonのlicenseフィールドには "license: UNLICENSED" と指定すればいいらしい - モヒカンメモ
package.jsonのlicenseフィールドに何も指定しないと、npm install or yarn installしたときに下記のような警告が出てしまって地味に目障り warning package.json: No license field プライベートプロダクトでpackage managerとしてnpm / yarnを使っているだけで、publishしたりオープンソースにするつもりはない。そういう時にどうすれば良いんだろうかと思って長らくモヤモヤしていたが... 普通に公式ドキュメントに書いてあったw docs.npmjs.com Finally, if you do not wish to grant others the right to use a private or unpublished package under any terms: { "license"
TypeScript入門以前ガイド - mizchi's blog
某社で自分が React/Redux + TypeScript などの講習をやってみた結果、TypeScript 入門用資料が必要だと思って書いたやつです。 このドキュメントのターゲット TypeScript で書かれたプロジェクトに参加する人 TypeScript を導入するために、その事前知識が必要な人 このドキュメントの読み方 ES2015 for Beginners ES2015 for ES5 Programmers ES Modules 非同期表現: Promise と async/await TypeScript エコシステム編 自分が React/Redux などの講習でいろいろやってみた結果、 ES2015 と TypeScript を同時に教えると、初学者は何がどの概念に由来するかの区別が出来ずに混乱します。なので、ES5 -> ES2015, ES2015 -> Ty
Inversifyの基本 | HAJIPY.NET
こんにちわ。はじぴー(hajipy)です。 inversifyはJavaScriptでInversion of Control(制御の反転、IoC)もしくはDependency Injection(オブジェクトの注入、DI)を行うためのライブラリです。IoCやDIについての説明はここでは省きます。テスト時や開発中にクラスを差し替えることでネットワークやデータベースへのアクセスをモックに置き換えることができる便利なライブラリです。この記事ではinversifyの基本的な使い方を記載します。 この記事では以下のバージョンを使用して動作を検証しました。inversifyはオブジェクトの注入指定をTypeScriptのデコレータで行っています。そのため、ソースコードはTypeScriptで記述する必要があります。reflect-metadataは実行時に型情報を取得するために必要です。 – Nod
Roppongi.js に行ってきた - fnwiya's quine
職場が変わり、六本木民となったので、 RoppongiJSに行ってきました。 感想としては azu さんが実在するということがわかった GraphQL 触ったことないので週末やろう やっぱ production で使ってこそ テンポよくて、最初からドリンクやケータリングも用意されてて最高でした！ 次回は何かしら発表したいです。 以下メモ stencil と Web Components by adwd118 資料 TS 製のフレームワーク prerendering とかできる Conditional Types I/O by takepepe 資料 Redux の軸足は action?state? redux-aggregate の中で使ってる型づけの話がメイン ServiceWorker を production で使ってる話 by shokai 資料 Scrapbox に SW をいれ
JavaScriptのデバッグ方法 – JSを嫌いにならないためのTips | POSTD
この記事のオリジナルは voxxed に投稿されたものです。 JavaScript関連の問題を抱えるチームをサポートする仕事を通じて、いくつか共通の問題点があることに気づきました。もしあなたもJavaScriptに対するイライラを感じているのであれば、この記事は何らかの助けになるかもしれません。おことわり：私がお教えするヒントはすでにご存知のものもあるとは思いますが、うまくいけば、多少なりとも有用な情報があるかもしれません。特にエンタープライズアプリケーションやCMSソリューションを構築する際に有効なヒントです。チームの誰もが話したがらないCMSのコードについてお話しします。いずれも必要に応じて採用できるものです。 debuggerステートメント 大半のブラウザでサポートされているにもかかわらず、JavaScriptを書く際に最も活用しきれていない機能の1つです。debuggerステートメ
フロントエンドユニットテスト · takahashiakira/tech_for_web Wiki · GitHub
Dismiss Document your code Every project on GitHub comes with a version-controlled wiki to give your documentation the high level of care it deserves. It’s easy to create well-maintained, Markdown or rich text documentation alongside your code. Sign up for free See pricing for teams and enterprises ユニットテストについて ユニットテストとは？ コンピュータプログラミングにおいて単体テストあるいはユニットテストとは、ソースコードの個々のユニット、すなわち、1つ以上のコンピュータプログラムモジュール
forEach内でpromiseによる逐次処理 - trumpのメモ
すべてブロッキングしながら逐次処理を行う。（コマンドスクリプト用） 参考：http://www.html5rocks.com/en/tutorials/es6/promises/#toc-parallelism-sequencing var vals = ['hello', 'nice', 'bye'] var sequence = Promise.resolve() vals.forEach(function (currVal) { sequence = sequence .then(function () { return currVal }) .then(init) .then(m1) .then(m2) }) function init (val) { return new Promise((resolve, reject) => { console.log('init:', va
JavaScriptでアスペクト指向プログラミング | DevelopersIO
JavascriptでAOP JavaではDIと同時に当たり前になったAOP(アスペクト指向プログラミング)ですが、Javascriptでも行うことができます。 今回紹介するAopJSは、JavascriptでAOPを行うためのライブラリです。 ドキュメントを参考にいろいろとためしてみましょう。 ※ちなみに、AopJSは通常のライブラリとしてだけでなく、JQueryのプラグインとしても提供されています。 環境構築方法 今回使用した動作環境は以下のとおりです。 OS : MacOS X 10.7.5 Node.js : v0.10.8 npm : 1.2.23 gitリポジトリからAopJSを取得します。 % mkdir aopjs % cd aopjs % git clone https://github.com/victorcastroamigo/aopjs.git 次のようにindex
espower-babel から babel-preset-power-assert への移行 - アカベコマイリ
私は Web フロントエンドのテストで mocha + power-assert + espower-babel を組み合わせて利用しているのだが、これらのうち espower-babel が Deprecated になった。経緯と代替については以下の記事にまとまっている。 power-assert + babel as a development tool これからは espower-babel 代わりに babel-register と babel-preset-power-assert を利用。babel-register で require をフックして assert を power-assert へ置き換える。この処理が Babel ビルドの一環として実行されるようになった、という理解でよいのだろうか。 移行には npm 更新、.babelrc と mocha.opt 修正が必要
power-assert + babel as a development tool
3行まとめ espower-babelは役目を終えたので、Deprecated Babel + power-assertはbabel-preset-power-assertを使う コード上はrequire("power-assert")とrequire("assert") どちらでもpower-assert化できるようになった espower-babelは非推奨へ Babel + Mocha + power-assertの組み合わせを出来るだけ設定ファイルなどを作らずに使えるespower-babelというモジュールを書いていましたが、役目を終えたので非推奨(deprecated)にしました。 テストコードをES6+power-assertで書けるespower-babel 3.0.0リリース | Web Scratch 理由としては、Babel@6からは設定(ファイル)を必ず必要とするの
今どきのJavaScriptで使われているインデント規約まとめ - ICS MEDIA
みなさんは普段JavaScriptを使って開発する場合、インデントはどのようにしていますか？ タブ、スペース2個、スペース4個・・・などいくつかの選択肢があります。 個人で開発している方は問題ありませんが、チームで開発している場合は意見が分かれ議論になることもあるでしょう。プロジェクト開始早々インデント論争でチーム内の雰囲気を悪くしたくはありません。 本記事はそんなインデント論争の1つの解決策となるべく、ブラウザベンダーやプロダクトで定めているJavaScriptコーディングのインデントルールを調べてみました。 この記事のポイント* 海外のJS界隈ではスペース2個のインデントが多数派 ESLINTなどの設定ファイルからコーディングルールを調べられる なぜインデント論争が起こるのか？ そもそもなぜインデント論争が起こってしまうのでしょうか？ それはそれぞれ一長一短のため好みが分かれてしまうか
Javascriptでタイムリセット機能付きで遅延実行させる方法
公開2015.06.22 更新2017.12.03 仕事・技術 JavascriptのsetTimeout()を使って何らかの処理を遅らせて実行させたい場合のやり方です。 実現したいこと 今回はJavascript、html、CSSのオンラインエディタでリアルタイムプレビューをさせるようなシステムを作成しており、「キーボードが打ち続けられている間」はリアルタイムプレビューを行わず、「キーボードが押されなくなってから２秒後」にリアルタイムプレビューするようなイメージでした。 厳密にいえばリアルタイムプレビューではないですね（苦笑）。 指定時間毎に実行されるような自動保存機能に似ていますが、今回の制作物はキーが打ち続けられている間はタイマーのカウントが0に戻らなければならないという点がポイントです。 コード var timer = false; $('textarea').on( 'keyup
『PhantomJSを使ったスマホサイトテストの自動化(前編)』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 みなさんこんにちは！ スマホ版Ameba担当の川口です。 ちょうど一年前、同じようにJavaScriptを使ったテスト手法について記事を書かせていただいたのですが、今回も懲りずにまた同じようなテーマで再登場いたしました。 JavaScriptのテスト手法 さて、スマホ版Amebaの全面リニューアルから早くも１年経ったのですが、今回はそんなスマホ版Amebaで日々自動テストツールとして活躍してもらっているPhantomJSを紹介させていただきます。 長い記事になるため、今回は前編・後編に分けて以下のような構成でお送りいたします。 ●前編 ・Phanto
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
How come my event.currentTarget is changing automatically?
What's new in Electron 0.37 | Electron Blog
Is it possible to catch exceptions of renderer processes in electrons main process?
JS非同期処理 · takahashiakira/tech_for_web Wiki · GitHub
今更だけどPromise入門 - Qiita
mocha-phantomjsでテスト - Qiita
The Ultimate Frontend Build Tool: make - Algorithm and Blues