MBP(はてな)

MacBook Pro,iPhone Xs,React

2021-08-01から1ヶ月間の記事一覧

USB起動 Linux

電源が切れた状態で、Assistボタンを押す BIOS設定 UEFIをLegacyに変更 USBから起動 VAIO 電子マニュアル | ASSISTボタンについて$ diskutil list $ diskutil unMountDisk /dev/disk2 $ hdiutil convert -format UDRW -o CentOS-7-x86_64-Minimal-1810.iso.i…

デバイスから Azure IoT Hub にテレメトリを送信

Azure IoT Hub にデバイス テレメトリを送信するクイックスタート | Microsoft Docs$ node pnpTemperatureController.js で No proper SECURITY TYPE provided. と表示される

Visual Studio 2022 Preview 3.1

Azure Virtual MachinesでWindows 10 Proを作成して、 Remote Desktopで接続して、 Visual Studio 2022 Previewをダウンロードしてインストールします。

ラジオボタン

React入門チュートリアル (4) フォームとイベントハンドリング | Hypertext Candy

HerokuでNext.js

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

Azure Static Web AppsでGatsby

$ npm install -g gatsby-cli Terminal再起動$ gatsby --help Gatsbyスターターを選択。 Gatsby Starters: Library | Gatsbygatsby-gitbook-starter: Gatsby Starter | Gatsby$ npx gatsby new azure-static-web-gatsby https://github.com/hasura/gatsby-gi…

Azure Machine Learning で機械学習

Azure Machine Learning でいきなり機械学習 - QiitaMachine Learning Studio workspaceAzure AIを活用した機械学習に関する記事を投稿しよう! - Qiita

Azure Viritual MachineのUbuntu Serverにリモートデスクトップで接続

Azure Portalを開き、Ubuntu Serverを作成sshで接続して、 $ sudo apt-get update $ sudo apt-get install xfce4 $ sudo apt-get install xrdp $ echo xfce4-session >~/.xsession $ sudo service xrdp restartAzure Portalを開き、ネットワークポートの解放…

AzureSQL database, Azure Data Studio

Azure PortalでSQL Databasesを作成Azure Data Studioをダウンロードして、起動します。参考New connectionを選択して、接続 DBをダブルクリックして、New Queryで、 テーブル作成、データInsert、Selectできます。Visual Studio Code 〜 vscode-mssql拡張を…

Azure Static Web AppでVue.js

$ npm i -g @vue/cli $ mkdir azure-static-web-vue $ cd azure-static-web-vue $ vue create . $ npm run serve $ git remote add origin git@github.com:hiroyuki12/azure-static-web-vue.git $ git branch -M main $ git push -u origin mainVue.js で作…

Azure予算とコストアラート

Azure予算とコストアラートを設定してみた - QiitaAzure Portalを開き、 budgetで検索して、Cost Management + Billing を選択して、 Budgetsを開き、Addで追加

Azure Viritual MachineのCentOSにsshで接続して、http起動

Azure PortalでConnect - SSHを選択すると、接続手順を確認できる$ chmod 400 ~/Downloads/vm-centos-http_key.pm $ ssh -i ~/Downloads/vm-centos-http_key.pem azureuser@VMのパブリックIP して yesを選択$ sudo su - でrootになる# yum -y install httpd#…

AWS AmplifyとVercelでAngular

$ npm install -g @angular/cli $ ng --version Angular 12.2.3$ ng new amplify-angular $ cd new amplify-angular $ ng serve --openhttp://localhost:4200GitHubにリポジトリを作成 GitHub - hiroyuki12/amplify-angular$ git remote add origin git@gith…

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でマイクラ鯖をホストする