新しいブログを開発・公開しました

Qiita

Qiita

tmux環境でenhancd実行時にパネルが分割されるのを防ぐ

はじめに 最近新たにTerminal環境を作り直した際に表題の現象に遭遇しました。当初は何らかの設定ミスが悪さをしているものだと思っていたのですが、至ってenhancdの想定内の挙動というオチでした。簡単にまとめておこうと思います。 環境 macOS tmux fish shell fisher enhancd fzf 問題 下の動画のように、tmux環境下でenhancdを実行するとfzfが実行されるものの、パネルが分割されています。 原因 enhancdはデフォル...
Qiita

enhancd実行後のawk: newlineエラーの解決策

環境 - macOS Catalina 10.15.1 - iterm2 + fish + tmux 問題 普段愛用しているenhancd(cd拡張)の実行後に以下のようのエラーが発生していました。 $ cd .. awk: newline in string /Users ... at source line 1 また、エラー後にはホームディレクトリにdebug.txtが勝手に生成されていました。 原因 macOSにデフォルトでインストールされているawkコマンドによるもの...
Qiita

node.jsのsvg変換パッケージconvert-svg-to-jpeg/pngの日本語文字化け対策

問題 svg画像をjpegやpngに変換する際にはconvert-svgを使っています。NodeコードからやCLIからも使えたりと高機能なことに加えて、内部的にブラウザに描画したSVGをラスター化しているので変換後の仕上がりが素直で気に入っています。 以前、日本語を含んだSVG画像を変換した際に文字化けに遭遇したので、その原因、対策をメモしておきます。 文字化けした画像はこんな感じ。 原因 内部的にSVGをブラウザ上で表示する際に利用するHTMLテンプレート上に文字コードの...
Qiita

draw.ioで全てのタブを一括で画像出力する

はじめに 最近、draw.ioという無料で使える強力な描画ツールを使ってフローチャートばかり書いている筆者です。 draw.ioで規模の大きいグラフを描いていると複数のタブに分ける場合があります。現時点(2019/10/30)では、全てのタブの図形を一発で画像出力する機能はdraw.ioには用意されていません。そこで今回はできるだけ自動で楽に画像出力できるよう、少し工夫してみたのでまとめます。 問題点 上でも述べたように、 draw.ioでは全てのタブをまとめて画像出力する機能があ...
Qiita

GKEで限定公開クラスタ構築時のtimeoutエラー問題と解決策

はじめに GKE(Google Kubernetes Engine)の限定公開クラスタを構築する際に、以下のような接続エラーが起こりkubectlコマンドが使えずハマったのでメモ。 $ kubectl version Unable to connect to the server: dial tcp <Your Cluster IP>:443: i/o timeout やりたかったこと GKEと連携しているAPIの制約上、外部への通信のIPを固定する必要がありました。C...
Qiita

canvasを使って画像中の特定範囲にテキストを描画する (文字画像ジェネレーター)

やりたいこと 画像上の特定範囲の上下左右中心にテキストを描画 リアルタイムで編集 編集後の画像をコピー、ダウンロード (本記事では含まない) いわゆる吹き出し画像向けの文字画像ジェネレーター 作ってみた (デモ) フロントのフレームワークはVueとVuetifyを利用しました。 See the Pen sentence-image-generator by icchi (@icchi) on CodePen. ポイント Canvasで描画 描画する...