## Profile ### Web Engineer After working as a full stack engineer, I settled down as a front-end engineer. * [@Rabi Inc.](https://rabi.co.jp/) ### Recently Notes %% DATAVIEW_PUBLISHER: start ```dataviewjs // ページ取得とフィルタリング const pages = dv.pages('"notes"') .where(p => p.updatedAt) .sort(p => p.updatedAt, "desc") .slice(0, 5); let output = '' for (const p of pages) { output += `* ${p.updatedAt.toFormat('MM/dd')} - ${p.file.link}\n`; } `${output}`; ``` %% * 05/16 - [[notes/サンキーダイアグラム.md|サンキーダイアグラム]] * 05/15 - [[notes/themecn.md|themecn]] * 04/12 - [[notes/Anime.js.md|Anime.js]] * 04/12 - [[notes/Svelte.md|Svelte]] * 04/12 - [[notes/reactbits.md|reactbits]] %% DATAVIEW_PUBLISHER: end %% [[更新履歴]] ### Love * [Svelte](https://svelte.dev/) * [[Tailwind CSS]] * [[Obsidian]] ### Works * **[[webapp-template]]**: Monorepo template for Web Development * **[github-issues-from-csv](https://github.com/usagizmo/github-issues-from-csv)**: Input GitHub issues from CSV ### SNS **Twitter**: [@usagizmo](https://twitter.com/usagizmo) * [GitHub](https://github.com/usagizmo) * [Zenn](https://zenn.dev/usagizmo) * [Qiita](https://qiita.com/usagizmo) ## Uses ### Devices * [[Keychron Q11]] * [[Dell U4021QW]] * [[MacBook Pro]] * [[Soundcore]] * [Expert Mouse](https://www.kensington.com/ja-jp/p/%E8%A3%BD%E5%93%81/%E3%82%B3%E3%83%B3%E3%83%88%E3%83%AD%E3%83%BC%E3%83%AB/%E3%83%88%E3%83%A9%E3%83%83%E3%82%AF%E3%83%9C%E3%83%BC%E3%83%AB/%E3%82%A8%E3%82%AD%E3%82%B9%E3%83%91%E3%83%BC%E3%83%88%E3%83%9E%E3%82%A6%E3%82%B9-%E3%83%AF%E3%82%A4%E3%83%A4%E3%83%AC%E3%82%B9%E3%83%88%E3%83%A9%E3%83%83%E3%82%AF%E3%83%9C%E3%83%BC%E3%83%AB/) * [noblechairs](https://www.noblechairs.com/en-us/icon-series/gaming-chair-pu-leather?attribute%5Bcolor%5D=White%20/%20Black) * [OpenRun Pro](https://jp.shokz.com/products/openrun-pro) * [Stream Deck XL](https://www.elgato.com/jp/ja/p/stream-deck-xl) * [iPhone 15 Pro](https://www.apple.com/jp/iphone-15-pro/) * [Google Pixel](https://store.google.com/jp/category/phones) * [[Orbi 7]] ### [[Setapp]] * [Bartender](https://www.macbartender.com/) * [CleanMyMac X](https://macpaw.com/cleanmymac) * [CleanShot X](https://cleanshot.com/) * [Dash](https://kapeli.com/dash) * [DevUtils](https://devutils.app/) * [ForkLift](https://binarynights.com/) * [Magic Window Air](https://www.jetsoncreative.com/aerial) * [Marked](https://marked2app.com/) * [MetaImage](https://neededapps.com/metaimage/) * [Mission Control Plus](https://www.fadel.io/missioncontrolplus) * [[NotePlan]] * [Paste](https://pasteapp.io/) * [RapidAPI](https://paw.cloud/) * [SnippetsLab](https://www.renfei.org/snippets-lab/) * [Soulver](https://soulver.app/) * [Spark](https://sparkmailapp.com/) * [[Timing]] * [WiFi Explorer](https://www.intuitibits.com/products/wifiexplorer/) ### Apps * [1Password](https://1password.com/) * [[Arc]] * [Boxy SVG](https://boxy-svg.com/) * [CotEditor](https://coteditor.com/) * [[Cursor]] * [DaisyDisk](https://daisydiskapp.com/) * [DeepL](https://www.deepl.com/translator) * [Display Menu](http://displaymenu.milchimgemuesefach.de/) * [Dropbox](https://www.dropbox.com/) * [Dropshelf](https://pilotmoon.com/dropshelf/) * [Figma](https://www.figma.com/) * [Gestimer](https://apps.apple.com/jp/app/gestimer/id990588172) * [Integrity plus](https://peacockmedia.software/mac/integrity-plus/) * [iTerm](https://iterm2.com/) * [Kaleidoscope](https://kaleidoscope.app/) * [Karabiner-Elements](https://karabiner-elements.pqrs.org/) * [Keka](https://www.keka.io/) * [[Obsidian]] * [Pixelmator Pro](https://www.pixelmator.com/pro/) * [[Raycast]] * [[Setapp]] * [[Sidekick]] * [[Sublime Merge]] * [Sublime Text](https://www.sublimetext.com/) * [Visual Studio Code](https://code.visualstudio.com/) ### VS Code Extensions * [Auto Rename Tag](https://marketplace.visualstudio.com/items?itemName=formulahendry.auto-rename-tag) * [Batch Rename](https://marketplace.visualstudio.com/items?itemName=JannisX11.batch-rename-extension) * [Better Comments](https://marketplace.visualstudio.com/items?itemName=aaron-bond.better-comments) * [Bookmarks](https://marketplace.visualstudio.com/items?itemName=alefragnani.Bookmarks) * [Calculator](https://marketplace.visualstudio.com/items?itemName=lixquid.calculator) * [change-case](https://marketplace.visualstudio.com/items?itemName=wmaurer.change-case) * [Code Spell Checker](https://marketplace.visualstudio.com/items?itemName=streetsidesoftware.code-spell-checker) * [colorize](https://marketplace.visualstudio.com/items?itemName=kamikillerto.vscode-colorize) * [Copy File as Markdown](https://marketplace.visualstudio.com/items?itemName=jankarres.vs-code-copy-file-as-markdown) * [Edit csv](https://marketplace.visualstudio.com/items?itemName=janisdd.vscode-edit-csv) * [EditorConfig for VS Code](https://marketplace.visualstudio.com/items?itemName=EditorConfig.EditorConfig) * [Emmet Keybindings](https://marketplace.visualstudio.com/items?itemName=agutierrezr.emmet-keybindings) * [Error Lens](https://marketplace.visualstudio.com/items?itemName=usernamehw.errorlens) * [ESLint](https://marketplace.visualstudio.com/items?itemName=dbaeumer.vscode-eslint) * [GitHub Copilot](https://marketplace.visualstudio.com/items?itemName=GitHub.copilot) * [GitHub Pull Requests and Issues](https://marketplace.visualstudio.com/items?itemName=GitHub.vscode-pull-request-github) * [GitLens](https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens) * [Image preview](https://marketplace.visualstudio.com/items?itemName=kisstkondoros.vscode-gutter-preview) * [Increment Selection](https://marketplace.visualstudio.com/items?itemName=albymor.increment-selection) * [indent-rainbow](https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow) * [Insert \<br> Tag](https://marketplace.visualstudio.com/items?itemName=1natsu.insert-br-tag) * [Markdown Preview Mermaid Support](https://marketplace.visualstudio.com/items?itemName=bierner.markdown-mermaid) * [Material Icon Theme](https://marketplace.visualstudio.com/items?itemName=PKief.material-icon-theme) * [Mermaid Markdown Syntax Highlighting](https://marketplace.visualstudio.com/items?itemName=bpruitt-goddard.mermaid-markdown-syntax-highlighting) * [multi-command](https://marketplace.visualstudio.com/items?itemName=ryuta46.multi-command) * [Node.js Notebooks (REPL)](https://marketplace.visualstudio.com/items?itemName=donjayamanne.typescript-notebook) * [One Monokai Theme](https://marketplace.visualstudio.com/items?itemName=azemoh.one-monokai) * [Open in Marked 2](https://marketplace.visualstudio.com/items?itemName=fmoronzirfas.open-in-marked) * [Partial Diff](https://marketplace.visualstudio.com/items?itemName=ryu1kn.partial-diff) * [Path Intellisense](https://marketplace.visualstudio.com/items?itemName=christian-kohler.path-intellisense) * [Prettier * Code formatter](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) * [Prettify TypeScript: Better Type Previews](https://marketplace.visualstudio.com/items?itemName=MylesMurphy.prettify-ts) * [quickOpenSelection](https://marketplace.visualstudio.com/items?itemName=finico.quickOpenSelection) * [Rainbow CSV](https://marketplace.visualstudio.com/items?itemName=mechatroner.rainbow-csv) * [Relative Line Numbers](https://marketplace.visualstudio.com/items?itemName=extr0py.vscode-relative-line-numbers) * [Roo Code](https://marketplace.visualstudio.com/items?itemName=RooVeterinaryInc.roo-cline) * [Svelte for VS Code](https://marketplace.visualstudio.com/items?itemName=svelte.svelte-vscode) * [Tailwind CSS IntelliSense](https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss) * [Text Tables](https://marketplace.visualstudio.com/items?itemName=RomanPeshkov.vscode-text-tables) * [Todo Tree](https://marketplace.visualstudio.com/items?itemName=Gruntfuggly.todo-tree) * [Trailing Spaces](https://marketplace.visualstudio.com/items?itemName=shardulm94.trailing-spaces) * [Turbo Console Log](https://marketplace.visualstudio.com/items?itemName=ChakrounAnas.turbo-console-log) * [Unique Lines](https://marketplace.visualstudio.com/items?itemName=bibhasdn.unique-lines) * [Vim](https://marketplace.visualstudio.com/items?itemName=vscodevim.vim) * [Vitest](https://marketplace.visualstudio.com/items?itemName=ZixuanChen.vitest-explorer) * [vscode-input-sequence](https://marketplace.visualstudio.com/items?itemName=tomoki1207.vscode-input-sequence) * [webhint](https://marketplace.visualstudio.com/items?itemName=webhint.vscode-webhint) * [テキスト校正くん](https://marketplace.visualstudio.com/items?itemName=ICS.japanese-proofreading)