JavaScript

4

Swiperカスタマイズメモ

案件でSwiprerを使用した際に、カスタマイズで躓いたポイントのメモです。

Swiperとは?

一般的にスライダーライブラリと言えば、「Slick」「FlexSlider」などがありますが、実装にあたりjQueryプラグインの導入が必要でした。
ですが、この「Swiper」はjQueryに依存しない高機能なライブラリ。

「Slick」は以前に実装経験がありますが、今ちょっと話題のこの「Sw

もっとみる
Thank you!(*ˊᗜˋ*)/
8

CSSとJavaScriptで簡単なアニメーションを作ろう

はじめに

この記事では、CSSとJavaScriptを使って、Webページに簡単なアニメーションを実装する方法をご紹介します。
筆者が実際の案件で制作したコードをもとに解説します。
また、有料記事ではソースコードもダウンロードいただけますので、JavaScriptが得意ではない方でも、お使いいただけます。

成果物

本記事では、下記のようにスクロールと連動してアニメーションを実行できる方法をご

もっとみる

プログラミング初心者からthree.jsに慣れるまで

こんにちは。
私は現在クリエイティブディベロッパーという、フロントエンド+WebGL 実装する仕事を2年半ほどやっています。

1年半東京の会社で働いたあと半年間フリーランスをして、その後アムステルダムの会社に入社して現在8ヶ月経ちます。

three.jsで絵を作るのが好きで、仕事でもプライベートでもこんなかんじのものを作っています。ほとんどtwitterにあげてるので、興味がある方はぜひ見てみ

もっとみる

PHP(Laravel) でエンドポイントをつくって、 Nuxt.js に渡す

ディレクトリ構成

Nuxt.js, Laravel 別々にディレクトリを作成し、それぞれ個別のプロジェクトとして扱います

- nuxt-project  # Nuxt.js - Nuxt のファイルたち- laravel-project  # Laravel - Laravel のファイルたち

Laravel をさわる

Laravel をインストール

composer create-

もっとみる