質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.53%

  • Cloud9

    530questions

    Cloud9は、クラウドからのプログラミングが可能になるWebサービス。IDEとしての機能が搭載されており、GitHubやHerokuなど他ツールとの連携も可能です。ブラウザ上で動くため、デバイスに関係なく開発環境を準備できます。

Cloud9 IDE のカーソルずれについて。

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 1,060

tonkoo3000

score 2

前提・実現したいこと

現在、Cloud9を以下の環境で使っています。

OS Ubuntu16.04
Chrome 55.0.2883.87 unknown (64-bit)
という環境でcloud9を使っています。

Cloud9 上でのファイルマネージャー、検索窓のカーソルずれを直す。

発生している問題・エラーメッセージ

検索、ファイルマネージャーでのカーソルのずれが生じていて、検索窓はかなり使いにくい状況です。エディターやコンソールはACE editerの設定がきちんと反映され、まったく問題ないのですが、左のファイルマネージャー、検索フォームのみこのような状況です。

実際の検索窓の利用画面です。
![イメージ説明](5bb609e6282c118332811cf76939607f.png)
全選択しており、実際の文字数と比較して選択幅が大きくなっています。検索フォーム上のテキストにはスペースはもちろんありません。

具体的な状況は以下のサイトの投稿内容と酷似しています。
http://qiita.com/m_mysht/items/c72e39bd1f366c69ade6
MacOS + Safariでの解決方法が出ています。

chromeでの解消方法はどこかに紹介されていないでしょうか?
もし、ご存知でしたらご教授いただければ幸いです。

該当のソースコード

特になし。

試したこと

1:ブラウザフォントを等幅に変える。
==> Ricty Diminished 他、 ==> 効果なし
2:Cloud9上でのPreference で Show invisible Characters: OFF
(参考:http://designetwork.hatenablog.com/entry/2016/10/06/cloud9-text-editor-cursor)
==> 効果なし

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

回答 1

checkベストアンサー

+1

私も似たような現象に悩んでいて解決したので、この方法で試してみてください。

私の環境は

  • MacOS Sierra 10.12.4
  • Chrome 60.0.3078.0

でした。

私の場合、Chrome Firefox だとカーソル位置がずれて、Safari だけ正しくカーソルが合うので、ブラウザのフォントが問題かと調べたんですが、結果としてはブラウザの問題よりも、なぜか環境によって、cloud9 の font family が異なっているのが原因でした。

フォントの変更はここに書いてありましたが、画像でも貼っておきます。
How can I change the font of my editor? \- Cloud9 Support \- Cloud9 Community

まず、右上の歯車アイコンから Settings 画面を開いて USER SETTINGS の user.settings リンクを開きます。
イメージ説明

そのあとに、@fontFamily の値をデフォルトの Monaco, Menlo, Ubuntu Mono, Consolas, source-code-pro, monospace に変更して保存すると、等幅フォントが適用されて、カーソル位置が正しく表示されました。

イメージ説明

フォント内容編集した記憶はないんですが、どこかのタイミングで変わってしまったのかもしれません。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2017/05/02 18:31

    質問ですと、エディタヤコンソールは大丈夫らしいので、もしかしたら関係ないかも。

    キャンセル

  • 2019/03/01 15:26

    ご返信おそくなりましたが、ありがとうございました。試してみます。

    キャンセル

同じタグがついた質問を見る

  • Cloud9

    530questions

    Cloud9は、クラウドからのプログラミングが可能になるWebサービス。IDEとしての機能が搭載されており、GitHubやHerokuなど他ツールとの連携も可能です。ブラウザ上で動くため、デバイスに関係なく開発環境を準備できます。