サイト構築 -JavaScript

知っておくと実装に役立つ!JavaScriptのテクニックのまとめ

Post on:2021年4月22日

デベロッパーのコミュニティには、実装に役立つテクニックやヒントが満載です。その中から特に有用なJavaScriptのテクニックとヒントを紹介します。 8 JavaScript Tips & Tricks That No

...記事の続きを読む

JavaScriptの外部ファイルで簡単に実装できる、映画コンテンツを快適に再生するHTML5動画プレーヤー -Moovie.js

Post on:2021年3月24日

動画、特に映画コンテンツを快適に再生することにフォーカスされたHTML5プレーヤーを実装するスクリプトを紹介します。 実装は非常に簡単でカスタマイズも豊富、字幕は多言語をサポート、動画の再生速度は0.1x-8xまで変更可

...記事の続きを読む

Intersection Observerを使用すると実装が簡単に!Vue.jsでスクロールイベントをトリガーする方法

Post on:2021年2月24日

Webページやスマホアプリにスクロールのアニメーションを実装したり、特定の地点までスクロールしたらイベントをトリガーにしたりする際は、JavaScriptのライブラリを使用するのではなく、Intersection Obs

...記事の続きを読む

とあるデベロッパーが、JavaScriptだけでどのようにしてAirDropを再現したか

Post on:2020年12月24日

タップ・クリックするだけで他のデバイスと簡単にファイルを共有できるAirDropをJavaScriptだけで再現したその仕組みを紹介します。 同一WiFiで利用でき、iOSやmacOSだけでなく、AndroidやWind

...記事の続きを読む

JavaScript入門: 基礎知識をGIFアニメで分かりやすく解説 -総まとめ

Post on:2020年12月15日

JavaScript QuestionsのLydia Hallie氏の「JavaScript Visualized」シリーズすべての翻訳を完了したので、まとめて紹介します。 JavaScriptエンジンの仕組みをはじめ、

...記事の続きを読む

Vue.jsでSlotsの代わりにPropsを使用する理由、名前付きSlotsやスコープ付きSlotsとの違いについて解説

Post on:2020年11月4日

Vue.jsのコンポーネント間でデータを渡す方法はたくさんありますが、Propsを使うかSlotsを使うかはニーズによります。Slotsの代わりにPropsを使用する理由、名前付きSlotsやスコープ付きSlotsとの違

...記事の続きを読む

JavaScriptでのメディアクエリ、matchMedia()の使い方を解説

Post on:2020年9月15日

メディアクエリと言えば、CSSの@mediaでスクリーンサイズに合わせて最適なスタイルを適用するものを思い浮かべる人が多いと思います。JavaScriptで実装したコンポーネント、例えば、スライダーなどをレスポンシブ対応

...記事の続きを読む

テキストやSVGや画像が3Dで動く!HTMLで実装した要素から3Dアニメを自動生成するスクリプト -ztext.js

Post on:2020年9月7日

普通のHTMLで実装されたテキストやSVGや画像を立体的にするためにレイヤーを自動生成し、3DのアニメーションにするJavaScriptを紹介します。 日本語や絵文字にも対応しており、アニメーションはマウス操作などに反応

...記事の続きを読む

React、Angular、Vue対応、高性能なテーブルを実装できるシンプルで軽量のJavaScriptライブラリ -Grid.js

Post on:2020年7月15日

高性能なテーブルを実装できる、シンプルで軽量のJavaScriptライブラリを紹介します。HTMLテーブル、ページネーション、検索機能、ソート機能、XMLやJSONからインポートなどに対応しています。 React、Ang

...記事の続きを読む

ネイティブのタッチ・スワイプ操作に対応したスライダーを簡単に実装できるJavaScriptライブラリ keen-slider

Post on:2020年7月8日

ネイティブのタッチ・スワイプ操作に対応したさまざまなスライダーを実装できるJavaScriptライブラリを紹介します。 依存関係は一切なし、IE10を含むすべてのブラウザをサポートしています。 keen-slider k

...記事の続きを読む

top of page

©2024 coliss