文系プログラマによるTIPSブログ文系プログラマによるTIPSブログ文系プログラマ脳の私が開発現場で学んだ事やプログラミングのTIPSをまとめています。typescriptTwitterGooglePocket色々嵌ってかなりきつかったです。会社ではJDK1.6まみれですが、個人開発ではjsにどっぷりになりつつあるtreeです。組み合わせを勉強中です。〜」なんて考えてたのですが、Typescriptの書き方が全然解らないし、問題児react-router(v4)のおかがで、動作させるまでに恐ろしく手間がかかったので、色々メモしておこうと思います。今回はメモ書きレベルなので、精度は低いと思われます。使用モジュールpackage.jsonの抜粋です。v4をreduxで管理させようと思ったのですが、2017/05/18現在react-router-reduxのv4系は残念ながらreact-routerのv4系に対応していません。out!https://github.com/reactjs/react-router-reduxなので、5.0.0-alpha.4を使う必要があります。以下のようにインストールします。エントリポイントにはApp.tsxのみを書きます。いう順番にネストしています。v3の時に書いていたネストしていたIndexRouteやRouteは、App.tsx内に書くようになります。App.tsxreact-sidebarを使い、左サイドナビのメニューがクリックされたら、右側のコンテナにHomeやHelloコンポーネントを表示する例です。}}Routeの行で謎のエラーが!?こんな感じでエラーとなり、以下のようなエラーメッセージが表示されました。'{}'.これは2パターンの解決方法があるようです。}・・・略・・・この2パターンの解決から察するに、Routeで指定するcomponentに型を指定しないといけない、という事のようですね。v2系からTypescriptが標準になったりして、世界的にTypescript熱が高まっているようですね。いう事で流行りに乗って触ってみたわけですが・・・・もう本当に何が何だか解りません。実際にTypescriptに変えてみて、babelでこう書いていたのをTypescriptで書くにはどうしたらいいのだろう?という疑問が噴出しております。any>等と、型指定を強要されます(当たり前ですが)。この時に、どんな型を指定したらいいのかを調べるのに大分苦労しています。なんか、今のところTypescriptを使ってみて嬉しい点はwebpackの設定がちょっと楽なくらいです。reduxを連携させるのもヒーヒー言ってるくらいなので、早く型の恩恵を受けるところまでいきたいですね。今回色々苦労しているのは複合している原因があるからなのですよね。Typescriptを初めて使ってみた。react-routerがv4になって破壊的なバージョンアップが行われた。v4に正式対応できていない。v15.5でReact.PropTypes等が変更された。react-touterを連携するために必要なモジュールが沢山あるので、それも嫌な点の1つですね・・・reactreact-domreact-reduxreact-router-domreact-router-reduxredux関連モジュールが多い事で、ネット上の情報でどれを見たらいいのか解らない、情報が錯綜しているような事態に見舞われる点がキツイですね。それぞれのgithubのドキュメントを見ろって話ではありますが、モジュール単独のドキュメントを見ても、各モジュールを全て組み合わせて連携した例は無いですし、やはり定番の組み合わせをした例が欲しいのですが、中々いい記事を見つける事ができず、エラーが出る→StackOverflow先生タスケテー!、という事の繰り返しになってしまいます。いう関連モジュールの多さや、それぞれのモジュールが動作するバージョンの違いや、どのドキュメント見たらいいか解らない問題が、ここ数年で言われている「react嫌い」に繋がっているのではないかと思いました。これはreactに限った話ではないと思いますが、みなさんどうやってこれら問題をスルスルと解決していっているのか、大変気になります。03:24昔は業務系SIer、今はベンチャー企業でプログラムを書いています。mapDispatchToPropsを撲滅するReactオススメ書籍React自体の基礎、AtomicDesignの適用、CSSの運用手法の歴史的な経緯とメリットデメリット、Reduxの基礎、redux-sagaによる非同期処理、サーバサイドレンダリング、テスト、lint、を学ぶ事ができます。啓太マイナビ出版AmazonAngularオススメ書籍Angularを学ぶなら絶対以下がおすすめです!バインディング、ディレクティブ、パイプ、フォーム、コンポーネント、サービス、ルーティング、httpClientによる非同期httpリクエスト、テスト、angular-cli、を非常に丁寧な説明で網羅的に解説しています。技術評論社AmazonSEOオススメ書籍SEOを学ぶなら絶対以下がおすすめです!クローラに対して何をどうすればサイトの巡回効率・速度を上げる事ができるのか、どういったマークアップをする事が標準仕様なのか。巷に溢れる業者による経験則に基づくオレオレSEO情報は一切無く、全てGoogle等のオフィシャルな情報に基づいて何をすべきか、どんな手段があるのかを解説されています。プログラマな私が業務で行った施策が多く書かれており、プログラマ寄りで高度な内容となっており、巷のビギナー向けの曖昧な情報集とは一線を画しています。Amazonアソシエイト・プログラムの参加者です。reserved.引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。