JS– category –

Reactを利用している際にTailwind CSSを利用する流れが発生したので導入方法を書いていきます。 Tailwind CSSとは Tailwind CSSはCSSフレームワークの一つで比較的新しいフレームワークです。Tailwind CSSはユーティリティファースをと掲げており、便利で...

フロントエンドとしてよく話題になっていたので学んでみることに。今までいた会社がjQueryをまだ推奨していることもあって個人的に脱却したいなという目標があります。 セッティングとかちょいちょいやるけどすぐに忘れてしまうのでまとめておこうと思いま...

厳密に言えば、jQueryです。 突貫でどうしてもLPを作らなければいけなかったので、ライブラリを探してきて作業。 ライブラリ自体の動作もとても綺麗だったので結構気に入っていたのですが意外とトラップが・・・ ダウンロードしてきた中身のSassの関数部分...

値を入れて使う箱のようなもの。値を直接書いていくこともできるが、1つの処理しかできなくなる。変数を使うことによって値の変更が可能なプログラムの処理として使いまわせるようになる。 変数宣言と代入 let、const、varの違い let、constはES6から使用...

スコープとは 実行中のコードから値と式が参照できる有効範囲のこと。変数、定数、引数が「どこで値を参照したり変えたりできるのか」有効な範囲を決めるもの。 同じ名前の変数が意図せず競合を避けるためグローバルスコープとローカルスコープを使い分け...

プログラムを作成するにはエディタとブラウザがあれば十分だが、本格的な開発をする場合は各種ツールを使った方が効率的。 Node.jsサーバサイドでJavaScriptを実行するプラットフォーム。サーバも構築できるし、アプリケーションプログラムも動かせる。リ...

Ecma Interntionalによって標準化されたJavaScriptの仕様のこと。（実装はJavaScript） ECMAScript略史 ECMA First Edition NetScape Communications社が開発したJavaScriptの言語標準化のためにEcma Internationalに提出され、1997年に公開。ECMAScriptと...

JavaScriptはWebブラウザ上で動作する。基本はWebブラウザで使われる言語だったが、Node.jsというサーバー向けの実行環境なども登場。 JavaScriptで可能な処理 イメージしやすいような処理だと下記のような処理ができる。 カルーセルポップアップ入力フォ...

イベントを主催したりする企業だとホームページにイベント情報を掲載している場合がありますよね。 connpassとかのイベントに参加する機会もあり、またGoogleカレンダーを活用しまくってる私としてもサイトからGoogleカレンダーに情報を登録できるのは非常...