2019/04/03 サイト名を「ウェブカンペ」から「tech1000+」に変更しました。
CATEGORY

JavaScript

  • 2018年1月27日

【JavaScript】LocalStorageの使い方

簡単な使い方 ※LocalStorageではなくSettionStorageを使う場合は、下記1行目でSessionStorageを変数に入れる。 LocalStorageにデータをセットする LocalStorageのデータを取り出す LocalStorageのデータを全て消去する

  • 2017年11月3日
  • 2017年11月3日

Vue.jsの解説を公式より詳しくやっていく①

目的 vue.jsは公式の日本語ガイドがかなり充実したものになっているが、HTML,CSS,JSの知識の前提を中レベルとしている。 ここではそれよりもさらに低いレベルでも理解できるようにまとめていく。 ※翻訳の関係なのか、日本語がやや変な部分も補完していく。 ※自己学習かねてのため、回りくどい部分あり 準備 index.htmlを作成し、最低限のコードを書く サンプルではjsは外部ファイルには書か […]

  • 2017年7月28日
  • 2017年8月3日

もう迷いたくない。基本のjavascriptサマリー

JavaScriptを習得したいと思っていろいろ触っているときに、古い情報と新しい情報が混在して困った。既にJavaScriptについての理解ができていれば、それらの情報に困ることもないのだろうが、それ以前の問題の私。 なので、「JavaScriptの基礎の基礎を書きながら覚える」かつ「最近の書き方などをTipsとしてメモ」していきます。まずはファイルの準備や表記方法についてと、簡単な関数を使って […]

  • 2017年7月25日
  • 2017年7月29日

JSONの表記とJQuery

JSONとは JavaScript Object Notationの略。 一言で言うと、わかりやすく簡単なデータ記述言語。 WEB APIでのデータの送受信などにJSONフォーマットが使われる。 Web API とは Application Programming Interface(アプリケーション・プログラミング・インターフェース)の略。 「Webサービスをプログラミングから操作するための方法 […]

  • 2017年5月7日
  • 2017年7月29日

【JavaScript 2-1】 関数について

関数とは 複数の文で書かれた命令をまとめて呼び出せるようにする仕組みのこと。 ポイント 関数の中で宣言した変数は、関数の中だけで使用できる 関数の中で宣言した変数は「ローカル変数」といって、関数内のみでした利用することができない。 関数の外で定義した変数は「グローバル変数」といって、関数内も外も問わず使用することができる。 関数の有効範囲のことをスコープと呼ぶ。 グローバル変数による名前の重複を避 […]

  • 2017年4月26日
  • 2019年5月10日

【JavaScript 1-5】 ジャンケンゲームを作る

プログラム js/app/js ポイント 定数で固定データをわかりやすく 1~4行目 数字のままではわかりにくいので、GU,CHOKI,PAという変数にそれぞれ代入する。 この値は不変の値になるため「定数」と呼び、定数であることがわかるように大文字にする習慣を付ける。 数値に変換 8行目 【JavaScript 2-1】 if文を使った条件分岐で使ったparseFloat関数の応用で、parseI […]

  • 2017年4月25日
  • 2017年7月29日

【JavaScript 1-4】 論理演算子を使った条件分岐

お腹の空き具合に応じて注文を変更する 前回のプログラムに条件を追加する 【JavaScript 2-1】 if文を使った条件分岐 js/app.js 結果 論理演算子一覧 論理演算子 使用例 意味 && A && B AかつB || A || B AまたはB ! !A Aではない confirmのメソッド戻り値 ダイアログボックスのOKをクリックでtrue […]

  • 2017年4月25日
  • 2017年7月29日

【JavaScript 1-3】 if文を使った条件分岐

所持金に応じた注文結果の分岐 ※htmlは前回の記事のファイルと同様 【JavaScript 1-2】 BMI計算プログラムを作る js/app.js ケースごとに条件を分ける js/app.js 比較演算子一覧 演算子 働き 例 === 厳密に等しい a === 1 == 等しい a == 1 !== 厳密に等しくない a !== 2 != 等しくない a != 2 > ~より大きい a > 1 […]

  • 2017年4月22日
  • 2019年5月20日

【JavaScript 1-2】 BMI計算プログラムを作る

はじめに 簡単なプログラム入門として、JavaScriptでBMIを求めるプログラムを作成する。 自分の体重・身長を入れるとBMIが返ってくるシンプルなプログラムを、簡単な書き方、少し慣れた後の書き方の2通り書いていく。 準備 エディターを用意する 自分が使いやすいと思うエディターを用意しておく。 【高機能エディタ】 ATOMが一番使いやすいかもしれない 用意するファイルとディレクトリ構成 htm […]