MBP(はてな)

MacBook Pro,iPhone Xs,React

2021-08-01から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のタ…

Windows 11 要件チェックツール

Azure Virtual MachinesでWindows 10 Proを作成して、 Remote Desktopで接続GitHub - rcmaehl/WhyNotWin11: Detection Script to help identify why your PC is not Windows 11 Release ReadyWindows 11の要件チェックツール「WhyNotWin11」がダークモードと…

Node.jsを使わないReact

Visual Studio Codeをダウンロードして起動 Download Visual Studio Code - Mac, Linux, WindowsVisual Studio Codeを起動 ExtensionのLive Serverをインストールindex.html, main.jsx を追加右下のGo Liveボタンを押すと、Safariで表示されるVue SFC や Rea…

Azure App ServiceにASP.NET Webアプリをデプロイ

Azure Virtual MachinesでWindows 10 Proを作成して、 Remote Desktopで接続して、 Visual Studio 2022 preview、Azure、ASP.NETをインストールして、 Visual Studioで、ASP.NET Webアプリを作成して、 Azure App Service インスタンスを作成して、発行(htt…

.NET 6 Preview 6

.NET 6 Preview 6 がリリースされました - Qiita

Face APIで同一人物検出アプリ

Face APIで同一人物検出アプリを作ってみた - Qiita

Azure Static Web AppでBlazor

GitHub ActionsでCIが完了すると、画面が表示できる。(https://black-pebble-01f29c600.azurestaticapps.net)private https://github.com/hiroyuki12/blazor-azure-static-web-app【Blazor】Azure Static Web Apps にアプリをデプロイする手順 - Qiita

React開発 vim設定

zenn.devオートコンプリーション、オートインポート、インテリセンス 定義へ移動 ファイラー ファイル検索 ファイル内検索 プラグイン管理などcontrol + l(エル)をescにするには、 $ vi .config/nvim/init.vim で作成して、 imap map cmap を追加 NeoVim起動…

AWS Lambda Hello World、Feedly APIの呼び出し

(Feedly APIをAWS Lambdaから実行したいため)以下のリンクを開き、Googleのhiroyuki12でログインして、developer access tokenを取得feedly cloud | developerリージョン us-east-1 で作成したLambda - CallFeedlyAPI - Configuration - environment varia…

Feedly APIはCORSを許可していない

Feedly APIはCORSを許可していないため、クライアントWebアプリから直で叩くことができません。Feedly APIはAWS Lambdaから実行して、Vue.jsからLambdaを呼び出すという構成にします。feedly Cloud APIでカスタムRSSリーダーを作る(Part1) - Glasses Dogの雑…

ReactNative版HBFav

ReactNativeで自分用のHBFavを作った - razokulover publogsafariでApp.jsを開いて、. を押すと、 safari上でVSCodeの見た目で表示。

Azure Function App

Azure Functions を試してみた - QiitaAzure Functionsでできること5つ|料金プラン3種類についても紹介 | テックマガジン from FEnetインフラ

Node.jsでTwitter APIを使ってみる

指定したユーザー(nodejs)のタイムラインのデータを取得$ vi twitter.js var Twitter = require('twitter'); var client = new Twitter({ consumer_key: '', consumer_secret: '', access_token_key: '', access_token_secret: '' }); var params = {screen_…

Azure App Service

コンソールでApp Serviceで検索 Azure コンソールCreateボタンを押して、 Runtime stackは試しに.NET 5を選択して作成(https://azure-app-service789.azurewebsites.net)推しのAzureリソース「App Service」について語り尽くしました | SIOS Tech. LabmacO…

wri.pe

wri.peのソースコードを公開しました。 – @masuidrive blog