Could not find a declaration file for module 'foobar'. Try npm install @types/foobar if it exists or add a new declaration (.d.ts) file containing declare module 'foobar'; とコンパイルエラーが発生します。 大まかに分けると3対処法があります。 @types からインストールする 型定義ファイル( d.ts )を自作する require でモジュール読み込み 1. @types からインストールする 型定義ファイルが提供されているか試します。 TypeScript コンパイラの指示通り @types からのインストールを試します。 無事インストール出来たら解決です。 もし型定義が提供されておらず、 error An une
const {app, BrowserWindow} = require('electron') const path = require('path') const url = require('url') // Keep a global reference of the window object, if you don't, the window will // be closed automatically when the JavaScript object is garbage collected. let win function createWindow () { // Create the browser window. win = new BrowserWindow({width: 800, height: 600}) // and load the index.ht
以前に作成していた「Node.jsによるSNSアカウント認証と二段階認証」(以下WST)をReactでリプレースしました。どうして?元々は独自のフレームワークで実装していましたが、あるプロジェクトでReactを使う機会があり、とても気に入ったからです。React化そのものは数日で完了。しかしそこで終わりではありませんでした。ついでだからSPAにしよう、いまどき必要ないかもだけど初期表示で一瞬画面が表示されないのも気になるからサーバーサイドレンダリング(SSR)もやっておくか、という具合にとうとう3カ月以上の時間を費やすことになってしまいました。 「ソースコード」 web service template 4.4.1 「デモ」 https://www.printf.jp:8443/ 「機能一覧」 メールアドレスとパスワードでのログイン SNSアカウント(Twitter、Facebook、Go
はじめに 本編では今時のフロントエンド開発2017 (1. 愚痴編)に続き開発環境の構築をしていきます。 おしながき 今時のフロントエンド開発2017 (1. 愚痴編) 今時のフロントエンド開発2017 (2. 構築編) 今時のフロントエンド開発2017 (3. webpack編) 今時のフロントエンド開発2017 (4. TypeScript編) 今時のフロントエンド開発2017 (5. もっと効率よく編) 開発環境の構築 ナイスなエディタ コーディングをするにはエディタが必要になるわけですが,これは皆さんの信じるお好きなものを使ってください。 Atom Brackets Emacs Lime Text Sublime Text Vim Visual Studio Code なんでも良いです。 ちなみに私はVisual Studio Codeを使っています。 CLIの準備 準備と書きまし
This release is one of the biggest, most feature-packed release we’ve had in a long time. We have prepared lots of tasty things for you - snapshot testing, magic assert, precompiling test helpers, improvements to Babel transpilation, and more. Our team and contributors have been working hard to deliver all this goodness. We can’t wait to hear your feedback and don’t hesitate to suggest new ideas a
(2016/12/15追記) この記事はDeprecatedです。 Reduxの概念をRxJSとTypeScriptで理解する ver.2 が最新版になります。 GitHubリポジトリはこちら → ovrmrw/understanding-redux-with-rxjs git cloneしたらnpm installしてnum run tsですぐに動かせます。 (注: Reactの話は一切出てきません) Reduxとは Redux公式 アプリケーション全体で状態(state)を一つのJSONツリーの構造で持ち、それをActionがキックされる度に全体更新して配信するという概念。 僕は最初FluxとかReduxとかよくわからなかったけど、色々参考にしながら自分で書いてみたらようやく理解できました。 Middlewareという概念はよくわからなかったし今でもよくわかりません。 ロガーとか便利な
The Monaco Editor is the fully featured code editor from VS Code. Check out the VS Code docs to see some of the supported features. Try out the editor and see various examples in our interactive playground. The playground is the best way to learn about how to use the editor, which features is supports, to try out different versions and to create minimal reproducible examples for bug reports. > npm
どうも、らこです。 Angular 2の開発リポジトリでは型定義ファイルの依存解決に関して、最初はtsdだったのが途中でtypingsに移り、そして最近またtsdに回帰していたのですが、ついにtsdすらも使わず、npmだけですべてを解決するようになってました。 いったいどうやって?というのが今回のお話で、結論から言うと @types スコープから公開されているパッケージがdevDependenciesとして依存されるようになっていました。 @types typesという名前のユーザーで、明らかにbotだけど中身はMicrosoftの人らしい。(メールアドレスから) どのパッケージもだいたい 2016/5/17 に最初のpublishがされているらしく、最近始まった取り組みのようです。 現在1700超のパッケージが公開されてますが、すべて型定義ファイルのパッケージです。型定義は https:
TypeScript の .d.ts ファイルを管理する tsd コマンドが非推奨になったみたいです。 typings というツールが十分使えるようになったから、だそうです。 簡単に試してみました。 インストール $ npm install -g typings npm install で普通にインストールできます。 普通に使ってみる まずは適当なライブラリの型定義ファイルを検索してインストールしてみます。 $ typings search bluebird レジストリは github.com/typings/registry にあります。デフォルトではここの npm ディレクトリを見るらしいです。 レジストリにあるのは JSON ファイルで、実際の定義ファイルは他のレポジトリのものが指定されています。 見つかった定義をインストールするには typings install を使います。 $
1. 最初の Node.js プログラム…そして最初の TypeScript プログラム Node.js と TypeScript を使って簡易Webサーバーのプログラムを作って(いじって)みた。text/plain な出力をするサーバーで 80 番のポートでリクエストを受け付ける。以下のコードが最初のプログラムである。英語("Hello World")の出力は問題ない。 import http = require('http'); console.log("program start"); var count: number = 0; http.createServer(function (req, res) { res.writeHead(200, { 'Content-Type': 'text/plain' }); res.end("Hello World"); }).listen(
2016年版はこちら 2016年反響が大きかったフロントエンド技術記事まとめ こんにちは、ICSの鹿野です。 普段、モバイルアプリ・Webサイト制作、勉強会登壇等をやっているのですが、2014年からICS MEDIAやQiita等でのフロントエンド技術の記事執筆を始めました。内容はHTML、JavaScript、Swift、タスクランナー、Photoshop等で、初学者にもわかりやすいようにできるだけ丁寧な記事を心がけています。 今回はこの1年で執筆した記事の中で、PV数、SNSのシェア数の点で反響が大きかったものをご紹介します。 Photoshopについて Web用保存は古い!? JPEG画質が改善したPhotoshop CC 2015の新方式の画像保存機能まとめ – ICS MEDIA Photoshop CC 2015から新しく実装された新しい画像書き出し形式の比較記事です。GIGA
おはようございますわかめです。 TypeScript 1.6でnode_modulesからの依存性解決が入りました。 まだ.d.tsより.tsが優先してlookupされる不具合などがありますが、実質上、型定義ファイルを自然な形でバンドルできるようになったのです。 npm installして使えば型定義が有効になっている。暖かいですね。 過渡期の機能の常として、複数のやり方がありいくつかのワークアラウンドが必要な場合があります。 ですので、ここではわかめが考える現在最も便利な運用について意見を述べていきます。 TL;DR ライブラリ作成側は 自力で.d.tsをメンテできる場合のみnpmパッケージに.d.tsをバンドルする 非TypeScriptユーザかつTypeScriptの型について詳しくなければ今のままDefinitelyTypedに丸投げのほうがよい .ts はnpm packageに
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く