MBP(はてな)

MacBook Pro,iPhone Xs,React

2022-07-01から1ヶ月間の記事一覧

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…

M1 MacBook Air でHoloCureを動かす

HoloCureをMacBook Airで動かしてみた。(インストールから動作まで) - Qiita

VirtualBuddy

Apple Silicon MacでmacOS 12 MontereyやmacOS 13 Venturaの仮想マシン作成&管理できるアプリ「VirtualBuddy」がオープンソースで公開。 github.com1.0.2 PreReleasemacOS 13.0 Developer Beta 3

HonnyakuWWDC

github.com

M1 MacでUbuntu仮想化

M1 MacでUbuntuの仮想マシンを使うためにMultipassをインストールする | virtualiment[仮想化]Multipassで気軽にUbuntuサーバーを作ったり壊したりする | DevelopersIO