テキスト編集のヒントとコツのまとめ

公開: 2022-03-10
簡単な要約↬テキストとコードを編集する際のお気に入りのヒントとコツをSmashingCommunityに尋ねました。 たくさんの素晴らしい提案があるので、それらすべてを1つの記事にまとめて、便利なブックマークに追加できるようにすることにしました。 時間を割いて返信し、最も評価の高いツールとテクニックを共有してくれたすべての人に感謝します。心から感謝しています。

Smashing Communityに、時間を節約するためのお気に入りのテキスト編集のトリック、ショートカット、機能を尋ねました。 これは、私たちが非常に役立つと思ったもののまとめと、便利な他のいくつかの提案です。

お気に入りのキーボードショートカット

あなたの多くはお気に入りのキーボードショートカットを持っています。 これらの一部はエディターまたはオペレーティングシステム固有のものですが、多くの場合、使用しているツールで同様のショートカットを見つけることができます。 以下のコミュニティからいくつかを切り上げました。

Ste Grainerは、移動と選択のショートカットに関するヒントを共有しました。

多くの人が知らない基本的な移動/選択のショートカット：

Cmd +矢印キーを押したままにして、行の先頭/末尾またはドキュメントの上部/下部に移動します。

Opt +矢印キーを押したままにすると、単語間を水平方向に移動し、ブロックして垂直方向にブロックします。

それらをしながら選択するためにシフトします。

Jo Frankから：

現在の選択（VSCodeではCtrl + SHIFT + L ）のすべてのオカレンスを選択し、 Ctrl + Dとして設定した行/選択を複製します。

Loris Gilletは、テキストを飛び回ったり削除したりするためのいくつかのお気に入りのショートカットを共有しました。

⌥ +進む/戻る矢印を使用すると、次の文字ではなく次の単語にジャンプできます
⌥ +上/下矢印を使用すると、段落の最初/最後にジャンプできます
⌥ + Backspaceは、文字ごとではなく単語全体を削除します。

提案されたヒントの多くは、Web開発者からのものであり、最も頻繁に使用した編集者向けのヒントです。 また、MaherNabeelからAndroidStudioの提案を受け取りました。

Android Studioの場合：
  • Ctrl + D —重複行
  • Ctrl + Y —行を削除
  • Ctrl + W —ブロックを選択
  • Ctrl + O —メソッドをオーバーライドする
  • Ctrl + ALT + L —コードを再フォーマットします
ジャンプした後もっと！ 以下を読み続けてください↓

エディターのショートカットに関するチートシート

すでに投稿されているヒントからわかるように、エディターのキーボードショートカットを学習すると、時間を大幅に節約できます。 これらのショートカットのいくつかを学ぶことで、コードを書く1日の間に多くの入力を節約できるため、エディターで使用できるものを常に確認する価値があります。

Twitterで、Tobin Saundersは、Atomのショートカットの詳細なリストであるAtomエディターのチートシートを推奨しました。 また、他の頻繁に使用されるエディターで利用できるものも調べました。

Visual Studio Code

VS CodeのWebサイトには、ダウンロード可能な虎の巻がPDF形式で多数用意されています。虎の巻を机の上に印刷しておくと便利です。

  • ウィンドウズ
  • マック
  • Linux

Joel Reisは、Sublime Text、Atom、Vim、またはVisual StudioからVSCodeに切り替える場合は、キーマップ拡張機能をダウンロードできると述べています。 これは、以前のエディターのキーボードショートカットを維持できることを意味します。 このヒントは、今年初めにSmashing Magazineで、BurkeHollandが彼の記事「VisualStudioCode Can Do That？」で、VSCodeが実行できることに驚かれるかもしれないことのいくつかを共有したときにも言及されました。

崇高なテキスト

Windows、Mac、およびLinux用のSublime Text3ショートカットの適切な選択はここにあります。

また、Smashing Magazineに、JaiPandaが彼のお気に入りのSublimeTextのヒントとコツのいくつかを共有している記事があります。

環境のカスタマイズ

キーボードとデフォルトのコンピューター設定は、コードを入力するよりもテキストを入力するように設計されています。 一部のコメント投稿者は、最も頻繁に入力する必要があるものをすばやく入力できるようにするために、デフォルトに変更を加えました。

AlexSemenikhineはこの提案をしました：

Shiftキーを押しながらボタンを押す回数を最小限に抑えます。 9と0を使用するよりもはるかに頻繁に角かっこ（ ( ) ）を作成する場合は、それを反映するようにキーボードをカスタマイズします。9は( 、 Shift + 9は9など）です。

Paul van den Toolは、カーソルが「矢印を使用しているときに画面上を飛ぶ」ように、「キーリピート」と「リピートまでの遅延」を最高の設定に設定します。

Jaron Barendsは、彼がどのように「 Alt +を作成したか」を教えてくれました。 現在の行の最後にセミコロンを挿入するためのショートカットとして。」

Emmetの使用

多くの人がエメットのテキスト拡張システムについて言及しました。 多くのHTMLとCSSを手動でコーディングすると、Emmetを使用して入力時間を大幅に節約できます。 HTMLを書くとき、Emmetの略語はCSSを理解している人なら誰でも知っているでしょう。 たとえば、 div要素内に順序付けされていないリストを作成する場合は、次を使用できます。

 div>ul>li

これは次のようになります。

 <div> <ul> <li></li> </ul> </div>

省略形は、CSSでliを選択するセレクターです。 ulを直接の子として、 liをulの直接の子として持つdiv 。 その他の例については、Emmetチートシートをご覧ください。

EmmetはVSCodeに組み込まれており、他の多くのエディターのプラグインとして利用できます。

クリップボードマネージャーを使用する

Erik Verbeekは、履歴からコピーしたコードを取得できるように、クリップボードマネージャーを使用することを提案しています。 彼は、OS XにClipMenuを使用することを提案していますが、残念ながら廃止されたようです。

同様のツールは次のとおりです。

  • MacOS用のCopyClip
  • MacOS用のPasteBot
  • Windows用の同上
  • 1Clipboard WindowsおよびMacOS（現在ベータ版）

多くのエディターには、エディター内でのコピーおよび貼り付けアクション用のクリップボード履歴も含まれています。 Twitterで、@ codevoodooは、Webstormにそのような機能があると述べました。 VSCode用のクリップボード履歴拡張機能とAtom用のパッケージがあります。 Sublime Textクリップボードの履歴に関するこのチュートリアルで説明されているように、SublimeTextにはこれが組み込まれています。

おすすめのツールのコレクション

コメントで推奨されている特定のツールがいくつかあったので、これはあなたが聞いたことがないかもしれない便利なツールのまとめです。

Vim

Vimが好きな人は、本当にVimが好きです。 それは確かに学習曲線を伴います、しかし、あなたがあなたのキーボード編集を最適化することに非常に熱心であるならば、投資された時間はそれの価値があるでしょう。 Jess Telfordが指摘しているように、 13kと入力して、カーソルを13行上に移動することができます。

コマンドのリストについては、Vimのチートシートをご覧ください。 他の多くのエディターでVimエミュレーションを使用できます。 前述のVSCodeのキーマッピングにはVimのマッピングが含まれ、Atomでも利用可能なプラグインがあります。

きれい

Prettierは、オープンソースの意見のあるコードフォーマットツールです。 Prettierを使用すると、すべてのコードが一貫したスタイルにフォーマットされます。 これは、チームで作業するときに非常に役立ちます。これは、誰も実際に考える必要がなく、一貫したスタイルが適用されることを意味します。

選択した環境でPrettierを使用できるように、複数のエディターでダウンロードできます。

AutoHotkey

@Hobbeseneroからのこの提案まで、私はツールAutoHotkeyについて聞いたことがありませんでした。 AutoHotkeyは、Windows用の自動スクリプト言語です。 スクリプト言語を使用すると、テンプレートの挿入など、一般的なタスクのショートカットを作成できます。

Pandocを使用したテキスト形式の変換

私のお気に入りのツールの1つはPandocです。 あるテキスト形式を別の形式に変換する必要がある場合は、Pandocを使用します。 Pandocが実行できる本当に便利なことの1つは、HTMLまたはMarkdownをEPUB形式に変換することです。 私は、メモのセットをiPadでiBooksを使用して読むことができるファイルに変換するために、これを頻繁に行います。 これは、ワークショップ用に簡単にアクセスできる一連のメモを用意したり、長いドキュメントを飛行機で読むための読みやすいオフライン形式に変換したりするために行います。

Pandocは、さまざまなファイル形式との間で変換できます。 クイックEPUBファイルを作成するだけでなく、Word文書からMarkdownまたはその他の便利な形式にコピーを変換するためにも使用します。 これは、CMSに入力するために変換する必要のある厄介なコピーをクライアントから取得する場合に非常に役立ちます。

TextExpanderとTypinator

TextExpanderはMacOSとWindowsで利用でき、キーボードショートカットまたは一般的な略語を使用して挿入できるスニペットを作成するのに役立つツールです。 TextExpanderはAndersNorenによって推奨されました。 サブスクリプションサービスではないソリューションを好む場合は、Typinatorを試してみることをお勧めします。

これらのテキスト拡張ツールは、コードを書く以外にも役立ちます。 メールやサポートリクエストへの回答に同じ情報を入力することがよくある場合は、そのテキストを挿入するショートカットを作成すると、時間の節約という点ですぐに利益を得ることができます。

テキストウォッシャー

FacebookでDennisGermundalによって推奨されているTextwasherは、テキストからフォーマットを削除するための非常にシンプルなツールです。

コメントにあなたの提案を追加してください

私たちが毎日使用するツールの生産性を向上させる方法はたくさんありますが、それらを完全に見落とすことも非常に簡単です。 これらの提案の中に、あなたが試してみることができる何かがあることを願っています。 または、おそらくこれは、エディターやその他のツールのドキュメントをもう少し深く掘り下げるためのプロンプトになります。 私は確かにそうするように促されました。

ツイートを見逃し、共有するための優れたヒントがある場合は、コメントに追加してください。 私たちはそれらを聞いてみたいです！