回答率

91.86%

検索キーワードを入力してください

and or

JavaScriptを有効にしてください

React.js

A JavaScript library for building user interfaces

RSS

受付中

回答

0
React/ReduxアプリにおけるJestとEnzymeの使い分けについて

表題の通りなのですが、React/Reduxアプリの開発において、JestとEnzymeはそれぞれ、どのような役回りになるのでしょうか？ Reactコンポーネントのテストに関してはEnzymeで全体的に行って、action creatorやreducerなどのコンポーネント以外の部分に関してはJestのassertion機能でテストを行うといった使い分け
- 0評価
- 2PV
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
- Redux
  
  18questions
teratailが5時間前にアップデート
解決済

回答

1
react-rails + webpack + ES6 におけるサーバーサイドレンダリングについて

Ruby on RailsでReact.jsを使用するため、react-railsのgemを用いて開発をしています。また、JavaScriptでES6（ES2015）を使用するためにwebpackを使用しています。 webpackの設定は以下のとおりです。 // webpack.config.js module.exports = { entry:
- 0評価
- 101PV
- Ruby on Rails
  
  3688questions
  
  Ruby on Railsは、オープンソースのWebアプリケーションフレームワークです。「同じことを繰り返さない」というRailsの基本理念のもと、他のフレームワークより少ないコードで簡単に開発できるよう設計されています。
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
- Babel
  
  20questions
  
  Babelは、JavaScriptの次世代仕様であるECMAScriptのコンパイラ。次世代の標準機能を用いて記述されたコードを、それらの機能に対応していないブラウザでも動作するコードに変換することができます。
minadukirein 3日前にベストアンサー
解決済

回答

1
React + ReduxでActionの分割について

SPAのWebアプリをReact+Reduxで作成しており、reducerが肥大化してきたので、combineReducersにてぺージ毎にreducerを分けました。 const rootReducer = combineReducers({ app1, app2, app3, }); これにより、SPA
- 0評価
- 28PV
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
- Redux
  
  18questions
Sagarat 4日前にコメント
受付中

回答

1
reactでリクエストを２回に分けて実行し、１つ目のリクエストが成功した時点で画面へのrenderを...

reactを使っており、APIのレスポンスが遅いため、APIへのリクエストを２回に分けて実行して、一度目のリクエストが完了したら、react側で画面へのrenderを始めるといった処理を書きたいのですが、どのようにするのが良いでしょうか？ reactをまだあまり理解していないんですが、componentDidMountの中でrails側へのリクエストを投げて
- 0評価
- 30PV
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
Sagarat 5日前に回答
解決済

回答

1
Reactについて、inputで入力した数だけ画像をループさせる方法

前提・実現したいこと Reactについて、inputで入力した数だけ画像をループさせる方法がわかりません。解決策や原因をご存知の方がいらっしゃれば、教えていただけないでしょうか。よろしくお願いいたします。発生している問題 React勉強中の初心者です。 inputでカラム数を入力したら、プレビューにカラム数ぶんの画像が繰り返し出力されるように
- 0評価
- 44PV
- JavaScript
  
  8777questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
khkh 6日前にベストアンサー
解決済

回答

2
React.jsにおけるsetState

React.jsにおいて、stateを定義するためにsetState関数を使用しますが、this.state.hoge = でも値を代入できます。これらの本質的違いはなんでしょうか？
- 0評価
- 37PV
- JavaScript
  
  8777questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
hayatomo 1週間前にコメント
解決済

回答

2
S3で静的ホスティング時に１つのHTMLファイルを見に行くようにしたい

Route53➞CloudFront➞S3にて静的ホスティング運用を設定しています。静的ファイルはReactJSでコーディングしたもので、ソースコード上でreact-routerにてルーティングを持っています。そのため、以下の様な設定をS3へしたいのですが、可能でしょうか・・・色々調べているんですが四苦八苦です。どのGETリクエストも１つ
- 0評価
- 75PV
- AWS(Amazon Web Services)
  
  926questions
  
  Amazon Web Services (AWS)は、仮想空間を機軸とした、クラスター状のコンピュータ・ネットワーク・データベース・ストーレッジ・サポートツールをAWSというインフラから提供する商用サービスです。
- HTML5
  
  2222questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
- Redux
  
  18questions
Buakaw 1週間前にコメント
受付中

回答

0
Jest エラー "Expected the spy to be called"

ReactコンポーネントのテストをJestで実施しており、メソッドをspyOnしてtoHaveBeenCalledで呼ばれたか確認するテストを実施しました。テスト結果として以下のエラーが発生しfailしました。 Expected the spy to be called. このエラーの対処法を教えていただけないでしょうか。
- 0評価
- 29PV
- JavaScript
  
  8777questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
teratailが1週間前にアップデート
受付中

回答

0
＊ハイブリッドアプリ＊一番UIレスポンスの良いフレームワーク＊探し中＊

＊ハイブリッドアプリ＊一番UIレスポンスの良いフレームワーク＊探し中＊ SNSアプリを開発するにあたってハイブリッドアプリを検討しています。 cordovaを用いてのOnsen UI for Reactでの開発が一番レスポンスが良いと聞きました。高速で動作する作り方をご教授お願いします。現在の技術はhtml5,css3,javascript,p
- -2評価
- 384PV
- AngularJS
  
  425questions
  
  AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。
- HTML5
  
  2222questions
  
  HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。
- Onsen UI
  
  144questions
  
  HTML5で記述されたモバイルアプリの高速化、およびネイティブアプリライクなUIが作れるフレームワーク。様々なJavaScriptフレームワークと併せて使用することができます。スマートフォン向けアプリ、Webサイトに必要なアニメーション、UI/UXを実装することが可能になります。
- Monaca
  
  405questions
  
  「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
teratailが1週間前にアップデート
解決済

回答

2
Vue.jsかReact.jsはどちらがよいですか？

一長一短かと思うのですが、どちらかを採用するメリット・デメリットを教え欲しいです。
- 0評価
- 92PV
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
- Vue.js
  
  70questions
len_souko 1週間前にベストアンサー
受付中

回答

0
React Nativeの安定したバージョンを知りたい

お世話になります。 React Nativeの勉強をしているのですが、 react-native-router-fluxを使おうと思うと、思うとエラーが出てしまうので、package.jsonのreactとreact-nativeのバージョンをダウングレードしているんですが、reactのバージョンを15にすると,React nativeのバージョンがreac
- 0評価
- 48PV
- Node.js
  
  943questions
  
  Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
- npm
  
  82questions
  
  npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。
- React Native
  
  29questions
  
  React Nativeは、ネイティブモバイルアプリ（iOS/Android）を作成できるJavaScriptフレームワークです。Reactと同じ設計のため、宣言的なコンポーネントでリッチなUIを開発することが可能です。
teratailが2週間前にアップデート
解決済

回答

1
Reactでvalueがundefinedと言われてしまいます

reactでSelectBoxを実装しています reactでreact-selectというnpmを使ってReactSelectの実装を行なっています。 react-select: https://github.com/JedWatson/react-select 発生している問題・エラーメッセージ valueに初期値としてvale=''を与えると問題なく
- 0評価
- 216PV
- JavaScript
  
  8777questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
- Babel
  
  20questions
  
  Babelは、JavaScriptの次世代仕様であるECMAScriptのコンパイラ。次世代の標準機能を用いて記述されたコードを、それらの機能に対応していないブラウザでも動作するコードに変換することができます。
dragon_taro 2週間前にベストアンサー
受付中

回答

1
ES6でクラス直下にプロパティを設定したい

参考にしたサイト ES6(ES2015)でクラス変数を定義する！ ES2015のclassでプロパティを使えるようにする環境・Webpack + React + ES6の最小構成を考えてみる。 ↑このサイトのhello world表示済み・上のサイト + babel-plugin-transform-class-propertiesとbabel-p
- 0評価
- 64PV
- JavaScript
  
  8777questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- Node.js
  
  943questions
  
  Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
- Babel
  
  20questions
  
  Babelは、JavaScriptの次世代仕様であるECMAScriptのコンパイラ。次世代の標準機能を用いて記述されたコードを、それらの機能に対応していないブラウザでも動作するコードに変換することができます。
KSwordOfHaste 2週間前に回答を編集
解決済

回答

1
reduxのtypescript対応。react-reduxのconnectの返り値の型を変更したい

前提・実現したいこと http://redux.js.org/docs/basics/ をtypescriptでやっているときに、おそらく型によるエラーが出て、解決できません。 (http://redux.js.org/docs/basics/UsageWithReact.html を実装しているときにエラーが出ました。) 該当のソースコード上のチュー
- 0評価
- 67PV
- TypeScript
  
  113questions
  
  TypeScriptは、マイクロソフトによって開発されたフリーでオープンソースのプログラミング言語です。 TypeScriptは、JavaScriptの構文の拡張であるので、既存の JavaScriptのコードにわずかな修正を加えれば動作します。
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
- Redux
  
  18questions
threeaster 2週間前にベストアンサー
解決済

回答

2
[React] 親コンポーネントのイベントを契機とした子コンポーネントの関数の呼び出しかた

前提・実現したいこと React(Reduxなし)でアプリケーションを作っています。 Reactの子コンポーネントが持つ関数を、親コンポーネントのイベントを契機として呼び出したいです。発生している問題・エラーメッセージ実現方法がわかりません。どのようにすれば良いのか教えてください。該当のソースコードイメージとしては、下記のChil
- 0評価
- 50PV
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
Sagarat 2週間前に回答
解決済

回答

1
monacaでの開発の際に使うJSフレームワークはどれが最適か

私は元々、生のJavaScriptやPHPを用いてWebアプリ開発をしていました。しかし、今回からmonacaでの開発をすることになりました。monacaではいくつかのJavaScriptライブラリ、フレームワークが選択できます。私に適しているライブラリ、フレームワークはどれなのでしょうか… 今まで生のJavaScriptしか触ってこなかったので、An
- 0評価
- 187PV
- JavaScript
  
  8777questions
  
  JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。
- Monaca
  
  405questions
  
  「Monaca」はiOS、Android、Windows向けのアプリ開発に対応した、Cordovaベースのモバイルアプリ開発プラットフォームです。HTML5、JavaScriptといったWeb標準技術を用いてモバイルアプリ開発を行うことができます。
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
- Angular2
  
  86questions
piacere_ex 2週間前にベストアンサー
受付中

回答

1
React-Nativeのreact-native-router-fluxを入れるとエラーが出る

お世話になります。 react-nativeを使っている方に質問です。 react-native-router-fluxをnpmでインストールし、プロジェクトを立ち上げようとするとエラーが出ます。（以下がそのエラー内容です） [exp] Failed to build DependencyGraph: @providesModule naming
- 0評価
- 61PV
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
- npm
  
  82questions
  
  npmは、Node Packaged Modulesの略。Node.jsのライブラリ・パッケージを管理できるツールです。様々なモジュールを簡単にインストールでき、自分でモジュールを作成し公開する際にも使用できます。
- React Native
  
  29questions
  
  React Nativeは、ネイティブモバイルアプリ（iOS/Android）を作成できるJavaScriptフレームワークです。Reactと同じ設計のため、宣言的なコンポーネントでリッチなUIを開発することが可能です。
januswel 3週間前に回答
受付中

回答

4
アラフォーのエンジニアが学ぶ技術について

アラフォーになるエンジニアなんですが、マネジメントやディレクションもやるようになって、技術のストックがなくなってきたので、また新しい事を勉強しようと思っています。軽く自己紹介させて下さい。田舎でWEB屋をやっています。結婚してて今年中学生の子どもがいます。 27歳からITの世界に入りXHTMLとCSS2やperlのCGIのカスタマイズをやっ
- 1評価
- 526PV
- PHP
  
  12506questions
  
  PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。
- AngularJS
  
  425questions
  
  AngularJSはオープンソースのJavaScriptフレームワークです。ブラウザ上で動作するウェブアプリケーションの開発にMVCアーキテクチャを取り入れることを目的としています。
- Go
  
  197questions
  
  Go(golang)は、Googleで開発されたオープンソースのプログラミング言語です。
- IoT
  
  22questions
  
  IoT（Internet of Things）とは、インターネットがコンピュータなどの情報・通信機器のネットワークだけでなく、世の中のある様々なモノに接続されて自動認識・自動制御・遠隔計測などの能力を備えることです。「モノのインターネット」と一般的にいわれます。
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
keisuu 3週間前にコメント
受付中

回答

0
CSS Modulesでの読み込みについて

初心者ながらReact + webpack + CSS Modulesを勉強しています。以下のようなコードではCSSを読み込めるのですが、 <div className={styles.container}> .container { display: flex; flex-direction: column; height: 1
- 0評価
- 45PV
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
- CSSフレームワーク
  
  103questions
  
  CSSフレームワークは、Webページのスタイルを指定する言語であるCSSを容易に構築するためのツールです。ツイッター社が開発した「Bootstrap」や段組レイアウトが可能な「Foundation」など様々なCSSフレームワークがあります。
- webpack
  
  58questions
teratailが3週間前にアップデート
解決済

回答

1
Reactでpropsの受け渡しができません。

reactとrailsでリストの作成を行なっています railsで作成したjsonファイルをreactでajaxで受け取って、それを一覧として表示させるページを作成しています。表示させるまではできたのですが、ページネーションを導入しようとしたところ下記のエラーが発生しました。発生している問題・エラーメッセージ reactでajaxで受け取って、そ
- 0評価
- 86PV
- Ruby
  
  3985questions
  
  Rubyはプログラミング言語のひとつで、オープンソース、オブジェクト指向のプログラミング開発に対応しています。
- Ajax
  
  676questions
  
  Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。
- JSON
  
  586questions
  
  JSON(JavaScript Object Notation）は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。
- Ruby on Rails 4
  
  1894questions
  
  Ruby on Rails4はRubyによって書かれたオープンソースのウェブフレームワークです。 Ruby on Railsは「設定より規約」の原則に従っており、効率的に作業を行うために再開発を行う必要をなくしてくれます。
- React.js
  
  237questions
  
  A JavaScript library for building user interfaces
dragon_taro 3週間前にベストアンサー

1
2
3
...

次のページ

タグ情報

あなたの順位

-位
タグ登録者数

247人

総質問数

237件
今週の質問数

2件

タグ別ランキング

1

raccy

score 353

JavaScript

Ruby

Java
2

maisumakun

score 108

PHP

JavaScript

Ruby
3

s8_chu

score 94

HTML

JavaScript

CSS
4

NatsumiOki

score 79

HTML

CSS

JavaScript
5

k.tada

score 64

PHP

Ruby

JavaScript
6

MaxMellon

score 57

JavaScript

Ruby

Ruby on Rails
7

kei344

score 54

JavaScript

WordPress

PHP
8

mit0223

score 45

JavaScript

Java

CentOS
9

iktakahiro

score 40

React.js

Python

TypeScript
10

januswel

score 33

React Native

React.js

JavaScript

タグ別ランキング

1

raccy

score 28

JavaScript

Ruby

Java
2

maisumakun

score 19

PHP

JavaScript

Ruby
3

sakapun

score 18

JavaScript

PHP

jQuery
4

piacere_ex

score 13

React.js

JavaScript

Angular2
5

Hiroshi-Aoki

score 10

Java

セキュリティー

HTTPS
6

keisuu

score 10

AngularJS

PHP

IoT
7

MasakazuFukami

score 9

JavaScript

CSS

HTML
8

Refshiz

score 9

Android

Cordova

React.js
9

te2ji

score 8

PHP

JavaScript

HTML
10

len_souko

score 7

C#

Java

JavaScript

タグ別ランキング

1

sakapun

score 16

JavaScript

PHP

jQuery
2

MasakazuFukami

score 9

JavaScript

CSS

HTML
3

Sagarat

score 5

React.js

Redux
4

RihitoHasumi

score 2

Docker

AngularJS

Internet Explorer
5

raccy

score 2

JavaScript

Ruby

Java
6

hayatomo

score 2

JavaScript

PHP

Ruby
7

i-love-js

score 2

React.js

JavaScript

Redux

関連するタグ

Twilio

9questions

Twilioは、インターネット上から電話をかけたり、電話を受けたりできるサービスでクラウド電話APIです。ソフトウェア開発者が自社のWebサービスAPIを使い、電話やテキストメッセージの送受信をプログラムすることが可能です。
Elastic Load Balancing

18questions

Elastic Load Balancingは、Amazon社が提供する、 EC2インスタンス間で自動的にトラフィックの負荷分散を行うサービスです。
Hudson

1questions

HudsonはJavaで実装された継続的インテグレーションツールです。 GlassFishやApache TomcatといったServletコンテナ上で動作します。 CVSなどのバージョン管理システムツールをサポートし、プロジェクトのタスクの実行やシェルスクリプトなどのバッチファイルの実行ができます。
SDL2 (Simple DirectMedia Layer2)

1questions
FTP

184questions

FTP(File Transfer Protocol)は、ネットワークでのファイル転送を行うための通信プロトコルの1つである。
Middleman

4questions

MiddlemanはモダンなWeb開発のショートカットやツールを採用した静的サイトジェネレータです。
Drupal

7questions

DrupalはPHPで書かれたオープンソースのCMSフレームワークです。
連結リスト

2questions

連結リストとは、データ構造のひとつであるリストの中で、要素が前後の要素の情報を持つことで、要素が連結(リンク)しているリストの事を呼びます。
mod_rewrite

42questions

ApacheウェブサーバーのためのURL書き換えモジュールです。主にプリティーURLに使われていますが、同様に単純置換を超えた、多様なタスクの処理能力や柔軟性があります。
オートコンプリート

2questions

オートコンプリートはアプリケーションから与えられるUIの機能で、ユーザが望む言葉や節をプログラムが自動的に予測し、実際に全て打たなくても入力できるように補完してくれるものです。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る