JavaScript– tag –

JavaScriptが動かなくなったら JavaScriptはWebサイトに動きを持たせたり、サーバーとの非同期通信によりデータを取得して処理したりするのに使われるプログラミング言語です。 JavaScriptを使ってWebサイトを制作しているときに、うまく動かなかったり、...

Reactの概要 Reactとは、JavaScriptのライブラリの一つです。Facebook社が中心となって開発したもので、「React.js」「React.JS」と呼ばれることもあります。 ライブラリとは ライブラリとは、使われることの多い機能モジュール＝プログラムを一つのファイ...

Vue.jsの概要 Vue.jsは、見た目に特化したオープンソースのフレームワークで、MVVMアーキテクチャを採用しています。MVVMとは、Model-View-ViewModelの略です。Modelはビジネスロジックやデータの取得を担当します。Viewは見た目、レイアウトです。ViewMod...

JSONの概要 JSONとは"JavaScript Object Notation"の略で、直訳すれば「JavaScriptにおけるオブジェクトの表記法」という意味になります。JSONはCSVやXMLと同じくデータを記述する方法の一つで、拡張子は「.json」となります。その名前が示すとおり、JavaS...

iPhoneやiPadでボタンがタップできない時はポップアップブロックを確認する Webサイト制作をしていると、iPhoneやiPadでボタンがタップできないという現象に直面することがあります。多くの場合、その原因はブラウザのSafariのポップアップブロックの設定...

JavaScriptの条件演算子の概要 JavaScriptのコードを見ていくと、下記の参考１のコードのように、はてなマーク（？）やコロン（：）を見かけることがあります。 参考１ var seijin = (age < 20) ? "未成年です":"成人しています"; このように、JavaScri...

Webサイトによっては、ユーザーのデバイスによって表示するものを変えることがあります。最近ではCSSを使ってデバイスに応じたコンテンツを表示しています。CSSではメディアクエリを使ってデバイスの画面幅で判断していますが、例えば「画面幅が1200px以上...

わかるようでわからないreturnの意味 JavaScript だけでなく、プログラミングでは「return文」と呼ばれる記述をすることがあります。その名の通り、“return”を使ったプログラムのことですが、今一つ何をしているのか初心者にはわかりにくい処理です。ブラ...

Next.jsの概要 Next.jsは、JavaScriptライブラリであるReact開発におけるフレームワークです。2016年10月に最初のリリースが行われ、2021年３月時点の最新バージョンは10.0です。Reactではブラウザ側でレンダリング（htmlの解釈）を行うSPA（Single Page A...

2020年から始まるプログラミング教育必修化に向けて、プログラミング言語を学ぼうと思われている方は少なくないかと思います。これからプログラミングを始めるのであれば、JavaScriptがおススメです。今回は初めてのプログラミング言語としてJavaScriptが...

口ひげテンプレートの概要 口ひげテンプレート（Mustache template）とは、{{ }}の記号を使うことにより、簡単に「もし～～があったら、～～する。（if…then…）」という条件分岐を作ることができるロジックレスのテンプレートシステムです。 例えば下記の...

webpackとは webpackとは、JavaScriptのモジュールバンドラーツールで、複数のモジュールを１つにまとめることができます。複数のファイルを１つのファイルにまとめることで、保守性が高くなり、他プロジェクトにもファイルを転用しやすくなります。そのた...