僕らを縛る Node.js という呪いについて
これ僕らの物語であり、僕と君の物語であるかもしれない。 数日前、友人が言った。「久しぶりに Rails を書いたけれど、Node.js の良さに敵わない」と。 その言葉に同意しながらも、他方で少し不思議に思う。 いつから僕らは Node.js しか使わなくなったのか。あれだけ話していた Rails などの多くの Web 技術にときめかなくなったのか。と。 もちろん、使えないというわけではない。寧ろ今現役で十分な活躍をしているフロントエンドの人間は、等しく皆「主役であるバックエンドのサブとして存在するフロントエンド」を経験してきている。 書こうと思えば書ける。だがその中で、敢えてフロントエンドとその技術を選んできた。 だけど今はどうだろう。フロントエンドエンジニアはもはや「JavaScript を扱うソフトウェアエンジニア」となり、一般的なバックエンドは勿論、Node.jsが一級市民として存
viteでパッケージをライブラリに公開する（TypeScript対応）
vite のLibrary Modeを使うことで簡単にパッケージが作ることができます。 本記事では加えて、TypeScript への対応方法も説明していきます。 vite の設定 まずは、vite.config.js から見ていきましょう。 const path = require("path"); const { defineConfig } = require("vite"); module.exports = defineConfig({ build: { lib: { entry: path.resolve(__dirname, "lib/main.js"), name: "MyLib", fileName: (format) => `my-lib.${format}.js`, }, }, }); build.lib がライブラリモードのオプションになります。説明すると、 entr
TS Playground - An online editor for exploring TypeScript and JavaScript
Popular Documentation PagesEveryday TypesAll of the common types in TypeScript Creating Types from TypesTechniques to make more elegant types More on FunctionsHow to provide types to functions in JavaScript More on ObjectsHow to provide a type shape to JavaScript objects NarrowingHow TypeScript infers types based on runtime behavior Variable DeclarationsHow to create and type JavaScript variables
【Typescript】PuppeteerとJestでE2Eテストを作る - Kuzunoha-NEのブログ
こんばんは葛の葉です。 最近はPuppeteerとテストコードを使用しE2Eテストを書いています。今回はそのことについて記載してきたいと思います。 今回のソースコードはこちら github.com E2Eテストとは E2EテストとはEnd to End Testのことで、WebブラウザなどのUIを介してユーザーが実際に操作するような動きをテスト項目とし、それを自動で評価させるような仕組みを指します。例えばログイン画面などで認証情報を正しく入力した場合の画面遷移がきちんと成功しているか否か、あるいは失敗した場合は認証が失敗している旨のメッセージが表示されているか、といった部分をテストします。 E2Eテストの良いところは既存の機能を保証してくれるところになります。新しい機能を追加すると、その機能が影響して既存の機能が動かなくなることがあります。また、ライブラリや実行環境が変更、更新となった場合
ミックスイン | TypeScript Deep Dive 日本語版
TypeScript(およびJavaScript)クラスは、厳密な単一継承をサポートします。あなたはこれをすることはできません： コピーclass User extends Tagged, Timestamped { // ERROR : no multiple inheritance } 再使用可能なコンポーネントからクラスを構築する別の方法は、mixinと呼ばれるより単純な部分クラスを組み合わせてそれらを構築することです。 アイデアはシンプルです。クラスBの機能を得るために_クラスBを継承するクラスAを_定義するのではなく、その代わりに_クラスAを取る関数B_を定義して、機能を追加した新しいクラスを返すようにするのです。関数Bはミックスインです。 [mixinは] コピー// Needed for all mixins type Constructor<T = {}> = new (.
TypeScriptで既存の型を拡張する場合にthisの型を考慮したい
typescriptで既存の型を拡張する場合 interfaceを使って例えばsum関数であれば interface Array<T>{ sum():number; } Array.prototype.sum = function(){ return this.reduce((i,j)=>i+j) }; このように書けますが、上記の場合 number|stringの配列 [1,2,3,"4"].sum() //64 と書いてもコンパイルエラーになりません（当たり前ですが） Array< number >にのみsumを追加させ 他の型ではコンパイルエラーにさせたいのですが可能でしょうか。 後 var a = [1,2,3,"4"].sum() で a が コンパイル前はnumber型ですが実行時の型がstringと 間違った型になってしまいます。
Mixins | TypeScript 日本語ハンドブック | js STUDIO
イントロダクション Mixinのサンプル サンプルの解説 イントロダクション 伝統的なOO(オブジェクト指向)階層と並び、 再利用可能なコンポーネントからクラスを構築するもう一つの方法に、より単純な部分クラスを組み合わせる方法が挙げられます。 これはScalaのような言語のMixinや特性の考え方に通じるものがあり、 JavaScriptコミュニティでもこのパターンが人気を博しています。 Mixinのサンプル 以下のコードでは、TypeScriptでmixinをモデル化する方法を示しています。 コードの後に、どのように動作するのかを分析してみましょう。 // 使い捨て(Disposable)Mixin class Disposable { isDisposed: boolean; dispose() { this.isDisposed = true; } } // 活性化可能な(Activ
最近のビルドツールって何なの？ - 檜山正幸のキマイラ飼育記 (はてなBlog)
TypeScriptでは、コンパイルが必要です。プログラムをブラウザーとNode.jsの両方で使おうとすると、さらに加工が必要です。ミニファイだの文書も作るだのすると、ちょっとしたビルドプロセスとなるので手作業では辛くなります。 今更Makeでもないよなー、と思い、最近のビルドツールを試してみました。 内容： 流行りすたりが激しすぎる gulpを使ってみる：こんなサンプル gulpのビルドスクリプト タスクランナーってのはビルドツールとは違うのか？ ビルドツールは進化したのか 参考資料： 例題のファイルとコマンドの一覧 ソースファイル 追加の話： gulp問題ひきずり：ウォッチがまたおバカ過ぎる 流行りすたりが激しすぎる 「確かGruntってツールがあったよな」と、インストールと使い方を調べていると、やたらにgulpって単語が目立つんですよね。Gruntのライバルの新興勢力らしいです。 「
TypeScript Support in Xamarin Studio - Matt Ward
Xamarin Studio and MonoDevelop now have support for TypeScript on Linux, Mac and Windows with an alpha release of the TypeScript Addin. The TypeScript addin uses V8.NET which is a library that allows a .NET application to host Google’s V8 JavaScript engine and have JavaScript interact with .NET objects in the host application. The ability to support Windows, Mac and Linux would not have been possi
TypeScriptでNode.jsのexpressを使ってHello worldしてみる - oinume journal
TypeScriptでexpressを使ってHello worldしてみた。けっこうはまったのでメモメモ。使ってるTypeScriptのバージョンは1.0.1。 準備 npm install -g typescript npm install --save express 試しにコンパイル こんな感じのコードを書いてコンパイルしてみる。 $ tsc --module commonjs hello.ts コンパイルエラーが...(；´Д｀) ./typescript-sample/server/hello.ts(1,1): error TS2071: Unable to resolve external module ''express''. ./typescript-sample/server/hello.ts(1,1): error TS2072: Module cannot be al
MS、新プログラミング言語「TypeScript」を発表--JavaScriptのスーパーセット
Microsoftが「JavaScript」に取り組んでおり、同社のテクニカルフェローで、「C#」の父であるAnders Hejlsberg氏がそれに携わっていることはこれまで秘密にされていたが、米国時間10月1日、その取り組みに関する詳しい情報が明らかになった。 Microsoftは1日、JavaScript開発がクライアントを越えて拡大することを目的とする新しいプログラミング言語「TypeScript」を発表した。 Microsoftは関心のある人々に向けて、同社のCodePlexサイトで、TypeScriptのさまざまな要素のプレビューを公開しており、それには、TypeScriptの言語仕様やTypeScriptコンパイラ向けソースコードが含まれる。TypeScriptは、「Apache 2.0」オープンソースライセンスの下で公開されている。Microsoftは新しいTypeScri
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
