フロントエンドの制作者は、コードの入力や操作に多くの時間を費やします。最高のパフォーマンスを得るには、エディタを快適に操作する方法を知っておく必要があります。Web制作において、特に有用なエディタの操作方法を紹介します。 Sublime Text, VS Code, Atom, Brackets, Vim, Emacsなど、ほとんどのエディタで操作可能なテクニックです。 Text editing techniques every Front-End developer should know 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. 2つのコードを入れ替える 2. エディタでコミット 3. タスクランナーの実行 4. サイドバーを開閉 5. コードを移動 6. 行単位の選択 7. ぎざぎざに選択 8. 選択したワード
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? この記事は、Visual Studio Code 本体や使用されているライブラリで、発生する日本語 (CJK関係) の問題と対応策をまとめたものです。 この記事にはまとめませんが、CJK 特有の問題は完全に放置されているわけではなく、むしろ対処された問題のほうが多いことに注意してください。 バックスペース問題 概要 macOS において、バックスペース入力時に backspace (U+0008) 制御文字が別に紛れ込む。 初期設定で制御文字を確認できないため、気づかないうちに markdown-preview 等での文字化け、この制御
Microsoftのコードエディター「Visual Studio Code」のロゴマークは2017年8月にロゴを刷新、デザインのベースは同じであるものの、カラーが青からオレンジにがらりと変わりました。しかし、この変更はユーザーからの反応があまりにも悪く、「オレンジはすごく目障り」「多くの点で生産性が影響される」と批判されることも。ユーザーの反発を受けて、2017年10月24日に元の色に戻されることが発表されました。それと同時に「なぜオレンジ色にロゴが変更されたのか」という経緯も明かされました。 The Icon Journey https://code.visualstudio.com/blogs/2017/10/24/theicon 8月に変更される前のVisual Studio Codeのアイコンはこんな感じ。 そして、変更後のアイコンはこんな感じ。デザインは同じですが、色が青の反対色
小ネタです。 LINQで処理をぱぱっと1ステートメントで書けると気持ちいいですよね。 でも、デバッグ難しくない？ということがあるのですが大丈夫です安心してください。 ブレークポイントのはり方のコツさえつかめば大丈夫です。例えば以下のようなコードがあるとします。 using System; using System.Linq; namespace ConsoleApp10 { class Program { static void Main(string[] args) { var numbers = new[] { 1, 2, 2, 3, 3, 3, 4, 4, 4 }; var values = numbers .Where(x => x % 2 == 0) .Distinct() .Select(x => x * x); foreach (var value in values) {
マイクロソフトが「Visual Studio for Mac」を今週水曜日に米国で開催されるイベント「connect(); 2016」で発表することが明らかになりました。 同社のXamarin PlatformシニアプログラムマネージャMikayla Hutchinson氏がMSDN managineに投稿した記事「Visual Studio for Mac - Introducing Visual Studio for Mac」で発表予定のVisual Studio for Macを紹介しています。 Visual Studio for Macは、Windows版のVisual Studioと同様にIntelliSense、Roslynコンパイラ、MSBuildなどの機能を搭載しつつ、macOSのネイティブアプリケーションとしてのUXも備えており、TextMateエディタ機能もサポート。
オープンソースのエディタ「Visual Studio Code」がChromeブラウザのデバッガプロトコルに対応。エディタから直接デバッグ可能に マイクロソフトがオープンソースで公開している「Visual Studio Code」が、Chromeブラウザのデバッガプロトコルに対応したことが発表されました。 Visual Studio Codeのエディタ画面から、Chromeブラウザで実行しているJavaScriptのブレークポイントの設定と実行と停止、変数の参照などが可能になります。 JavaScriptのSoruce Map機能も働くため、圧縮済みのコードを実行しても自動的にVisual Studio Code上の圧縮前のJavaScriptコードに対応してそのままデバッグ可能。また同様の仕組みのおかげでTypeScriptのコードもVisual Studio Code上でそのままデバッ
本エントリーはVisual Studio / Visual Studio Code Advent Calendar 2015の15日目です。 qiita.com まずはお詫びから…。実際の担当日からかなりの日数経過してしまいました…。 担当日の夜中から体調不良を起こしており、色々検査に回された結果、軽い胆嚢炎の模様です…。*1 とりあえず、何とか書き物をする気力を持ち直してきたので本記事書きあげて投稿致します。 昨年は「Visual Studio OnlineでPull Request駆動開発」という記事でアドベントカレンダーに参加させていただきました。 sadynitro.hatenablog.jp 今年は名称も新たに「Visual Studio Team Services(VSTS)」となった本サービスのPull Request機能に注目して、最近追加された幾つかの機能をピックアップし
すべての Microsoft 製品 Microsoft 365 Office Windows Surface Xbox セール サポート ソフトウェア Windows アプリ OneDrive Outlook Skype OneNote Microsoft Teams PC とデバイス Xbox を購入する アクセサリ VR & 複合現実 エンタメ Xbox Game Pass Ultimate Xbox Live Gold Xbox とゲーム PC ゲーム Windows ゲーム 映画とテレビ番組 法人向け Microsoft Azure Microsoft Dynamics 365 Microsoft 365 Microsoft Industry データ プラットフォーム Power Platform 法人向けを購入する Developer & IT .NET Visual Studi
Web Essentials 2015 からLess と Sass のコンパイルや、JavaScriptのミニファイ機能が、切り離されて別製品として提供されるようになりました。 Bundler & Minifier と Web Compiler の2種類の製品で提供されています。 Bundler & MinifierJavaScriptとCSS、HTMLのミニファイとバンドリングするためのVisual Studioの拡張機能です。 CSS、JavaScript、HTMLファイルをバンドルし、一つのファイルとして出力しますソースファイルの保存をトリガーに、自動的に再バンドルをしますCIシナリオ用にMSBuildに対応しています言語ごとにミニファイ設定をカスタマイズできます生成ファイルを開くとウォーターマークが表示されますソリューションですべてのバンドルを更新するショートカットがあります。 2
［速報］Visual StudioでObjective-Cがコンパイル可能に。iOSアプリからWindowsアプリへの移植をマイクロソフトがデモ。Build 2015 マイクロソフトは米サンフランシスコで開催中のイベント「Build 2015」で、Objective-Cで書かれたiOSアプリのコードをVisual Studioで読み込み、コンパイルするデモを披露しました。iOSアプリが容易にWindows 10へ移植できるようになると説明しています。 Visual StudioによるObjective-Cのコンパイルは、Windows 10対応のアプリケーションの開発機会を手厚くするという手段のひとつとして発表されました。 Windows 10アプリケーションの開発機会を広げる手段として今回発表されたのは、（1）Webサイトのアプリケーション化と通知機能、（2）アプリケーション仮想化機能に
Note This topic applies to Visual Studio 2012 and Visual Studio Express 2012 for Web. The topic covers features that are included in the latest Visual Studio Web Publish Update available as of June, 2013. Most of these features are also available in Visual Studio 2010 and Visual Web Developer 2010 Express when you install the Web Publish Update. A transform file is an XML file that specifies how t
Web.configの環境切り替え（Web.Debug.config/Web.Release.config）と同じことを、コンソールアプリケーションやWindowアプリケーションで行う方法のメモです。 App.Config Transformation for projects which are not Web Projects in Visual Studio 2010? 色々なやり方がありましたが、簡単だった上記ページの方式を使いました。 手順は以下の通り。 1.プロジェクトにApp.Debug.configとApp.Release.configを追加する App.Release.Configの中身の例。Web.Release.configの設定方法と同様 <?xml version="1.0" encoding="utf-8" ?> <configuration xmlns:xdt
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く