ElectronアプリをVue化する
jQueryでベタっと書いていたElectronアプリがあるのですが、Electronに多少慣れたこともあってアプリ側のコードをきれいにしたくなりました。Vue.jsを使いたい（正確に言うとVueはまだ触ったことがないので使ってみたい）ので、その下準備としてひとまずVueコンポー …
2018
RubyでGmail風プロフィール画像を生成するinitial_avatarでユーザーを識別しやすくする
ユーザーにアバター画像（プロフィール画像）を登録してもらうサービスの場合、画像未登録のユーザー用にデフォルトの画像を用意することがあると思います。 グレー背景のシルエットとか、Googleのイニシャル（漢字なら最初の一文字）、Twitterのたまごとか、Slackの模様とか、いろ …
scssじゃなくてsassのほうの文法を調べたいときに使っている方法
SassはCSSの拡張言語です。 Sassにはscss形式とsass形式があって（形式って言うのかどうかわからないけど呼んじゃう）、scss形式で紹介されていることのほうが多いように思います。ですが、個人的にはsass形式のほうが記述量が少なくて好きです。
Railsにてファイルのインポート処理をActiveJob化する
元々はFormオブジェクトでインポートするだけだったんですが、ファイルサイズが大きすぎてHerokuのタイムアウトを食らうケースが現れたのでバックグラウンドに回しました。 その際、ファイルActiveJobに渡す方法を考えなければなりません。ファイルのオブジェクトの形では当然渡せ …
WindowsでElectronでsharpを使うのにそこそこハマった
ElectronでSharpを使って画像を処理したという話を書きましたが、 Electronでの画像処理にsharpを使いました - PIYO Notes Electronを触り始めました。 フォルダ選択をして、フォルダ内の画像を一括処理するアプリケーションを作りました。一括処理 …
WindowsのNode.jsの管理にNodistを使う
調べたところWindowsではNodist一択のように見えたのでNodistを導入しました。 GitHub - nodists/nodist: Natural node.js and npm version manager for windows. Natural node.js …
ConEmuとGit bashでWindowsのターミナル環境を簡易に整える
普段はMacユーザーの僕ですが、Windows上でターミナルを使って作業する必要が出て、Windowsのセットアップをせまられました。 本当にメインで使うのであればしっかりセットアップしたいところですが、今回にように片手間で環境を用意するのにいい方法は無いものかと、片手間に調べて …
Windowsでキーボードレイアウトを変更する
僕はMacではUSキーボードを使っています。 MacのParallelsに入れていたゲストWindowsで、キーボードがあるときから日本語レイアウトとして認識されるようになってしまい困っていました。 本気で調べたら対応方法がわかったので残しておきます。
Electronでの画像処理にsharpを使いました
Electronを触り始めました。 フォルダ選択をして、フォルダ内の画像を一括処理するアプリケーションを作りました。一括処理の中には画像のリサイズやトリミングも含まれます。 画像加工部分にはsharpというライブラリを使いました。ネイティブコードを使うため速いとのことです（そのせ …
Electronでフォルダ内のファイル一覧を取得して処理する
Electronを触り始めました。 ファイルを指定する Electronではブラウザよりも柔軟なファイル選択が可能です。フォルダ選択が可能なため、今回は対象のファイルを一括で指定するためにフォルダ選択を用いました。 Electronのレンダラープロセス側のJSで、ボタンを押したら …