①VSCodeのインストール ②JDKのインストール ③Extension Pack for Java(拡張機能)のインストール ④プロジェクトの作成 ①VSCodeのインストール (※VSCodeをすでにインストールしている場合は飛ばしてかまいません。) まず初めに、下記のVSCode公式サイトからVSCodeをダウンロードします。 https://code.visualstudio.com/ 使用しているOSを選んで、左側のStableを選択してVSCodeのUserSetup.exeをダウンロードします。 次に、ダウンロードしたUserSetup.exeを起動して、インストールを行います。使用許諾契約書に同意し、 ・デスクトップ上にアイコンを作成する ・PATHへの追加 にチェックを付けて最後にインストールをクリックします。 インストールをクリックすると、インストールが開始され、イン
とある理由で数年前からCOBOLを書くようになりました。 COBOL未経験でまず最初に困ったのがIDEやエディタです。 既に開発が終了しているものまたは有料で高額なものが多い中、Windows環境で使えそうな一例を挙げます。 Visual Studio Code + COBOL Source colouriser Visual Studio CodeにCOBOLのextentionを入れる。 軽量でVisual Studio Codeの機能も使えるため機能が多くGO TOやPERFORMの定義元にジャンプしてくれる。 COBOL Source colouriserは現在も更新されているので今後も機能追加されそう。 サイト 主な機能 シンタックスハイライト 入力補完 コードの整形 アウトライン表示 定義元ジャンプ プラットフォーム Windows、macOS、Linux インストール方法 以
はじめに この記事では、IT エンジニアである/ないに関係なく、Visual Studio Code (以下、VS Code) をこれから初めて使い始める人が、最初に入れておくと後々便利になるだろうと思われる拡張機能を紹介しています。 拡張機能 (Extension) とは、サードパーティー製の追加機能のようなものであり、誰でも自由に開発・公開することができるようになっているものです。VS Code は無償で提供されているテキストエディタですが、それだけでは不便というユーザーの悩みを解消してくれるものです。 (という立ち位置で存在していた当初でしたが、最近は標準機能のみでも最早テキストエディタという範疇を超えている気がしなくもないです) まだ拡張機能を使い始められていない/使いこなせていないという方は、是非この記事を参考に、VS Code の拡張機能を使い始めるきっかけにしてもらえれば幸い
VS CodeのAdobe XD用拡張機能が登場！ デザインシステムにもとづきコード出力と補完が可能に Microsoftが開発を行っている無償のエディター「VS Code」にAdobe XD用の拡張機能「Adobe XD extension」が登場しました。 この拡張機能を使うことで、Adobe XD上で作成したデザインアセットをVS Code上で参照・編集できるようになります。デザイナーとエンジニア間の溝を埋めることができ、デザインシステム構築のハードルが下がるでしょう。 今回の記事では、「Adobe XD extension」の活用方法を紹介します。コーディングの際に活躍する拡張機能ではありますが、Adobe XDを使ったデザイン段階でのひと工夫も必要になりますので、デザイナーの方も理解しておくとプロジェクトの進行がスムーズになるでしょう。 「Adobe XD extension」と
【PHP】vscodeで関数ジャンプができないときは？ 2019.02.18 computer Visual Studio Code（VScode）は、初期状態だと関数ジャンプがうまく使えないため、拡張機能をインストールし、設定を行う必要があります。 今回はその方法を1から説明します。 拡張機能はインストール済みですか？ 自分のvscodeを確認して、インテリセンス系のプラグインが入っているかどうかをみてください。 PHP用のインテリセンス系プラグインはこの2つです。 PHP-intellisense PHPIntelephense 似たような名前ですが、別物のプラグインです。 機能的にはほぼ一緒ですが、読み込み方法の違いで、PHPIntelephenseのほうが大規模なソースに強そうです。 プラグインの確認方法は？ 下記の画像を参考に、vscodeの画面左にある、四角が重なったアイコン（
はじめに 一年前に新人研修でGitを担当してTigの記事を書いたのですが，今年も同じくGitの研修を担当することになりました．新人さんたちにとってはターミナル環境はとっつきにくい人も多いようで，短い研修期間では操作自体に苦戦してしまい，Gitそのものを理解するというところに力を割けない人も少なくありませんでした． それを踏まえて今回はGUIで操作しやすい環境を検討したのですが，以下のポイントを踏まえてVSCodeを使うことに決めました． マルチプラットフォームで使える．（研修はWindows環境で行いますが，業務ではLinuxデスクトップ環境も使うので） Gitの基本的な内容はVSCode上でGUI操作が可能． Gitの内容とあわせて，プログラミング用のテキストエディタの一例として，導入しやすそうなVSCodeを紹介． VSCodeを使ったGitの基本的な操作を一通りまとめていきます． イ
Visual Studio CodeとWSL（またはWSL2）を使ってWindows上にLinux開発環境を構築する方法 すでに何個か記事が出ていて今更感もありますが、環境構築で使うことがあったので備忘録として残しておきます。リモートといってもリモートSSHなどとは異なり、「ローカルPC上のWSLに同じローカルWindows上のVScodeからリモート接続する」という意味です。これを使ってローカルに簡単にLinux開発環境を構築することができます。 VSCode Remote WSLでPython開発環境構築 VSCodeのRemote WSLでWSLを快適に使う WSLとは？ まず、WSLが何か知らない方のためですが、WSL(Windows Subsystem for Linux)とは簡単に言うと、 Windows上でLinuxを動かすための機能のことです。 そういうと、Virtualb
Perl5でデバッグ・Lint・自動整形ができるVSCode環境を整えたので忘備録。 環境 macOS Catalina 10.15.3 fish 3.0.2 perl 5.30.1 VSCode 1.42.1 （前準備）Perlのインストール VSCodeと関係ないが、バージョン管理ができるplenvでperlをインストールした。 # plenvのインストール $ brew install plenv $ brew install perl-build # シェル起動時にplenvを自動で初期化（fish版） # https://formulae.brew.sh/formula/plenv $ echo 'if plenv > /dev/null 2>&1; plenv init - | source ; end' >> ~/.config/fish/config.fish $ sour
1. WindowsにPHP 7 実行環境を構築 こちらのサイトから VC15 x64 Thread Safe の Zipをダウンロード 上記ファイルを解凍し、php にリネーム後に "C:\Program Files\php" に保存 php フォルダ配下の php.ini.productionを php.iniに変更 環境変数の設定から "C:\Program Files\php" を追加する コマンドプロンプトで以下のコマンドを入力し確認 C:\Windows\System32>php -v PHP 7.2.1 (cli) (built: Jan 4 2018 04:00:25) ( ZTS MSVC15 (Vi ) Copyright (c) 1997-2017 The PHP Group Zend Engine v3.2.0, Copyright (c) 1998-2017 Ze
テーマを変更してシンタックスハイライトを使いやすくするシンタックスハイライトはデフォルトで備わっている。 ただしデフォルトのテーマ設定である Dark (Visual Studio) だと変数やメソッドの配色が他の文字と同じ白色で表示されていまい、とても見づらい。 そこでテーマを Dark+ (default dark) に変更する。 テーマの変更は Ctrl+K Ctrl+T と入力するとテーマ一覧が表示される。 あるいは Ctrl+Shift+P や F1 でコマンドパレットを開き、theme と入力して検索してもよい。 コードを補完させる VSCode はそのままでもある程度の補完機能を備えているが、あくまでも PHP の標準機能に関するものだけである。 実際に PHP でコーディングするのであれば、自作クラスやメソッドなども補完してほしいところ。 そこで、拡張機能の PHP Int
はじめに 普段のようにトゥイッターしていたらタイムラインにステキ拡張が流れてきたので、布教のためにバーっと紹介記事を書いてみる次第。 Rainbow CSV Rainbow CSVって何？ VSCodeでCSVを扱いやすくするためのステキ拡張 便利でステキな機能をいくつも持っている とにかくヤバイ（語彙） Rainbow CSVの何がヤバイの？ ①CSVが読みやすくてヤバイ ちょうどいいCSVが無かったので、適当にポケモンのCSVデータを生々しく開いてみた。 CSVの見た目ってこんなのだよね。日本語項目はともかく、数値が連続している箇所は「あれ、この"49"ってどの項目に対応してるんだっけ…？」みたいな混乱が起きて発狂しがち…。 しかし、このファイルをRainbow CSVに通すと…なんということでしょう！ ヘッダー項目とデータ項目にカラフルな色が付き、項目の種類が一発でわかるようになって
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
