はてなブックマーク

日本語入力できなくなったときにIMEを再起動する Windows10を使っていて日本語入力が突然できなくなった時にIMEを再起動したらあっさり解決したので、備忘録として残しておくことに。 おそらく、Windows自体を再起動すれば解決すると思うが、PC再起動したくない場合などの解決法として有用かも。 具体的にやることはIMEのプロセスをkillして、プロセスを再度実行するだけの簡単な話。 IMEを再起動する方法 まず、PowerShellかコマンドプロンプトを開いて、稼働しているIMEのプロセスを探します。 IMEのプロセスはctfmon.exeという名前なので、これをtasklistという稼働中のプロセスの一覧を表示するコマンド（UNIX系だとpsコマンドに相当）を使って探します。 コマンドの説明をすると/fiオプションは、結果をフィルタリングするオプション（UNIX系でのgrepのよう

詳しく比較 以下、１つずつ比較してみます。 画像は全て公式サイトから引用しています。 Chatwork 日本製。IT企業だけでなく、幅広い業種の企業に使われている印象。 タスクを管理するToDoリストが標準で備わっている。 サーバーサイドはScalaで書かれているらしい。 Discord プログラマ向けというよりはゲーマー向けのチャットサービス。クラウド版のみの提供。 元々はゲーマー向けだったが、近年はOSSのフォーラムとしても多く使われている印象（例えばGatsby、React、VueなどのフォーラムがDiscordにある）。 Slackとは異なり無料プランでも過去ログを無限に遡れる。 UI/UXはSlackに非常に似ているが、Slackと異なりマークダウンと言語ごとのスニペットに対応している。 また、チャンネルをカテゴリごとに分けることができる。その代わり、Slackのようなスレッド機

Pythonでコードを書くときのGood/Badプラクティス こちらの記事は、DuomlyによりDev.to上で公開された『 Good and Bad Practices of Coding in Python 』の邦訳版です（原著者から許可を得た上での公開です） 元記事：Good and Bad Practices of Coding in Python ※ 記事の内容に注意すべき点と誤りがあるので、詳しくは注釈まで目を通すことをおすすめします。 （以下、翻訳した本文） この記事は元々 https://www.blog.duomly.com/good-and-bad-practices-of-coding-in-python/ に公開されたものです。 Pythonは可読性を重視した高水準のマルチパラダイムプログラミング言語です。Pythonは、「Pythonの禅」、別名ではPEP 20と

Vuexで管理しているステートをリロードしても消えないようにする vuex-persistedstateというVeux関連パッケージの紹介記事です。すでに同様の記事はありますが、備忘録として自分でまとめた物を残しておきます。 【Vuex】リロードしてもStateの中身を消さずに維持する方法 Vue基礎：Vuexの永続化対応 Vuexではリロードするとステートは初期状態にもどってしまう VuexはVueインスタンスがもつステート（データ）をストアと呼ばれる管理場所で一括管理して、全てのコンポーネント間でステートを簡易に共有する仕組みを提供してくれます。つまり、あるコンポーネントでステートの値を変更して、他のコンポーネントでそのステートをストアから取得して使うことができます。 しかし、メモリ上に保存されたVeuxのステートはブラウザを閉じたり、リロードしたり���ると初期状態にリセットされてしまい

Vueでメソッドの末尾に()をつけた時とつけない時の挙動の違い 以前からVueを使っていて疑問だったことがありました。 それはVueのmethodsで定義��たメソッド（関数）をテンプレートで使うとき、 末尾に()をつけたメソッドと()のないメソッドの両方を使用可能であるという事実です。 具体的にどういうことかコードで説明してみます。 下のコードでmethodという名のメソッドがVueのmethodsプロパティで定義されているとします。 このときtemplate内から呼び出すときは、method()とmethodの両方が使えて���まいます。 （ちなみに<script></script>タグ内では括弧無しの呼び出しmethodは呼び出しになりません） <template> <!-- どちらの書き方でも正常に実行される --> <div> <div id="example1"> <!-- メソッド

【Vue】オブジェクト追加・削除には注意が必要👮 の配列版です。 オブジェクトと同じく、参照するだけなら普通のJSと同だが、要素の追加・削除で嵌るポイントがあった。 既に同様の記事はあるが自分用の備忘録という意味を含めて残すことに。 ↓の記事も参考に。 Vue.jsは気難しい（配列編） リアクティブの探求 次のようなVueコンポーネントのdata()関数でcharasという空の配列を返すとする。 つまり、このコンポーネントの初期状態ではステートとしてcharas配列が存在することになる。

Vueでオブジェクトを変更したい時どうするか？ この記事は【Vue】配列の追加・削除には注意が必要👮のオブジェクト版です。 Vueのdata()関数で返すステート（オブジェクト）についての話。 取得は通常のJSのオブジェクトの操作と同様にキーを使えば問題なかったが、 追加と削除で嵌ったので備忘録として残しておく。 以下、参考にしたページ リアクティブの探求 次のようなVueコンポーネントのdata()でcharaObjという空のオブジェクトを返すとする。 つまり、このコンポーネントでは、初期ステートとしてcharaObjというオブジェクトが存在することになる。

JavaScriptでは0もnull、undefinedもすべて同じ判定になるけど分ける方法ないの？ タイトルの通り、こんな場合どうするか。if (!value)と書いてしまうと、0、null、undefinedの全部がtrueとして判定されてしまう。 null、undefinedだけtrue判定にしたいケースがあったので調べてみた。 [JavaScript] null とか undefined とか 0 とか 空文字('') とか false とかの判定についてに大体書いてあるが、このトピックの部分だけまとめてみた。 TL;DR if (value == null)を使うのが一番スマートな書き方のようです。 1. if (value === undefined || value === null) 愚直に値をundefinedとnullと比較する方法。 誰が見ても分かりやすいが、どこか野

Vueまとめパート1 こちらの記事は、Adnan Babakan 氏によりDev.to上で公開された『 Vue cheat sheet 1 』の邦訳版です（原著者から許可を得た上での公開です） 元記事：Vue cheat sheet 1 原著をベースに説明の足りない部分は適宜、追記していく予定です。 （追記・改変の許可は得ています。） Dev.toコミュニティのみなさん、こんにちは！ 私はVue.jsが大好きで書くのを楽しんでいます。この記事ではVue.jsのほぼすべての基本的な概念（公式Webサイトに基づく）を取り上げています。目次から必要なセクションに簡単にアクセスできます。 このパートではVueコンポーネントについては説明していません。 いくつかのコードサンプルは公式ウェブサイトから引用しています。Vue.jsで確認できます。1 {{ }} - 展開（Interpolation） 展

Django ORMでのvalues()のエラーで嵌った話 Django ORMには<Model>.objects.values()と<Model>.objects.only()というvalues()とonly()という似たようなメソッドがあるが、少しハマったので備忘録として。 ことの発端は↓のようなコードを書いたとき次のようなエラーが出たことから。 president1 = Company.objects.values(*fields)[0].president # => エラー: AttributeError: 'dict' object has no attribute 'president' ここではCompanyというモデルからDjango ORMのvalues()メソッドを使って、 特定のフィールドだけを抽出して生成されたクエリセット（複数のオブジェクトが入ったイテラブルなデー

Visual Studio CodeとWSL（またはWSL2）を使ってWindows上にLinux開発環境を構築する方法 すでに何個か記事が出ていて今更感もありますが、環境構築で使うことがあったので備忘録として残しておきます。リモートといってもリモートSSHなどとは異なり、「ローカルPC上のWSLに同じローカルWindows上のVScodeからリモート接続する」という意味です。これを使ってローカルに簡単にLinux開発環境を構築することができます。 VSCode Remote WSLでPython開発環境構築 VSCodeのRemote WSLでWSLを快適に使う WSLとは？ まず、WSLが何か知らない方のためですが、WSL(Windows Subsystem for Linux)とは簡単に言うと、 Windows上でLinuxを動かすための機能のことです。 そういうと、Virtualb