MBP(はてな)

MacBook Pro,iPhone Xs,React

UTMでM1 MacにWindows11の仮想環境を構築

UTMでM1 MacにWindows11の仮想環境を構築する方法Gitをインストール Git - Downloadssakuraエディタをインストール V2(Unicode版)をダウンロード ダウンロード - サクラエディタPATHにC:\Program Files (x86)\sakuraを追加 pathで検索して、システム環境変数…

RHBFav

自分用のHBFavのReact版githubでリポジトリ名:RHBFavで作成して、 $ git remote add origin https://github.com/hiroyuki12/RHBFav.git$ node -v v18.6.0$ npm -v 8.13.2$ yarn -v 1.22.19プロジェクトを作成 $ npm create vite@latest RHBFav reactを選択$…

mackerelでM1 MacBook AirのCPUを監視

GWから始めるMackerel入門 - Qiita Sign in · Mackerelmackerelにログインして、 Monitors - 監視ルールを追加 - ホストメトリック監視を開き、 メトリックをCPU %、閾値を設定して、作成 macOSにmackerel-agentをインストールする - Mackerel ヘルプ監視対…

Zennを支える技術とサービス構成

Zennを支える技術とサービス構成Zennの技術まわりの質問があれば答えるよcatnoseさんの記事一覧 | Zenn

Nicon A900の写真・動画を取り込み

M1 MacBookAirNX Studioをインストール コンパクトデジタルカメラの内蔵メモリーに記録した画像を、メモリーカードやパソコンへ転送する方法 | Q&A・よくあるご質問 | サポート | ニコンイメージングA900の電源をONの状態で、パソコンとUSBケーブルで接続。 …

ReactでTwitter API

React + TwitterAPI + Lambda でwebアプリを作ってみるhttps://hopeful-jepsen-deda42.netlify.app

VercelでRedwoodJS

Vercelにログインして、New Project - Browse All Templates - RedwoodJSを選択して作成https://redwoodjs-pages.vercel.app $ cd github $ git clone https://github.com/hiroyuki12/redwoodjs-pages $ cd redwoodjs-pages$ yarn install $ yarn redwood de…

React Native Qiita Reader

React入門(7):React NativeでiOSアプリケーションを開発してみたGitHub - takanabe/QiitaReader: An iOS reader application for reading Qiita entries based on tags. This application is written in React Native

MacでAleph.js

$ deno run -A https://deno.land/x/aleph@1.0.0-beta.1/init.ts --template react $ cd aleph-pages $ deno task devhttp://localhost:3000GitHub - alephjs/aleph.js: The Full-stack Framework in Deno.Deno x React の Aleph.js を触ってみる & Vercelに…

VercelでRemix

RemixはReactのフレームワークDashboard – VercelVercelにログインして、New Projectを選択して、 Browse All Templatesを選択して、 Remixを選択すると、 GitHubにリポジトリを作成して、 Vercelにデプロイまで完了するhttps://my-remix-pages.vercel.appGi…

ripgrep grepの拡張版

Rust製ツールを使って定時で帰ろう (ripgrep,fd,exa) - Engineering blog at ktrysmt$ brew install ripgrep $ rg moment -g '*.js' ./

JavascriptでWebAPIを叩いてみる

JavascriptでWebAPIを叩いてみる - Qiita 素のJSでQiitaAPIを叩く(Ajax) - Qiita

jQueryでQiita APIを使って記事情報を取得して表示

qiita apiをつかって記事をとってくる! - Qiita【初心者向け】jQueryとは|メリット・デメリットから記述方法まで解説 | IT・ものづくりエンジニアの転職・派遣求人情報なら【パソナテック】

Langaku

『SPY×FAMILY』『呪術廻戦』など人気マンガを読みながら英語が学べる「Langaku」は新世界の神アプリとなるか? - Togetter鬼滅もある英語読み上げもある

Vimの起動時間

MacBook Air(M1,2020)vimは、約0.05秒$ vim --startuptime startuptime.log +q $ vi startuptime.log 051.388 000.004: editing files in windows nvimも、約0.05秒$ nvim --startuptime startuptime.log +q $ vi startuptime.log 053.953 000.002: editing …

Karabiner-Elements Preferences

長年Linux/Windows使いだった私がmacOSで開発環境を整えるためにやったこと | DevelopersIO$ cd ~/.config/karabiner/assets/complex_modifications $ vi remap_cmd_tab.jsonKarabiner-Elements Preferencesで、Complex Modificationsの、Add ruleをクリック…

XcodeでVim Mode

Xcode 13 で Vim Mode (Editor Menu for Source Code) を設定してみた - Qiitacontrol + ] でVim Modeに設定control + ] でON/OFF確認できたこと ・カーソル移動 jkhl ・行削除 dd ・単語削除 dw ・アンドゥ u ・行頭 0 ・行末 $(shift + 4) ・ファイル先頭 …

DenoのWebフレームワーク Fresh

Deno の Web フレームワーク Fresh チュートリアル$ curl -fsSL https://deno.land/install.sh | s $ deno upgrade $ deno --version$ cd github $ deno run -A --no-check https://raw.githubusercontent.com/lucacasonato/fresh/main/init.ts deno-fresh $…

YoruFukurou風のTwitterクライアント

ElectronでYoruFukurou風のTwitterクライアントを作った - k0kubun's blogReleases · k0kubun/Nocturn · GitHub起動できた

Svelte入門

SvelteはJavascriptフレームワークSvelteKitを使用したWebアプリの開発|Svelte入門 Reactヘビーユーザーが思うSvelteの良いところ - Qiita

Svelt入門

SvelteKitを使用したWebアプリの開発|Svelte入門

netlifyとVercelでVite + React App、QiitaAPIで記事情報を取得して表示

githubでリポジトリ名:vite-react-pagesで作成して、 $ git remote add origin https://github.com/hiroyuki12/vite-react-pages.gitプロジェクトを作成 $ npm create vite@latest$ npm run dev ソースを変更して保存すると、画面も更新される$ npm run pre…

Vite + VueでQiitaAPIを使って記事情報を取得して表示、無限スクロール Vercel

Vue初心者がQiita APIを使ってみた - Qiita$ vi src/components/HelloWorld.vue $ npm install axios $ npm run dev$ vi src/components/HelloWorld.vue して、 Vue.jsタグのデータを表示、表示を変更 axios.get(`https://qiita.com/api/v2/tags/Vue.js/item…

VercelでVue 3 + Viteのアプリを作成

Vercelにログインして、 Vue 3 + Viteのアプリを作成。 GitHubにリポジトリを作成し、アプリが作成できるアプリ https://vercel-vite-vue-silk.vercel.appGitHub - hiroyuki12/vercel-vite-vue$ git clone https://github.com/hiroyuki12/vercel-vite-vue $ …

React 18 にアップグレードする

React 18 にアップグレードするプロジェクトのフォルダで、 $ yarn upgrade react react-dom @types/react @types/react-dom --latest

Vite で React 新規プロジェクトを作成

Vite(ヴィート)は、ビルドツール従来のビルドツール(create-react-app等)に比べて、高速で動作Vite + React で新規プロジェクトの開発環境を作ろう | Webクリエイターボックス$ npm create vite@latest$ npm run dev $ npm run preview$ npm run dev した…

ReactでQiita APIを叩く

ReactでQiitaAPIを叩いてアプリを作る入門 - Qiitaclassをfunctionに変更する手順 ・importのcomponentを削除して、useStateを追加 ・function App() { に変更 ・constructorを削除 ・const [query, setQuery] = useState('React'); の形式に変更 ・const ge…

Cloudflare Workersフレームワーク「Hono」

CloudflareでもFastlyでもVercelでもDenoでもBunでもService Workerでも動く Cloudflare Workersフレームワーク「Hono」の紹介 - ゆーすけべー日記デプロイまでできた。

MacでNuxt 3、VercelでNuxt3 App、QiitaAPIで記事情報を取得して表示、無限スクロール

Nuxt.jsはVue.jsのフレームワークNodeが未インストールの時は Node.jsをインストール Node.jsをインストール - MBP(はてな)$ npx nuxi init nuxt3-app $ cd nuxt3-app $ npm install $ npm run dev $ npm run dev -- -oでブラウザで開くVueでQiitaAPIを使っ…

MacでBun

BunはJavascriptランタイムBun — A fast all-in-one JavaScript runtimeインストール $ curl https://bun.sh/install | bashReact with Bun runtime $ bun create react-app ./react-bun-app ($ bun create hono ./hono-bun-app) $ cd react-bun-app $ bun d…