GitHub - ktny/bukumanga: ã¯ã¦ãªãƒ–ックマーク数を元ã«webマンガをã¾ã¨ã‚ãŸã‚µã‚¤ãƒˆ
hooksã®åž‹æŽ¨è«–ãŒåŠ¹ã‹ãªã‹ã£ãŸã®ã¯TypeScriptã®as constãŒã‚ã‹ã£ã¦ã„ãªã‹ã£ãŸã‹ã‚‰ - kenfdev’s blog
ä¹…ã—ã¶ã‚Šã«Reactを触ã£ã¦ã„ã‚‹ã®ã§ã™ãŒã€hooksを自作ã—ãŸã‚‰åˆ†å‰²ä»£å…¥ã—ãŸã¨ãã«TypeScriptã®åž‹æŽ¨è«–ãŒåŠ¹ã‹ãªã‹ã£ãŸãƒžãƒ³ã§ã™ã€‚ hooksã®åž‹æŽ¨è«–ãŒæ€ã†ã‚ˆã†ã«åŠ¹ã‹ãªã„ 下ã®ã‚ˆã†ã«APIを呼ã³å‡ºã—ã¦ã€çµæžœã‚’使ã†hooksを作りã¾ã—ãŸã€‚ import React, { useState, useEffect } from 'react'; import yelp from '../api/yelp'; import { SearchResult } from '../types'; export default () => { const [results, setResults] = useState<SearchResult[]>([]); const [errorMessage, setErrorMessage] = useState<string>(''); const sea
5æ³å¨˜ã€Œãƒ‘パã®Reactã€ã‚ã£ã¡ã‚ƒé…ã„ãï¼ã€ - Qiita
æ–°ã—ã„記事もよã‚ã—ãã‚„ã§ï¼ →ãƒã‚¹ã‚±ãƒ«å「タグã”ã¨ã«è‰²ãŒã¤ã„ã¦ãŸã‚‰ã„ã„ã®ã«ãªâ€¦ã€ 38æ³ç„¡è·ãƒ¯ã‚¤ ワイ「（カタカタカタカタ・・・ッターンï¼ï¼‰ã€ 娘（5æ³ï¼‰ã€Œãƒ‘パã€ä»Šæ—¥ã¯ä½•ã—ã¦ã‚‹ã®ï¼Ÿã€ ワイ「今日ã¯ãªã€ã‚€ã‹ã—WordPressã§ä½œã£ãŸè‡ªåˆ†ç”¨TODOリストã®ã€ ワイ「デザインをリニューアルã—ã¦ã‚“ãん〠よã‚太郎「（ãã‚“ãªã“ã¨ã‚ˆã‚Šè·ã‚’探ã›ã‚„）〠娘「ã¸ã‡ã€œã€ 娘「WordPressã£ã¦ã“ã¨ã¯ã€PHPを書ã„ã¦ã‚‹ã®ï¼Ÿã€ ワイ「ã„ã‚„ã€ã¡ã‚ƒã†ã§ã€ ワイ「リニューアル後ã¯ã€ãƒ•ãƒãƒ³ãƒˆéƒ¨åˆ†ã‚’Reactã§å®Ÿè£…ã—よã†ã¨æ€ã£ã¦ãªã€ ワイ「ãã“ã§ã€WordPressã‚’REST APIモードã§ä½¿ã†ã“ã¨ã«ã—ãŸã‚“や〠ワイ「ã¤ã¾ã‚Šã€WordPressを管ç†ç”»é¢ã¤ãAPIã¿ãŸã„ã«ä½¿ã†ã£ã¦ã“ã¨ã‚„〠娘「è¦ã¯ã€WordPressをヘッドレスCMSã¨ã—ã¦ä½¿ã†ã‚“ã ã〠ワイ「ヘッドレス・・・？〠ワイ「ã¡ã‚ƒã†ã¡ã‚ƒã†ã€ç®¡ç†ç”»é¢ã¤ãAP
React hooksã®å…¥é–€(useEffect) - masalibã®æ—¥è¨˜
React Hooks 入門: フックã®åŸºç¤Žã‚„使ã„所をã—ã£ã‹ã‚Šç†è§£ã—ã¦ä½¿ã„ã“ãªã™ 作者:soarflat発売日: 2020/09/22メディア: Kindle版 React hooksã®åŸºç¤Žä¸ã®åŸºç¤Žã¯å‹‰å¼·ã—ãŸã‘ã©ã€ãã®ä»–ã®æ©Ÿèƒ½ã‚‚知らãªã„ã¨ã„ã‘ãªã„ã¨æ€ã£ãŸã®ã§å‹‰å¼·ã—ã¦ã„ã¾ã™ useEffectã¨ã¯ useEffectã®ä¾‹ åˆæœŸè¡¨ç¤ºã®useEffectã®ä¾‹ 特定ã®state(変数）ãŒå¤‰æ›´ã•ã‚ŒãŸæ™‚ã®useEffectã®ä¾‹ useEffectã®å‰¯ä½œç”¨ã®ã‚¯ãƒªãƒ¼ãƒ³ã‚¢ãƒƒãƒ— Windowã®å¹…ãŒå¤‰æ›´æ™‚ã«å‡¦ç†ã‚’実行ã—ãŸã„å ´åˆ å‹•ã‹ã—ã¦ç¢ºèªã—ãŸã„人ã¯ãƒ»ãƒ»ãƒ» å‚考URL useEffectã¨ã¯ useEffectã¯ã‚¢ãƒ³ãƒžã‚¦ãƒ³ãƒˆ(åˆæœŸèªã¿è¾¼ã¿ï¼‰ã€çŠ¶æ…‹ã‚’変更ã™ã‚‹ãªã©ã€ å–り付ã‘ã«ã‚ˆã‚‹å‰¯ä½œç”¨ï¼ˆDOMã®æ›¸ãæ›ãˆã€å¤‰æ•°ä»£å…¥ã€API通信ãªã©ï¼‰ã‚’処ç†ã™ã‚‹ã®ã«æœ€é©ã§ã™ クラスコンãƒãƒ¼ãƒãƒ³ãƒˆã§ã®ãƒ©ã‚¤ãƒ•ã‚µã‚¤ã‚¯ãƒ«ãƒ¡ã‚½ãƒƒãƒ‰ã«å½“ãŸã‚Šã¾ã™ã€‚
フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã§ã‚‚Trivyを使ã£ã¦è„†å¼±æ€§å¯¾ç–ã—ãŸã„ï¼ - Qiita
ä¼ãˆãŸã„ã“㨠フãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã‚‚コンテナ経由ã§ã‚¢ã‚¯ã‚»ã‚¹ã•ã›ã‚ˆã† コンテナãªã‚‰Trivyを使ã£ã¦ãƒ¤ãƒãã†ãªè„†å¼±æ€§ã‚’知るã“ã¨ãŒã§ãã‚‹ Trivyãªã‚‰CIã«çµ„ã¿è¾¼ã‚€ã“ã¨ã‚‚ç°¡å˜ multi-stage buildã®å ´åˆã¯å·¥å¤«ãŒå¿…è¦ ã„ã¾ã®çŠ¶æ³ã§ã§ãる範囲ã®è„†å¼±æ€§å¯¾ç–ã‹ã‚‰ã¯ã˜ã‚よㆠ今回ã®è¨˜äº‹ã§ã§ãã‚‹ã“㨠CI上ã§ã€æœ¬ç•ªç”¨ã®ãƒ•ãƒãƒ³ãƒˆã‚¨ãƒ³ãƒ‰ã®ã‚³ãƒ³ãƒ†ãƒŠã‚’multi-satge buildã§ã¤ãり〠Trivyを利用ã—ã¦è„†å¼±æ€§ã‚’検知ã™ã‚‹ã¨ã“ã‚ã¾ã§ã‚’目指ã—ã¾ã™ã€‚ 最後ã«ã€Trivyを利用ã—ãŸãƒ¬ãƒ™ãƒ«åˆ¥ã®é‹ç”¨ã‚¤ãƒ¡ãƒ¼ã‚¸ã‚‚æ案ã—ã¾ã™ã€‚ å°Žå…¥ 週末ã€Trivyã¨ã„ã†ã‚³ãƒ³ãƒ†ãƒŠå‘ã‘ã®è„†å¼±æ€§æ¤œçŸ¥ãƒ„ールãŒæ£å¼ãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚公開ãŒ5日目ã®5/21 12:00時点㧠900star以上ç²å¾—ã—ã¦ã„ã¾ã™ã€‚ Trivyã®è©³ç´°ã¯åŽŸä½œè€…ã§ã‚ã‚‹ @knqyf263 ã•ã‚“ã®ï½¢CIã§ä½¿ãˆã‚‹ã‚³ãƒ³ãƒ†ãƒŠã®è„†å¼±æ€§ã‚¹ã‚ャナ｣ã¨ã„ã†è¨˜äº‹ã‚’å‚ç…§ãã ã•ã„。
開発ãƒãƒ¼ãƒ ã®ç”Ÿç”£æ€§ãƒ»å¥å…¨æ€§ã‚’客観的ã«çŸ¥ã‚‹ãŸã‚ã«ãƒªãƒã‚¸ãƒˆãƒªå±¥æ´ã‹ã‚‰æ©Ÿæ¢°çš„ã«å¯è¦–化ã™ã‚‹ãƒ„ールを作ã£ãŸ - Qiita
ã¯ã˜ã‚㫠ソフトウェア開発ã®ãƒãƒ¼ãƒ ã®ç”Ÿç”£æ€§ã‚„å¥å…¨æ€§ã¨ã„ã†ã‚‚ã®ã¯ã€å†…部ã®ä½“æ„Ÿçš„ã¨ã—ã¦ç†è§£ã§ãã‚‹ã‚‚ã®ã®ã€å¤–部ã®äººé–“ã‹ã‚‰ã¯è¦‹ãˆã«ãã„ã‚‚ã®ã§ã™ã€‚ã“ã†ã„ã£ãŸæƒ…å ±ã®éžå¯¾ç§°æ€§ã¯é–‹ç™ºãƒãƒ¼ãƒ 外ã®äººã€…ã¨ã®é–¢ä¿‚ã®ä¸ã§ã®å•é¡Œã®åŽŸå› ã«ãªã£ã¦ãã¾ã—ãŸã€‚ ã¾ãŸã€è¤‡æ•°ã®é–‹ç™ºãƒãƒ¼ãƒ やプãƒãƒ€ã‚¯ãƒˆã‚’æŸãã‚‹EMã€CTOã‚„ã€ç®¡ç†è·ã«ã¨ã£ã¦ãã‚Œãžã‚Œã®çŠ¶æ³ã‚’客観的ãªæ•°å—やグラフã§å¯è¦–化ã™ã‚‹ã“ã¨ã¯ã€å…¨ä½“çš„ãªæˆ¦ç•¥ã‚’考ãˆã‚‹ä¸Šã§ã‚‚é‡è¦ãªå‚è€ƒæƒ…å ±ã«ãªã‚Šã¾ã™ã€‚ã§ã™ãŒã€ã‚¢ãƒ³ã‚±ãƒ¼ãƒˆã‚„プãƒã‚¸ã‚§ã‚¯ãƒˆç®¡ç†ã‚’増やã™ã»ã©ã€ã©ã‚“ã©ã‚“ã¨é–‹ç™ºãƒ¡ãƒ³ãƒãƒ¼ã«è² æ‹…ã‚’ã‹ã‘ã¦ã—ã¾ã†ã“ã¨ã«ãªã‚Šã€è¨ˆæ¸¬ã®ã—éŽãŽã«ã‚ˆã‚‹ç–²ã‚Œãªã©ã‚‚誘発ã—ã¦ã—ã¾ã„ã¾ã™ã€‚ 本稿ã§ã¯ã€gitリãƒã‚¸ãƒˆãƒªã®ãƒã‚°æƒ…å ±ã‹ã‚‰ã€ã„ãã¤ã‹ã®ã‚°ãƒ©ãƒ•ã‚’生æˆã—ã€ãƒãƒ¼ãƒ ã®çŠ¶æ³ã‚’å¯è¦–化ã™ã‚‹ãŸã‚ã®ãƒ„ールgilotを作æˆã—ãŸã®ã§ã€ãã®ç›®çš„ã¨æ„図ã€ãã—ã¦ä½¿ã„æ–¹ã€æ³¨æ„点を解説ã—ã¾ã™ã€‚ アプãƒãƒ¼ãƒæ–¹æ³• gilotã®ã‚¢ãƒ—ãƒãƒ¼ãƒã¯ã€git logã®
React create-react-app ã—ãŸã‚¢ãƒ—リ内㧠.env を使ã„ãŸã„ - ã‹ã‚‚メモ
create-react-app, react-script ã§ä½œã‚‰ã‚ŒãŸ React application ã¯å†…部㧠dotenv ãŒä½¿ã‚ã‚Œã¦ã„ã¦ã€.env ã§è¨å®šã—ãŸå€¤ã«ã¯ã€process.env 経由ã§ã‚¢ã‚¯ã‚»ã‚¹ãŒã§ãる。 ãŸã ã—値ã«ã¯REACT_APP_ ã®ãƒ—レフィックスãŒå¿…è¦ REACT_APP_ ã‹ã‚‰å§‹ã¾ã‚‰ãªã„値㯠React application 内㧠process.env ã«æ¸¡ã•ã‚Œãªã„ã®ã§ã‚¢ã‚¯ã‚»ã‚¹ã§ããªã„。 .env REACT_APP_API_KEY="hoo" MY_SECRET_KEY="bar" React application console.log(process.env.REACT_APP_API_KEY); // => hoo console.log(process.env.MY_SECRET_KEY); // => undefined <完> fire
新型コãƒãƒŠæ„ŸæŸ“箇所マップを作ã£ã¦ã¿ã‚‹ã€FastAPI/PostGIS/deck.gl(React)ã€‘ï¼ˆãƒ‡ãƒ¼ã‚¿åŠ å·¥ç·¨ï¼‰ - Qiita
新型コãƒãƒŠâ€¦æ„ŸæŸ“拡大ãŒæ¢ã¾ã‚‰ãªã„ã§ã™ã… 駆ã‘出ã—GIS屋ã¨ã—ã¦ã¯ä½•ã‹ã—らã®ãƒ‡ãƒ¼ã‚¿ã‚’地図上ã«ä¹—ã›ã¦å¯è¦–化ã—ãŸã„ãªãƒ¼ã¨ã¯æ€ã£ã¦ã„ãŸã‚“ã§ã™ãŒã€å…¬é–‹ã•ã‚Œã¦ã‚‹ãƒ‡ãƒ¼ã‚¿ã£ã¦å¤§æŠµãŒPDFãªã‚“ã§åŽé›†ã™ã‚‹ã®ã‚ã£ã¡ã‚ƒã‚ã‚“ã©ã„やん…ã¨å°»è¾¼ã¿ã—ã¦ã„ã¾ã—ãŸã€‚ ãŒï¼ï¼ï¼ï¼ï¼ï¼ éžå–¶åˆ©ç›®çš„ã§ã‚ã‚Œã°ãƒ‡ãƒ¼ã‚¿ã®è¤‡è£½ãƒ»å¼•ç”¨ãƒ»è»¢è¼‰è‡ªç”±ã§ç´ 晴らã—ã„データをæä¾›ã—ã¦ãã‚Œã¦ã„るサイト様（https://gis.jag-japan.com/covid19jp/）を見ã¤ã‘ãŸã®ã§ã“ã®ãƒ‡ãƒ¼ã‚¿ã‚’使ã£ã¦åœ°å›³ä¸Šã«è¡¨ç¾ã—ã¦ã„ããŸã„ã¨æ€ã„ã¾ã™ï¼ï¼xf 今回ã¯å‹‰å¼·ãŒã¦ã‚‰ã«å¤šå°‘冗長ãªæ§‹æˆï¼ˆdocker-composeã§ã‚¢ãƒ—リケーションサーãƒãƒ¼ã¨DBサーãƒãƒ¼ã‚’ç«‹ã¡ä¸Šã’ã¦ã€ã‚ã–ã‚ã–GeoJSONã‚’APIã§é…ä¿¡ã™ã‚‹ãªã©ï¼‰ã«ãªã£ã¦ã„ã¾ã™ã€‚ データã®å–å¾— 早速データを見ã¦ã¿ã¾ã—ょã†ï¼ 上述ã®ã‚µã‚¤ãƒˆã«ã‚¢ã‚¯ã‚»ã‚¹ã—ã€å·¦ä¸Šã®csvã®ãƒªãƒ³ã‚¯ã‚’クリックã—ã¾ã™ã€‚ ã™ã‚‹ã¨ä»¥ä¸‹ã®ã‚ˆã†
CodeSandboxã§Reactã«è§¦ã‚Œã¦ã¿ã‚‹
Vueã¯æ›¸ã„ãŸã“ã¨ãŒã‚ã‚‹ã‘ã‚Œã©ã€Reactã¯æœªç€æ‰‹ãªäººé–“ãŒã€ 今回ã¯CodeSandboxã§æ‰‹è»½ã«Reactã«è§¦ã‚Œã¦ã¿ã¾ã—ãŸã€‚ https://codesandbox.io オンラインエディタ。 React以外ã«ã‚‚Vueã‚„Angularも使用ã§ãã¾ã™ã€‚ ã¨ã‚Šã‚ãˆãšä½•ã‹æ›¸ã„ã¦ã¿ã‚‹ å‚考： React.jsã§ç¤¾å†…システムを作る（Reactコンãƒãƒ¼ãƒãƒ³ãƒˆç·¨ï¼‰ https://doda.jp/d-c-b/article/180213.html React.js コンãƒãƒ¼ãƒãƒ³ãƒˆå…¥é–€ï¼ˆprops/state） https://qiita.com/KeitaMoromizato/items/0da6c8e4264b1f206451 React.jsã®State https://qiita.com/koba04/items/63267bcc918d76ac8767 一先ãšã€ãµãŸã¤ã®ãƒ†ã‚ストボックスã«å…¥åŠ›ã•
Tutorial: Django REST with React (and a sprinkle of testing)
How to create a Django REST API? How to structure a Django project with React? Here's a practical introduction to Django REST with React. (Django 3) I wrote a book! "Decoupled Django". Understand and build decoupled Django architectures for JavaScript frontends. Please read This post dates back originally to 2019. Two years in modern web development are equal to an eon. The approach outlined here
Redux Toolkit 㧠React.js ã®çŠ¶æ…‹ç®¡ç†ã‚’ã‚‚ã£ã¨ç°¡å˜ã«ã™ã‚‹æ–¹æ³•[TypeScript版]
Redux Toolkit 㧠React.js ã®çŠ¶æ…‹ç®¡ç†ã‚’ã‚‚ã£ã¨ç°¡å˜ã«ã™ã‚‹æ–¹æ³•[TypeScript版] React.jsã®çŠ¶æ…‹ç®¡ç†ãƒ©ã‚¤ãƒ–ラリã¯ReduxãŒæœ‰åã§ã™ãŒã€çµæ§‹è¤‡é›‘ã ã£ãŸã‚Šã‚¹ãƒ†ãƒ¼ãƒˆã‚’一ã¤æ›´æ–°ã™ã‚‹ã ã‘ã§ã‚‚タイプé‡ãŒå¤šããªã£ã¦ã—ã¾ã†ã¨ã„ã†ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã‚‚ã‚ã‚Šã¾ã™ã€‚ ãã“ã§ã“ã®è¨˜äº‹ã§ã¯Redux Toolkitã¨ã„ã†ãƒ©ã‚¤ãƒ–ラリを使用ã—ã¦ã€ã‚‚ã†å°‘ã—ç°¡å˜ã«çŠ¶æ…‹ç®¡ç†ã™ã‚‹æ–¹æ³•ã‚’ã”紹介ã—ã¾ã™ã€‚ 投稿日2020å¹´01月27æ—¥ æ›´æ–°æ—¥2020å¹´01月29æ—¥ 環境㯠react : 16.12 typescript : 3.7 @reduxjs/toolkit : 1.2 react-redux : 7.1 ã§ãŠé€ã‚Šã—ã¾ã™ã€‚ ã“ã®è¨˜äº‹ã§ã‚„ã‚‹ã“㨠基本的ã«ä»¥å‰ä½œæˆã—ãŸTodoアプリã«Redux Toolkitã‚’å°Žå…¥ã—ã¾ã™ã€‚ Todoアプリã«ã¤ã„ã¦ã¯ä¸‹è¨˜è¨˜äº‹ã‚’å‚ç…§ãã ã•ã„。 React.js + Typ
![Redux Toolkit 㧠React.js ã®çŠ¶æ…‹ç®¡ç†ã‚’ã‚‚ã£ã¨ç°¡å˜ã«ã™ã‚‹æ–¹æ³•[TypeScript版]](https://cdn-ak-scissors.b.st-hatena.com/image/square/a30174b13b59e7f3dd471819be977e4692229a1e/height=288;version=1;width=512/https%3A%2F%2Fwww.webopixel.net%2Fblog%2Fwp-content%2Fuploads%2F2018%2F08%2Freact-icon.png){kind=tracking}
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
GitHub - halftion/discern: “谛å¬â€ï¼ˆdiscern）资产识别分æžå¹³å°ï¼Œä¸€ä¸ªç®€åŒ–版的物è”网设备信æ¯å®‰å…¨æœç´¢å¼•æ“Žï¼ŒIOT—Scannerçš„è¿ä»£ä¼˜åŒ–版本。目å‰é›†æˆäº†ä¸»æœºå‘现ã€ç«¯å£æ‰«æã€è®¾å¤‡è¯†åˆ«ã€æ¼æ´žåŒ¹é…ã€poc验è¯ç‰åŠŸèƒ½ã€‚
CodeSandbox: Instant Cloud Development Environments
React ã«ãŠã‘ã‚‹ XSS｜React 㨠Vue ã«é–¢ã™ã‚‹ XSS アンãƒãƒ‘ターン
GitHub - ddpmntcpbr/Yomukatsu
GitHub - jpskgc/article: ãƒãƒ¼ãƒˆãƒ•ã‚©ãƒªã‚ªç›®çš„ã§ä½œæˆã—ãŸè¨˜äº‹æŠ•ç¨¿ã‚µã‚¤ãƒˆ
プãƒã‚¸ã‚§ã‚¯ãƒˆã®æ¦‚è¦ï½œã€React+TypeScript】Netflixã®ã‚¯ãƒãƒ¼ãƒ³ã‚’作るãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«
GitHub - KATO-Hiro/EverydayAtCoder: Visualize rating changes on AtCoder's virtual contests inspired by Codeforces Anytime.
GitHub - phodal/growth: Growth 3.0 with React Native - an app to help you to be Awesome Developer
GitHub - enaqx/awesome-react: A collection of awesome things regarding React ecosystem
{{#tags}}- {{label}}
{{/tags}}