MBP(はてな)

MacBook Pro,iPhone Xs,React

2021-01-01から1年間の記事一覧

AWS AmplifyでNext.js

Next.jsはReactをベースにしたフロントエンドフレームワーク$ npx create-next-app amplify-nextjs --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/learn-starter" $ cd amplify-nextjs $ npm run devGitHubにリポジトリを…

netlifyでNext.js

Next.jsはReactをベースにしたフロントエンドフレームワーク$ npx create-next-app netlify-nextjs --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/learn-starter" $ cd netlify-nextjs $ npm run devhttp://localhost:300…

Azure Static Web AppsでReact TypeScript App

$ npx create-react-app azure-static-web-react-typescript --template typescriptGithubにリポジトリを作成して、 $ git remote add origin git@github.com:hiroyuki12/azure-static-web-app-react-typescript.git $ git branch -M main $ git push -u ori…

Azure CLI コマンド例

Azure CLI コマンド例 - Qiita

Azure Static Web AppでAngular

$ npm install -g @angular/cli$ ng new azure-static-web-angular $ cd new azure-static-web-angular $ ng serve --open http://localhost:4200GitHubにリポジトリを作成 GitHub - hiroyuki12/azure-static-web-angular$ git remote add origin git@github…

Azure Virtual MachinesでRed Hat Enterprise

作成する時に、SSHのパスワードを使うように設定SSHで接続するには、 $ ssh ユーザー名@IPアドレス して、yes して、パスワードを入力AzureでRHEL7を使うには - 赤帽エンジニアブログ ユーザー名はvm作成時に作成したユーザー名、IPアドレスは、vmのPublic I…

Azure Web App for Containers を使って WordPress

Azure Web App for Containers を使って WordPress サイトを 1 時間で立てた - QiitaWordPress でデータベース変数を構成する の後、 http://my-wordpress987.azurewebsites.netを開いて更新したが、 エラー。Error establishing a database connection

カンバン方式のタスク管理アプリ

【React / Laravel / AWS Lambda】ポートフォリオ (カンバン方式のタスク管理アプリ) を作成しました。 - Qiita

Next.jsでQiitaAPIを使って記事情報を取得して表示 Vercel

Next.jsはReactをベースにしたフロントエンドフレームワークVercelにログインして、アプリを作成する。 GitHubにリポジトリを作成できる。publicにもできる。QiitaAPIを使って記事情報を取得して表示 https://vercel-nextjs3.vercel.appGitHub GitHub - hiro…

Azure Static Web AppsでNext.js

Next.jsはReactをベースにしたフロントエンドフレームワーク$ npx create-next-app nextjs-pages --use-npm --example "https://github.com/vercel/next-learn-starter/tree/master/learn-starter"$ cd nextjs-pages $ npm run devhttp://localhost:3000git…

Azure Cloud ShellとSSH

Azure Virtual Machinesでdebianを作成して、 (作成する時にSSH public keyではなく、ユーザー名、パスワードを選択して入力) 画面上部のCloud Shellのアイコンをクリックすると接続できた。Azure Virtual Machine にSSH接続する方法のメモ – Azure Cloud …

.NET SDK (Preview) docker hub

Docker Hub

Azure Cognitive ServicesのSpeech Serviceで日本語テキスト読み上げ

【Azure Cognitive Services】Speech Serviceのニューラル音声を使って、日本語テキスト読み上げをしてみた - QiitaAzure Virtual MachinesでWindows 10 Proを作成して、 Remote Desktopで接続して、 Visual Studio 2019 Community の.NET デスクトップ開発…

ReactとDjango

[大学生ウケ抜群] React(Axios)とPython(Django)で簡単Webアプリ開発!! - Qiita$ mkdir django-react $ cd django-react$ npx create-react-app front $ cd front $ npm install axios$ python3 -m pip install Django $ python3 -m pip install djangores…

Django Hello World

pip インストール$ curl https://bootstrap.pypa.io/get-pip.py -o get-pip.py$ python3 get-pip.py$ which pip /usr/local/bin/pip【Python】macOSでpipを使えるようにする - Qiita Django インストール$ python3 -m pip install DjangoTerminal再起動$ whi…

WSL

Windows 10 に WSL をインストールする | Microsoft Docs

Azureでマイクラ鯖をホストする

Azureでマイクラ鯖をホストする

写真を送ると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でログインを実装する