趣旨 お仕事でウェブアプリ開発をすることになった 今回はJavaScriptベースで開発するのだが、せっかくなのでTypeScript+Reactを検討中 先ずは、環境構築だ！ということでメモ書きを残していきたいと思います 手順 Node.jsのインストール こちらより、インス…

趣旨 最近新しいPCを購入したので、ノリノリで環境構築をやっていきたいなあと思っています。 ですが、何をいれたらいいんだっけ...？と迷子状態になっちゃいました。 今後も初期化したり新しいPC購入したりとあると思うので、備忘録として残したいなと思い…

新年早速の記事です！今年は今までよりも多くアウトプットを出していきたいなと思います！ 趣旨 先日新しいPCを購入して、pythonをインストールしたのですが、 せっかくなので環境構築もしっかり実施して後で環境再構築などが実施し易いようにしたいなと思い…

本当に久しぶりの投稿です。 3年ぶりになってしまいました！笑 社会人になって４年目となりましたが、 まだまだレベルアップしていきたいなと思っています。 → 当たり前な話なんですが、改めて言葉にするとちょっと意識変えられそう。 ラズパイは元々持って…

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を用いて、非同期にサーバとの通信を行うこと。という感じだろうか 非同期とは ブラウザから一部の情報のみリクエストするため、画面…

Eclipseについて Javaの開発では広く使用されているらしい、IDE(統合開発環境)です。 この先使用する機会も多そうだったので少し調べたものをメモしていきます。 [Ctrl}+[←], [Ctrl]+[→] その行内で、変数名やメソッド名等区切りがいいところまでカーソルが…

昨日のおさらい 昨日は、以下について考えていました。 Car car1 = new Car(); //Car型のcar1インスタンスを宣言 左辺：Car型のcar1を宣言するよ（アドレスの場所を決めたよ） 右辺：実際に実体のあるデータを準備しますよ でした。 Javaでは、上記の"Car ca…

モチベーション 配列の宣言を勉強した際に、 new演算子がでてきました。 int[] a = new int[5]; //5個分のint型を配列aとして作りますという意味 何気なく「ああそう書くのかなるほど（なるほどとは思っていない）」状態でした。 まあわからなくても。。 と…

モチベーション Javaで以下のような変数の宣言をします。 int a = 1; double b = 1.0; これらの型の種類名を以下のように返してくれるようなメソッドがないのかな？と思って調べました。 int //aの結果 double //bの結果 Java側では、目的のメソッドは準備さ…

前書き こんにちは、四月から新卒でIT企業に入社した者です。 コロナの影響もあり、入社して早々に在宅勤務となり研修を受けています。 基本的には自分用の日記間隔で更新していきます。 万が一、覗いて下さった方は温かい目で見守っていただけたらと思いま…