チュートリアル：三目並べ – React
このチュートリアルは、実践しながら学ぶことを好む方や、今すぐ何か具体的に動くものを作ってみたいと考えている方向けに設計されています。一歩ずつ概念を学びたい場合は、UI の記述から始めてください。 このチュートリアルはいくつかのセクションに分かれています。 チュートリアルのセットアップは、以下のチュートリアルを進めていく出発点です。 概要では、React の基礎であるコンポーネント、props、および state を学びます。 ゲームを完成させるでは、React 開発における最も一般的な手法を学びます。 タイムトラベルの追加では、React の独自の強みに関する深い洞察を得ることができます。 チュートリアルで作成するもの このチュートリアルでは、React を使ってインタラクティブな三目並べゲームを作成します。 完成したときにどのような見た目になるか、以下で確認できます。 import {
既存プロジェクトに React を追加する – React
ローカル環境で開発するには Node.js をインストールする必要があります。React をオンラインや単純な HTML ページで試すことも可能ですが、現実的には開発時に利用する大抵の JavaScript ツールには Node.js が必要です。 既存のウェブサイトの一部に React を使う 例えば Rails などの他のサーバテクノロジで構築されている example.com というウェブアプリがあり、example.com/some-app/ から始まる全ルートを React で完全に実装したいとします。 以下の手順に従って設定することをお勧めします。 React ベースのフレームワークのうちひとつを使い、アプリの React 部分をビルドします。 フレームワークの設定で /some-app を base path に指定します（方法：Next.js、Gatsby）。 サーバーまた
PR TIMESのCDNをCloudFrontからFastlyに移行しました | PR TIMES 開発者ブログ
こんにちは、インフラチームテックリードの櫻井です。 今回はプレスリリース配信サービスの prtimes.jp で使用しているCDNをCloudFrontからFastlyに移行したことについて紹介します。 CDNの基本的な情報は割愛するので、もしCDNについて基本的なことを知りたいという方はググるなりChatGPTるなりしてください。 なぜ移行する必要があったのか まずCloudFrontからFastlyに移行した理由について説明します。 prtimes.jp のプレスリリース詳細ページは現在SmartyテンプレートとjQueryというレガシーな技術で構成されています。 今後このプレスリリース詳細ページをReact化することでフロントエンドの開発スピードを向上させることを予定しています。 しかしReact化を行うと、検索エンジンのクローラーがJavaScriptを実行できない場合にページの内
React.js開発当初、「そんなものが使えるはずがない」とFacebook社内で評価されていた。React.jsの開発経緯を振り返る「React.js: The Documentary」YouTube公開
React.js開発当初、「そんなものが使えるはずがない」とFacebook社内で評価されていた。React.jsの開発経緯を振り返る「React.js: The Documentary」YouTube公開 代表的なJavaScriptのフレームワークの1つであるReact.jsがどのように生まれ、発展してきたのかが、React開発当時の関係者やメンテナーなどへのインタビューによって語られる動画「React.js: The Documentary」がYouTubeで公開されています。 動画の作成と公開を行ったのは、ITエンジニア向けの転職紹介などキャリアサービスを提供しているHoneypot社。同社は以前にもKubernetesの歴史を紹介したドキュメンタリー動画「Kubernetes: The Documentary」を公開しています。 参考：KubernetesをGoogleが開発し、
React製のSPAのパフォーマンスチューニング実例
カギは社内事例にあり！？システム効率化を超えて運用ミスを激減させた件 2024.09.02 コーポレート 業務改善 業務設計 社内ICT
Web Design System: Migrating Web Components To React | Mercari Engineering
This post is for Day 8 of Mercari Advent Calendar 2022, brought to you by Williams Kwan from Mercari Core team and Faisal Rahman from the Mercari Architect team. Intro Mercari internal design systems power the UI in Mercari web apps. It allows Frontend engineers to implement UI changes quickly by providing UI building blocks. The design system is currently built using Web Components but we are in
SPAセキュリティ超入門 | ドクセル
スライド概要 SPA(Single Page Application)の普及が一層進んでおり、従来型のMPAを知らないウェブ開発者も生まれつつあるようです。SPA対応のフレームワークでは基本的な脆弱性については対策機能が用意されていますが、それにも関わらず、脆弱性診断等で基本的な脆弱性が指摘されるケースはむしろ増えつつあります。 本セッションでは、LaravelとReactで開発したアプリケーションをモデルとして、SQLインジェクション、クロスサイトスクリプティング、認可制御不備等の脆弱性の実例を紹介しながら、現実的な対策について紹介します。LaravelやReact以外のフレームワーク利用者にも役立つ説明を心がけます。 PHPカンファレンス2022での講演資料です。 PHPカンファレンスでの動画URL https://www.youtube.com/watch?v=jZ6sWyGxcCs
react.christmas - react リソースおよび情報
This domain is registered at NameSilo. If you are the owner, start administering it at NameSilo.com. If this is not your domain, find similar names that work for you. This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it
jQueryからTypeScript・Reactまで - Viteで始めるモダンで高速な開発環境構築 - ICS MEDIA
Vite（ヴィート＝フランス語で「速い」の意味）は2020年に発表された新しいフロントエンドのビルドツールです。 開発者がVue.jsの作者であるEvan You氏であるため、Vue.jsのツールであると誤解されることもありますが、プレーンなJavaScript（バニラJS）からVue.js・React・Svelteといった流行のフレームワークまで、さまざまな環境で利用できる汎用的なツールです。 位置付けとしてはwebpackのようなバンドラーと呼ばれるものに近い存在ですが、それだけではありません。この記事では、Viteを導入してプレーンなJavaScriptから、TypeScript+Vue.js・Reactといったフレームワークまで、快適な開発環境を手に入れる方法を紹介します。 この記事で紹介すること： Viteの特徴と基本の仕組み 基本の使い方 Vite + SCSS Vite +
Reactを学びたいけど、どの書籍を買ったら良いか悩んでいる人向けのガイド - yuumi3のお仕事日記
現在、(紙の)書籍として購入できる日本語の React の入門書の 良い点 / 残念な点 をまとめてみました。 なるべく公平な評価をしたつもりですが、私は 作りながら学ぶ React入門 の著者ですので若干のバイアスはご了承下さい。 結論 Reactの設計思想をちゃんと知りたいなら入門 React ―コンポーネントベースのWebフロントエンド開発 コードは古るくても安心のオライリー品質で学びたいなら 入門 React ―コンポーネントベースのWebフロントエンド開発 React-NativeやElectronも知りたいなら、いまどきのJSプログラマーのための Node.jsとReactアプリケーション開発テクニック Reactをちゃんと勉強するなら 作りながら学ぶ React入門 が最適 作りながら学ぶ React入門 作りながら学ぶ React入門 作者: 吉田裕美出版社/メーカー: 秀
React.js Tutorial: The Complete React Introduction
You can count on this guide to always be recent. We update it after every major change in React. It was last updated after the 17.0 release. Before you begin, please note that this is a beginner-friendly guide that covers the concepts I classify as fundamentals for working with React. It is not a complete guide to React but rather a complete introduction. At the end of this guide, I list a few nex
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Adding Eyecandy to your Quarkus App with React and Patternfly
React/Next によるアプリケーション開発のこれから
GitHub - vintasoftware/django-react-boilerplate: Django 5, React, Bootstrap 5 with Python 3 and Webpack project boilerplate
ReactではじめるChrome拡張開発入門
Reactを関数型プログラミングの文脈で理解する｜こわくない関数型プログラミング
Vue.js & Nuxt.js から React & Next.js へ移行した理由 | fwywd（フュード）powered by キカガク
How to build a React application in a Django project
より速い WEB を目指す Next.js / nextjs-make-the-web-faster
Create a Chrome Extension Using React and TypeScript