class SugaClass extends React.Component { constructor(props) { super(props); this.state = {data:[]} } componentDidMount() { // コメントアウト } render() { // コメントアウト return ( <div> {/* <div>コメントアウト</div> */} <FugaClass/> </div> ); } }
jsxでコメントアウトする - Qiita
class SugaClass extends React.Component { constructor(props) { super(props); this.state = {data:[]} } componentDidMount() { // コメントアウト } render() { // コメントアウト return ( <div> {/* <div>コメントアウト</div> */} <FugaClass/> </div> ); } }
Babel 7へのマイグレーション方法まとめ - Qiita
Babel 7がリリースされましたね。 記事「最新版で学ぶwebpack 4入門 - Babel 7でES2018環境の構築」では、webpack 4とBabel 7の連携について、最新版の情報にすべて書き直しました。サンプルもすべてBabel 7対応しています。 マイグレーションするなかで気づいた点を紹介しようと思います。 Babel 7の主な新機能 TypeScriptをサポート babel.config.jsが新設. envで制御可能に。 .babelrc や package.json を置き換えるものではない globでプリセット指定が可能なoverrideが追加 polyfillを必要分だけ自動的に導入(実験機能) 導入して気づいた、Babel 6→7の破壊的変更まとめ babel-coreから@babel/coreに名前が変更 プリセットの設定名も変更 babel-preset
Clova Extensions Kit SDK for Node.jsのテストフレームワークを作ろう - Qiita
はじめに 先日LINE BOOT AWARDS 2018 ハッカソン東京が開催されましたね。 都合がつかず参加が出来なかった為、twitterで雰囲気を味わいながら一人でもくもくしてました。 何作ろうかなぁ〜と悩んだ結果、Clova Simulatorを作った方の記事に触発され、 ASK SDK v2 for Node.jsのテストフレームワークが欲しい（作ってみた）の時と同じようにClova版も作ってしまおうと決めました。 テストフレームワークが無くても実機でテストを行えば良い話なのですが、 以前の投稿で書いたようにローカルで気軽にテストがしたいんです！ というわけで前と一緒ですが以下のような理由（一番の理由は2つめ）で自分で作ってみました！ もちろん実装はTypeScriptです！ ローカルで気軽にテストがしたい とりあえずOSS開発してみたい テストフレームワークの作成 アサーション
TypeScript Handbook の Advanced Types をちょっとだけ掘り下げる - その6 Index types - Qiita
はじめに 本記事は TypeScript Handbook の Advanced Types に書かれているものをベースに、説明されている内容をこういう場合はどうなるのかといったことを付け加えて ちょっとだけ 掘り下げます。完全な翻訳ではなく、若干元の事例を改変しています。 今回は Discriminated Unions について掘り下げます。 その1 Type Guards and Differentiating Types は こちら その2 Nullable types は こちら その3 Type Aliases は こちら その4 String Literal Types / Numeric Literal Types は こちら その5 Discriminated Unions は こちら その7 Mapped types は こちら Index types Index ty
最近っぽいnext.jsの設定 - Qiita
{ "name": "next-sample", "version": "1.0.0", "description": "", "main": "index.js", "scripts": { "dev": "next", "build": "next build", "start": "next start", "test": "echo \"Error: no test specified\" && exit 1" }, "author": "", "license": "ISC", "dependencies": { "@types/next": "^6.1.2", "@types/next-redux-wrapper": "^2.0.0", "@types/react": "^16.4.11", "@types/react-redux": "^6.0.6", "@zeit/next
「開け、ごま！」で使えるようになるWebサーバーを作りたい！ - Qiita
やりたいこと 最初はどのページもアクセスできないけど、 秘密の順番でパスにアクセスしていくと、使えるようになる！ ようなサーバーを作りたいです 一言でいえば、ポートノッキングのHTTP版みたいなものを作りたいです。 ポートノッキングで有名なツイートです。 UDP53番、TCP443番、UDP123番とポートノッキングをするとTCP443番に10秒だけsshdが現れる、という中二病全開の設定をした。皆様にもお勧めしたい。 — hnw (@hnw) 2017年3月26日 ポートノッキングというのは、決められたポートを決められた順番で叩くことでファイアーウォールに穴を空けられるような仕組みのことです。 （引用：ポートノッキングで10秒間だけsshdを公開する設定 - hnwの日記） HTTP上でノッキングしたい理由 ポートノッキングだとHTTPSを使って暗号化していても、ポートの部分は暗号化され
TypeScript で幽霊型っぽいものをつくる - Qiita
TypeScript で幽霊型（Phantom Type）っぽいものを作る場合に必要なテクニックを紹介する。 TL;DR TypeScript の型検査の仕組み上、普通の方法で幽霊型はできない が、 intersection type などをうまく用いることで、幽霊型と同じような目的を達成することはできる モチベーション たとえば URL のエンコード。次の encode() 関数は、まだエンコードしてない文字列だけを受け取りたいとする。このとき、
create-react-app で掲示板アプリを開発して ASP.NET Core 上で動かす - Qiita
はじめに ASP.NET Core で シングルページアプリケーションを開発する方法をググると、既存の ASP.NET Core の SPA プロジェクトテンプレートを使う方法と、 SPA と Web API を別々のドメインで提供して CORS するサンプルは出てきますが、create-react-appで開発したアプリを ASP.NET Core 上で同一ドメインで動かすサンプルが見つからなかったので自分でやってみることにしました。 create-react-app React アプリ開発をビルド環境構築なしに始められる facebook 公式のツールです。 これを使って掲示板の SPA を開発します。 ASP.NET Core クロスプラットフォームに対応した .NET の Web アプリケーションフレームワークです。 create-react-appで開発した掲示板アプリのクライア
ユーザー定義でIteratorを作成しようとするとエラーが出力される。 - Qiita
class MyIterableIterator implements IterableIterator<number> { __count = 0; [Symbol.iterator]() { return this; } next() { const count = this._count; if (count < 10) { this.count++; return { value: count, done: false }; } // ↓この一行でエラーが発生する return { done: true }; } } javascriptのIterator Protocolでは、iterator.next()が返すオブジェクトはdoneプロパティがtrueのとき、valueプロパティを省略してよい、と定められております。 しかし、現在のTypeScript(3.0)ではvalueプ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
VuexをTypeScriptで利用するのに悩んだ - Qiita
【JavaScript TypeScript】オブジェクトを要素に持つ配列をオブジェクトのキーごとにソート
Vue.jsでコンポーネントを入れ子にするとUnit Testでワーニングがでて煩わしい - Qiita
React + TypeScript + FirebaseデプロイをReact公式チュートリアルで簡単解説 - Qiita
the supplement elements will aggregate - Qiita
VSCodeでIonicを利用するときimport文のエイリアスにumdを付けるバグがある。。 - Qiita
Nuxt×TypeScriptでmiddlewareを使う - Qiita
TypeScriptで0, 1, 2, ...99な配列を作る - Qiita
TypeScriptにおける型計算の基本 - Qiita
vue.jsをtypescriptで使っていてcomponentをimportしようとしていたらhoge.vue.tsファイルを読みに行ってしまう事件 - Qiita
TypeScript + vue-routerでmode:historyを使う方法 - Qiita