コードのコピペ時にほぼ絶対やる失敗を「Visual Studio」が防ぐようになる？／インデントされたコードからインデントを削除してコピー可能。実装に向け拡張機能が公開
正直2つだろうが4つだろうがスペースだろうがタブだろうが何でも良い派なのですが、ふと気になって調べてみたら個人的に新しい観点の発見があったので記事にしてみました。 ※オフィシャルの見解を探すまでは頑張れなかったのですが、適当にググって出てきた中で見つかった興味ある観点の紹介になりますm 見たのはこちらのページ。 色々議論されてますが、個人的になるほどな、と思ったのは、スペース4個（要はある程度インデント確保する）だと、深いネストでコーディングされることを抑止しやすい意図があるという点でした。（もしかしたら他のエンジニアの方にとっては当たり前の観点なのかも...） 今回個人的にめちゃくちゃどうでも良い違和感から始まりましたが、案外新しい観点が見つかったりして面白い体験でした。
Prettier がデフォルトでインデントのためにタブを使うべきかどうか、現時点での私の考えです。 useTabs のデフォルト値を true にするという提案 Prettier には useTabs というオプションがあり、インデントのためにタブを使うかどうかを boolean で指定できます。デフォルトでは false が設定されています。 2 年ほど前に Prettier v2 の準備をしているときに Change useTabs to true by default という、useTabs のデフォルト値を true に設定することを提案する issue が作成されました。 この issue での議論は活発に行われ、建設的なコメントや逆に全く建設的でない人格を批判するようなコメントなど、実に多くの意見が寄せられました。 この issue が作成れたのは v2 をリリースする直前だっ
【小ネタ】Visual Studio Code で Markdown All in One 機能拡張のインデントを 4 スペースに変更する | DevelopersIO
【小ネタ】Visual Studio Code で Markdown All in One 機能拡張のインデントを 4 スペースに変更する VS Code には Markdown All in One という機能拡張があり、これを導入するだけで素晴らしい Markdown 環境を手にすることができます。ただしリストなどのインデントが 2 スペースに固定されてしまうのが少々難点でした。この設定を変更する方法を紹介します。 前置き みなさん VS Code 使ってますか！（挨拶 改めてご紹介するまでもなく、 Visual Studio Code (VS Code) は比較的後発ながら、テキストエディタとしては一定の地位を占めた感があると思います。主な使われ方としてはコーディング環境というのが多いのかもしれませんが、普段使いや Markdown によるドキュメント書きにも使っている、という方もそ
インデントにタブを使うアクセシビリティ上の利点
この記事には誰かを攻撃したり差別したりする意図はありません。もし不適切な表現を見つけた場合は修正しますのでご連絡ください。 「インデントにタブとスペースのどちらを使うのか」というのは昔から何度も議論されてきた問題です。 最初に明確にしておきますが、私個人としてはタブを使おうがスペースを使おうが、プロジェクト内で統一されていれば構いません。 しかしタブには、スペースにはないアクセシビリティ上の利点が存在します。 タブの最大の特徴は、表示幅を自由に設定できることです。 ご存知のとおり、一つのタブに対して実際の見た目としてどのくらいの幅が確保されるかは、テキストエディタなどのコードを閲覧する環境の設定次第です。 たとえば、GitHub は一つのタブをデフォルトではスペース 8 個分の幅で表示しますが、 https://github.com/settings/appearance から自由に変更で
みなさんは普段JavaScriptを使って開発する場合、インデントはどのようにしていますか？ タブ、スペース2個、スペース4個・・・などいくつかの選択肢があります。 個人で開発している方は問題ありませんが、チームで開発している場合は意見が分かれ議論になることもあるでしょう。プロジェクト開始早々インデント論争でチーム内の雰囲気を悪くしたくはありません。 本記事はそんなインデント論争の1つの解決策となるべく、ブラウザベンダーやプロダクトで定めているJavaScriptコーディングのインデントルールを調べてみました。 この記事のポイント* 海外のJS界隈ではスペース2個のインデントが多数派 ESLINTなどの設定ファイルからコーディングルールを調べられる なぜインデント論争が起こるのか？ そもそもなぜインデント論争が起こってしまうのでしょうか？ それはそれぞれ一長一短のため好みが分かれてしまうか
みんなが親の仇のように憎むWordの問題を一つ解決したぞ！！！ ■事象概要 Wordの段落番号(箇条書き)で「①から再開」を選択すると、インデントが崩れる ■再現手順 ①段落番号（箇条書き）を作る ②段落番号用にスタイルを新規作成する。 「①段落番号（箇条書き）を作る」を基準にして、「スタイル１」というスタイルを作る。 ③スタイルのインデントを変更する ④「①から再開」を選ぶとインデントが崩れる。 許せねぇ！！！ ■原因 これ、作ったスタイルが崩れたわけでも、バグでもありません。仕様です。 実は段落番号にはインデントの設定値が2つあり、「①から再開」を実行すると2つ目の設定値に従う仕様となっています。 では現状でどのような設定になっているのか見てみましょう。 ここを見てください。 さっきインデントを「7mm」に設定したのに、その記述が見当たりません。 実は「基準になるスタイル」が「リスト段
動作確認環境 Windows 10 Version 1903 Visual Studio Code 1.37.1 参考文献 [VisualStudio Code] 言語によってインデント幅を変更する やること Java, Ruby, C#, Python, JavaScriptのインデント幅をそれぞれ設定する。 手順 今回はWindowsなので、Ctrl+Shift+Pでコマンドパレットを開きます。 Preferences: Configure Language Specific Settingsを選択します。 そして、設定したい言語を選択します。 例として、今回はjavaを選択します。 すると、setting.jsonに下記の内容が設定されます。
昔からの習性でコーディングする際のインデントはタブ派なんですよ、スペースの数は4つ。 ところが… GitHubでソース見るとタブがスペース8つ分になる ブラウザのデフォルト動作 URLの最後に?ts=4とかつけると変更はできるが… JavaScript界隈だとスペース2個が主流っぽい という空気を感じてまして、長いものには巻かれろ精神で、ひとまずJSだけインデントをスペース2個に変更することにしました。 VSCodeでプログラム言語ごとの設定を行う 設定画面を開く エディターの設定 参考ページ VSCodeでプログラム言語ごとの設定を行う 普段のコーディングは8割方、VSCodeで行っているのでこいつの設定を変更します。 設定画面を開く 公式ドキュメントの内容に沿って行います。VSCodeはしばらく前からJSONファイルを直接編集するのではなく、GUIの設定画面ができたのですが、これだと設
![[VisualStudio Code] 言語によってインデント幅を変更する - ねこの足跡R](https://cdn-ak-scissors.b.st-hatena.com/image/square/a4084fc32b9dc6bff3042075edcca68b43834b48/height=288;version=1;width=512/https%3A%2F%2Fogimage.blog.st-hatena.com%2F820878482973262145%2F6801883189061423290%2F1701792199)
ここ数年でインデントベースの記述は広くプログラマ界隈で受け入れられるようになってきました。プログラミング言語ではPythonの成功が大きく、ドキュメントではmarkdownとyamlが広く普及しています。そしてScala 3でもとうとうその波に乗ろうという動きが見えてきました・・・ (本記事は自分のブログからの転載記事です。) (2019年9月28日追記・更新: 追記内容はここを見てください) (2019年11月16日追記・更新: 追記内容はここを見てください) (2021年3月7日追記・更新: 追記内容はここを見てください) TL;DR Scala 3のリサーチコンパイラであるDotty 0.18.1-RC1にインデントベースの構文が実装されました Dotty 0.19.0-RC1の変更に合わせて修正しました インデントベースの構文はまだ提案段階でありScala3の正式な仕様に決定したわ
箇条書きや長い文章を、リストタグやpタグ等で囲ってマークアップする場合、「・」や「※」といった記号や数字を文の頭につけることがありますよね。 そんな時、2行目以降の開始位置を一字下げたい場合があります。 しかし、スペースを入れたりして位置調整をするのはご法度。 cssで調整をし、どんな画面でもキレイに見えるようにする必要があります。 今回は、2行目以降をの文頭をそろえるテクニックの解説です。 インデント（字下げ）を入れる方法 2行目以降をインデント（字下げ）する方法はすごく簡単です。 セレクター { text-indent: -1em; padding-left: 1em; } 字下げしたい箇所にこのcssを適用すると文の2行目以降を一字下げ、文頭の位置をそろえることができます。 1.「text-indent」で「-1em」の設定 2.「padding-left」で「1em」の設定 ※アイ
[レベル: 上級] サブドメインからのページもインデント結果として Google は表示し始めました。 同一ドメインからのインデント結果 インデント結果は、同じサイトからのページを束ねて検索結果に表示する形態です。 2 つ目（以降）の結果が字下げして表示されるので、インデント結果と呼んでいます。 昨年の夏に 10 年ぶりにインデント結果を Google は復活させています。 ただし、インデント結果として束ねられるのは同一ドメインのページに限られていました。 サブドメインもインデント結果の対象に ところがサブドメインも、インデント結果の対象になりました。 最近の仕様変更だと思われます。 インデント結果のドメイン名は同一ではなくサブドメインです。 services.yahoo.co.jp about.yahoo.co.jp こちらは、ゴージャスなインデント結果です。 4 つのページが束ねられて
Python（処理遅い、バージョンぐちゃぐちゃ、インデントすら融通効かない）←こいつが天下取れた理由 : IT速報
入門者「どの言語使えばいい？」→言語比較のまとめサイト見る→pythonって遅いんだ これのせいでスピード以前の問題の連中が知ったかぶりしたがって困る
2022年01月27日時点のWindows11での情報です。 この記事の目的 今年からReact（TypeScript）でのサービス開発になりました。 VSCodeでタイプスクリプト(ts)ファイル、コンポーネント(tsx)ファイルのインデントが、スペース4文字になっていたので、これを2文字に設定する手順です。 インデントは何文字が適切なのか そもそもインデントは何文字にするのが適切なのか？ ソースコードの場合、インデントは「スペース4文字」にすることが多いです。 バックエンドのC#で開発するときは、インデントはスペース4文字に設定しています。 Angularの場合、コンポーネントファイルとソースコードファイルは完全に分離しているので、コンポーネント(Htmlファイル)はスペース2文字、ソースコード(tsファイル)はスペース4文字にしていました。 Reactの場合、コンポーネント(tsxフ
auです。 今回は、VSコードで「おお、これは便利！」と思ったコマンドがあったので、忘れないようにメモをしておきたいと思います。 例えばこんなコードを書いたとします。 #include <stdio.h> int main(void) { int n = 0; int result = 0; printf("数字を入力してください: "); scanf("%d", &n); result = n + n; return 0; } なんともないn+nの結果を表示するだけのコードです。 そうだ、これをループさせよう！と思い、このようにコードを書き換えました。 #include <stdio.h> int main(void) { int n = 0; int result = 0; while (result < 100) { printf("数字を入力してください: "); scanf("%
【時短！】VSCodeでインデントを一瞬で自動整形する方法をわかりやすく解説します！｜エンジニアブログ
VSCodeでインデントを自動で整えるショートカットキー VSCodeでインデントのレベルを下げるショートカットキー VSCodeでインデントの幅の設定方法 VSCodeでファイル保存時にインデントを自動で整える方法 VSCodeでインデントにカラフルな装飾をする方法 正直に言って、インデントをいちいち整えるのって少し手間じゃないですか？ ただ、インデントを整えることで、コードの可読性が向上し、バグなどを減らすことにつながるので絶対にやった方いいのは間違いありません。 この記事では、そんな少し手間なインデントをVSCodeで自動で整える方法などについてわかりやすく解説しています。 「最近、独学での学習に限界を感じてませんか？」 私もそうでしたが、独学での学習は非常に効率が悪いですし、稼げるところまで行くのは正直、難しいです・・・ 「本当に稼ぎたい！」「絶対に転職してやる！」っと思っているの
[レベル: 初級] 同一ドメインから 2 つのページが検索結果に出るときに、2 つ目をインデントして表示するように Google は表示形式を変更しました。 10 年ぶりにインデント結果の復活 キャプチャの検索結果はどちらも僕のブログのページからです。 2 つ目は、インデントされて少し下がっています。 こちらは Google のヘルプページから 2 件のページが出ている検索結果です。 同じように 2 つ目はインデントされています。 同じドメインから 2 つのページが同時に出たときに 2 つ目をインデントする検索結果は 十数年前も Google 検索で使われていました。 ですが、これまた 10 年以上前に消滅しました。 10 年のときを経てインデント結果の復活です。 数か月前から Google はテストしていたようですが、おそらく正式に導入したと思われます。 個人的には、同じサイトからの結果
Pythonのヒアドキュメント使ってますか？ 通知など、人間が読むことを想定した文字列を格納する時なんかによく使いますよね。 しかし、こんなコードを書いてしまったりしていないでしょうか？ if task_succeeded(): message = '''タスクが正常に完了しました。 次のタスクはxxxです。''' else: message = '''タスクが失敗しました。 再実行する場合はxxxしてください。''' send_mail(message) ヒアドキュメントは、'''で囲まれた部分がそのまま文字列になりますので、 上記のように書くことで、messageには意図した内容が格納されます。 タスクが正常に完了しました。 次のタスクはxxxです。 確かに想定通りで、問題はありません。 しかし、プログラムを書く人、特にPythonを書く人にとっては 上記のようなコードは非常に気持ちが
![[Python]ヒアドキュメントでもインデントを崩さずに書かなきゃダメだよ | DevelopersIO](https://cdn-ak-scissors.b.st-hatena.com/image/square/47371cd63121a4cc67ed74841e706530c7e548f8/height=288;version=1;width=512/https%3A%2F%2Fdevio2023-media.developers.io%2Fwp-content%2Fuploads%2F2019%2F04%2Fpython.png)
でちょっと困るのが箇条書き（itemize環境、enumerate環境）でのインデントの調整。 いろいろ設定項目があって、よく分からなくなることが多い。 ここではjlreqドキュメントクラスを使ったときのインデントの調整方法を残しておく。 これはTeX ＆ LaTeX Advent Calendar 2019 - Adventarの7日目の記事です。 Lua(La)TeX関係ないですが・・・ 6日目はuwabamiさんのTeX on Debian 10 (Buster) - 平衡点(2019-12-06)でした。 8日目はtrueroadさんのLuaTeXで原ノ味フォントを使う - Qiitaです。 jlreqドキュメントクラス jlreqドキュメントクラスは、日本語組版処理の要件にしたがうように作られたドキュメントクラス。 日本語文書を作る場合、jsclasses（やbxjscls）を使
thinca on Twitter: "Vim で貼り付けは p ですが、]p を使うと、貼り付ける内容のインデントを貼り付け先のインデントに合わせて調整した上で貼り付けてくれます。貼り付けた後にインデントの再調整をしなくて済むので便利です。 #vimtips_ac"
Vim で貼り付けは p ですが、]p を使うと、貼り付ける内容のインデントを貼り付け先のインデントに合わせて調整した上で貼り付けてくれます。貼り付けた後にインデントの再調整をしなくて済むので便利です。 #vimtips_ac
![thinca on Twitter: "Vim で貼り付けは p ですが、]p を使うと、貼り付ける内容のインデントを貼り付け先のインデントに合わせて調整した上で貼り付けてくれます。貼り付けた後にインデントの再調整をしなくて済むので便利です。 #vimtips_ac"](https://cdn-ak-scissors.b.st-hatena.com/image/square/176a6568e5f2f8dd698dffa64b6b7b0fa7dffde4/height=288;version=1;width=512/https%3A%2F%2Fpbs.twimg.com%2Fprofile_images%2F475823606761410560%2FqJmOz5_z.png)
こんにちは、CX事業本部の若槻です。 MS製のIDEであるVisual Studio Code（VSCode）では、新規導入後の既定のTabキーによるインデント幅は「スペース4つ」となっています。 今回は、VSCodeでこの既定のインデント幅を「スペース2つ」に変更する方法を確認しました。 既定のインデント幅の変更方法 まず、前述した通り、VSCodeの既定のインデント幅は「スペース4つ」となります。 これを変更するには、左下の歯車をクリックし、[Settings]を選択します。 [Settings]ページが開くので、[User] - [Commonly Used]にて、[Editor: Tab Size]の値を任意の数値に変更します。今回は2です。 設定はこれで完了です。先ほどのファイルに戻ると、インデント幅がスペース2つに変更されています。 また、この設定はVSCodeのユーザーの既定
なんでインデントは4スペースなんだ？2スペースはどうして生まれた？タブインデント見かけなくなったね？ - Neo's World
なんでインデントは4スペースなんだ？2スペースはどうして生まれた？タブインデント見かけなくなったね？ コーディングにおける、タブやスペース文字でのインデントに関する疑問。 自分は CSS を勉強し始めた頃にどこかで見かけたタブインデントを真似し始め、その後 HTML を書く時に1スペースインデントを取り入れ、Java を知ってからは4スペースインデントを使い、JavaScript を本格的に書くようになってから現在は2スペースインデントを使っている。 タブを使うかスペースを使うか、という好みはともかく、そもそも何で「スペースが4つ」とか「スペースが2つ」とかいうルールが出来たのだろう、という歴史的経緯を知りたく、調べてみた。 個人的な意見：2スペース派 歴史的経緯はともかく、現時点で自分がどう思っているかという意見を書いておく。バイアスがかかってるかもしれないしね。 基本2スペース派 フロ
ぼくは新人プログラマー。今日から仕事でPythonを使うことになった。ネットで調べた知識を基に、プログラムを書いてみようと思う。 まず知ったのは、Pythonでは「インデント」が重要らしいということ。インデントとは字下げのことだ。早速、インデントを意識して図1のプログラムを書いてみた。 1行目の「def func（）：」は、funcという名前の関数を定義する構文だ。この構文には、文末に「：」（コロン）がついている。Pythonでは、if文やfor文の文末にもコロンをつけるみたいだね。このコロンがついた文の次行をインデントするってことを、この前覚えたんだ。だから2～4行目の演算式をインデントしてみた。 2行目で変数aに1を、3行目で変数bに2を代入している。 4行目では変数a（＝1）と変数b（＝2）を足した値を変数cに代入している。つまり、変数cには「3」が入っていることになるね。 ここで演
vimでの複数行インデント修正 - Qiita
Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark themeWhat you can do with signing up
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新しい「メモ帳」アプリはRichEditの採用で大きく進化 ～Microsoftが実装を解説／今後はシンタックスハイライトの実装やインデント・括弧への対応も？
なぜRustの標準スタイルではインデントが半角スペース4つなのか
Wordのレイアウトにスペースを使うのはNG！ インデントの基本動作をマスターしよう【残業を減らす！Officeテクニック】
Prettierはデフォルトでインデントのためにタブを使うべきなのだろうか
「Visual Studio 2022」v17.7が公開 ～コピペによるインデント崩れを自動修正、待望のDiff機能も／ゲームエンジン「Unreal」への対応も強化
今どきのJavaScriptで使われているインデント規約まとめ - ICS MEDIA
マルウェア「Emotet」に関する被害報告が昨年10月から増加、ウェブサイト改ざんや標的型攻撃にも注意、JPCERT/CCインデント報告対応レポート
Wordの「段落番号」インデントが崩れる問題の解決方法 - Qiita
フィッシングサイトに関する報告が8割増加、一見すると正規サイトのURLに見える不審サイトに注意 JPCERT/CC インデント報告対応レポート
【VSCode】言語ごとにインデント幅、タブとスペースどちらを使うか設定する - Qiita
[VisualStudio Code] 言語によってインデント幅を変更する - ねこの足跡R
Scala 3、Pythonのようにインデントベースの構文で書けるようになるってよ！ - Qiita
【li・pタグ】CSSで2行目以降をインデント（字下げ）する簡単な方法
Google、サブドメインのページもインデント結果として表示
Visual Studio Code の設定で、言語ごとのインデントを設定する
VSコードで複数行一気にインデントを整える方法 - auの日記
10年のときを経てGoogle検索にインデント結果が復活
[Python]ヒアドキュメントでもインデントを崩さずに書かなきゃダメだよ | DevelopersIO
jlreqでの箇条書きのインデント調整に関して。 - いものやま。
Visual Studio Codeで既定のインデント幅を変更する | DevelopersIO
Python初心者がつまずく地雷ポイント、「インデント」に気をつけろ