VSCodeでJSDocを使ってコメントを書こう
function test(a, b, c) { if (a === b) { alert(c); } } ご覧のように、コメントなしでコードを読むことが難しいです そこで、JSDocを導入してコメントを書きましょう JSDocってなに JSDocは、JavaScriptのコメントの書き方に対するルールです そして、VSCodeとの相性が非常に良く、プラグインなしでショートカットで簡単に書くことができます 使用の流れは以下のようです まずはメソッドの上に、/**を打ちます そこで、autocompleteが自動に表示しますので、Enterを打って改行させます そうすると、パラメータが自動的に認識され、コメントが生成されました そして、書き方の以下です 一つ目の*はメソッドのタイトルで、@paramの末端にパラメータの意味や用途などを書きます /** * メソッドのタイトル * @param
JavaScriptでJSDocコメントを書くメリットとは - ICS MEDIA
筆者が試したところ、開発環境としてWebStormやVS Codeがとくに優れており、ツールチップにJSDocコメントの情報がすべて表示されました。 ちなみにReactやAngularなどのメジャーなJSライブラリにおいても、そのソースコードではJSDocコメントが使われています (例 : Angular、React)。APIが多岐に渡るJSライブラリを利用するとき、わざわざリファレンスをブラウザで開いたり解説書で調べることなく、コード上で関数の仕様を確認できます。 ▲描画ライブラリCreateJSのAPIを表示したもの JSDocコメントのメリット② APIリファレンスの生成 TypeDoc等のツールを使うことでコードのリファレンスドキュメントを作成できます。こういったJSライブラリのリファレンスはみなさんも一度は見たことがあるのではないでしょうか。 ウェブサイト案件のソースコードでAP
VSCodeでJavaScriptのデバッグが容易になったらしい
VSCode（Visual Studio Code）で、JavaScriptのデバッグが容易になったらしいので試してみます。これまではGoogle Chromeで確認する際、VSCodeにDebugger for Chromeという拡張機能のインストールが必要でしたが、それが不要になりました。 今回は、Reactでデバックを試してみます。 ちなみに、私のVScodeのバージョンは1.58.2です。 手順 VSCodeを開く ローカルでReactを起動する（yarn start） VSCodeでcommand + shift + d を押す（実行とデバックを選択状態にする） ブレークポイントを付ける command + shift + p を押す（コマンドパレットを開く） 「Debug: Open Link」を選択し、エンターキーを押す URLを入力し、エンターキーを押す 自動でGoogle
Visual Studio CodeでのJavaScriptのデバッグ方法 - ICS MEDIA
マイクロソフトが無償で提供しているコードエディター「Visual Studio Code（略称：VS Code）」はGoogle ChromeやMicrosoft Edgeのデバッグ機能と連携できます。VS Code上でブレークポイントを設定してコールスタックを確認したり、ステップ実行や変数のウォッチなどを行えます。複雑なJavaScript開発を行っている方は、デバッグ機能を使うことで、効率のよい開発体験を得られるでしょう。 本記事ではデバッグ機能を使うためのVS Codeの導入方法について説明します。 導入手順と前提 VS Codeにはデフォルトでデバッグ機能が搭載されています。 ※2021年8月以前のVS Codeでは拡張機能「Debugger for Chrome」の導入が別途必要でしたが、今のVS Codeでは拡張機能をインストールする必要はありません。 本記事では、ウェブページ
iframeの高さを自動調節する - Qiita
親サイトにifremeを入れたときにうまく高さが指定できなかったので 参考になるサイトを探しまくりました。 要件 iframe。よくあるyoutube、googlemapではなく、別のサイトのiframe（クロスドメインと言う）。 iframe側の高さが動的に変わる場合（例：記事のタイトルとか、日によって文字数がかわるやつ）高さを固定すると変にスクロールがついてしまい、見た目が悪い。 iframe使ってるってなるべく気づかれたくないときに活用できる サンプルコード <script> window.addEventListener('message', function(e) { var iframe = $("#parentframe"); var eventName = e.data[0]; var data = e.data[1]; switch(eventName) { case '
ホームページ- EY-Office
小ネタです、JavaScriptで本日の日付をYYYY-MM-DD形式で得るコードは案外面倒です。 本日2023年4月17日なら 2023-04-17 という文字列を得るコードはRubyならTime.now.strftime("%Y-%m-%d")、Pythonならdatetime.today().strftime("%Y-%m-%d")（importは省略しました）と簡単に書けますが、JavaScriptでは案外面倒なのです。 追記： いくつかの間違いのご指摘がありましたので修正しました（2023-04-19）。 DeepAIが生成した画像です いっけん正しいようで間違ったコード new Date().toISOString().slice(0,10) new Date()で本日の日時を取得します toISOString()メソッドは日時データをISO形式の文字列に変換します、例えば 2
【JavaScript入門】日付の加算・減算方法まとめ(月またぎ/うるう年) | 侍エンジニアブログ
注意点として、getMonth()、setMonth()は0の値から始まるということです。つまり通常のカレンダーの1月が0の値となりますので、通常のカレンダーと上記メソッドの取る値では1つずつ値がずれていることを覚えておいてください。 そして、”年、月、日、時、分、秒”を加算、減算する為の基本的な処理の構文は以下の通りです。 dt.setXXX( dt.getXXX() + DDD ) dt.setXXX( dt.getXXX() - DDD ) 上記のように、getXXX()で現在のDateクラスの変数dtの日付を取得し、その日付に値（DDD）を加減算し、setXXX()で現在のdtの日付情報を取得するのが基本の流れです。 では、具体的なサンプルを見てみましょう。まずは、日付の加算の例です。 window.onload = function () { // 基本的な、日付の加算 var
Webブラウザ上で3D/2Dモデルをぬるぬる動かせる「Babylon.js 6」正式版に。レンダリング性能が最大50倍、WASM化した物理演算エンジン搭載、液体のレンダリングも
マイクロソフトは、Webブラウザ上で2Dや3Dモデルの高速なレンダリングなどを可能にするオープンソースのJavaScriptライブラリ「Babylon.js」の最新版「Babylon.js 6.0」正式版をリリースしました。 We are thrilled to officially announce the release of Babylon.js 6.0! The web just got a WHOLE lot more exciting!https://t.co/q0JVsQaTSd#babylonJS6 #gamedev #indiedev #webdev #Metaverse #3D #webgl #gamedevelopment #IndieGameDev #webdeveloper pic.twitter.com/owV6YLp1zc — Babylon.js (@bab
マイクロソフト、Webブラウザで3Dゲームがびゅんびゅん動く「Babylon.js 5.0」正式リリース、WebGPUにフル対応、iOS/Androidなどクロスプラットフォーム展開も
マイクロソフト、Webブラウザで3Dゲームがびゅんびゅん動く「Babylon.js 5.0」正式リリース、WebGPUにフル対応、iOS/Androidなどクロスプラットフォーム展開も マイクロソフトは、JavaScriptで2Dや3Dモデルを高速に扱えるライブラリ「Babylon.js」の最新版「Babylon.js 5.0」正式版をリリースしました。 We'd like to formally introduce the next version of the Babylon Platform - #BabylonJS5 Blog: https://t.co/aMgjIIeIin Video: https://t.co/OMssjZZPPz#gamedev #gamedevelopment #indiedev #indiedeveloper #webdev #3D @WebGPU #w
Webブラウザで3Dモデルを高速に描画する「Babylon.js 7.0」正式リリース。MMD（MikuMikuDance）やApple Vision Proサポート
Webブラウザで3Dモデルを高速に描画する「Babylon.js 7.0」正式リリース。MMD（MikuMikuDance）やApple Vision Proサポート Webブラウザで3Dモデルを高速に描画する「Babylon.js 7.0」正式リリース。MMD（MikuMikuDance）やApple Vision Pro、WebXRなどをサポートし、よりリアルなレンダリングを実現する機能追加も行われた。 マイクロソフトは、Webブラウザ上で2Dや3Dモデルの高速なレンダリングなどを可能にするオープンソースのJavaScriptライブラリ「Babylon.js」の最新版「Babylon.js 7.0」正式版をリリースしました。 We are proud to announce that Babylon.js 7.0 has officially been released! The ne
Flashエミュレーター誕生のきっかけは別に「フラッシュ愛」じゃなかった 「swf2js」開発者の本音と数奇な運命【フォーカス】 - レバテックLAB
株式会社ソニックムーブ エンジニアグループ ソリューションユニット マネージャー 家永 稔之 2011年にソニックムーブに入社。個人ではJavaScriptとTypeScriptを用いて、「swf2js」や「Next2D」の開発を手がける。業務のリモート化をきっかけに地元の消防団に所属し、防災活動として月に数回、消防車両に乗って地域の巡回を行う。 @ienagatoshiyuki GitHub Animation Tool かつてインタラクティブなWebコンテンツを支えた「Adobe Flash」。「Adobe Flash Player」は2020年12月末でサポートを終了し、ほとんどのコンテンツはすでに姿を消しました。そんなFlashコンテンツ（SWF）を最新のHTML環境で再生可能にする、オープンソースのJavaScriptライブラリが「swf2js」です。ソフトウェアエンジニアの家永
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
JSDocについて理解する - Qiita
TechAcademy [テックアカデミー]![TechAcademy [テックアカデミー]](https://cdn-ak-scissors.b.st-hatena.com/image/square/2c295330d4f51d6ba69336c6835b47fb606bfd53/backend=imagemagick;height=288;version=1;width=512/https%3A%2F%2Ftechacademy.jp%2F_nuxt%2Fogp%2Fog-image.jpg)
EOLを迎えた古い「Node.js」へのCVE付番、MITREに却下されてしまう／開発チームが新方針発表、EOL版は便宜上「今後の新たな脆弱性全てが該当する」原則に
【JavaScript】toLocaleDateStringで日付フォーマット 🗓 - Qiita
【JavaScript】日付処理 - Qiita
【熱望】javascript の for 文で var i を宣言するのはやめて下さい - Qiita
GitHub - rexcheng1997/snowfall-screensaver: A screensaver for Windows in C# with preview in JavaScript
アニメーションとゲーム(JavaScript)
Javascript Racer - v4 (final)