part12024.04.20Pythonを何倍も高速にする「codon」を使ってみた2023.04.07問題集自動作成アプリを作ってみた2022.11.11久しぶりにReactでWEBサイトを作ってみた2024.03.09プログラミング言語速度比較2024.01.27出席や入退室管理のデジタル化は自分でやればローコスト2024.08.03電子印鑑作成アプリ2023.11.25【警告】SモードのWindowsは買わないようにしよう!2024.06.22スクリーンショットは証拠にならない2023.02.242023.02.28お悔やみ情報を新聞以外から無料で取得してみる2024.10.06ホームホームページ久しぶりにReactでWEBサイトを作ってみた久しぶりにReactでWEBサイトを作ってみたホームページ2024.03.09ReactというWebサイト作成お便利ツールがあるのですが、なぜか登場時から高いシェア率を維持しています。https://2022.stateofjs.com/ja-JP/libraries/front-end-frameworks/流行り物には手を出したいお年頃ですので、ちゃちゃっと簡単なWebサイトを作ってみました。基本的にはnpmのreactテンプレートをそのまま流用しました。App;Webサイトの基幹部分はこんな感じです。サイト制作よりこれに苦労しました。専用サーバーならビルドしたものをWEBルートに配置すればOKだと思うのですが、当サイトのようにWordPress用のサーバーのサブフォルダにアップロードすると不具合が多発してほんとに大変でした。<App/></BrowserRouter>このように「basename=”/<サブフォルダ名>/”」を追加します。“./”,」を追加します。最後に「public」フォルダに下記のファイルを追加します。build」を実行します。ビルドされたものをサブフォルダに突っ込めば完了です。Xserverの場合はルートディレクトリは「public_html」です。今回のWebサイトは進学塾センシンをモデルに作成しております。専用サーバーではないため、「お問い合わせ」など実際には機能しない部分も含まれています。まとめ今回はReact+TypeScript+MUIを主軸に制作しました。MUIを使用するとそれっぽく見えるのがよかったです。このテーマすでに4年以上更新がないんですよね。コメントをキャンセルメールアドレスが公開されることはありません。※サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。Friendlin.eeFacebookこのページを見るには、ログインまたは登録してくださいFacebookで投稿や写真などをチェックできます。担当者アクセスお問い合わせ投稿一覧フリーソフトPCよろずや検索モバイルバージョンに移動タイトルとURLをコピーしました。