moraTorIamプログラマ

プログラミングに関する知見を書きます。

WindowsでMac風ショートカットキーを設定する

前提

キーボードにWin/Macを切り替える物理スイッチが存在していて、Windowsにつないでいる場合もMac版のキー配置で使用しているものとする この方がMacWindows間の行き来が面倒でない

やりたいこと

Macと同じショートカットキーにしたい 例えば右Altでかな入力、左Altでアルファベット入力にトグルするみたいな

やること

  1. IMEの設定で無変換をIMEオフ、変換をIMEオンにする 以下リンクのようにやればいい www.karakaram.com

  2. PowerToysのダウンロード https://github.com/microsoft/PowerToys

  3. PowerToysの設定 Keyboard Manager>からキーとショートカットの設定をする Win(Left) → IME Non-Convert Win(Right) → IME Convert にするとトグルで入力文字を切り替えられる

他にもショートカットとかを設定してもいい ただ、Winキーを変換キーにした弊害としてMacでいうCommandキーと他のキーをあわせたショートカットキーは使えなくなってしまう(変換キーは併用キーとしてつかえないため

GraphQLの利点

  1. 型指定されたスキーマ ・ フロントエンジニアだけで開発や対応ができるようになる。 ・ 型指定ができるので、型が堅牢になる。

  2. クライアントからのレスポンス形式の指定 ・ クライアントからレスポンスの形式を指定できるようになる。 これによりオーバフェッチ、アンダーフェッチがなくなる。

  3. サブスクリプションを利用したリアルタイム処理 ・ クライアントはデータをサブスクライブすることで、イベントドリブンに処理を実装することが可能になる。

fontawesome5・normalize.css・bulmaの導入

ライブラリの導入に少し時間がかかってしまったのでメモ程度に残しておきます。

ちなみにRails環境でJS、CSSをwebpackで管理している前提となります。

  • バージョン
  • インストール
  • webpack
  • webpack-dev-server
  • @import
続きを読む

5分でVueプロジェクトにESlintとPrettierを適用する方法

はじめに

コードフォーマッタやリンターを導入することによってコードを綺麗に保つことができ、ある程度雑に書いてもセーブ時に自動で直してくれます。 またチーム開発なら属人性を消すことができます。 ストレスフリーな状態でコードロジックに集中できるのでぜひ試してみてください。

Image from Gyazo

続きを読む

rubocopを使わずに5分で綺麗なRubyにフォーマットする方法

はじめに

最近、競技プログラミングRubyで解いてます。

その際に構文エラーで時間を取られたくないし、綺麗に書きたいのでruocopでフォーマットを掛けようとしました。

しかし、もっと高速に動くフォーマッターを見つけたので導入できる方法を紹介します。

f:id:shanshan_san:20190125054809g:plain

続きを読む

VSCodeでJavascriptを書く際にESLintで自動修正する方法

はじめに

Reactを勉強するにあたりtutorialのプログラムを書き始めようと思ったのですが、eslintを導入することでJavaScript(今回の場合はReact)が書きやすくなったので紹介します。

f:id:shanshan_san:20190125055444g:plain

続きを読む