GitHubからNetlifyにホスティングする
GithubからデプロイしてNetlifyにホスティングことがあったので備忘録として書き残していきます。 ■前提 ・Gatsbyプロジェクトのビルドが正常に完…
JavaScript
パララックス効果を簡単に実装するならSimpleParallax
パララックス効果取り入れたい時に使った、SimpleParallaxが便利だったのでご紹介します。 スマホでも機能します！ ■読み込み 公式からcdnを読み込…
GSAPの読み込み | TweenMax、TimelineMax
■GSAPとは？ TweenMax、TimelineMaxなどの総称を指す。 ■GSAPの読み込み 下記にアクセスし、Loading GSAPのスクリプトを読…
覚えたjsのメソッド、プロパティを追加していく
■clientHeight 表示域の高さを取得する。 ある要素の半分で発火させたい時はclientHeight * .5; とする。 ■getBounding…
P5.jsの勉強をライトに始めました
P5.js Processingというアートやデザイン向けに開発された言語を、JavaScriptのライブラリとして使えるようにしたのがP5.jsのようです。…
JavaScript | 三項演算子
三項演算子はシンプルに条件分岐を書くことができます。 ■基本 const val1 = 1 > 0 ? 'trueです' :…
JavaScript | 単一式省力のアロー関数
一般的なアロー関数 一般的なアロー関数は下記のように書きます。 const name= (fullName) => { return fullN…
JavaScript | デフォルト値
JavaScriptの関数の引数にはデフォルト値を設定する事ができます。 まず先にデフォルト値を設定していないと下記ではundefinedが返ってきます。 c…
JavaScript | 分割代入
分割代入構文は、配列、オブジェクトから値を取り出して別個の変数に代入することを可能にするJavaScriptの式です。 https://…
JavaScript | import,export
■モジュール化とは ・JavaScriptではES2015から採用 ・基本的に1ファイル1モジュール ■名前ありexport ・モジュールから複数の関数をex…
JavaScript | 論理演算子
かつ && (アンバサンド) 条件が両方一致した時実行 const x = 20; const xStyle = x &…
JavaScript | webAPIを叩く
今回はJavaScriptで初めてwebAPIを叩いたので書き残していきます。 async await構文 今回はasync await構文でwebAPIを叩…
「初学者向け」JavaScript | DOMとは
JavaScriptの学習を進めていく上で重要な「DOM」について解説します。 > Document Object Mod…