TSDoc - Wikibooks
TSDocは、TypeScriptプロジェクトで使用されるドキュメンテーションコメントのための規格です。これにより、開発者はTypeScriptの型情報とともに、より明確かつ一貫したドキュメンテーションを作成できます。 このチュートリアルでは、TSDocの基本的な概念と使用法について説明します。具体的には、TSDocコメントの書き方、一般的なタグの使用方法、および高度なタグの使用方法について説明します。 また、TSDocの有用性とドキュメンテーションの重要性についても触れます。 このチュートリアルを読み終えると、開発者はTypeScriptプロジェクトでTSDocを使用するための知識を獲得でき、より良いドキュメンテーションを作成することができるようになります。 TSDocとは[編集] [TSDocの概要と、なぜドキュメンテーションにTSDocが使われるのかを紹介します。] TSDocとは、
Homepage | GSAP
GSAP allows you to effortlessly animate anything JS can touch. Delivering silky-smooth performance and unmatched support so you can focus on the fun stuff. GSAP allows you to effortlessly animate anything JS can touch. Delivering silky-smooth performance and unmatched support so you can focus on the fun stuff.
GSAPのScrollTrigger.jsを使ったスクロールアニメーションを実装する方法
今回はGSAPのScrollTrigger.jsを使ったスクロールアニメーションについて説明します。 前提条件は以下 複雑なアニメーションをしたいアニメーションをサクサク動かしたいCSSは操作せず、JavaScriptだけでアニメーションさせたい 説明環境は以下 macOS Catalina v10.15.5Visual Studio Code v1.57.0
vivus.js - svg animation
vivus, bringing your SVGs to life Vivus is a lightweight JavaScript class (with no dependencies) that allows you to animate SVGs, giving them the appearance of being drawn. There are a variety of different animations available, as well as the option to create a custom script to draw your SVG in whatever way you like. View on GitHub Delayed Every path element is drawn at the same time with a small
Snap.svg - The JavaScript SVG library for the modern web.
Why SVG (and Snap)? SVG is an excellent way to create interactive, resolution-independent vector graphics that will look great on any size screen. And the Snap.svg JavaScript library makes working with your SVG assets as easy as jQuery makes working with the DOM. Modern features for modern browsers Snap.svg is designed for modern browsers and therefore supports the newest SVG features like masking
Webサイトに華やかな表現を！ HTML5用パーティクルライブラリ「ParticleJS」を公開 - ICS MEDIA
JavaScriptライブラリー「ParticleJS」を公開しました。「ParticleJS」は大量の粒子（パーティクル）の表現を行うためのライブラリーで、ゲームの演出やスペシャルコンテンツなどの表現制作に役立ちます。HTML Canvasとして動作するので、デスクトップ・モバイルを問わずどのブラウザーでも動作します。 また、「Particle Develop」という専用のデザインツールも用意しています。このツールを使うと直感的な操作でデザインでき、出力したパラメーターを「ParticleJS」にコピペで読み込めます。デザイナーが作成したパーティクル演出をエンジニアが利用するといった連携を想定してます。 MITライセンスで公開していますので、商用利用問わずどなたでも自由に利用が可能です。ソースコードやドキュメントはすべてGitHubにて公開していますので参照ください。 ParticleJ
慣性スクロールとパララックスエフェクトのVanilla.jsプラグイン「Luxy.js」作ってみた | Will Style Inc.｜神戸にあるウェブ制作会社
こんにちはアートディレクターの奥田です。 最近は娘の成長を見るのがとても楽しみで、寝返りしたと思えば次の日にはずりばいの練習をしていたりと日々成長していく姿に感動しております。 さて、Webサイトに高級感を与える慣性スクロールとパララックスエフェクトのVanilla.jsのプラグインを作ってみました。 サイト制作にぜひ役立ててみてください。 Table of contentsインストール使い方オプション補足さいごにインストールnpmで簡単にインストール可能です。 npm install luxy.js --saveまたは、ページにスクリプトを含めることで使用できます。 <script src="path/to/luxy.js" charset="utf-8"></script>プロジェクトにluxy.jsを含めて以下のように初期化してください。 <script charset="utf-8
TypeScript ビルド コンパイル 設定 Visual Studio Code - しすろぐ
今回は、Visual Studio CodeでTypeScriptをコンパイルする設定のメモです。 小規模なTypeScriptであれば、tscコマンドでのコンパイルで事足りると思います。 しかし、複数のファイルを同時にコンパイルする場合や、 決まったルールでコンパイルを行う場合には、VsCodeの機能でコンパイルできたら便利だと思います。 最小限の内容をメモしたいと思います。 環境 VsCode Version：1.50.1 TypeScript Version：4.0.3 VsCode 設定・ビルド実行 以下の形で配置されている2種類のtsファイルを、 同じフォルダにそれぞれjsファイルとしてコンパイルする為の設定を行います。 ・tsconfig.json 作成 まずは、TypeScriptのビルド設定ファイルを作成します。 以下のコマンドを実行すると、tsconfig.jsonという
[JavaScript] ファイルのサイズを自動で取得して表示する3 | Library | Development Reference
以前作成した「[JavaScript] ファイルのサイズを自動で取得して表示する2」のライブラリを更新しました。 DEMO DOWNLOAD 変更点 IE9でスクリプトエラーが出るバグを修正 特定のクラス名を持つa要素のみに適用できるように機能追加 使い方 ZIPファイル を解凍後、JSファイル を任意のディレクトリに配置し、本機能を実装したい html で JSファイル を読み込む。 <script type="text/javascript" src="js/fileSizeGetter.js"></script> 次に、JSファイル をテキストエディタなどで開き、各設定項目をサイトに合わせて変更する。 使い方の詳細は DEMO をご参照ください。
JS Minifier
投稿日:2015/08/21 / 更新日:2016/01/07 JavaScriptの無駄な記述を削除して、コードをMinify処理(軽量化)するツールです。 使い方基本的な操作方法左側(スマホの場合は上)のフォームに、圧縮したいスタイルシートのコードを入力して、「Minifyをする」のボタンをクリックすると、右側(スマホでは下)のフォームに圧縮した結果が表示されます。圧縮のアルゴリズムには、YUI Compressorを利用させていただきました。スマホ上でjs-beautifyを利用したい機会があったため、自分用に作成してみました。Chrome、Firefoxなど対応ブラウザの場合、整形結果をクリックするだけでコピーできます。注意事項Minifyは、ご入力いただいたコードをサーバー側で処理する形となっています。コードをサーバー側で保存することなどは一切していません。
コピペでOK！Chart.js の数字を３桁カンマで表示する方法
現在、データをグラフ化する開発でchart.jsというJavaScriptパッケージを使っています。 このchart.js、MITライセンで配布されてるにもかかわらずとても使い勝手がいいんで、JavaScriptをで、グラフを描くといえばもはやデファクトスタンダードといってもいいんじゃないかと思うほどの出来栄えです。 しかし、ホントにいい時代になりました。 過去にも同様の開発は行ったことがあるんですけど、今のように JavaScript 全盛の時代じゃなかったんで、PHPのGDを使っているグラフを作っていたのを思い出しました（笑） ちなみにChart.jsが初見の方は下のリンクからサンプルを見ることができますよ！ 線グラフ 棒グラフ 円（ドーナツ） ※他にもいろんなタイプのグラフに対応してます。一覧はこちら さて、ここから本題です。 まず、chart.jsでは数字データを設定し、それがグラ
値が整数かチェックする - Qiita
function isInteger(x) { return Math.round(x) === x; } > isInteger(1) true > isInteger(0) true > isInteger(1.111) false > isInteger("1") false > isInteger("") false > isInteger(null) false > isInteger(NaN) false > isInteger(undefined) false Register as a new user and use Qiita more conveniently You get articles that match your needsYou can efficiently read back useful informationYou can use dark th
iOS8.1のSafariで$(window).height()を使うときの注意点 - 備忘録β版
表示領域を取得するときにお馴染みの $(window).height(); をiPhoneのSafariで考えなしに使うと痛い目を見るのでメモとして残しておく。 環境 iPhone 5s（iOS8.1） jQuery 1.11.1 注意すべきところ iPhoneのSafariが他のブラウザと比べて特徴的なのがURLバー（を含む上下のバー）がスクロールで小さくなったりする部分。これが本当にやっかいな挙動をする。 縦（portrait）表示の時は良いとして、問題なのは横（landscape）表示のとき。 URLバー（を含む上下のバー）は、縦から横に回転させたとき隠れ、スクロールすると表示される。 このURLバー（を含む上下のバー）が表示されているか否かで、表示領域の高さは変わるはずなのに、$(window).height()は同じ値を返す。 iPhone 5sで実行した時返す値 取得方法 UR
「IE11」でスクロール時に固定背景画像がカクつく問題 | 創kenブログ
リンクをコピー IE（Internet Explorer）に泣かされることは多々あります。 WEB制作者の頭痛の種です。 徐々にIEの各バージョンも引退しつつありますが、最後の砦である「IE11」は未だ現役です。 今回はこの「IE11」で、スクロール時に固定背景画像がカクつく問題についてです。 発生条件 発生条件は、CSSで背景画像に 「position : fixed」 「background-attachment : fixed」 どちらかを適用した場合に起こるようです。 ま、百聞は一見にしかず。 以下のページをPCから見てください（スマホ・タブレットは画像非表示）。 ＊サンプルtmp001（no-js） Chrome・Firefox・Edge・Safariなどでは普通に見れます。 普通のサンプルサイトです。 今度はこれをIEで見てみましょう。 マウスでページをスクロールすると、ページ
Let's get animating! | GSAP | Docs & Learning
Welcome! In this article we're going to cover GSAP's core fundamentals and animate some HTML elements. 🥳 If that's not your end goal, don't worry. Whatever you plan to animate, whichever framework you use - the techniques and principles covered here will serve you well. The GreenSock Animation Platform (GSAP) is an industry-celebrated suite of tools used on over 11 million sites, including a ton
ScrollMagic Class: Scene
Options for the Scene. The options can be updated at any time. Instead of setting the options for each scene individually you can also set them globally in the controller as the controllers globalSceneOptions option. The object accepts the same properties as the ones below. When a scene is added to the controller the options defined using the Scene constructor will be overwritten by those set in g
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
three.js - JavaScript 3D library
.rules() | jQuery Validation Plugin
jQuery Validationプラグインの共通エラーメッセージを日本語化する方法 | minory
GitHub - yubinbango/yubinbango
