Node-REDとは何か Node-REDは、ノード(処理一つずつをまとめたもの)を繋いでいき システムを構成することが可能な グラフィカル な言語です。 繋ぎ合わせた流れのことを フロー と呼びます。 元々、Webシステム開発者に人気が高い言語です。 以下が、公式サ…

今回の目的 HTMLに画像（アイコン目的の）を埋め込むときに、 わざわざ探すのがめんどくさい。 おまけにデザインを考慮すると探すのが難しい。 そこで、今回は feathericons というJavaScriptとして使用できるライブラリを使用してみる。 feathericons(Githu…

問題点 bootstrapでnavbarを設置。 ページ内で<a>タグを使用して画像などにジャンプさせると、 navbarに画像が重なってしまう現象が発生。 navbarに重なってる 原因 <a>タグでジャンプする際は、ジャンプ先のタグ上部に画面上部が一致するような仕様になっている。</a></a>…

実際に出た状況 HTML/JavaScriptで、アンカーの移動時に指定px分さらにずらしたい時に、以下の関数を埋め込んだ。 $(function () { var windowWidth = $(window).width(); var headerHight = 70; $('a[href^="#img"]').click(function() { console.log("clic…

Git ってなあに 分散型のヴァージョン管理システムです。 * 分散型 * というのは、リポジトリを複数人でそれぞれ作成することが可能、ということです。 反対に、中央集権型もあります。 SVN(Subversion)などがそうですが、 それらはリポジトリは一つしかあり…

http-serverとは 作成したいカレントDir上で、 ローカルサーバーを立ち上げることができるコマンドラインツール。 インストール&起動 cmdで以下を実行！ >npm install -g http-server npmコマンドはnode.jsインストール時に一緒にインストールされます。 起…

目的 昨日のブログで、ひとまずNode.jsをインストールしました。 今回は、基本的なプログラム実行などで少しずつNode.jsもしくはJavaScriptに触れていきたいと思います。 ひとまずHelloWorldしてみる VScodeで以下のjsをファイルを保存して、> node hello.js…

今回の目的 先週の業務で初めてBootstrapに触れました。 業務中はに軽く理解したつもりではありますが、 確実な知識にするために基本を押さえて簡単など導入をしてみます。 Bootstrapとは 一言でいうと、Web画面を作成する際に とっても便利なCSSフレームワ…

Node.jsとは サーバサイドで使用されるJavaScript コマンドラインツール 実行は、 > node hoge.js 非同期処理を行うことができる 非同期とは、I/Oの処理結果を待たずに処理を進めることができるという意味 シングルスレッドなため、メモリ消費が少なくて済む…

Ajax Ajaxとは 「Asynchronous JavaScript + XML」の略 Asynchronous自体は、非同期の、という意味らしい JavascriptとXMLを用いて、非同期にサーバとの通信を行うこと。という感じだろうか 非同期とは ブラウザから一部の情報のみリクエストするため、画面…