先日アップデートされた、VS Code v1.86で、スティッキースクロールがツリービューでも使用できるようになったので、紹介します。 エディタのスティッキースクロール（紹介記事）ができるようになった時もその便利さに喜びましたが、ツリービューでもできるようになり、深い階層でもすべての親を常に表示しておくことができます。 ツリービューのスティッキースクロールを使用するには、デフォルトではオフになっているので、機能をオンにする必要があります。 ※オンになっている人もいるようですね。
VS Codeの新機能がすごく便利！ ツリービューのスティッキースクロール機能をオンにすると格段に使いやすくなります
先日アップデートされた、VS Code v1.86で、スティッキースクロールがツリービューでも使用できるようになったので、紹介します。 エディタのスティッキースクロール（紹介記事）ができるようになった時もその便利さに喜びましたが、ツリービューでもできるようになり、深い階層でもすべての親を常に表示しておくことができます。 ツリービューのスティッキースクロールを使用するには、デフォルトではオフになっているので、機能をオンにする必要があります。 ※オンになっている人もいるようですね。
VS Codeでコードがさらに見やすくなる！ ネストされたブロックを強調表示するVS Codeの機能拡張「Blockman」
HTML, CSS, JavaScript, PHPなどさまざまな言語に対応、コードのネストされたブロックを枠で囲って強調表示するVS Codeの機能拡張を紹介します。 さっそくインストールして使用してみましたが、これは見やすくなりますね！ 枠のボーダーや背景、ネストの深さを自由に変更もできるので、自分が見やすいようにカスタマイズできます。 Blockman -GitHub Blockmanの特徴 Blockmanのインストール Blockmanの使い方 Blockmanの特徴 Blockmanは、コードのネストされたブロックを強調表示するためのVS Code拡張機能です。 サポートしている言語は、JavaScript, JSX, TypeScript, TSX, C, C#, C++, Java, Ruby, PHP, R, Go (Golang), Dart, Rust, Swift,
【サクラエディタ】文字列を一括で複数置換する - Qiita
//☆使い方☆ //①エクセルの1行目に置換前、2行目に置換後を記入。 //②対象データ範囲をコピーし、クリップボードに登録。 //③処理対象文字列を選択し、マクロ実行。 var listConv = function (inStr, inClip){ var convList = inClip.split('\r\n'); for(var i in convList){ var convRecord = convList[i].split('\t'); var oldStr = convRecord[0]; var newStr = convRecord[1]; if(typeof oldStr === 'string' && typeof newStr === 'string'){ inStr = inStr.replace(new RegExp(oldStr,'g'), newStr
サクラエディタで複数ファイルの改行コードを一括変更できますか。 - すみません。試せる環境にないので教えてください。改行... - Yahoo!知恵袋
サクラエディタで複数ファイルの改行コードを一括変更できますか。 すみません。試せる環境にないので教えてください。 改行コードが別々の複数のファイルにおいて、サクラエディタのGREP変換で一括改行コード変更ができますでしょうか。 GREP変換で正規表現を選んで、ファイルが格納されたフォルダを指定して、例えば ¥r¥n を ¥n に置き換えれば複数ファイルの改行コードは変わりますか。
3DRPG制作ツール「RPG Developer Bakin」発表。『プチコン』開発元の新たなツール - AUTOMATON
株式会社スマイルブームは7月8日、3DRPG制作ツール「RPG Developer Bakin」（以下、Bakin）を発表した。リリース時期は2022年で、Steamにて早期アクセス配信予定だ。スマイルブームは、ゲームを作れるプログラミングツール『プチコン』シリーズなどで知られる開発元。 「Bakin」は、“プログラミング不要”を謳う3DRPG製作ツールだ。ユーザーは同ツールを使うことにより、プログラミングをすることなく、直感的な操作で高度な機能を使いこなしてRPG制作を楽しめるという。マップエディターやカメラツールなど、ゲーム制作を助けるツールのほか、ゲームに使えるグラフィックやサウンド関連のアセットも用意。ゲーム制作をすぐに始められるという。また、同ツールで制作したゲームは有償無償を問わず、ロイヤリティーフリーで配布が可能とのこと。 具体的な機能として、マップエディターでは草原・石畳・
無料で高機能！Markdownテキストエディタ17選【Mac/Window対応】 - Workship MAGAZINE(ワークシップマガジン)
「Markdown（マークダウン）」を知っていますか？ Markdown（マークダウン）は、htmlの簡易版と言われる、簡単なマークアップ言語です。一度覚えればすぐに使えて本当に便利。はてなブログやconnpassなどエンジニアがよく使うWebサービスでも、マークダウンを使ってテキストを表示させています。 今回は、おすすめのMarkdown（マークダウン）テキストエディタを17個ご紹介します。無料で高機能なものを厳選したのでぜひ参考にしてください。 Markdown（マークダウン）とは？ Markdownは、テキストを読みやすくする軽量マークアップ言語です。簡単にhtml形式に表現できるので、初心者でも取り入れやすいのが特徴です。 基本のMarkdown（マークダウン）記法 見出し：#、##、### 斜体：*◯◯◯* 強調：**◯◯◯◯** 引用：> リンク：（リンクテキスト）（URL”タ
Boost Noteの基本的な使い方 (Web & PC)
Boost Noteの始め方最初に導入方法ですが、この記事ではWeb版を例にとって見ていきます。 なおデスクトップ版もインストール作業はダウンロードしてインストールするだけ。クラウドストレージに関してはWeb版と共通です。 Web版でクラウドストレージを作成するまずはBoost Noteのページへ。 ページ右上端、「Open in Browser」を選択して、ブラウザで試してみます。 クリックするとこんな画面に。 最初にファイルをどこに保存するかを決める必要があります。 LocalかCloud、どちらを選ぶかは人によると思いますが、今回はクラウドストレージでどんな風に動作するか見てみたいので、迷わず「Cloud」を選択。 クラウドストレージを使うなら、GitHubアカウントかメールアドレスでサインインしましょう。 今回はGitHubの認証でInternal Server Errorが出てし
【2024年版】Markdown(マークダウン)エディタ厳選まとめ＜Win/Mac/iOS/Android＞
こんにちは。マニュアル作成・ナレッジ共有ツール「NotePM」ブログ編集局です。 Markdown(マークダウン) とは、文章を記述するための軽量マークアップ言語です。プレーンテキストに対して「# 見出し」「* 箇条書き」などの文書構造を明示し、MarkdownエディタでかんたんにHTML生成することができます。 今回は、無料で使えるオススメのMarkdownエディタを厳選！ Windows/Mac/スマホアプリ対応している定番＆人気エディタを、おすすめポイントと合わせてご紹介します。ブラウザ専用のオンラインMarkdownエディタについては、以下の記事を参照ください。 参考： 【ブラウザ専用】オンラインMarkdownエディタ おすすめ4選 【便利ツール】MarkdownテーブルをExcelライクな操作で簡単に作成できるツール Markdownとは そもそもMarkdownとは、どのよう
AtomとvscodeとRubymineのメリット・デメリットを超ざっくりとまとめてみた話 - Qiita
はじめに エンジニアのみなさんこんにちは、ウェブ系ウシジマくんです。 突然ですが、みなさんは普段コードを書くときにどんなエディタを使っていますか？ 僕はこれまで、Atom => VSCode => Rubymineという形でエディタをチェンジしてきました。 先日Jetbrainsがライセンス購入50%OFFセールをやっていたので、それをきっかけに有料エディタであるRubymineに乗り換えてみました。 久々のセールです。JetBrains IDEのパーソナルライセンスが50%オフです。 今回は新規だけでなく更新も対象。(更新価格の50%オフではなく継続も新規の50%オフ価格) 弊社ではさらに抽選で3名に関連書籍をプレゼント！https://t.co/jdYWW1qHrm — 株式会社サムライズム (@samuraism) 2018年7月30日 50%OFFとは言っても、エディタに5000円
VSCodeはAtomより断然良かった
ブログ記事、専門誌・ウェブサイトへの執筆業務と、日々の仕事で文字入力をすることが多いため、エディタ環境は重要です。 これまでAtomを利用してきましたが、VSCodeに乗り換えてみたら想像以上に快適でした。 エディタの好みというのは本当に人それぞれですが、人気エディタとして必ず名前が挙がるのが以下の3つ。 Atom Visual Studio Code（長いのでVSCodeとよく略される） Sublime Text いつから使い始めたか忘れましたが、エディタに凝りだしてからずっとAtomを愛用してきました。 Atomを選んだ理由も覚えていません。 おそらく、Mac歴の長い私にとって、Microsoft製のVSCodeはそもそも検討の対象外、Sublime Textは無料でも利用できるようですが基本は有料、Atomで問題なければそれで良しという判断・・・だったんでしょう。 しかし、Atomに
人気の4大エディタを徹底比較！ベストなテキストエディタはこれだ | TechAcademyマガジン
【Atom、Sublime、Visual Studio Code、Vimの人気エディタを徹底比較】ベストなテキストエディタはこれだ！ プログラミングをする上で大事な判断になるのがテキストエディタです。どのエディタが使いやすいのかAtom, Sublime Text, Visual Studio Code, Vimという4つの人気エディタを比較しています。 テックアカデミーマガジンは受講者数No.1のプログラミングスクール「テックアカデミー」が運営。初心者向けにプロが解説した記事を公開中。現役エンジニアの方はこちらをご覧ください。 ※ アンケートモニター提供元：GMOリサーチ株式会社 調査期間：2021年8月12日～8月16日 調査対象：2020年8月以降にプログラミングスクールを受講した18～80歳の男女1,000名 調査手法：インターネット調査 本稿は、Codementorのブログ記
遅ればせながらAtomからVSCodeに乗り換えました。移行手順について
遅ればせながらAtomからVSCodeに乗り換えました。移行手順について マークアップエンジニアにおいてエディタは、もっとも身近なツールのひとつで、あなたもきっと日頃使い慣れたエディタでコーディングをしていることだろう。わたしはAtom editorが主ツールでいかなるシーンにおいても活用しているが、それと同時に不便さも覚える。 あなたは不便を感じたとき、どうするだろうか？ 我慢してそのまま使い続ける？ 拡張機能で解消する？ 別のエディタを検討する？ わたし自身は、しばらくAtomを使い続けて、なかなか手放すことができなかったのだけれど、いよいよ不満に耐えかねてVSCodeへ乗り換えを実施した。 その手順を記しておきたい。 なぜVSCodeか？ 単純にトレンドだから。安直ではあるが、Atomを使った理由もフロントエンド界隈でトレンドだったから乗り換えたと記憶している。 VSCodeを選択し
Photopeaでレイヤーのサイズを変更する方法
こんにちは、あきみろ（@akimirogames）です。 動画のサムネイル作成でいつもお世話になっている『Photopea』！ 実はずっと避けていたことがあります。 それは後からレイヤーのサイズを変更する方法です。 画像をキャンバスに配置した時にサイズ変更が可能なので、後から変更したくなった場合はレイヤーを削除して再び画像をキャンバスに配置して対応してました。 しかし、この方法はレイヤーに何の変更もしていない場合にだけ有効であり、レイヤーに変更を加えてしまっていたらキャンバスに配置するところからやり直しです。 そして実際にレイヤーを編集した後にサイズ変更をしたい場面がきてしまいました…… そんな難しいことじゃないだろうと思って調べていたのですが少し時間かかったので、そのやり方を残しておきます。 わかってしまえば瞬間解決ですけど、私と同じように迷った方がいましたら参考にしてみてください。
【Photopea】レイヤー（図形）を90°、180°で回転する方法
画像（キャンバス全体）を90°、180°で回転させる方法については過去に書きました。 この記事では、レイヤー（図形）を90°、180°で回転する方法について説明します。 画像（キャンバス全体）を回転する方法と今回のレイヤーを回転する方法は、似たような機能にも思えますが使い方が違います。 画像全体を回転する方法との違い冒頭で少し触れたキャンバス全体の回転と、今回の記事で説明するレイヤーの回転の違いを画像を用いて説明します。 回転前の画像です。 キャンバスは横向きで、レイヤーは縦に３つ並んでいます。 画像（キャンバス全体）回転する方法は全て回転画像（キャンバス全体）を回転する方法を用いると、全てが回転されます。 レイヤーを回転する方法は、指定のレイヤーのみ回転レイヤーを回転する方法を使用すると、特定のレイヤーのみ回転できます。 真ん中のレイヤーのみを90°回転させました。 回転の違いを説明した
Github製のAtomエディタでターミナルやコマンドプロンプトを利用する | Free Style
Webアプリケーションの開発ではPHPやJava、Pythonなどのプログラミング言語を利用していくことがありますが、その中でMacのターミナルやWindowsのコマンドプロンプトでのコマンド操作を行うことがよくあります。データベースを操作したりファイルのコンパイル作業を行ったりと。 作業の中ではソースコードを書くエディタとは別にターミナルやコマンドプロンプトを起動しておいてコマンドを打つなど、2つのツールを使い分けて作業をしていくとこになります。 エディタとターミナルやコマンドプロンプトの画面をいちいち切り替えるのも面倒だしもっと効率よく作業をしたいという方のために、Atomエディタでターミナルやコマンドプロンプトを利用する方法をご紹介します。 Atomエディタ内でターミナルやコマンドプロンプトを利用するには「platformio-ide-terminal」というパッケージを導入します。
Atomテキストエディタで文字を選択範囲内検索する方法・できない場合の対処方法
Atomテキストエディタで『選択範囲内だけで文字を検索したいんだけど……』とか『選択範囲内でを再度検索しようとすると、おかしな動きをするのだけれど……』と困っていませんか？ ということで、今日は「選択範囲内での文字検索」について説明しますね。えっと、検索枠（＝ペイン）などの言葉や、基本検索がよくわからない人はこちらを先に見てくださいね。→Atomテキストエディタでファイル内の文字を検索する方法。 それでは、選択範囲内だけで文字を検索する方法からはじめますね。 選択範囲内だけで文字を検索する方法 選択範囲内だけで文字を検索する方法は簡単で、検索枠（＝ペイン）の右側にある ［Only In Selection］ボタンを有効にして、［Find］ボタンを押すだけです。 ということで、実例を交えながら説明していきますね。 まずは Ctrl + f で検索ペインを表示してください。 マウスやキーボード
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Haroopad - The Next Document processor based on Markdown
Webブラウザーで「Visual Studio Code」が完全動作 ～「vscode.dev」にアクセスするだけ／Microsoft、「Visual Studio Code for the Web」をパブリックプレビュー
Brackets - Web デザインを認識する最新のオープンソースコードエディター
Photopea | Online Photo Editor