React(Next.js) と Google Map の Tips

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

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

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」がダークモードと…

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 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 がリリースされました - Qiita

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

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

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

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

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

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

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

指定したユーザー(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_…

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

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

APIキーを取得 Youtube Data API で取得したデータをPython（Pandas/matplotlib）で可視化する。 - Qiita Google Cloud Platform Youtube APIを使って検索+再生をやってみた(React+Typescript) - QiitaYoutube Data API で取得したデータをPython（Pandas/ma…

$ npm install react-chartjs-2 chart.js$ vi src/page/chart/LinePlot.js export const LinePlot: React.FC = () => { return ( <div> <Line data={data} /> </div> ) } $ vi src/page/chart/PiePlot.js export const PiePlot: React.FC = () => { return ( <div> <Pie data={data} /> <Doughnut data={data} /> </div> ) …

Spotify API を使って開発をしてみた！Reactでaccess tokenの取得編 - QiitaSpotify API + Next.jsで作る選曲支援Webアプリ - Qiita Spotify Developer Platform: Spotify APIアクセスしてデータ取得してみてみた - Qiitacurl -H "Authorization: Bearer YOU…

FirebaseのAuthenticationでGitHubを有効にする。$ vi src/page/firebase/auth/LoginGithub.jsx const LoginGithub = ({ history }) => { firebase.auth().onAuthStateChanged((user) => { if (user) { console.log('login'); } else { console.log('not log…

ぼくのかんがえたさいきょうの useState + useContext よりも Redux のほうが大抵勝っている

Reactチュートリアル1：犬画像ギャラリーを作ろう

$ vi public/admin.html <h1>Admin Page</h1>$ vi staticwebapp.config.json { "routes": [ { "route": "/login", "rewrite": "/.auth/login/github" }, { "route": "/logout", "rewrite": "/.auth/logout" }, { "route": "/admin.html", "allowedRoles": ["admin"] }…

AzureにVirtual machineを作成。(8/10 1:30起動)MacにMicrosoft Remote Desktopアプリをインストールして、 ダウンロードしたrdpファイルをダブルクリックすると、 ユーザー名とパスワードを入力する画面が表示され、 入力するとデスクトップが表示される。…

DenoでZennのAPIモジュールを作る$ deno run --allow-net main.ts

無限スクロールの処理 useEffectを使って、pageが変化したらhandleClick()を実行するように変更 handleClick()の中にpageを+1する処理があると無限ループになるので注意 useEffect(() => { //document.title = `page = ${page}, message = ${message}`; hand…

先に、Netlify Fuctionsを設定。 Netlify FunctionsでHello World - MBP(はてな)$ vi functions/trendTech.ts して、 zenn-trend-api/trendTech.ts at main · HelloRusk/zenn-trend-api · GitHub と同じ内容にする。 $ npm install axios $ npm install chee…

先に、NetlifyでReact Appを作成 netlifyでReact App - MBP(はてな) Netlify Functionsで作るサーバーサイド機能 | 第1回 Netlify Functionsとは | CodeGrid

$ npx create-react-app amplify-react-pages $ cd amplifyapp $ npm startGitHubにリポジトリを作成して、push $ git remote add origin git@github.com:hiroyuki12/amplify-react-pages.git $ git branch -M main $ git push -u origin mainAWSコンソール…