MBP(はてな)

MacBook Pro,iPhone Xs,React

2022-01-01から1年間の記事一覧

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…

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

Xcode 14 RC

2022/09/10. Xcode 14 RC Sign In - Apple Xcode 14 RCインストール後空き容量 170.75GB Apps 13GB, Developer 5GB, System Data 31GB Xcode 14.0 beta (14A5228q)Sign In - Apple

VOICEVOX(音声合成)

ダウンロードしてインストール VOICEVOX | 無料で使える中品質なテキスト読み上げソフトウェアApplicationsフォルダを開いて、VOICEVOXを右クリックしてOpenhttp://localhost:50021/docs を開くcurlを叩いて、wavファイルを生成Reactからも利用できた。VOICE…

React Testing Library入門

$ cd github $ npx create-react-app testing-react $ cd testing-react $ npm run start control + c $ npm test test.jsで終わるファイルが実行される$ vi src/App.test.js して、下記のように変更 import React from 'react'; import { render, screen } …

SolidJSでQiitaAPIから記事情報を取得して表示 Vercel

SolidJSは、JavaScript の UI フレームワーク$ npx degit solidjs/templates/ts solidjs-qiita-api $ cd solidjs-qiita-api $ yarn $ yarn dev ソースを変更して保存すると、画面も更新されるGitHub GitHub - hiroyuki12/vercel-solid-pageshttps://vercel-s…

MacでSolidJS

$ npx degit solidjs/templates/ts solidjs-sampleOk to proceed? (y) y$ cd solidjs-sample $ yarn $ yarn dev $ yarn dev -- --openビルドツールはVite(ヴィート)を使っているので早い$ git init $ git add . $ git commit . first commitGitHubでリポジ…

英語リスニング

Podcast 英語聞き流し 英語脳を作るリスニング ミニ対話トレーニング練習 日本語なし Episode 162 1 2/1(1.5倍速)で再生。その後通常速で再生youtu.be リプロダクションyoutu.be

M1 Macbook AirでSSD T5

M1 MacでSamsung SSDの指紋認証やパスワードロックを有効にする方法(アスキー)2022/7/24 手順の通り実行すると、認識して開くことができた。 MacBook Air(M1 2020), macOS Momentary Version 12.4 1.6.10セキュリティーポリシーを変更

FlutterでFirebaseを使用して、データベースに対してCRUDを実行

SimulatorでCupertinoFirebaseのScreenを開いた時に、Firebase Realtime Databaseにデータを追加できた。 $ flutter pub add firebase_core $ flutter pub get $ flutter pub add firebase_database $ flutter pub get$ cd ios $ arch -x86_64 pod install …

Firebase HostingでFlutter on the Web

【Flutter】Web アプリを爆速で Firebase Hosting にデプロイするFlutter on the WebをFirebase Hostingで公開する - Qiita$ flutter create firebase_hosting_flutter_web で作成したプロジェクトをGitHubにpushした時に自動でデプロイされる。Actions · hi…