localhost:3000/xxx とかを直接叩くとcannot GET /xxx と出る ※ webpack使ってます。 react-routerのバージョンはおそらく関係ないと思いますが、v4.xです webpack.config.js に以下の通り追加すればいいです。

前回は React の基礎的なことをまとめましたが、今回は React アプリのルーティング設定をするうえでよく使われている React Router についてまとめました。 ※2021/08/22追記　TypeScript ベースで、全体的に大幅加筆修正を行いました。 ※2022/01/24追記　あくまでライブラリの記事であるとわかりやすくするために、記事タイトルを変更しました（旧：React入門 ～React Router(v5)編～） React Router とは？ 公式 5系 React で SPA を書くにあたって、DOM を書き換えて複数ページがあるように見せても URL が変わらないため、ブラウザからは1つのページとしてしか認識されません。 そこで、SPA の画面状態と URL とを紐づけ、さらにブラウザ履歴の同期を行います。 そうすることで、疑似的なページ遷移を実現できま

Next.jsを使わないReactのSSR解説で分かりやすいやつが無かったので、書きます！ 環境構築からとっても丁寧にやっていきます ##最初に 読んで欲しい人 『SSRしたいけど難しそう....』 って人はもちろん 『何も分からないけどSPAが作ってみたい！』 って人も実際に作って楽しめるように書いてます。 SPA (Single Page Application) : ネイティブアプリ（AppStoreやGooglePlayからインストールできるやつ）っぽいWebサイトのこと。ReactやVueなどのJavaScriptフレームワークを使って作るのが一般的です。 作るもの SSRを使用した簡単なカウントアップアプリを作ってみます。 最終的な制作物のソースコードはこちらです。 学べること Node, Yarn, Git, ESList, Babel, Webpackのフロントエンド開発環

三菱電機が今年に入って2度目の不正アクセス被害の発表をしました。前回の発表は朝日新聞のスクープ記事から発覚しましたが、今回も朝日新聞のスクープ記事が出ていました。 digital.asahi.com 複数の関係者によれば16日夕方、同社が利用する外部クラウドサービスの監視システムが、通常とは異なる不審なアクセスを検知し、警告を発した。本社内でしかアクセスしないはずの管理者アカウントで、中国国内に割り当てられたIPアドレス（ネット上の住所）から接続があったためだ。 同社は不正アクセスの発生と判断し、接続を遮断した。調査の結果、社内ネットワークの管理や保守を担当する従業員の管理台帳ファイルを盗み取ろうとしていた形跡が見つかった。 接続元のIPアドレスを手掛かりに調べたところ、新たに2人の社員アカウントからの接続も見つかった。いずれもクラウドサービスの管理を任されている社員のものだった。ハッカー

はじめに 2020年も始まりましたね！ タイトル通りですが、2020年現在スタートアップや大手のWeb系IT企業で採用されている、トレンドとなっている技術についてそれぞれのジャンル毎に求人や採用ページ、ブログを元にまとめてみました。 いくつかピックアップしている形になるので、記述できてないものもありますが、ご了承くださいm(＿ ＿)m (適宜アップデートしていきたいと思います。) (自分のメイン領域がバックエンドなので、そちらに偏っていると思います) 言語編 Ruby サーバーサイドのスクリプト言語、動的型付け言語です。 まつもとゆきひろさん（Matzさん）により開発されたオブジェクト指向スクリプト言語。 日本生まれの言語です。 整数や文字列なども含めデータ型はすべてがオブジェクトであり、純粋なオブジェクト指向言語です。 有名なフレームワークである Ruby on Rails を使うと開発

Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article?