はじめに みなさんは普段どのような開発環境でコーディングしていますか? VSCodeやIntelliJシリーズ、Vimなど様々な環境があると思います。ですが、ただコードと真正面に向き合っても目が疲れたり動かないコードに苛立ちを覚えたりすることがあると思います。 そこで、"kawaii"開発環境を作って目を癒しながらコーディングをする最高の開発環境を作ってみましょう! 本日の主役 "kawaii"開発環境として使っていくのは、「Visual Studio Code(以下VSCode)」です。 VSCodeにはWebベースの技術が使われており、Electronというフレームワークを用いてWindows・Mac・Linux上で動作するクロスプラットフォームなデスクトップアプリとしてかなり有名なソフトウェアです。 Webベースということはお察しがよい方はわかるでしょう。そうですCSSが使用できます

Pinokio is a browser that lets you install, run, and programmatically control ANY application, automatically.

この記事は？ Rails のコールバックに ActiveSupport::Subscriber を使用する方法を記載します。 この方法により以下のメリットがあります。 コールバックの呼び出し元と呼び出し先をより疎結合にすることができる。 単体テスト時などコールバックの処理を動かしたくない場合にスキップしやすい。 ruby-jp Slack の #support チャンネルの @wakaba260 さんの投稿でこの方法を知りました。ありがとうございます バージョン情報 $ ruby -v ruby 3.1.2p20 (2022-04-12 revision 4491bb740a) [arm64-darwin21] $ bin/rails -v Rails 7.0.3.1

Big Sur 以降、いわゆるarm対応OSになってから、macOS上のGoogle Chrome ブラウザでの日本語入力だけが異常に遅くなる現象が出ていました。どうもその原因が判明して解決したようです。 Monterey クリーンインストールしてみたけど、Chrome での日本語入力はもっさりしたままだな。 何が悪いのだ。 — しょっさん(本物) (@sho7650) July 28, 2022 トリプルディスプレイがダメなんでやねんて感じですが、iMac へ 4Kディスプレイを2枚追加した状態の時だけもっさりします。なお、次のことをやるとちょっとだけ改善します。 SMC/NVRAMリセットハードウェアの構成を変えたときは必ずやりましょうね。 ユニバーサルコントロールを切る便利というか、急にマウスが行方不明になってびっくりした。iMacというよりも、仕事用の Macbook Proで G

Fetching fresh content from the server is one of the earliest problems a team encounters when developing an interactive web application. If they were build their application with a client-side rendering framework like React, they might consider a line of questions like: “What’s necessary to include in our JSON schema? How will my components render the data fetched from the server? Where will we st

追記：続きを書きました。 はじめに 先日以下の記事が投稿され、その斬新な考え方に個人的ながら衝撃を受けました。 内容をざっくり言うと、ニューラルネットワークの学習を現在の主流であるBP法（誤差逆伝播法）ではなく、ED法（誤差拡散法）という新しい学習手法を提案しているものです。 もし記事の内容が本当ならニューラルネットワークの学習がO(1)でできてしまう事になり、まさしく革命が起きてしまいます。 （結論からいうと速度面はそこまででもなかったです（それでも早くなる可能性あり）） （ただこの新手法のポテンシャルは革命を起こす可能性は秘めているといっても過言ではありません） ED法に関してネットを探すとインターネットアーカイブに情報が少し残っていました。 このページですがED法のサンプルプログラム（C言語）が残っており、このサンプルプログラムをベースにpythonで書き起こしたものが本記事となりま

週刊Railsウォッチについて 各記事冒頭には🔗でパーマリンクを置いてあります: 社内やTwitterでの議論などにどうぞ 「つっつきボイス」はRailsウォッチ公開前ドラフトを（鍋のように）社内有志でつっついたときの会話の再構成です👄 お気づきの点がありましたら@hachi8833までメンションをいただければ確認・対応いたします🙏 TechRachoではRubyやRailsなどの最新情報記事を平日に公開しています。TechRacho記事をいち早くお読みになりたい方はTwitterにて@techrachoのフォローをお願いします。また、タグやカテゴリごとにRSSフィードを購読することもできます（例:週刊Railsウォッチタグ） 🔗Rails: 先週の改修（Rails公式ニュースより） 公式更新情報: Ruby on Rails — Rails World CFP, ActiveRe

就活とか論文とか色々あり、実に半年ぶりの投稿です！ このブログでは以前、自分が使っているターミナル環境とエディタ環境を紹介しました。 kamino.hatenablog.com 今回の記事では、以前の記事で紹介したNeoVim環境に使用感の近いVisual Studio Code環境を構築した話を書いてみます。 表示系やコマンドモードなど細かい部分は詰め切れていないので、主にサイドバー（NERDTreeっぽく）、タブ移動、ターミナル周りを違和感なく使うためのショートカットの話を書いていきます。 見た目はほぼデフォルトのまま ※ 2021/02/04: vim.use<C-v>で個別にctrlキーを有効化するオプションが削除されたようなので修正しました。またインサートモード中にctrl+h, ctrl+lを使いたいときのためにkeybindingのwhen条件を修正しました。 もくじ 1.

VSCode NeovimはVSCodeをVimのように操作できるようにするExtension。 同種のExtensionとしてVimをエミュレートするVSCodeVimというのもあるが、 こちらはエミュレートするのではなく実際のNeovimをバックエンドとすることで ほぼ完全な互換性と軽快な動作を実現しているらしい。 Neovimをインストールする。 $ brew install neovim $ which nvim /usr/local/bin/nvim $ nvim --version NVIM v0.6.1 Build type: Release LuaJIT 2.1.0-beta3

【Tips】ローカルで `rails assets:precompile` を実行してしまい以後アセットの更新が反映されなくなってしまった場合の対応RubyRailsAssetPipelineReactRails7 発生した問題 Rails に React を組み合わせて利用した時に、erb ファイルを更新した場合はクライアントの表示が変化するが、jsx ファイルを更新しても表示が変化しない。 環境 OS Windows 11 WSL2 Ubuntu 20.04 LTS 言語 Ruby 3.2.2 Node 16.14.0 ライブラリ Rails 7.0.4.3 jsbundling-rails 1.1.1 esbuild 0.14.22 備考 Rails 7 なので rails s ではなく bin/dev コマンドでサーバを起動。 過去に rails assets:precompile

ローカル環境を汚さずDockerコンテナのオーバーヘッドもなく、開発環境を自在に構築できる「Devbox 0.2.0」登場 － Publickey この記事を最初に見たときは「えーそんなのコンテナじゃないじゃん」とか思って不要じゃね？って思ってたんですが、Rails を少し触ることになって macOS 上での docker の遅さに辟易してきたので devbox を思い出し、使ってみることにしました。 https://www.jetpack.io/devbox/ Devbox のインストール

他であまり紹介されていないものを紹介する。 おすすめ度は★から★★★まで。 拡張機能 All Autocomplete ★★ 開いている全ファイルから自動補完の候補を拾うようにする。 Use editor.wordBasedSuggestionsMode setting and set this to allDocuments to have VSCode to support most of this natively. editor.wordBaedSuggestionsModeをallDocumentsに設定することで、この拡張のほとんどの機能がネイティブで有効になる と、まるでこの拡張なしで標準でもできるようなことが書かれているが、試しても他言語のファイルからは候補が拾われなかった。 Error Lens ★★★ lintの警告やエラーをエディタ内にインラインで表示する。 Filt

mp4, mp3, flacにカバーアートを付ける Posted on 2019年3月12日 (Updated on 2023年8月23日) in FFmpeg カバーアートを付けるとエクスプローラにサムネイルが表示、変更できる。 H.264だとサムネイルが表示されるが、H.265だと表示されないのがこれで表示できる。サムネイルはPNG、BMPでも可能。コメントの通りに指定方法が間違っていたので修正。 ffmpeg -i movie.mp4 -i thumb.jpg -map 0:v -map 0:a -map 1:v -c copy -disposition:2 attached_pic movie-with-cover.mp4 MP3の場合。 ffmpeg -i audio.mp3 -i thumb.jpg -map 0:a -map 1:v -c copy -disposition:

Are you using Simple.css? If you are, it would be great if you considered buying me a coffee to say thanks. Things like this really help open source software thrive. You can Buy Me A Coffee or even sponsor me on GitHub. ❤️ Simple.css is a CSS framework that makes semantic HTML look good, really quickly. Simple.css is mostly classless, which means that you can integrate Simple.css with plain HTML a

WezTerm is a powerful cross-platform terminal emulator and multiplexer written by @wez and implemented in Rust Download Features¶ Runs on Linux, macOS, Windows 10 and FreeBSD Multiplex terminal panes, tabs and windows on local and remote hosts, with native mouse and scrollback Ligatures, Color Emoji and font fallback, with true color and dynamic color schemes. Hyperlinks A full list of features ca