カテゴリー別アーカイブ: Tips

IntelliJでTypeScriptをサクサクコンパイル

TypeScriptもやっぱりIntelliJだよね – しおしおの雑記帳
↑の記事を拝見して、IntelliJ IDEAのメニュー項目からTypeScriptをコンパイルできることを知りました。

そしてそのメニュー項目に[Command + Enter]のショートカットを割り当ててみたらかなり便利だったので、その手順をシェアしておきます。
(ショートカットキーがCommand + Enterなのは私がFlash IDEを使っていた名残なのでw、別のショートカットにして頂いても構いません)

まずはTypeScriptをコンパイルするメニュー項目を追加

Settings -> External Tools から、以下のようにコンパイル用のメニュー項目を設定します。
(ここは上記の記事と同じ内容ですが、一応書いておきます。。)
130217_1

追加したメニュー項目にショートカットキーを割り当てる

Settings -> Keymap を開き、一覧から先ほど追加したメニュー項目を探します(右上のインクリメンタルサーチが便利です)。
見つかったらその項目をダブルクリック -> Add Keyboard Shortcut を選択して、ショートカットキーを設定します。
130217_2

多分、デフォルトでは別の機能に[Command + Enter]のショートカットが割り当たってしまっていると思うので、不都合ある方は別のショートカットキーを設定してください。
私は気にせず上書きしちゃいましたw

完了!

これで設定は完了です。
TypeScriptファイル(*.tsファイル)を編集中にCommand + Enterキーを押すと、サクッとjsファイルが生成されるようになっているはず。
確認してませんが、WebStormでも同じことが出来そうですね。

このショートカットキーの割り当て設定は、他の用途でも効率アップに結構役立つので是非試してみてくださいー。

YouTubeの埋め込みプレーヤーが再生されなくなった時の対処方法

以下の現象が数週間起き続けて困ってたんですが、解消方法が分かったので共有。

問題の現象

  • 外部サイト上の YouTube 埋め込みプレーヤーでは動画が再生できない
  • YouTube のサイト上では再生できる

問題の解消方法

ブラウザの Cookie を削除する。それだけ。

問題が発生していたとき、 YouTube のサイト自体も部分的にデザインが崩れている箇所があったので、 Cookie か localStorage に YouTube の画面部品の一部を保存してたんじゃないかと予想しています。
特にスマホ向けサービスとかだと、高速化のためにそうしてるサービスも結構あるみたいですしね。

入力フォームにパスワード等をコピペする際の一工夫

メールで送られてきたウェブサービスのログインパスワード等をブラウザにコピペするとき、だいたいの方は以下の手順を踏むと思います。

  1. メール本文中に記載されているパスワードをマウス操作で選択する
  2. 選択したテキストをコピーする
  3. パスワード入力フォームに、コピーしたテキストをペーストする

この手順一つ目の”マウス操作で選択”を行う際、
「記載されたパスワードの前後に入った空白文字も誤って選択範囲に含めてしまい、うまくログイン出来なかった」
なんて経験がある方は多いのではないでしょうか。
(最近は裏側で自動的にトリミングしてくれるサービスも多いですが。)

で、この先頭・末尾の空白文字を取り除くのに簡単な方法を見つけたのでご紹介します。

Chromeのアドレスバー
Chromeのアドレスバーにテキストをペーストすると、自動的に先頭・末尾の空白文字を取り除いてくれるのです!
なので、以下の手順にすれば上記の原因でログインに失敗するケースは無くなります。

  1. メール本文中に記載されているパスワードをマウス操作で選択する
  2. 選択したテキストをコピーする
  3. アドレスバーにパスワードをペースト
  4. ペーストしたテキストを改めてコピーしなおす
  5. パスワード入力フォームに、コピーしたテキストをペーストする

手順は増えてしまいますが、ログインに複数回失敗するとアカウントがロック(=一定時間、または管理者が許可するまでログイン出来ない)されてしまうようなサービスもあるので、確実にログインしたい場合にこの手順を使うと良いと思います。