この記事は ひとり Mac Apps Advent Calendar 2020 - Adventar 6日目の記事です。 adventar.org menuffy menuffy はウィンドウがアクティブになっているアプリケーションのメニューをカーソルの位置に表示することができるアプリケーションです。 zaru.githu…

この記事は ひとり Mac Apps Advent Calendar 2020 - Adventar 5日目の記事です。 adventar.org Dozar はメニューバーの項目を非表示にできるオープンソースなアプリケーションです。 github.com インストール方法 brew cask でインストールできます。 brew …

この記事は ひとり Mac Apps Advent Calendar 2020 - Adventar 4日目の記事です。 adventar.org Effortless はタスクを決められた時間でこなしたい時に有用なアプリケーションです。 EffortlessJulian Pulgarin仕事効率化¥1,220apps.apple.com タスクは専用…

この記事は ひとり Mac Apps Advent Calendar 2020 - Adventar 3日目の記事です。 adventar.org Snipposé Snipposé は画面の一部を切り取って、強調表示することができるアプリケーションです。 SnipposéSamuel FordUtilities$1.99apps.apple.com デフォルト…

この記事は ひとり Mac Apps Advent Calendar 2020 - Adventar 2日目の記事です。 adventar.org Agenda. はノートを作成できるアプリケーションです。 プロジェクトやカテゴリーでノートを分類したり、マークダウンライクな記法で文章を書くことができます。…

この記事は ひとり Mac Apps Advent Calendar 2020 - Adventar" 1日目の記事です。 adventar.org Service Station はファイル・フォルダにルールを設けて、そのルールに該当していたときに任意のアプリケーションやスクリプトを Finder の右クリックメニュー…

nkf は異なる OS 間でファイルのやり取りをするために、文字コードや改行コードなどを変管理できるコマンドラインツールです。 nkf -Lu FILE_NAME #改行コードをLFにする nkf -Lu -w FILE_NAME #改行コードをLFにしてUTF-8コードを出力する(BOMなし) nkf を…

Vercel は Serverless functions が使えるので、サーバーを立てて、そこから静的コンテンツを配信することができます。 Vercel のコンテンツにパスワード付ける機能はオプション機能なので有料ですが、Serverless functions を利用すれば無料プランの範囲内…

特定の画面幅を基準に処理を分ける方法を3つ紹介します Window resize event を利用する まず紹介するのは Window resize event を使った方法です。 Window: resize event - Web APIs | MDN DEMO codepen.io 実行頻度に注意する 最も古くから利用されてきた…

やりたきこと SPA (Single Page Application)ではなく、画面ごとにエントリーポイントを指定したい(画面ごとに静的 HTML を出力したい)場合。 インストールとプロジェクトの作成 インストール npm install @vue/cli 新規プロジェクトの作成 vue create YOUR_…

Mac で OBS Studio を仮想カメラとして使う OBS Studio OBS Studio はビデオレコーディングやライブストリーミングのためのオープンソースソフトウェアで、無料で使えることができます。 Video Capture, Text, メディア、ブラウザ、など複数のソースを自由に…

スマートウォッチは Pebble Time Rounded を愛用していたのですが、最近は充電がうまくできなくなっていたり新しい文字盤やアプリのダウンロードができなくなってしまったため、ずっとカートに入ったままだった Apple Watch に買い換えてみました。 この記事…

QA Wolf ブラウザテストを作成 、実行できるツールです。 https://www.qawolf.com/ ブラウザ操作からリアルタイムで Jest のテストコードを作成してくれるのが特徴で、ブラウザの自動操作には Playwright が使われています。 github.com この記事では QA Wol…

Styled Components を適用したコンポーネントは sc- からはじまるクラス名が HTML に付与されます。 どこで定義されているコンポーネントなのか確認したいとき、そのままだとちょっとわかりにくいです。 React Dev tool から確認してもコンポーネント名は表…

Styled components を使ったコンポーネントをテストする場合、どのスタイルが変更されたかの検知はできません。 例えば、下のような styled components で作成されたボタンを Jest の snapshot 機能 + react-testing-library でテストすることを考えてみます…

結論 ショートカットキーを変える 起きていたこと ある時から WebStorm で Find Action のショートカット(command + shift + A) を押すたびに apropos ~ みたいなウィンドウが出るようになってしまいました… ターミナルがこのウィンドウを出してるっぽいとい…

なるほど。 pic.twitter.com/1BtvW0UREz— つるすけ (@turusuke) 2019年12月6日 Magic Trackpad 2 を買いました。 普段のお仕事は Macbook Pro + 外部ディスプレイに接続して作業しています。 カーソル移動はキーボード下のトラックパッドで行っているのです…

taiko? Taiko, free and open source browser automation Chrome を Node.js から扱うことができるブラウザ操作を自動化するためのツール taiko と puppeteer の違い 同じように Node.js から Chrome 操作できるツールで puppeteer がある puppteteer の場合…

$ brew install yarn をすると、Homebrew 以外(ex.nodenv, nodebrew)で node.js を管理していても /usr/local/bin へ node.js をインストールします。 これは yarn が node.js を依存パッケージとして指定しているからです。 yarn — Homebrew Formulae Homeb…

hub? hub は Github 上で行えるアクションを CLI から行えるようにできるツール。 github.com これを使えばプロジェクトの Pull Request 一覧も下のように hub pr list で表示させられる。 Pull Request のリストから fzf と組み合わせてブラウザで開く hub …

zsh-autosuggestions を今まで知らなかった。 どういう機能かというと、下のように zsh で入力していると間近で実行したコマンドからサジェストして入力補完してくれる。 Fish-like とあるので、FIsh では標準の機能っぽい(試してない)。 サジェストされる内…

Vue.js には多くの便利なディレクティブが用意されており、多くの場合はこれらを組み合わることでコンポーネントを作成することができるようになっています。 しかし、以下の場合のように低レベルの DOM に対して処理を追加したい場合があります。 コンポー…

去年の年末くらいから HHKB Professional BT を使い始めた。 Happy Hacking Keyboard | HHKB Professional BT | PFU 特に Magic Keyboard に不満があったわけではないけれど、多くの人に称賛されているものがどんなものか体験してみたかったので思い切って買…

git worktree git worktree というコマンドがあることを知ったので、メモ。 Git - git-worktree Documentation ブランチの切り替えをしなくてよくなるコマンド git worktree がすごい！ git worktree git worktree は Git 2.5.0 から導入されているコマンド…

表題の通り、ブログをはてなブログに移行して運用していくことにした。 ここ最近記事の投稿もすっかり減ってしまっていたし、投稿しようと思ってもブログの直したいところばかりが目についてしまいアウトプットするところまでたどり着けない…ということが増…

Alfred 3 Advent Calendar 2017 - Adventar 4日目です。 以前は Safari のブックマークを検索結果に含めることができました。 Finding Safari bookmarks in Alfred results - Alfred Help and Support Chrome のブックマークも検索結果に表示させたい場合は…

Alfred 3 Advent Calendar 2017 - Adventar 3日目です。 Alfred Workflow を作っていると API キーなどをユーザーに入力させて、それを保存させておきたい場合があります。 Write Text File を利用すると簡単に設定ファイルを作れます。 Write Text File を…

これまで Alfred Workflow の Script Filter では結果を出力する際に XML 形式で書かないといけなかったのですが、Alfred 3 からは JSON 形式で出力を書けるようになりました。 Script Filter JSON Format - Workflow Input Objects - Alfred Help and Suppo…

Alfred 3 Advent Calendar 2017 - Adventar 1日目です。 カレンダー登録がちょっと遅れたというのもあり、ほぼ自分だけなので気楽にやっていこうかと思います。 Alfred2 から Alfred 3 になって大きく進化したポイントとして、Workflow 間の接続が柔軟に行え…

久しぶりの更新です。 Alfred 3 がリリースされて半年以上が過ぎました。 Alfred - Productivity App for Mac OS Alfred 3 からは Workflow がかなりパワーアップしており、プログラムを 1行も書かずに Alfred だけで Workflow を作成するための機能がたくさ…