侍エンジニアブログ

月曜日：「今日からまた、会社行かなきゃ…」 火曜日：「あと4回」 水曜日：「よし、折り返しだ」 木曜日：「今日乗り越えたら、あと１日」 金曜日：「最高ーーーーー！！！」 土曜日：「休み最高！！！！」 日曜日：「明日からまた仕事か…」 これは、実際に僕が思う1週間の心境です。もう、休みを今か今かと待ち望んで仕事をしています。 なぜ、こんなにも会社に行きたくないのか。転職して約4ヶ月経ったが、前職と比べてどうだったのか。ぶっちゃけた話をして少しでもストレスをここで発散したい。 いつも僕は会社に行きたくないと感じるが、なぜ嫌だと感じるのか。そういった内容を含めて綴っていきたいと考えております。 会社…

​​​HTML,CSS,Javascript13(idを配列として取得) ・目次 ​​​HTML,CSS,Javascript13(idを配列として取得) 1.目的 2.配列としてidの取得 3.プログラム作成(配列としてidを取得) 3.jQueryのセレクタでを使う際の注意点 4.jQueryのセレクタで数値を扱う 5.プログラム作成(セレクタで[]と数値を使用) 関連記事 1.目的 ・javascriptとjQuaryの配列について記載する。 2.配列としてidの取得 idの数値を取得する。 let 変数名; 変数 = document.getElementById("文字列"+数値+"…

​​​HTML,CSS,Javascript12(javascriptの配列) ・目次 ​​​HTML,CSS,Javascript12(javascriptの配列) 1.目的 2.配列の宣言 3.プログラムの作成(配列の確認) 4.配列リテラルとコンストラクタの違い 5.プログラム作成(配列リテラルとコンストラクタの違い確認) 6.配列に数値と文字列を入れる 7.プログラム確認(配列に数値と文字列を入れ、要素の1つのみ変更) 8.空の配列の用意 8.プログラム作成(空の配列確認) 関連記事 1.目的 ・javascriptとjQuaryの配列について記載する。 【jQuery入門】配列の使い…

window.onload = function () { let tes1 = document.getElementById("test1"); tes1.addEventListener("click",function(){ tes1.innerText = "タイトル" }) } レイアウトを横並びにする この記事では、CSSを用いて、ホームページのレイアウトを横にする方法について記載する。 1. 目的 ・HTMLの要素を横並びにする方法について知る。 目次 レイアウトを横並びにする 1. 目的 2. 横並びにする方法 3. プログラム作成(display:flexを使って横並びにす…

何か新しい言語を触ってみようと思い、並列処理などに強いらしいGo言語を触ってみることにしました。 今回はそのGo言語をWindowsにインストールし、Hello Worldをしてみるまでの備忘録になります。 基本的にはGo言語の公式ページにある通りのやり方でインストールできるので、詳しくは参考資料に挙げているページ様を参照してください。 では、始めます。 １：インストーラのダウンロードとインストール Go言語公式のReleaseページを開きます。 All releases - The Go Programming Language ページを開くと以下のように表示されるので、インストールしたいO…

window.onload = function () { let tes1 = document.getElementById("test1"); tes1.addEventListener("click",function(){ tes1.innerText = "タイトル" }) } window.onload = function () { let tes1 = document.getElementById("test1"); tes1.addEventListener("click",function(){ tes1.innerText = "タイトル" }) } RCローパスフィ…

JavaのJacksonという外部ライブラリを使います。Jacksonは、JSONとJavaオブジェクトの相互変換ができるライブラリです。 Jacksonを入手する ライブラリを配置する フォルダ構成 サンプルプログラム JSON→オブジェクト コンパイルと実行 オブジェクト→JSON コンパイルと実行 参考サイト Jacksonを入手する 以下のサイトにアクセスして、Jacksonのjarファイルを入手します。 https://mvnrepository.com/artifact/com.fasterxml.jackson.core 入手するファイルは3つです。 Jackson Databi…

概要 本記事は rebase で運用するリポジトリでコミットがぐちゃぐちゃなってしまい、コンフリクト対応に苦労した自身の対応記録になります。 上記を回避するには、コミットの整理が有効です。 コミットを整理するには git rebase -i が使えます。ローカルブランチでのコミットは細かくしても OK ですが、リモートへ push する前にコミットを整理する際に使うと良いです。理由は、整理せずにコミットすると、不用意に触ってしまったファイルなどがあるとコンフリクトのリスクが高まり開発効率が落ちるためです。 概要 背景 そもそもどうすべきだったか で、ぐちゃぐちゃになった時にどうするか？ 実際に…

こんばんは！金曜日です、お勉強し放題で嬉しい… Python9日目、始めていきます。 昨日書いたコードの解読からです。 昨日の内容は 太いペンで「2」を書いて画像を保存 ↓ 画像データを読み込んで、0（白）～16（黒）の数字が8×8に並んだ配列に変換する ↓ 変換したデータを使って何の数字を書いたのか当てさせる というモノでした。 1行目から解読していきます。 ・ファイルを開く：open(変数名) ・モノクロにする：convert("L") ・サイズを8×8ピクセルにする：resize(8,8) までは分かりました。 次から早速全然分かりません。 急に難解 numpy.asarray(・・・)…

window.onload = function () { let tes1 = document.getElementById("test1"); tes1.addEventListener("click",function(){ tes1.innerText = "タイトル" }) } javascriptでHTMLの数値取得 この記事では、HTMLで数値を設定し、その設定した値をjavascript側で取得する方法について記載する。 1. 目的 ・HTMLで数値を設定し、その設定した値をjavascript側で取得する方法について理解する。(下記を作成) ・取得した値を使って、計算を行い…

長方形をふたつつくり、片方をゆっくりもう一方に近づけ、衝突した時点で、衝突判定できるようにしたいと思います。 JavaScriptで図形を描画・動かすためのCanvas活用術！ | 侍エンジニアブログ (sejuku.net) 当たり判定のアルゴリズム（2D 四角×四角） #JavaScript - Qiita

久しぶりにReact.jsで書くのでやり方をわすれつつあるので復習しながらやっていきます。create-react-appで行います。 import React, { useState, useEffect } from "react"; import { ReactDOM } from "react-dom"; import "./App.css"; function App() { const [context, setContext] = useState(null); useEffect(() => { const canvas = document.getElementById("c…