好きな部分を軽量ウィンドウに切り離し ～「Visual Studio Code」2023年11月更新／プロファイル機能の追加アイコンやJavaScript/Python向けの便利機能なども
Window: setInterval() メソッド - Web API | MDN
HTML DOM APIWindowインスタンスプロパティcachesclosedcookieStorecredentialless Experimental crossOriginIsolatedcryptocustomElementsdevicePixelRatiodocumentdocumentPictureInPicture Experimental event 非推奨; external 非推奨; fence Experimental frameElementframesfullScreen 非標準 historyindexedDBinnerHeightinnerWidthisSecureContextlaunchQueue Experimental lengthlocalStoragelocationlocationbarmenubarmozInnerScreenX 非標準 m
導入がカンタンで開発効率爆上げなVisual Studio Code拡張機能のご紹介 | SIOS Tech. Lab
みなさん、こんにちは。サイオステクノロジー武井です。今回は、導入がカンタンで開発効率爆上げなVisual Studio Code拡張機能をご紹介したいと思います。 ※ 本記事は技術評論社出版の「Software Design」2022年10月号(詳細はこちら)に私が寄稿した「エディタこそ開発の要 ［最大活用］Visual Studio Code」の記事をベースとしております。是非、Software Designの方も合わせてご覧ください！！ はじめに Visual Studio Code はインストール初期でも機能は豊富であり、かつインタフェースもシンプル、そして拡張機能により利用者の環境に合わせて自由にカスタマイズできることが、大きな魅力となっております。 一方で、その機能の豊富さにより、どの機能を使ってよいのかと迷われる方もいると思います。 そこで本記事では、「導入がカンタンで開発効率
Google TypeScript Style Guide
// Good: choose between two options as appropriate (see below). import * as ng from '@angular/core'; import {Foo} from './foo'; // Only when needed: default imports. import Button from 'Button'; // Sometimes needed to import libraries for their side effects: import 'jasmine'; import '@polymer/paper-button'; Import paths TypeScript code must use paths to import other TypeScript code. Paths may be r
Testing JavaScript with Kent C. Dodds
Learn the smart, efficient way to test any JavaScript application.YOUR ESSENTIAL GUIDE TO FLAWLESS TESTING Why bother testing your JavaScript? When a user encounters a bug they look like this: 🤬 Bugs grind work to a halt. Bugs cause financial harm. Every single time a bug is encountered, user trust erodes. Bugs are bad. And who gets blamed? You. The developer. You know you should squash bugs befo
これがなくては生きていけないVS Codeエクステンション10選 - Qiita
VisualStudioCodeは大人気なだけあって、有能なエクステンションが次から次へと出てきますね。 色々とっかえひっかえ試して遊んでいる人も多いのではないでしょうか。 なんかMinecraftのMOD環境構築と同じ空気を感じますね。 (環境ができたところで飽きて遊ばなくなる) まあ一番手っ取り早いのは、既に評価の固まっている手堅いエクステンションを導入することです。 ということで以下はSahil Bondre( Twitter / GitHub / LinkedIn / Instagram / 個人HP )による記事、💡 10 VS Code extensions I can't code withoutの日本語訳です。 💡 10 VS Code extensions I can't code without VSCodeは私のお気に入りのエディタです。 存在するコードエディタの
IntelliCode for C# Dev Kit
For users of the C# Dev Kit extension in Visual Studio Code, the IntelliCode for C# Dev Kit extension is available to provide IntelliCode support. Predictions of up to a whole-line of code, along with ranking methods and properties in the IntelliSense list are available for C# Dev Kit users. Whole line suggestions Scenario 1: When grey-text is shown, press Tab to accept the prediction (suggestion)
ソースコードを分析し、コードの構造や階層・依存関係を可視化する便利な無料ツール -Code Crumbs
フローチャート ※依存関係・フローチャートはJavaScriptのみです。 対応言語は、下記の通り。 JavaScript TypeScript Python PHP Java C++ 望む言語が他にあればIssueにどうぞ、とのことです。 Code Crumbsのデモ デモでは、JavaScriptのコードでその動作を確認できます。 デモページ 依存関係はDependenciesをオンに、フローチャートはFlowChartタブをクリックします。 Code Crumbsの使い方 セットアップ codecrumbをインストールします（yarn global add codecrumbs）。 codecrumbs -d project-src-dir -e project-src-dir/index.jsを実行し、プロジェクトに合わせてパラメータを変更します。-dはソースコードを含むディレクト
JavaScriptのサンプルコード集
2017/06/21 JavaScriptの作成に役立つ、サンプルコード集です。 一覧2点の座標の中点を求める方法2点の座標の中点を求める公式を、JavaScriptで表現します。2点の座標の角度を求める方法2点の座標の角度を求める公式を、JavaScriptで表現します。2点の座標の距離を求める方法2点の座標の距離を求める公式を、JavaScriptで表現します。Blob(File)からData URIを作成する方法Blob(File)をData URIの文字列に変換します。CMYKをCMYに変換する方法カラーコードをCMYKからCMYに変換します。CMYをCMYKに変換する方法カラーコードをCMYからCMYKに変換します。CMYをRGBに変換する方法カラーコードをCMYからRGBに変換します。要素に適用されているCSSの値を取得する方法要素に適用されているスタイルシートの値を取得します
HTML5 Drag and Drop Example - Web Code Geeks - 2025
Subscribe to our newsletter and download the HTML5 Programming Cookbook right now! In order to get you prepared for your HTML5 development needs, we have compiled numerous recipes to help you kick-start your projects. Besides reading them online you may download the eBook in PDF format! To achieve drag and drop functionality with traditional HTML4, developers would have to use complex Javascript c
ASP.NETでのページのリロード | iPentec
ASP.NETでページのリロードをするコードを紹介します。 概要 ASP.NETでページをリロードする場合は、同じURLへリダイレクトすることでリロードを実行できます。 JavaScriptを用いてページをリロードすることも可能です。JavaScriptを利用したページのリロードはこちらの記事を参照してください。 UI 以下のUIを作成します。ASP.NETアプリケーションを作成し、WebフォームにASP ボタンコントロールを2つ、ASP Labelコントロール、HTMLコントロールのボタンを配置します。 XML XMLのコードは以下になります。 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="PageReload._default" %> <!DOCTYPE html
遊ぶだけで一流エンジニアになれる！？ゲーム形式のJavaScript学習ツール「Code Combat」の使い方
現代は、世の中とテクノロジーが密接なつながりのある時代。特に、スマートフォンが爆発的に普及した2010年以降から、Webサービスの充実を体感している人も多いはず。そして、非エンジニアでありながら趣味としてプログラミング行い、ゲームやWebサイトを作っている人も多いです。 しかし、プログラミングと聞くと「難しそう」といったイメージを持つ方も多いのではないでしょうか？エンジニアは専門職ということもあり、その入口は特に難しそうに感じるかもしれません。 そこで今回は、初めてプログラミングに挑戦したい方にオススメな、JavaScriptやPythonなどの学習サービス「Code Combat」をご紹介します。 「Code Combat」ってなに？ 「Code Combat」は、プログラミングを全く知らない人でも簡単に出来るゲーム形式のサービスなので「遊びながらJavaScriptなどを学ぶ」ことので
初めから厳密すぎるテストを書くのは筋悪なのではないかという話 - 愛と勇気と缶ビール
これは人それぞれのコードの書き方に依存するので必ずしも筋悪というわけではない。むしろそういう風に書いてしまえる人もいるだろう、くらいの話。 何が言いたいかというと、自分の場合、ある程度は頭の中でまとめつつとりあえず手を動かして書いてみる→気に入らなかったり、後から「これではあかん」と思ったらインタフェース変える、みたいなことを繰り返しながら、要は同時にリファクタリングしながらコードを書いていくので、初めから厳密すぎるテストを書いてしまうと手戻りが多くなって非効率的なのである。 例えば、とあるJavaScriptのメソッドの返り値がこんな感じだったとしねえ。 { valid: true, foo: 10, bar: 0 } で、"valid"の部分はほぼ間違いなくこれで行くけど、"foo"と"bar"の部分は後から無くすかもしれない。あるいはkey名を変えるかもしれない。あるいは何か別のke
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Testing Frameworks for Javascript | Write, Run, Debug | Cypress
How can I change an element's class with JavaScript?
拡張機能に署名して安全に提供 ～「Visual Studio Code」のマーケットプレイスで開始／ダウンロードの途中で改竄がないことを証明
GitHub、コードエディター「Atom」の開発を終了 ～年内にアーカイブ／「Visual Studio Code」の台頭に抗しきれず。「GitHub Codespaces」、「Zed」に期待
VS Code API
CodePen - Front End Developer Playground & Code Editor in the Browser
CodeSandbox: Instant Cloud Development Environments
