MBP(はてな)

MacBook Pro,iPhone Xs,React

2021-08-21から1日間の記事一覧

写真を送るとAIが分析してくれるLINE Botを作成

iPhoneのLINEの設定で、Account - Allow login をONにして、LINEにログイン右下のPorts:3000をクリックして、 左上の3000 open publicのブラウザアイコンをクリックして開くMessaging APIタブのWebhook URLをセットして、use webhookのチェックをONにすると…

Firebase + React で Todoist のクローン

Firebase + React で Todoist のクローンを作る

React フラグメント

省略記法 return ( <> <td>Hello</td> <td>World</td> ); [React]フラグメントって?なんそれ! - QiitaReact フラグメントを使うのは避けよう

Reactを使った大規模なウェブサイト

Reactを使った大規模なウェブサイトは何がありますか? - Quora

useRef

useRefはuseStateと同じく、コンポーネントの中で値を保持useStateと異なる点は、値を更新する時に再描画をを発生させないReact Hooksってなんぞ - Qiita

インフラ構成図をReactで描けるツール

なぜか、$ yarn start でエラーインフラ構成図をReactで描けるツールを作ったプロジェクトを初期化する | rediagram

Amazon Route 53のルーティング

Amazon Route 53のルーティングがすごすぎる件

AWS CLI

$ aws --verision aws-cli/2.2.29 Python/3.8.8 Darwin/19.6.0 exe/x86_64 prompt/offAWSのCLIを設定してみる

React TypescriptでMaterial UI

$ npx create-react-app material-ui-typescript --template typescript $ cd material-ui-typescript $ npm install @material-ui/corenpxの利点 Create React App(TypeScript)でアプリを起動して Material UI ちょこっと触るまで

QiitaのフロントエンドはReact + Atomic Designで実装されている

Qiita開発チームがReactの開発で default export を使わなくなった理由 - Qiita【React】export defaultとexportの違いと対応するimport をざっくりまとめる - Qiita

Netflixのクローンを作る

【React+TypeScript】Netflixのクローンを作るチュートリアル

ReactでTwitterクローン作成

React HOOKs×FirebaseでTwitterクローンを作った - QiitaTwitterクローンを構築してReactを学ぶ

AWS cognitoとReactでログイン実装

AWS cognitoとReactでログインを実装する

React(Next.js)とGoogle Map

React(Next.js) と Google Map の Tips

レビューサイトを作ろう

Reactチュートリアル2:レビューサイトを作ろう

サイト上の機密情報を見つけるブラウザ拡張

見ているサイト上に露出している機密情報(APIトークン、IPアドレスなど)を見つけるブラウザ拡張を作りました | Web ScratchFirefoxをインストールsecretlint をインストールcommand + option + i でFirefoxの開発者ツールを開く 開発ツール | MDNNetworkのタ…