GitHubからNetlifyにホスティングする

Gatsby

GithubからデプロイしてNetlifyにホスティングことがあったので備忘録として書き残していきます。 ■前提 ・Gatsbyプロジェクトのビルドが正常に完…

GSAPの読み込み | TweenMax、TimelineMax

JavaScript

■GSAPとは? TweenMax、TimelineMaxなどの総称を指す。 ■GSAPの読み込み 下記にアクセスし、Loading GSAPのスクリプトを読…

P5.jsの勉強をライトに始めました

JavaScript

P5.js Processingというアートやデザイン向けに開発された言語を、JavaScriptのライブラリとして使えるようにしたのがP5.jsのようです。…

JavaScript | 三項演算子

JavaScript

三項演算子はシンプルに条件分岐を書くことができます。 ■基本 const val1 = 1 > 0 ? 'trueです' :…

JavaScript | デフォルト値

JavaScript

JavaScriptの関数の引数にはデフォルト値を設定する事ができます。 まず先にデフォルト値を設定していないと下記ではundefinedが返ってきます。 c…

JavaScript | 分割代入

JavaScript

分割代入構文は、配列、オブジェクトから値を取り出して別個の変数に代入することを可能にするJavaScriptの式です。   https://…

JavaScript | import,export

JavaScript

■モジュール化とは ・JavaScriptではES2015から採用 ・基本的に1ファイル1モジュール ■名前ありexport ・モジュールから複数の関数をex…

JavaScript | 論理演算子

JavaScript

かつ && (アンバサンド) 条件が両方一致した時実行 const x = 20; const xStyle = x &…

JavaScript | webAPIを叩く

JavaScript

今回はJavaScriptで初めてwebAPIを叩いたので書き残していきます。 async await構文 今回はasync await構文でwebAPIを叩…